/* Version: 1.1 */

/*Sue's styles*/
.site-footer a:hover,
.site-footer p.social a:hover { color: #b2d883; }
a.btn-learn-more-ag-green {color:#000; }
a.btn-learn-more-ag-green:hover { background:#85A262; color:#000; }
h3.footer-contact-h3 { color: #b2d883!important; }
h4.section-h4 {color: #b2d883!important; }
footer#colophon.site-footer a:focus {color: #b2d883;}
/* Portrait phones and smaller */

h4.section-h4.hideTitle { 
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@media (max-width: 480px) {
  footer#colophon.site-footer { 
    background: #004982 no-repeat 50% 100%; 
  }

  h4.section-h4{

   
        font-size:23px;
        line-height: 28.5px;
/*        letter-spacing: -0.5px; */
    }

}



 /* Landscape phones and portrait tablets */
 
 @media (max-width: 767px) {

footer#colophon.site-footer { 
    background: #004982 no-repeat 50% 100%; 
  }
  h4.section-h4{

        
        font-size:23px;
        line-height: 28.5px;
/*        letter-spacing: -0.5px; */
    }
     
 }
 



@media (min-width:992px){
  html {
    position: relative;
    min-height: 100%;
  }
  body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-height: 100vh;
   margin-bottom: 0px;
 }
 footer#colophon {
   min-height:350px;
   margin: auto auto 0 auto;
  position:relative;
   width:100%;
   margin-top: 40px;
 }

}


@media (min-width: 2001px) {

 footer#colophon.site-footer { 
    background: #004982 no-repeat 50% 100%; 
  }



}



@media (max-width: 2000px) and (min-width: 768px) {
  footer#colophon.site-footer { 
    background: #004982 url(/wp-content/uploads/2017/09/footer-background2.jpg) no-repeat 50% 100%; 
  }


}


/*sticky footer*/
div#custom_html-3 span.fa-stack {
  vertical-align:top;
}

.flipboard {
 color: #004982 !important;
 font-family: arial;
 font-weight: 600;
} 



/*for site footer font color*/
footer li a {

	color: #fff;
}

footer {
  padding-top:20px;
  font-size:18px;
  line-height:29px;
  font-family: 'Source Sans Pro', sans-serif;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
 /* margin-top:50px;*/
}


footer#colophon.site-footer{
  
  color:#fff;
}

.footer-copyright, footer p a{
  font-family: 'Source Sans Pro', sans-serif;
  font-size:18px;
  color: #fff;
  line-height: 30px;

}

.footer-copyright p, .footer-copyright p a   {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:16px;
  color: #fff;
}


footer p.contact a {
font-size:16px;

}


/*This is applied to the 3sv-section-nav plugin code*/
.footer-bg-black {

  background-color: #0f0f0f; /*black;*/
  margin-top: -20px;
  padding: 20px 0 10px;


}


.section-nav.section_nav_widget div.row.footer-bg-black div.col-lg-offset-1.col-lg-11.col-xs-12 div.row div.col-xs-12 h2
{

  margin-top: 10px;


}


/*blue gradient not applied but optional*/
.footer-blue-bg-gradient {

  color: white;
  background-image: linear-gradient( #0066b5, #004982 );  
  margin-top: -20px;
}






.section_nav_widget {

  color: white;
}


/* NEW MAIN FOOTER MENU TWEAKS
The footer is now compiled with the wordpress menu system which prints the
menus as unordered lists so these tweaks remove the list styles and margins
*/


h3.footer-contact-h3 {
  color: #b2d883;
}


/*this pushes the margin back flush with the column and header*/
div.col-lg-3.col-md-3.col-sm-3.col-xs-12.bottom-footer-column ul#footer-column-1.menu li,
div.col-lg-3.col-md-3.col-sm-3.col-xs-12.bottom-footer-column ul#footer-column-2.menu li, 
div.col-lg-3.col-md-3.col-sm-3.col-xs-12.bottom-footer-column ul#footer-column-3.menu li {

  /*margin-left: -40px;*/
}

#footer-column-3, #footer-column-2, #footer-column-1 { /*, #footer-contact-column{*/
  list-style: none;
  display:contents;
  list-style-position: inside;
}

.menu-item-type-custom, .menu-item-object-custom{

  font-family: "Source Sans Pro", sans-serif !important;

}


#footer-column-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page, 
#footer-column-2 > li.menu-item.menu-item-type-post_type.menu-item-object-page, 
#footer-column-3 > li.menu-item.menu-item-type-post_type.menu-item-object-page{

  font-family: "Source Sans Pro", sans-serif;

}


.linked-section-nav-header {
    color: white; 
    text-decoration: none;
}

.linked-section-nav-header > a:hover {

  color: #b2d883;
    
}

.footer-bg-black > li {

  list-style-type: none;
}


/*--------------------------------------------------------------
#  INTEGRATION ADDITIONAL STYLES
--------------------------------------------------------------*/

div.footer-spacer{
	height: 40px;
}
/* to achieve margin above footer (which has margin-top:auto for  flexbox-sticky-footer styles) we need to set a BOTTOM margin on a common wrapper here -- RCG */
div#content.site-content {
margin-bottom: 40px;
}


@media (min-width: 992px){

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;

}
/* flex on wrapper is grow to fill, shrink to no smaller than contents, and auto height */	
div#page {
  display: flex;
  flex-direction: column;
	flex: 1 1 auto;

}	

/* margin-top: auto on footer pushes everything up from it if there is little content on the page */	
footer#colophon {

 margin-top:auto;

	}
}


/*--------------------------------------------------------------
#  Preventing horizontal scroll for logged in Safari user viewing default template
--------------------------------------------------------------*/
body.logged-in {
    overflow-x: hidden !important;
}