/* ******************************** WP AUTHOR BOX LITE ******************************** */

div#wpautbox-below.a-tabs div.a-tab-container div#wpautbox_about.a-tab-content div.wpautbox-author-meta {font-size: 14px;}
div#wpautbox_latest-post.a-tab-content ul.wpautbox-post_type-list.wpautbox-latest-post  {font-size: 14px;}
div.wpautbox-socials-square span.wpautbox-icon {border-radius: 16px !important;}


/* ******************************** CUSTOM CLASSES ******************************** */

.shadowclass h2, .shadowclass h3, .shadowclass a
{
    text-shadow: 3px 3px 8px #0e4644 !important;
}

/* leftover from 2016 site */

img.enlarge {
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
img.enlarge:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
}

img.grow { transition: all .2s ease-in-out; }
img.grow:hover { transform: scale(1.1); }









/* ALTITUDE OVERRIDES */


body {
	background-color: #fff;
	color: #292929;
	font-family: "Lato", sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lato", sans-serif;
	font-weight: 500;
	line-height: 1.2;
}
h1 {
	font-size: 48px;
}
h2 {
	font-size: 44px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}
.archive-title {
	font-size: 48px;
	line-height: 1;
}

.entry-title {
	font-size: 48px;
}

.sidebar .entry-title {
	font-size: 16px;
	text-align: left;
}

.entry-title a {
	color: #5f9997;
}

.entry-title a:hover {
	color: #5f9997;
}
.footer-widgets {
	background-color: transparent;
}


/* **************************** CUSTOM STYLES ********************************* */


/* STRIPES ON CIRCLES WRAPPERS */
@media screen and (min-width:1024px) {
.stripewrapper {
background: linear-gradient(#ffffff 233px, #5F9997 233px, #5F9997 240px, #ffffff 240px);
background: linear-gradient(#ffffff 263px, #5F9997 263px, #5F9997 270px, #ffffff 270px);
} 
}

/* BORDERS ON LOOP CIRCLES THAT NEED THEM */
.circleborders img {
max-height: 320px;
width: auto;
border-radius: 50%;
border: 6px solid #5F9997;  
}


/* WORDPRESS CUSTOM MENU WIDGETS */

.footermenu ul {
margin-left: 0px;
}

.footermenu ul li {
list-style-type: none;
font-family: Lato;
font-size: 16px;
line-height: 16px;
font-weight: 400;
}


.horizontalcustommenu li {
display: inline;
margin-right: 10px;
}


/* Make the Testimonial Loop look like the old headway pinboard one */
/* style any h4 and h5 items coming thru the excerpt like title and company (allow for the weird 'subhead' class they were using before */

.testimonialloop h3 a {color: #292929 !important;}
.testimonialloop div.subhead1, .testimonialloop h4 {font-size: 16px; line-height: 24px; color: #5f9997 !important; font-style: italic; margin-bottom: 0px; font-weight: 600; font-family: lato;}
.testimonialloop div.subhead2, .testimonialloop h5 {font-size: 16px; line-height: 24px; color: #5f9997 !important; font-weight: 600; font-family: lato; margin-bottom: 20px;}

.testimonialloop p a.readmorelink {display: none;}


.audiencebuttons a, .audiencebuttons a:hover {color: white !important;}





/* give Beaver priority over site header */
html.fl-builder-edit body.logged-in.admin-bar.fl-builder header.site-header {z-index: -999;}

/* MAKE GENESIS HEADER OVERLAP TRANSPARENTLY FOR HERO IMAGE WITH PAGE BUILDER */
@media screen and (min-width: 1024px) {
body.home.page div.site-container {margin-top: -76px;} 
body.home.page header.site-header {background-color: transparent;}
body.home.page header.site-header.dark {background-color: #000;}
}
/* DISPENSE WITH WEIRD WHITE SPACE ON GENESIS MOBILE VERSION */
@media screen and (max-width: 1023px) {
  .gd-full-width .site-inner {margin-top: 0px !important;} 
}

/* remove entry footer */
.single-post .entry-footer {display: none;}


/* change header & footer colors */
.site-header.dark
{
background-color: #5b8d8c !important;
}


/* change header & footer colors */
.site-footer
{
background-color: #292929 !important;
}


/* pad logo top menu 
div.title-area p.site-title  {padding-top: 6px;}
*/

/* allow custom sidebars to use footer widget area and make it full width */
.footer-widgets .wrap {
    padding: 0px !important;
    margin: 0px !important;
    max-width: 100%;
}
div.footer-widgets div.wrap div.widget-area .widget {margin-bottom: 0px;}


/* Default Footer Overrides */
/* FOOTER 1 */
html div.site-container div.footer-widgets {background-color: transparent !important;}


/* **************************** PLUGIN SETTINGS ********************************* */

/* Display Featured Image for Genesis */
div.site-container div.big-leader div.wrap {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


.big-leader {
    max-height: 400px;
    margin-bottom: 44px;
}

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

    .big-leader {
        max-height: 300px;
        margin-bottom: 34px;  
  }
}

/* reinforce baseline altitude settings on header biz name b/c screwed with by display featured image for genesis plugin */

.header-image .site-title > a {
    display: inline !important;
}


.title-area {
    padding: 25px 0 !important;
}


/* add dark overlay over 2ndary page header images - opacity */
.big-leader .backstretch:after {
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
}
/* blur the header images */
.big-leader .backstretch img {
 	-webkit-filter: blur(3px);
	filter: blur(3px);   
}


/* widget - recent posts extended */

.single p.estimated-reading-time {display: none;}


/* recent posts extended summary (manipulate the time to read) */
div.rpwe-summary {display: inline !important;
text-align: right !important; float: right; padding-left: 8px;
font-family: Lato;
color: #bbbbbb;
font-size: 16px;
}
div.rpwe-block time.rpwe-time {font-size: 16px;}


/* recent posts extended title link */
h3.rpwe-title a {
color: #5F9997;
font-family: Arvo;
font-size: 16px;
}

/* *********************** CONTEXTUAL RELATED POSTS ************************** */

/* contextual related posts */
.crp_related  {
    font-size: 21px;
    line-height: 140%;
}
.crp_related a {
text-decoration: none;
}

/* title font and spacing */
div.crp_related h3 {
    font-family: "Oswald",sans-serif !important;
  padding-bottom: 14px;
  padding-top: 24px;
}

/* crp background colors */
div.crp_related ul li {background-color: #1E1E1E;}

/* crp stretch thumbnail */
div.crp_related ul li a img.crp_thumb {min-width: 100%;}



/* Staff loop - compensate for staff photos being too small */
div#staffloop div.fl-photo-content  {min-width: 100% !important;}

/* Staff loop - center the names since we're left aligning the structure */
div#staffloop div.fl-module-content.fl-node-content div.pp-posts-wrapper h3.pp-content-grid-title.pp-post-title a {text-align: center;}

/* Staff loop - bring the READ MORE closer */
/*
 div#staffloop div.pp-content-grid-more-link {display: inline !important;}
 div#staffloop div.pp-content-grid-more-link a {padding-left: 0px;}
 div#staffloop div.pp-content-post-data div.pp-content-grid-content.pp-post-content {margin-bottom: 0px;}
*/

/* Staff Loop - add ellipses after the text */
div#staffloop div.pp-content-post-data div.pp-content-grid-content.pp-post-content::after {content: "...";}


/* Add registered trademark symbol to site title */
p.site-title:after {
    content: "®";
  font-size: 16px;
  vertical-align: super;
}

/* Add the site description back! */
.site-description {
	text-indent: 0px;
  font-size: 15px;
  color: #fff;
  padding-bottom: 4px;
}

@media only screen and (max-width: 1023px) {
.site-description {
text-align: center;
}
}

/* Reduce title padding on scroll, same as menu items */
header.site-header.dark div.wrap div.title-area {
    padding-top: 10px !important;
}


/* one-off code to eliminate extra padding on form template in footer of pages & posts */
article.post-27 .fl-node-58bc593a028b5 div.fl-row-content-wrap {padding: 0px !important;}


/* testimonal loop if using UABB */
/* don't display an image if in the actual testimonial post */
div.circleborders.testimonialloop div.uabb-blog-post-content img {display: none;}
/* do make the featured image a circle since the widget won't do that in this case - also set a fixed height/width UNTIL they start uploading only squares for this */
div.circleborders.testimonialloop div.uabb-post-thumbnail a img {
  border-radius: 50%;
  width: 240px;
  height: 240px;
}
/* center the images (important on mobile/tablet) */
div.circleborders.testimonialloop div.uabb-post-thumbnail {
  text-align: center !important;
}


/* portfolio loop currently using style 3 needs adjustment for mobile - responsive fonts so it doesn't cut off */
div#portfoliohome div.pp-content-post-data h3.pp-content-grid-title.pp-post-title {font-size: 3.0vh;}
div#portfoliohome div.pp-content-category-list.pp-post-meta {font-size: 2.5vh;}