/* Enter Your Custom CSS Here */

/* supress the submenu in older versions of IE */

ul.sub-menu {
    #display: none !important;
}

/* supress the submenu in IE 10 and 11 */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 ul.sub-menu {
    display: none !important;
}
}


/* changes opacity of background over main photo */


.page-header:before { 

/*background: none !important; */
  opacity: 0.70; 

}


/* ------- Masthead CSS ------ */

/* Mark's additions */

img:focus,span:focus, a:focus {
  	/* Remove the white boxes around some of the items when focused on */
	outline: 0px solid #f0f1f2;
	outline: 0rem solid #f0f1f2;
}

@media screen and (max-width:900px) {
  .header-widget-area { text-align: center !important; }
  
  button.menu-toggle {
  top: 50px !important;  
  }
  
  img.custom-logo {
    max-width: 75% !important; 
    padding-top: 30px;
  }
}


.header-widget-area {
 position:absolute;
 top: 10px;
 right: 20px;
 color: white;
 /* width:100%; */
 margin-left:auto;
 margin-right:auto;
 text-align: left;
  /* display:block;*/
  /* temporary adds */
}

nav.nav-primary {
  	/* width: 85%; 
	margin: auto; 
	margin-right: 125px;
  	display: block;
  	overflow-y: hidden;*/
}

nav.nav-primary ul li {
	font-size: 16px !important; 
}


button.menu-toggle {
  top: 30px;  
}

.header-widget-area .widget {
  margin-bottom: 0;
  margin-top:20px;
}

.header-widget-area >.widget_custom_html {
  display: inline-block;
}

.header-widget-area > .simple-social-icons {
  display: inline-block;
  vertical-align: middle;
  margin-top:3px;
  overflow:visible;
}


/* Close Mark's Additions */

.custom-logo {
    height: auto !important;
}


/* main nav changes */


nav.nav-primary a {
 color:white; 
  
}


nav.nav-primary a:hover, nav.nav-primary ul li:hover a  {
 background-color:black;
}

ul.sub-menu {
    margin-top: 0px !important;
  


 }


ul.sub-menu li a {
  background-color: white !important;
  color:black !important;
  margin-top:2px;
  font-size: 16px !important;
  
}

ul.sub-menu li a:hover {
color: #209BDE !important;

}




/* Main Menu Fonts */

@media screen and (min-width: 960px) {

.nav-primary .menu {
    font-size: 14px;
}
}



header.site-header {
  font-family: Montserrat,Helvetica,Arial,sans-serif;
}

header.site-header a {
    padding: 1em 1em;
}



.header-widget-area .textwidget.custom-html-widget
  a {
    width: auto;
    text-decoration: none;
    display: inline-block;
     padding: .5em .6em;
  font-size: 1.2rem;
  font-weight:600;
  color:white;
}

.header-widget-area .textwidget.custom-html-widget
  a:hover {
    width: auto;
    text-decoration: underline;
    display: inline-block;
}



/* code to swap the About Us / Contact Us for mobile version */


@media screen and (min-width: 480px) {
li.menu-item-380,li.menu-item-381 
  {display:none;}
}

@media screen and (max-width: 480px) {
  .top_about {display:none;}
}





/* -----  General Site CSS ----- */



h1 {
 margin:0px 0px 10px 10px !important;
}


body.gppro-custom .nav-primary .genesis-nav-menu > .menu-item > a:hover {
    background-color: black !important;
    color: white !important;
}


p {
 font-size:18px !important;
  font-family: Hind,Helvetica,Arial,sans-serif !important;
  font-weight:500;
}

ul li {
 font-size:18px !important;
  font-family: Hind,Helvetica,Arial,sans-serif !important;
  font-weight:500;
  color:#556676 !important;
}















/* ------ Front Page CSS ------ */


/* front-page 1 widget - WE BUY HOUSES */

section.page-header {
    padding-bottom: .5rem;
  text-align:left;
}


.front-page-1 {
    padding: 20rem 0 12rem !important;
}

.front-page-1 a.button.accent, a.button.accent, button.frm_button_submit {
  background-color:#1A4D6F;
  color:white;
}

.front-page-1 a.button.accent:hover, a.button.accent:hover, button.frm_button_submit:hover {
  background-color:black;
  color:white;
}




/* Front-page 2 widget - WE TURN HOUSES INTO HOMES */


.front-page-2 {
    background-color:#1A4D6F !important;
    color:white;
}

.front-page-2 p {
    color:white !important;
}

.front-page-2.widget-area {
    padding: 30px;
}

@media screen and (min-width:700px) {

.front-page-2.widget-area {
    padding: 60px 100px 60px 100px;
}
}

.front-page-2 a.button.accent {
  background-color:white;
  color:#3A8BC2;
  margin-top:10px;
}

.front-page-2 a.button.accent:hover {
  background-color:black;
  color:white;
}


/* Front Page 3 styles - THERE IS MUCH MORE WE CAN DO TOGETHER */

.front-page-3.widget-area {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.front-page-3 h1 {
 font-weight:bold; 
font-size:40px;
 color:#336699;
  text-align:center;
}

.front-page-3 p {
 text-align:center !important; 
  
}

@media (min-width:860px) {
.front-page-3 h1 {
  text-align:right;
  display:block;
  float:left;
    width:40%;
  padding-right:3% !important;
  word-break: keep-all;
  padding-bottom:7%;
}

.front-page-3 p {
text-align:left !important;
  font-size: 20px !important;
}

.front-page-3 a.button.accent {
display:block;
  float:right;
}

}


.front-page-3 {
  background-color: white !important;
  text-align:center !important;
  color:#6D445D !important;
  padding-top:60px !important;
}


.front-page-3 p {
 color:#4E2F41;
}

section#custom_html-5 {
    text-align: left !important;
    width:80%;
}

.front-page-3 a.button.accent {
  background-color:#209BDE;
  color:white;
  display:block;
  float:right;
}

.front-page-3 a.button.accent:hover {
  background-color:black;
  color:white;
}



/* Front Page 4 styles - WHY CHOOSE WINDSOR?  Testimonials  */

.front-page-4:before {
    background: none !important;
}

.front-page-4.widget-area {
    padding-top: 6rem;
    padding-bottom: 6rem;
 
}



.front-page-4 .textwidget.custom-html-widget {
    width: 100%;
    
}

.front-page-4 img {
margin-left:auto;
  margin-right:auto;
}

.front-page-4 .widget_text.widget-wrap {
     background-color: rgba(51,102,153,0.75);
   padding-top:30px;

 }

blockquote.easy_testimonial {
    background-color: rgba(51,102,153,0.75);
    margin-top: 0px;
    width: 100%;
    padding:0 5% 5% 5% !important;
    color:white;
}

span.testimonial-client {
    color: white;
    font-weight: bold;
    font-size: 16px;
}

span.testimonial-position {
    color: white;
}




/*  ---- Interior Page CSS ----  */ 


/* internal page header margin so it works on mobile */


.page-header h1 {
 
    margin-top: 100px !important;
}


@media screen and (min-width: 800px) {
.page-header h1 {
 
    margin-top: 40px !important;
}
}


/* formidable button CSS makes it purple */

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit] {
 background-color:#1A4D6F;
  text-decoration: none;
  color:white;
 
}


/* formidable form label colors */

.frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label {
    color: #556676;
   font-family: Hind,Helvetica,Arial,sans-serif !important;
}


/* style blockquotes */

blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 500px;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -40px;
    top: -20px;
    color: #6C455C;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}






/*  ---- Footer CSS ----  */ 


/* Before footer CSS - NO-OBLIGATION CASH OFFER */


.before-footer section {
    width: 90%;
    margin: 0 auto;
}

.bfLeft, .bfRight { text-align:center }

@media screen and (min-width:900px) {

.bfLeft { float:left; display:block; }

.bfRight { float:left; padding: 1rem 5rem; }
 
}

@media screen and (min-width: 800px) {
  .cash_offer { display: none;} 
}


.before-footer {
    padding: 5rem 0 !important;
}

.before-footer:before {
    background-color: #4E2F41 !important;
}

.before-footer a  {
   color:white !important;
  text-decoration:none !important;
}

.before-footer a:hover  {
   color:white !important;
  text-decoration:none !important;
}

.before-footer h1 {
   margin-left:0px !important;
}

.before-footer p {
   font-size: 16px !important;
}







/* footer widget CSS */

/* removes the before footer section */

.before-footer {
   
    display: none;
}


footer.site-footer {
background-color:#333333;
}
  
div#genesis-footer-widgets {
    padding-top: 50px;
  padding-bottom: 10px;
}
  
.footer-widgets h3.widgettitle.widget-title {
 color:#A4A8AC;
  font-size:20px;
  margin-bottom: 10px;
}

.footer-widgets input[type="submit"] {
    background-color: #1A4D6F;
  margin-top:10px;
  color:#A4A8AC;
}

.footer-widgets input[type="email"] {
border: 1px solid #A4A8AC;
  background-color:#333333;
  color:#A4A8AC;
}

.footer-widgets input[type="email"]:focus {
  background-color:white;
}

section#simple-social-icons-2 {
   margin-top: -20PX;
}