/* Enter Your Custom CSS Here */
/* 2016-07-26 */
/*
Dark blue: #2B2C65;
Red: #AE132A;

Logo Blue: #002D72
Logo Red: #A6192E
*/

/* Remove the dotted line at the bottom of the header image */
.widget li {
  border-bottom: none !important;
}  

/* remove buttons on Edit Account page 
The custom css code doesn't override the WPUM CSS
I added a wpum folder in the hookpoint theme, and added wp_user_manager_frontend.css
Added this change in line 612: 

#wpum-account-forms-tabs {
    display: none;
}
*/

.left-align {
  text-align: left;
}

.sidebar-primary {
  width: 300px;
}  

.content { 
  width:820px;
}  

/* Slider
-------------------------------*/
.crellyslider {
  max-width:1600px;
  height:auto;
}


.red-title {
  color: #AE132A;
  font-weight: bold;
  text-transform:uppercase;
  text-align: center;
}

.content {
  padding: 12px 40px 40px 40px;
}  

.site-header {
  position: fixed;
  top: 0px; //28px; /* Unk was 28 */
  width: 100%;
  z-index: 2000;
  background-color: #DDD !important;
}

.outreach-pro-home .site-inner {
    max-width: 100%;
    padding: 0;
}

/* push the main content below the header and utility bar */

.site-inner {
  margin-top: 125px;
}  

/* full width on home page for slider */

.outreach-pro-home .wrap {
    max-width: 100%;
}

.home-top .widget {
    padding: 0; 
}

.home-top .widget:first-child {
    padding-top: 0;
}

.home-top #text-3 {
  max-width: 1140px;
  margin: 0 auto;
  padding: 24px 0; /* 24 0 */
}  

.home-bottom .wrap {
  max-width: 1140px;
}  

/* Content text */
.entry-content {
  padding: 10px 5px 0px 5px;
  text-align: justify;
}

/* Generic Styles */
a:link  {
  text-decoration: none;
  font-weight: bold;
  color: #002D72; /* LM more blue for home page  #2B2C65*/ 
}

a:visited {
  text-decoration: none;
  color: #2B2C65;
}

a:hover {
  text-decoration: underline;
  color: royalblue;
}

h2 {
  font-size: 24px;
  color: #002D72;
  font-size: 1.4em;
  font-weight: bold;
}

.more-link,
.more-link a {
  text-transform: uppercase;
  text-decoration: none !important; 
  text-align: center;
  font-weight: normal;
  background-color: #002D72;
  color:#fff !important;
  padding: 6px;
  margin-bottom: 6px;
  border-radius: 4px;
  width: 100px;
  float:right;
    
}  

.more-link:hover {
  background-color:royalblue;
}  

/* Contact Us Page */
.hp-address {
  line-height: 95%;
}  

/* Admin Bar - Black Wordpress bar which appears to admins only 
---------------------------------------------------------------*/

body.admin-bar .site-header {
  margin-top: 32px; /* 60 Unk */ 
}

body.admin-bar .utility-bar {
  margin-top: 80px; /* 32  Unk*/ 
}

body.admin-bar .site-inner {
  margin-top: 182px;
}  


/* Utility Bar (Red section with widgets)
--------------------------------------------- */
.utility-bar {
 	background-color: #AE132A; /* Red */
  	vertical-align: middle;
	color: #fff; /* Text Colour */
/* Font size for both left & right utility bar */  
	font-size: 1.0rem;
	padding: 10px; /* 2016-06-16 fixed scrolling under */   
	position:fixed;
    margin-top: 80px;
    width: 100%;
	z-index: 2001;
}

.utility-bar .wrap {
  max-width: 1140px;
}  

.utility-bar .widget {
  margin: 0;
}  

.utility-bar-left {
  width:76%;
  text-align: right;
  margin-top:6px;
}  

.utility-bar-right {
	width: 20%;
}

.utility-bar-left p,
.utility-bar-right p {
	margin-bottom: 0;
}

.utility-bar-left {
	float: left;
}

.utility-bar-right {
	float: right;
	text-align: center;
  margin-right:28px;
}

.utility-bar-right .widget-title {
  padding: 4px 0 0 0;
  display:none;
}  

/* LM Check  Don't think we use this*/
.utility-bar input[type="search"] {
	background: inherit;
	padding: 0px 0px 0px 0px; /* Was 10 */
	/*padding: 1.0rem 0 0; */
}
.utility-bar .menu li.menu-item { 
  display: inline;
  font-size: 0.8rem;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform:uppercase;    /* 2016-06-16 LM */
  border-bottom: none;
}

.utility-bar .menu li.menu-item a { 
  color:white;
  padding: 0 2%;
}

.utility-bar .menu li.menu-item a:hover { 
  color:#a8d0f0;
  /*background-color:white; */ /* 2016-06-16 LM */
  text-decoration:none;
}


/* Styling for the Search box 
--------------------------------------------------*/
div[id*="ajaxsearchlite"] {
  border-radius: 4px;
  box-shadow: inset 2px 2px 5px #666 !important;
}  

div[id*='ajaxsearchlite'].wpdreams_asl_container {
    width: 100% !important;
    margin: 2px 0px 0px 16px !important;  
}


.site-header {
	background-color: #fff;
	color: #000;
	min-height: 80px; /* 60 Height of the admin bar */
    /* border-bottom: 1px solid #eee; */ /* LM 2016-06-16 */
}

.site-header .wrap {
  padding: 0 0 0 0;
  max-width:1140px;
}

.header-image .site-title > a {
     min-height: 60px; /* 70 Also affects the size of the admin bar  */ 
     z-index: 9999;
}

.header-image .site-title {
  text-indent: initial;
  margin-top: 10px; /* Logo 10  */
}

.site-header .widget-area {  
  padding: 24px 0 0 0 ; /* 0 Spacing search box*/
  margin: 14px 0px 0px 0px;
  	width:66%; /* Overide width 740 to get Search right alligned */
}


/* More Menu - Is this overwritten ? 2016-06-16 LM */
.nav-primary {
/* Louis - Check */
  background-color: #2483d0;
    color: #fff;
} 


.genesis-nav-menu {
    text-align:right;
}

.genesis-nav-menu a {
  padding: 4px 12px;
  text-decoration: none;
}

.site-header .widget-area a {
  color:darkblue;
}  

.genesis-nav-menu,
.genesis-nav-menu a {
  color: #002D72; //#002D72;
  font-family: 'Roboto Condensed', sans-serif;
  /*color: darkblue;  check with derrick */
  font-size: 16px;
  font-weight: bold;
}  

.genesis-nav-menu .current-menu-item > a, 
.genesis-nav-menu .sub-menu .current-menu-item > a:hover, 
.genesis-nav-menu a:hover, 
.genesis-nav-menu li:hover > a {
  background-color:transparent;
  color:#333;
}  


/* Form styling 
---------------------------------------*/

form {
  text-align:left;
}  


input#user_login.input {
  padding: 5px;
}  

input#user_pass.input {
  padding: 5px;
} 

.formbox {
  max-width: 400px;
  margin: 0 auto;
  background-color: #e6e6e6;
  padding: 8px 20px;
  border-bottom: 8px solid #AE132A;
}  

.formbox-600 {
  max-width: 600px;
  margin: 0 auto;
  background-color: #e6e6e6;
  padding: 8px 20px;
  border-bottom: 8px solid #AE132A;
}  

.formbox-wide {
  max-width: 800px;
  margin: 0 auto;
  background-color: #e6e6e6;
  padding: 8px 20px;
  border-bottom: 8px solid #AE132A;
  overflow:auto;
}  

.formcomplaint {
    background-color: #e6e6e6;
 	width: 900px;
    margin: 0 auto;
    color: #000;
    /* width: 150%; */
    text-align:left;
}  

/* Contact Form 7 form styling  
------------------------------------------------- */

.enquiry-title {
  /*color: #AE132A; LM */
  color: #002D72;
  font-size: 1.4em;
  font-weight: bold;
}


/*
.wpcf7-form {
 	//border: 2px solid #004f99;
    background-color: #e6e6e6;
  	padding: 8px 20px;
    border-bottom: 8px solid #AE132A;
  	/*text-indent: initial;*/
}
*/

input.wpcf7-form-control {
  padding: 4px;
}  

.wpcf7-text {
    background-color: #fff; #e6f3ff;
  	padding:5px;
  	//padding-left:5px;
	//vertical-align:middle;
  	text-align: left;
   	//font-size: 12px;
    color: #000;
    width: 100%;
  	height: 25px;
  
}
.wpcf7-textarea {
    background-color: #fff; #e6f3ff;
  	text-align: left;
  	padding-left:5px;
  	//font-size: 12px;
    color: #000;
    width: 100%;
  	//height: 80px;
}

/* Pods Form fields
----------------------------------------- */
.pods-form-ui-field-type-pick,
.pods-form-ui-field-type-text,
.pods-form-ui-field-type-email,
.pods-form-ui-field-type-phone {
  font-size: 14px;
  padding: 5px;
  font-weight: initial;
  color: black;
}  

.pods-field-input {
  width:100% !important;
}  


/*
.pods-form-front .pods-field-label {
    float: none !important; 
}
*/

.center-agency-logo {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 24px;
}  


/* WordPress Profile Builder forms
----------------------------------------- */

.content .wppb-user-forms {
  text-align: left !important;  
}  

.content .wppb-user-forms li {
  list-style-type: none !important;
}  

/* Button styling
----------------------------------------- */

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.button {
  color: white !important;
  background-color:#002D72; //Logo Blue;
  padding: 6px 12px;
  margin: 8px 0 0 0;
}

button:hover, 
input:hover[type="button"], 
input:hover[type="reset"], 
input:hover[type="submit"], 
.button:hover {
   color: white !important;
   background-color:royalblue;
   text-decoration:none;
}

/* Styling for Add A Deal button on Deals List page */
.rbutton {
  //margin-top: -30px;
  max-width:120px;
  float: right;
}  

.small-button {
  padding: 3px 12px;
  margin: 0 0 12px 0;
}  

/* Sidebar styling
----------------------------------------------------*/

.sidebar {
  color: #2B2C65;
}  


.sidebar .widget {
	background-color: white;
}

.sidebar .widget-title {
  color: #2B2C65;
  font-weight: bold;
}  


.sidebar li a {
  color: #2B2C65;
}  

.sidebar li a:hover {
  color: royalblue;
}

h1.entry-title {
  color: #2B2C65 !important;
  text-align: left !important;
}  


.content .entry-title a {
  color: #2B2C65;
  text-align: left;
}  

.content .entry-title a:hover {
  color:royalblue;
  text-decoration: none !important;
}  

.content .entry-content .more-link a {
  color: #2B2C65;
} 

/* Remove Date & Time from Posts - Not working
----------------------------------------------------*/
.entry-date {
display: none;
}

/* Derricks Form capture stuff
---------------------------------------------------*/

.deal-box {
  border:1px solid lightgray;
  padding: 6px;
  overflow: auto;
}    

.outer-box {
  border:1px solid lightgray;
  padding: 6px;
  overflow: auto;
}    

.rating-box {
  background: #C5FFB8;
  text-align:center;
}  

/*-------------------------------------------------------*/
@media only screen and (max-width: 1023px) {

  
  .site-header .widget-area {
    width: 100%;
    padding: 0;
    margin:  0;
  }  
  
  .genesis-nav-menu {
    text-align: center;
  }

  /*
  .utility-bar {
    top:31px;
  } 
  */

  .utility-bar-left,
  .utility-bar-right {
    width: 100%;
  }
  
  .utility-bar-left {
    margin-top: 0;
  }    
  
  .utility-bar-left .textwidget {
    text-align: center !important;
  }

  utility-bar-right {
    max-width: 80%;
    margin-right: 10px;
  }  
 
  /*
  .site-inner {
    margin-top: 180px;
  }
  */
  
  #text-3 {
    padding: 16px !important;
  }
  
}


@media only screen and (max-width: 620px) {

  
  .site-header, 
  .utility-bar {
    position: static;
  }  
  
    .utility-bar {
    top:22px;
    margin-top: 0;
  } 
  
    .site-inner {
    margin-top: 0;
  }
    
  #text-4 {
     display:none;
  }  
  
  img .post-image .entry-image {
  margin: 0 100px;
  }    
  
  .alignleft {
    float:none;
  }  
}

@media only screen and (max-width: 480px) {
 
  img .post-image .entry-image {
    margin: 0 100px;
  }  
  
}