/*
Theme Name: Elite Fertility
Theme URI: https://www.elitefertility.com
Description: The Official WordPress theme for Elite Fertility. <a href="http://fontawesome.com" target="_blank">Font Awesome Kit Pro CDN</a>, <a href="http://getbootstrap.com/" target="_blank">Bootstrap 4.1.3</a>, <a href="https://fancyapps.com/fancybox/3/">FancyBox 3.5.7 CDN</a>.
Version: 8.5.3
Author: Catalyst Healthcare Marketing
Author URI: https://www.catalysthcm.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: wordpress

*/

/* ## Constants
--------------------------------------------- */
:root{
	--primarycolor: #7AA2A3; /*Teal*/
	--secondarycolor: #B0C8C1; /*Pale Green*/
	--ctacolor: #573865; /*Purple*/
    --grayone:#3b3b3b;
    --graytwo:#222;
	--primaryfont: 'Work Sans', sans-serif;
	--secondaryfont: 'Give You Glory', sans-serif;
	--fontawesome: "Font Awesome 5 Pro";
}
.has-primary-color, .has-primary-color.wp-block-button__link, .sec5 section li h2, .cta-icon-set-container a, .cta-icon-set-container a:visited, header aside:nth-of-type(1) .cta-icon-set-container a:hover, #nav li:hover > a,  #nav a:focus, footer a:hover, #footer-mid .fad, #footer-mid aside:nth-of-type(2) a, #footer-mid aside:nth-of-type(2) a:visited, #text-box-container a, #text-box-container a:visited, .social-icons .fa:hover, .video-set-container li p, .number-feature h3, .check-bullets li:before, a, a:visited, p.has-text-color a, p.has-text-color a:visited, input[type=checkbox]:checked + label, .search #searchform .fa-search:hover, .alert-highlight {
    color: var(--primarycolor); 
} 
.has-primary-background-color, .has-primary-background-color.wp-block-button__link, .has-primary-background-color.wp-block-cover, .wp-block-button a.wp-block-button__link:hover, .has-primary-background-color.wp-block-cover.has-background-dim, .wp-block-genesis-blocks-gb-accordion.gb-block-accordion .gb-accordion-title, header aside:nth-of-type(3) .site-switch-button-container .button, .egg_donor_page header aside:nth-of-type(3) .site-switch-button-container .button:hover, #nav ul ul li a, #nav ul ul li a:visited, .toggle-tabs-container .toggle-tab-content, input[type=submit]:hover, button:hover, .button:hover, .gform_save_link:hover, .post-cat-tags a:hover{
    background-color: var(--primarycolor);
} 
.has-secondary-color, .has-secondary-color.wp-block-button__link, .sec3 section h4 b, #right-side-col-container .widget_nav_menu .current_page_item > a:hover, #left-side-col-container .widget_nav_menu .current_page_item > a:hover, #left-side-col-container .widget_nav_menu .current_page_item > a:hover, #right-side-col-container .widget_nav_menu .current_page_item > a:hover, .wp-caption .wp-caption-text, .entry-caption, .gallery-caption, #nav li.current_page_item > a,  #nav .current_page_ancestor > a, #nav li.current-page-ancestor > a, #nav li.highlight a, #nav li.highlight a:visited, .sec0 aside:nth-of-type(2) p:first-of-type::first-letter, .sec2 aside:nth-of-type(1) p:first-of-type::first-letter, .comment-body a, .comment-body a:visited, #full-screen-nav-container li a:hover, #testimonials-landing-page-cpt-container article aside h2 {
    color: var(--secondarycolor);  
} 
.has-secondary-background-color, .has-secondary-background-color.wp-block-button__link, .has-secondary-background-color.wp-block-cover, .has-secondary-background-color.wp-block-cover.has-background-dim, #left-side-col-container, #right-side-col-container, .sec4 aside:nth-of-type(4), .sec6 aside:nth-of-type(3), .alert-highlight, .post-cat-tags a, .post-cat-tags a:visited, .cta-sub-tab li a {
    background-color: var(--secondarycolor); 
} 
.has-cta-color, .has-cta-color.wp-block-button__link, #widget-box ul.menu > li.current-menu-item:before, #widget-box ul.menu ul > li.current-menu-item:before, .wp-block-button.is-style-outline a.wp-block-button__link, h1, h2, h3, h4, h5, h6, #right-side-col-container .widget_nav_menu .current_page_item > a, #left-side-col-container .widget_nav_menu .current_page_item > a, #left-side-col-container .widget_nav_menu .current_page_item > a:visited, #right-side-col-container .widget_nav_menu .current_page_item > a:visited, .sec1 .sectiontitle b, #nav li.menu-item-has-children > a:after, .cta-icon-set-container a:hover, header aside:nth-of-type(1) .cta-icon-set-container a, #nav li a, #nav li a:visited, #nav li.current_page_item > a:hover,  #nav .current_page_ancestor > a:hover, #nav li.current-page-ancestor > a:hover, #nav li.highlight a:hover, .sec1 h2.sectiontitle b, .sec2 h2.sectiontitle b, #text-box-container a:hover, #left-side-col-container a, #right-side-col-container a, #left-side-col-container a:visited, #right-side-col-container a:visited, #left-side-col-container a:hover, #right-side-col-container a:hover, a:hover, p.has-text-color a:hover, #full-screen-hamburger-nav-container .fa-bars, .full-screen-nav-overlay .fa-times-circle:hover {
    color: var(--ctacolor); 
} 
.has-cta-background-color, .has-cta-background-color.wp-block-button__link, .has-cta-background-color.wp-block-cover, .wp-block-button a.wp-block-button__link, .has-cta-background-color.wp-block-cover.has-background-dim, .gb-block-accordion .gb-accordion-title:hover, .button-alt:hover, .egg_donor_page header aside:nth-of-type(3) .site-switch-button-container .button, header aside:nth-of-type(3) .site-switch-button-container .button:hover, #nav ul ul li a:hover, .sec4 aside, .sec6 section aside, #text-box-container, input[type=submit], button, .button, .gform_save_link, .cta-sub-tab li a:hover  {
    background-color: var(--ctacolor); 
}
footer {
    background-color: var(--grayone);
}
hr, #footer-base{
    background-color: var(--graytwo);
}
.has-white-color, .has-white-color.wp-block-button__link, .wp-block-button.is-style-outline a.wp-block-button__link:hover, .check-bullets.has-white-color li:before, #smoothup, input[type=submit], button, .button, a.button, a.button:visited, .full-screen-nav-overlay .fa-times-circle, .mast-home-slider .soliloquy-caption-inside h2, .mast-home-slider .soliloquy-caption-inside h3, #mast-int h2, #mast-int h3, .gb-block-accordion .gb-accordion-title, a.button, .button-alt:hover, .soliloquy-container .button-alt, #right-side-col-container a.button, #right-side-col-container a.button:visited, #right-side-col-container a.wp-block-button__link, #right-side-col-container a.wp-block-button__link:visited, #nav ul ul li a, #nav ul ul li a:visited, #alert-box h3, .side-magnet a, .side-magnet a:visited, #nav ul ul li a:hover, footer, #footer-base, footer a, footer a:visited, #footer-mid aside:nth-of-type(2) a:hover, #footer-top aside h2.footer-widget-title, #footer-nav a, #footer-nav a:visited, #footer-base a, #footer-base a:visited, .sec1 section, .sec1 .sectiontitle, .sec1 h1, .sec1 h2, .sec1 h3, .sec1 h4, .sec1 h5, .sec1 h6, .sec3 section, .sec3 section h2, .sec4 section aside, .sec4 section aside h2, .sec6 aside, .sec6 aside h2, .sec2 h2.sectiontitle span, .sec3 section h2, .sec3 .button-alt, .sec3 a.button, .sec3 a.button-alt, .sec4, #text-box-container, #text-box-container ul > li:before, .scroll-box>h3, #widget-box, #widget-box ul.menu > li:before, input[type=submit], button, .button, input[type=submit]:hover, button:hover, .button:hover, .gform_save_link, .gform_save_link:hover, .post-cat-tags a, .post-cat-tags a:visited, #smoothup, #smoothup .fa, #full-screen-nav-container li a, #full-screen-nav-container li a:visited, .cta-sub-tab a, .cta-sub-tab a:visited, .cta-icon-set-container .cta-sub-tab li a, .cta-icon-set-container .cta-sub-tab li a:visited, header aside:nth-of-type(1) .cta-icon-set-container .cta-sub-tab li a, header aside:nth-of-type(1) .cta-icon-set-container .cta-sub-tab li a:visited, #nav ul ul li.current_page_item > a:hover, #nav ul ul ul li.current_page_item > a:hover {
    color: #FFF; 
} 
.has-white-background-color, .has-white-background-color.wp-block-button__link, .has-white-background-color.wp-block-cover, header, .search #searchform input[type="text"], #post-masonry-landing-page-container article {
    background-color: #FFF; 
} 
.has-black-color, .has-black-color.wp-block-button__link, select, .search #searchform .fa-search, .comment-body, .fancybox-button svg, .flex-pauseplay a {
    color: #000; 
} 
.has-black-background-color, .has-black-background-color.wp-block-button__link, .has-black-background-color.wp-block-cover, #smoothup, #smoothup .fa, #smoothup {
    background-color: #000; 
}
h1, h2, h3, h4, h5, h6{
	font-family:var(--primaryfont);
}
/*.sec5, .sec5 h2, .sec5 p{
	font-family:var(--secondaryfont);
}*/
.single .previous a:before, .single .next a:after, #text-box-container ul > li:before, #widget-box ul.menu > li:before, #footer-widget-box ul.menu > li:before, .fa-bullet-ul li:before, #widget-box ul.menu ul > li:before, #widget-box ul ul > li:before, blockquote:before, blockquote:after, .check-bullets li:before, li.page-item.previous a:before, li.page-item.previous a:after, #nav ul ul li a:before, .flex-direction-nav a:before, .flex-pauseplay a:before, #nav li.menu-item-has-children > a:after, .check-bullets li:before{
	font-family: var(--fontawesome);
}
header.navbar-fixed-top, .content-loop, #nav ul ul li, #mast-int video, .video-set-container .video-thumb, .overlay, .fade-overlay, .collapseaccordion, .grid-staff-set aside .headshot-featured-image, .page-template-page-full .grid-staff-set aside, .parallax-container section, .zig-zag-ad-box, .zig-zag-ad-box section, .zig-zag-ad-box .button-container, .zig-zag-content h1, .zig-zag-content h2, .zig-zag-content h3, .zig-zag-content h4, .zig-zag-content h5, .zig-zag-content h6, .zig-zag-content p, #right-side-col-container .embed-responsive, .gallery-item img, .gallery-columns-1 .gallery-item, ul.pagination.justify-content-center, .flex-control-nav, .flex-control-thumbs img, .pace .pace-progress, .full-screen-element, .full-screen-nav-overlay, #mast-int section, #mast:after, #mast-int:after, #footer-base section, #mast-int.solioquy-mast-slider .soliloquy-image, .sec5 .button-container, .fancybox-content.popup-with-borders.full-width-popup .popup-content, .staff-set.staff_block section aside img, header aside:nth-of-type(3) p{
	width: 100%;
}
.sec0 section aside img, .sec2 section aside img, .sec4 section aside img, .sec6 section aside img {
    max-width: 100%;
}
header section, .cta-icon-set-container ul, #body-content-container, #footer-top, #footer-base, .blog-feed-container, #two-col-container > ul, #two-col-left-heavy-container > ul, #two-col-right-heavy-container > ul, #three-col-container > ul, #four-col-container > ul, .grid-staff-set, #staff-set section, .video-set-container ul, .zig-zag-ad-box, .zig-zag-ad-box section, .fancybox-content.popup-with-borders .popup-container, .search-results-page-container article, .gallery, #footer-mid, #footer-base section, .highlight-cta-left-set-container, .sec5, #footer-mid aside:nth-of-type(1), #footer-mid aside:nth-of-type(3) a, #testimonials-landing-page-cpt-container article, .staff-set.staff_block section{
    display: flex;
    flex-wrap: wrap;
}
.popup-container, #footer-mid, #footer-base section, #footer-mid aside:nth-of-type(3) a{
    align-items: center;
}
#mast-int section, .headshot-featured-image section, .headshot-featured-image .staff-announcement, .video-set-container h3, .event-set-container h3, .event-set-container h4, .parallax-container section, .zig-zag-content .mini-title, .ad-box-container section aside h4, .toggle-tabs-container .nav-tabs, h2.blog-feed-title, .blog-feed-container, #widget-box #searchform, #widget-box.widget_categories form, .wp-caption, .wp-caption .wp-caption-text, .entry-caption, .gallery-caption, #post-masonry-landing-page-container h2, #single-post-container article .featuredimage, #single-post-container.medium-blog-theme-container article .entry-title, #single-post-container.medium-blog-theme-container article .singular-blog-meta-info, .social-share, .navigation, .video-set-container li, .full-screen-nav-overlay .fa-times-circle, .wp-block-image figcaption, .sec6 section aside, .home .content-loop h1, .sec0 .sectiontitle, .sec1 .sectiontitle, .sec2 .sectiontitle, .sec3 .sectiontitle, .sec3 section h2, sec4 .sectiontitle, .sec5 .sectiontitle, .sec6 .sectiontitle, #mast-int section, .video-set-container li, .sec0 .button-container, .sec2 .button-container, .home-flexslider .slides>li, #widget-box h2.widget-title, .sec5 .button-container, header aside:nth-of-type(3) p{
    text-align: center;
}
.highlight-cta-left-set-container{
    justify-content: center;
}
#testimonials-landing-page-cpt-container article, .staff-set.staff_block section{
	justify-content: space-between;
}
.author-photo-container img{
    margin: 0 auto;
}
.video-set-container .video-thumb, .sec3{
	background-size: cover;
}
.sec0 section aside img, .sec2 section aside img, .sec4 section aside img, .sec6 section aside img{
	object-fit: cover;
}
header, header.navbar-fixed-top, header aside:nth-of-type(1) img, .social-icons .fa, .video-set-container .video-thumb, #smoothup, input[type=submit], button, .button, .button-alt, a.button, a.button-alt, .full-screen-nav-overlay, .gb-block-accordion .gb-accordion-title {
  transition:all 0.5s ease;
}
.fadeup{
    opacity:0;
}
#post-landing-page-container article span, .search-results-page-container article span, #smoothup, #nav ul ul img, .cta-sub-tab, .disable{
	display: none;
}
#smoothup, .cta-sub-tab a, .cta-sub-tab a:visited, .gform_legacy_markup_wrapper .gform_footer a.gform_save_link, .gform_legacy_markup_wrapper .gform_page_footer a.gform_save_link {
    text-decoration: none;
}
.cta-icon-set-container ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mast:after, #mast-int:after, .featured-post-image:before, .featured-cpt-image-bg-box:before, .cta-sub-tab a, .cta-sub-tab a:visited, .cta-sub-tab ul, .cta-sub-tab li, .cta-icon-set-container li:hover > .cta-sub-tab {
    display: block;
}
#mast:after, #mast-int:after, .featured-post-image:before, .featured-cpt-image-bg-box:before {
    content: '';
    padding-top:10px;
}
#mast:after, #mast-int:after {
    background: -webkit-linear-gradient(left, #573865 0%, #7AA2A3 25%, #B0C8C1 50%, #573865 100%);
    height: 10px;
    bottom: -10px;
}
.alert-highlight, #smoothup .fa, #mast, #mast-int, #mast-int h3, .sec3, .fadeup {
	position: relative;
}
#mast-int section, .full-screen-nav-overlay .fa-times-circle, #mast:after, #mast-int:after, .video-set-container .fas, .video-set-container .fab, .cta-sub-tab{
    position: absolute;
}
.full-screen-nav-overlay, .cta-sub-tab{
	z-index: 1;
}
.parallax-container section, .full-screen-element, .full-screen-nav-overlay .fa-times-circle{
	transition: 0.5s ease all;
}
.popup-container a.popuplink, .fancybox-content.popup-with-borders .popup-content, .sec5 section {
    width: calc(50% - 2%);
}
.wp-block-image img {
    height: auto;
}
.sec4 aside:nth-of-type(even), .sec6 section aside:nth-of-type(odd){
	padding: 2%;
}
#footer-base{
	padding: 25px 0;
}

body {
	font-family:var(--primaryfont);
	margin:0;
}



/* ## Header
--------------------------------------------- */
header{
	background:#FFF;
	transition:0.5s ease all;
    /*padding: 0 0 0 2%; CDS when Top Right Highlight CTA is re-enabled*/
    padding: 0 2%;
}


/* ## Header - Fixed Top
--------------------------------------------- */
header.navbar-fixed-top {
    position: fixed;
    top: 0;
    animation: navfixedtop 1s ease;
    -webkit-animation: navfixedtop 1s ease;
    width: 100%;
    z-index: 2000;
}
header.navbar-fixed-top section{
    margin: 0 auto;
}
	/*Logo Shrink on Scroll*/
header.navbar-fixed-top aside:nth-of-type(2) img{
	max-width: 250px;
}

/* ## Header - Animations (Fixed Nav)
--------------------------------------------- */
@keyframes navfixedtop{
	from{
		top:-200px;
	}
	to{
		top:0;
	}
}
header img{
	border:0;
}
header section {
    margin: 0 auto;
    align-items: center;
	position: relative;
}
header section a, header section a:visited{
	text-decoration:none;
}


/* ## Header - Call To Action Buttons
--------------------------------------------- */
.cta-icon-set-container, .cta-icon-set-container ul, .highlight-cta-left-set-container {
    width: 100%;
}
.cta-icon-set-container {
    margin: 15px 0 0;
}
header aside:nth-of-type(1) .cta-icon-set-container ul{
	justify-content: flex-start;
}
.cta-icon-set-container ul{
    align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cta-icon-set-container li {
    margin: 0 10px 0 0;
}
.cta-icon-set-container li:last-child{
	margin: 0;
}
.cta-icon-set-container a, .cta-icon-set-container a:visited{
	text-decoration: none;
}
.cta-icon-set-container a:hover{
}
.highlight-cta-left-set-container {
    margin: 20px 0;
}
.highlight-cta-left-set-container img {
    max-height: 17px;
    width: auto;
    margin-right: 2px;
}
.highlight-cta-left-set-container span{ 
    background: linear-gradient(to right, #d90808, #29b348, #750e8e, #ffaf06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ## Header - Call To Action Buttons - Sub Navigation
--------------------------------------------- */
.cta-sub-tab {
	min-width: 200px;
}
.cta-sub-tab ul{
	text-align: left;
	padding: 0;
	margin: 0;
}
.cta-sub-tab li{
	font-size: 14px;
    margin: 0;
}
.cta-sub-tab a, .cta-sub-tab a:visited {
    border-radius: 0;
    padding: 4%;
    border:none;
}
.cta-sub-tab li a:hover{
}



header aside{
}
header aside:nth-of-type(1), header aside:nth-of-type(3) {
    display: flex;
    flex-wrap: wrap;
    width: 25%;
}
header aside:nth-of-type(2) img{
	max-width:450px;
	height:auto;
	transition:0.5s ease all;
}
header aside:nth-of-type(1) .cta-icon-set-container a {
}
header aside:nth-of-type(1) .cta-icon-set-container a:hover {
}
header aside:nth-of-type(2) {
    width: 50%;
    text-align: center;
}
header aside:nth-of-type(3) {
}
header aside:nth-of-type(3) div {
/*    width: 45%; CDS - Renable so CTA will situate correctly on the top right */
}
header aside:nth-of-type(3) .site-switch-button-container {
    width: 55%;
    display: flex;
    position: relative;
    top: -5px;
    right: -15px;
}
header aside:nth-of-type(3) .site-switch-button-container .button {
	font-weight: bold;
}
header aside:nth-of-type(3) .site-switch-button-container .button, .sec1 .button {
    display: inline-flex;
    align-items: center;
}
header aside:nth-of-type(3) .site-switch-button-container .button:hover {
}
header aside:nth-of-type(3) .site-switch-button-container .button img, .sec1 .button img {
    max-height: 25px;
	width: auto;
}
header aside:nth-of-type(3) .site-switch-button-container .button img{
    margin-right: 5px;
}
header aside:nth-of-type(3) h3 {
    width: 100%;
    text-align: center;
	margin-bottom: 5px
}
header aside:nth-of-type(3) p{
	margin: 0;
}
.site-switch-button-container{
}

/* ## Header - ALERT Box
--------------------------------------------- */ 
#alert-box{
	width:100%;
	text-align:center;
	animation:slidein 1s ease-out;
	-webkit-animation:slidein 1s ease-out;
	position:relative;
    margin-bottom: 0;
}
@keyframes slidein{
from{
	top:-55px;
}
to{
	top:0;
}
}
@-webkit-keyframes slidein{
	from{
		top:-55px;
	}
	to{
		top:0;
	}
}
#alert-box h3{
	margin:0;
}
#alert-box a, #alert-box a:visited{
	text-decoration:none;
}

/* ## Side Magnet
--------------------------------------------- */
.side-magnet {
    height: 0;
    position: fixed;
    top: 50%;
    bottom: 0;
    right: 0;
    z-index: 5000;
    transform-origin: 100% 50%;
    transform: rotate(90deg) translate(50%, 50%);
}
.side-magnet a, .side-magnet a:visited{
    text-decoration: none;
}
/*-----------------------------------------------> HEADER ENDS <---------------------------------------------------*/
	

/* ## Navigation
--------------------------------------------- */
#nav-container {
}
#nav {
}
#nav img {
	border:0;
}
#nav ul {
	list-style: none;
	margin:0 0 10px;
	padding:0;
	overflow:inherit;
	transition:0.5s ease all;
	justify-content: center;
}
.navbar-fixed-top #nav ul {/*Nav Margin Shrink on Scroll*/
    margin: 5px 0;
}

/* ## Navigation - Individual Tab
--------------------------------------------- */
#nav li {
	font-size:16px;
	margin:0 15px 0 0;
	position: relative;
}
#nav li:last-child {
	margin:0;
}
#nav li a, #nav li a:visited {
	display: block;
	line-height: 1.133em;
	padding:10px;
	text-decoration: none;
}
/* ## Navigation - Hover + Click On Tab
--------------------------------------------- */
#nav li:hover > a,  #nav a:focus {
}
/* ## Navigation - Current Page Nav Styling
--------------------------------------------- */
#nav li.current_page_item > a,  #nav .current_page_ancestor > a, #nav li.current-page-ancestor > a, #nav li.highlight a, #nav li.highlight a:visited {
    font-weight: 700;
}
#nav li.current_page_item > a:hover,  #nav .current_page_ancestor > a:hover, #nav li.current-page-ancestor > a:hover, #nav li.highlight a:hover {
}

/* ## Navigation - Down Arrow for Drop Down Menu - Caret
--------------------------------------------- */
#nav li.menu-item-has-children > a:after{
	font-size:16px;
	display:inline;
	content:  "\f078 ";
	margin-left: 5px;
}

/* ## Navigation - Triggers Sub Navigation Drop Down to Appear
--------------------------------------------- */
#nav ul li:hover > ul {
	display: block;
}

/* ## Sub Navigation - <ul><ul>
--------------------------------------------- */
#nav ul ul {
	display: none;
	margin: 0;
	padding:0;
	position: absolute;
	top: 2.433em;/*CONTROLS THE PLACEMENT OF THE SUB NAV FROM TOP*/
	left: 0;
	width: 188px;
	z-index: 99999;
}
header.navbar-fixed-top #nav ul ul {
    top: 2.033em;
}
#nav ul ul li {
	font-size:14px;
	border:0;
	margin:0;
	width: 100%;
}
#nav ul ul li a{
	padding: 10px;
}
#nav ul ul li a, #nav ul ul li a:visited {
	line-height: 1.4em;
}
#nav ul ul li a:hover {
}
#nav li img {
    display: block;
    margin: 0 auto;
    opacity: 0;
}
#nav li:hover img {
    opacity: 1;
}
#nav li.current-page-ancestor img {
    opacity: 1;
}
#nav li.current-menu-item img {
    opacity: 1;
}
/* ## Sub Navigation - Caret Right Arrow for Extra Drop Down Menu
--------------------------------------------- */
#nav ul ul li.menu-item-has-children > a:after{
	content:  "\25b8 ";
}
/* ## Sub Sub (X2) Navigation - <ul><ul><ul>
--------------------------------------------- */
#nav ul ul ul {
	left: 100%;
	top: 0;
}
.hamburger-menu-wrapper{
	display: none;
}
/* ## Full Mobile Navigation Overlay
--------------------------------------------- */
#full-screen-nav-overlay-target, #full-screen-hamburger-nav-container, .full-screen-element{
	display: none;
}
.full-screen-element a, .full-screen-element a:visited{
	text-decoration: none;
}
/*-----------------------------------------------> NAVIGATION ENDS <---------------------------------------------------*/

/*-----------------------------------------------> MAST <---------------------------------------------------*/
#mast {
    margin: 0 auto;
}
#mast, #mast-int {
}
#mast-int {
}

/* ## Soliloquy Customizations
--------------------------------------------- */
 			 /*---------------------> FORCE Soliloquy img to Go 100% <------------------*/
.mast-home-slider .soliloquy-image{
	width: 100%;
}
 			 /*---------------------> Removes the Caption's Background + Moves the Caption to the right side<------------------*/
.mast-home-slider .soliloquy-caption.soliloquy-caption-bottom {
    height: 100%;
	width: 100% !important;
	right: 0;
}
.mast-home-slider .soliloquy-caption .soliloquy-caption-inside {
    background: none !important;
    position: absolute !important;
	top: 50%;
	left: 3%;
    transform: translateY(-50%);
    padding: 0 !important;
}
.mast-home-slider .button {
    background-color: var(--ctacolor) !important;
}
.mast-home-slider .button:hover {
    background-color: var(--secondarycolor) !important;
}
.mast-home-slider .button, .mast-home-slider .button-alt {
    font-size: 22px;
}
 			 /*---------------------> Typography Design for the Headings <------------------*/
.mast-home-slider .soliloquy-caption-inside h2 {
    font-size: 5.0em;
    text-transform: uppercase;
}
.mast-home-slider .soliloquy-caption-inside h3 {
}
.mast-home-slider .soliloquy-caption-inside p {
    font-size: 20px;
}
.mast-home-slider .overlay {
    position: absolute !important;
    background-color: rgba(0,0,0,0.35) !important;
}
	/*=================== Soliloquy Horizontal Scroll Fix ======================*/
.soliloquy-theme-classic .soliloquy-pager {
	width: 99% !important;
}
/*-----------------------------------------------> MAST ENDS <---------------------------------------------------*/


/* ## Layout Architecture
--------------------------------------------- */
main {
	min-height:600px;
	padding:10px 0 5px;
}
.home #body-content-container{
	
}
#body-content-container {
	margin:0 auto;
	padding:2%;
}
.page-template-page-full #body-content-container, .page-template-page-landing-page-php #body-content-container, .error404 #body-content-container {
    display: inherit;
    flex-wrap:nowrap;
}
#left-body-col-container, #right-body-col-container{
	width:62%;
	min-height:1px;
}
#left-body-col-container{
	margin:0 5% 0 0;
}
#right-body-col-container{
	margin:0 0 0 5%;
}
#left-side-col-container, #right-side-col-container{
	width:33%;
	padding: 2%;
    box-shadow: 5px 5px 15px rgb(34 34 34 / 50%);
}
#right-side-col-container{
}
#left-side-col-container{
}
#left-body-col-container iframe, #right-body-col-container iframe, #left-body-col-container img, #right-body-col-container img, #left-side-col-container iframe, #right-side-col-container iframe, #left-side-col-container img, #right-side-col-container img, #left-body-col-container .fb-page iframe, #right-side-col-container .fb-page iframe, #left-side-col-container select, #right-side-col-container select{
	max-width:100%;
}
#left-body-col-container img, #right-body-col-container img, #left-side-col-container img, #right-side-col-container img{
	height:auto;
}

/* ## Gutenberg Wide / Full Width
--------------------------------------------- */
@media screen and (min-width: 960px) {
     .alignwide, .alignfull {
          width:  100vw;
          max-width:  100vw;
     }
}


/*-----------------------------------------------> LAYOUT MAIN ENDS <---------------------------------------------------*/

/* ## Footer
--------------------------------------------- */
footer, #footer-base, footer a, footer a:visited, #footer-mid aside:nth-of-type(2) a:hover {
}
footer {
	font-size:14px;
	padding:25px 0;
	clear:both;
}
footer a, footer a:visited {
	text-decoration: none;
}
footer a:hover {
}
footer p {
	font-size:14px;
}
footer section, #footer-base section {
    padding: 0 2%;
}
#footer-top {
	font-size: 16px;
    margin: 0 0 40px;
}
#footer-top aside, #footer-mid aside{
    width: 33.333%;
}
#footer-top aside h2{
	text-transform: uppercase;
}
#footer-top aside h2.footer-widget-title, #footer-nav a, #footer-nav a:visited, #footer-base a, #footer-base a:visited {
}
#footer-top #footer-widget-box .menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#footer-mid{
    margin: 40px 0 20px;
}
#footer-mid aside:nth-of-type(2){
	text-align: center;
}
#footer-mid .fad, #footer-mid aside:nth-of-type(2) a, #footer-mid aside:nth-of-type(2) a:visited{
}
#footer-mid aside:nth-of-type(2) img {
    max-height: 50px;
    width: auto;
}
#footer-mid .fad{
	margin-right: 5px;
}
#footer-mid aside:last-child, #footer-base aside:nth-of-type(2) {
    text-align: right;
}
#footer-mid aside:nth-of-type(3) a {
    justify-content: flex-end;
}
#footer-base aside:nth-of-type(2) .social-icons{
    justify-content: flex-end;
}
#footer-base aside:nth-of-type(2) .social-icons .fa-3x {
    font-size: 1.2em;
}
#footer-mid-two{
	text-align: center;
}
#footer-base{
	clear:both;
}
#footer-base aside{
    width: 50%;
}
#footer-base aside:nth-of-type(1){
	text-align:left;
}

/*-----------------------------------------------> FOOTER ENDS <---------------------------------------------------*/

/* ## Homepage
--------------------------------------------- */
/*--------------------> ALL SECTIONS <----------------------------*/
.sec1, .sec2, .sec3, .sec4, .sec5, .sec6{
	clear: both;
}
.sec0 h2.sectiontitle, .sec1 section, .sec3 section, .sec5 section{
  padding: 0 2%;
}
.home .content-loop h1, .sec0 .sectiontitle, .sec1 .sectiontitle, .sec2 .sectiontitle, .sec3 .sectiontitle, .sec3 section h2, sec4 .sectiontitle, .sec5 .sectiontitle, .sec6 .sectiontitle {
    font-size: 2.5em;
}
.sec1 section, .sec1 .sectiontitle, .sec1 h1, .sec1 h2, .sec1 h3, .sec1 h4, .sec1 h5, .sec1 h6, .sec3 section, .sec3 section h2, .sec4 section aside, .sec4 section aside h2, .sec6 aside, .sec6 aside h2 {
}
.sec0 section, .sec1 section, .sec2 section, .sec4 section, .sec5 section, .sec6 section {
    display: flex;
    flex-wrap: wrap;
}
.sec1 section aside {
    width: calc(50% - 2%);
}
.sec1 section aside, .sec4 section aside {
	text-align: center;
}
.sec1 h2.sectiontitle b, .sec2 h2.sectiontitle b{
	padding-bottom: 10px;
}
.sec0 hr, .sec1 hr, .sec2 hr {
    width: 20%;
    margin: 0 auto;
    border: 3px solid var(--ctacolor);
    margin-bottom: 25px;
}
.sec0 section aside img, .sec2 section aside img {
    max-height: 600px;
}
.sec0 aside:nth-of-type(2) p:first-of-type::first-letter, .sec2 aside:nth-of-type(1) p:first-of-type::first-letter {
    font-size: 5.0em;
    float: left;
    margin: 10px 10px 20px 0;
    border: 1px solid var( --secondarycolor);
    padding: 20px;
    font-weight: 300;
}
.sec3 {
	background-attachment: fixed;
}
.sec4 section aside h2{
	text-transform: uppercase;
}
.sec5{
	margin: 100px 0;
}
.sec4 aside, .sec6 section aside {
}
.sec4 aside:nth-of-type(4), .sec6 aside:nth-of-type(3) {
}
	/*--------------------> SECTION 0 + SECTION 2 <----------------------------*/
.sec0 section aside, .sec2 section aside{
	width: 50%;
}
.sec0 {
    padding-top: 50px;
}
.sec0 section aside:nth-of-type(2), .sec2 section aside:nth-of-type(1) {
    padding: 0 2% 2%;
}
.sec0 section aside:nth-of-type(2) p, .sec2 section aside:nth-of-type(1) p, .sec2 section aside:nth-of-type(1) ul {
    line-height: 25pt;
}
.sec0 .button-container .button-alt, .sec2 .button-container .button-alt {
    margin-left: 10px;
}
.sec0 .button-container, .sec2 .button-container{
}
.sec0 .button-container .button-alt, .sec2 .button-container .button-alt{
}
.sec0 .button-container .button-alt:hover, .sec2 .button-container .button-alt:hover{
}
	/*--------------------> SECTION 1 <----------------------------*/
.sec1 {
    background-image: -webkit-radial-gradient(circle farthest-side at 50%, #7aa2a3 0%, #b0c8c1 100%);
	background-image: -moz-radial-gradient(circle farthest-side at 50%, #7aa2a3 0%, #b0c8c1 100%);
	background-image: -o-radial-gradient(circle farthest-side at 50%, #7aa2a3 0%, #b0c8c1 100%);
	background-image: radial-gradient(circle farthest-side at 50%, #7aa2a3 0%, #b0c8c1 100%);
	padding: 2% 0;
}
.sec1 section aside {
    margin-bottom: 20px;
    padding: 20px;
    border-bottom: 1px solid #EEE;
}
.sec1 section aside:nth-of-type(3), .sec1 section aside:nth-of-type(4) {
    border-bottom: none;
}
.sec1 section aside h3 {
    font-weight: bold;
}
.sec1 .button-container {
    text-align: center;
}
.sec1 .button img {
	margin-left: 5px;
}
	/*--------------------> SECTION 2 <----------------------------*/
.sec2 {
    padding-top: 100px;
}
.sec2 h2.sectiontitle span {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent;
    padding: 0 10px;
}
	/*--------------------> SECTION 3 <----------------------------*/
.sec3{
	min-height: 700px;
}
.sec3 section {
	text-align: center;
    width: 50%;
    position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
    z-index: 1;
}
.sec3 section h2, .sec3 .button-alt, .sec3 a.button, .sec3 a.button-alt{
}
.sec3 section h2 {
	text-transform: uppercase;
    font-size: 4em;
    margin-bottom: 25px;
}
.sec3 section h4{
    color: #FFF;
    margin-bottom: 25px;
}
.sec3 section h4 b{
}
	/*--------------------> SECTION 4 <----------------------------*/
.sec4{
}
.sec4 aside {
    width: 25%;
}
.sec4 section aside img{
	height: 500px;
	object-position: top;
}
	/*--------------------> SECTION 5 <----------------------------*/
.sec5 section {
    justify-content: space-between;
}
.sec5 section li h2 {
    font-size: 40px;
}
.sec5 section .author-photo-container img {
    object-fit: cover;
    height: 250px;
    width: 350px;
    margin: 0 auto;
    border: 4px solid var(--secondarycolor);
}
.sec5 section li p.author {
    font-size: 22px;
    margin: 35px 0 0;
}
.sec5 .button-container{
	margin: 15px 0 0;
}

@keyframes fadeup{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.fadeup{
    top: -100px;
    opacity:0;
}
/*.sec5 section aside{
    animation-name: fadeup;
    animation-duration: 10s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}*/

	/*--------------------> SECTION 6 <----------------------------*/
.sec6{
	
}
.sec6 section aside{
    width: 25%;
}
.sec6 section aside:nth-of-type(2n + 2){
    width: 50%;
}
.sec6 section aside img {
    height: 400px;
}
/*-----------------------------------------------> HOMEPAGE ENDS <---------------------------------------------------*/


/* ## Interior Pages
--------------------------------------------- */


/* ## Constants
--------------------------------------------- */
.blog-feed-container {
    justify-content: space-around;
}
.blog-feed-container aside {
    width: calc(33% - 2%);
	margin-bottom: 25px;
}

/* ## Mast Interior Pages
--------------------------------------------- */
#mast-int{
    min-height: 500px;
	background-size:cover;
	z-index: 2;
}
#mast-int.solioquy-mast-slider{
    min-height: initial;
}
#mast-int section {
    padding: 10px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
#mast-int section a.button {
    margin: 20px 0 0;
}
#mast-int video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
    background-position: top;
}
#mast-int h2 {
    font-size: 70px;
	letter-spacing: -2px;
    text-transform: uppercase;
	margin: 0;
}
.single-post #mast-int h2{
	font-size:30px;
}
#mast-int h3 {
    margin: 20px 0 10px;
}
#mast-int h3:before {
    content: "";
    width: 60%;
    height: 2px;
    background: -webkit-linear-gradient(left, #7AA2A3 0%, #573865 25%, #FFF 35%, #B0C8C1 50%, #573865 75%, #7AA2A3 100%);
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}
#mast-int section .btn{
	margin-top: 15px;
}
	/*---------> MAST Interior ENDS <-----------*/
	/*Text Box*/
.top-content-box{
	width: 100%;
	margin:10px 0 25px;
}
#text-box-container{
	padding:3%;
	width:33%;
	border:4px solid #EEE;
	word-wrap: break-word;
}
#text-box-container h3{
	font-size:21px;
	margin:0 0 7px;
}
#text-box-container ul, #text-box-container ol{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	overflow:inherit;
}
#text-box-container ul > li:before {
    content: '\f138';
	font-weight:900;
    display: inline-block;
    margin-left: -1.2em;
    width: 1.2em;
}
#text-box-container a, #text-box-container a:visited {
}
#text-box-container a:hover{
}
.left-float-box{
	float:left;
	margin:0 15px 5px 0;
}
.right-float-box{
	float:right;
	margin:0 0 5px 15px;
}
.social-icons {
    display: flex;
    justify-content: flex-start;
}
.social-icons .fa:hover{
}
.social-icons .fa-3x {
    font-size: 2.0em;
}
.social-icons a {
    margin-right: 10px;
}
.social-icons a:last-child {
    margin-right: 0;
}
.social-icons img {
    max-width: 30px;
    height: auto;
    display: inline;
    vertical-align: middle;
}
.overlay, .fade-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.overlay{
	background-color: rgba(0,0,0,0.5);
}
.fade-overlay{
    background-image: linear-gradient(to bottom, rgba(122,161,163,0), rgba(122,161,163,0.25), rgba(122,161,163,1));
}
	/*------> Bootstrap Accordion / Collapse <---------*/
.collapse-container{
	padding:20px 0;
}
.collapseaccordion {
	background-color:#EEE;
    text-align: left !important;
    width: 100%;
    text-decoration: none;
    margin-top: 15px !important;
	white-space:normal !important;
}
.collapse-container {
    padding: 10px;
    background-color: #EEE;
}
a.accordion-toggle {
    text-decoration: none;
}







/* ## ## WP Blocks
--------------------------------------------- */


/* ## WP Blocks - STAFF
--------------------------------------------- */
.staff-set.staff_block section{
	margin-bottom: 15px;
}
.staff-set.staff_block section aside:nth-of-type(1) {
    width: calc(33% - 2%);
}
.staff-set.staff_block section aside:nth-of-type(2) {
    width: calc(67% - 2%);
}
.staff-set.staff_block section img{
	max-height: 400px;
	object-fit: cover;
	object-position: top;
}





/* ## ACF Flexible Content
--------------------------------------------- */
	/*-----------------------------------> Add BG Color to Flexible Content Boxes <-------------------------------------*/
.content-box-bg-box{
    padding: 2%;
}
	/*-----------------------------------> 2 Column Event <-------------------------------------*/
#two-col-container{
	margin:20px 0;
}
#two-col-container > ul{
    align-items: center;
	margin:0;
	padding:0;
	list-style-type:none;
}
#two-col-container > ul ul{
	list-style-type:disc;
}
#two-col-container > ul > li{
	width:49%;
	margin:0 0 10px;
}
#two-col-container > ul > li:nth-of-type(odd){
	margin:0 2% 10px 0;
}
#two-col-container > ul > li img, #two-col-container > ul > li iframe{
	max-width:100%;
}
#two-col-container > ul > li img{
	height: auto;
}
	/*-----------------------------------> 2 Column 2/3 + 1/3 <-------------------------------------*/
#two-col-left-heavy-container{
	margin:20px 0;
}
#two-col-left-heavy-container > ul{
    align-items: center;
	margin:0;
	padding:0;
	list-style-type:none;
}
#two-col-left-heavy-container > ul ul{
	list-style-type:disc;
}
#two-col-left-heavy-container > ul > li{
}
#two-col-left-heavy-container > ul > li img{
	max-width:100%;
	height:auto;
}
#two-col-left-heavy-container > ul > li:nth-of-type(odd){
	width:65%;
}
#two-col-left-heavy-container > ul > li:nth-of-type(even){
	width:33%;
	margin:0 0 0 2%;
}
	/*-----------------------------------> 2 Column 1/3 + 2/3 <-------------------------------------*/
#two-col-right-heavy-container{
	margin:20px 0;
}
#two-col-right-heavy-container > ul{
    align-items: center;
	margin:0;
	padding:0;
	list-style-type:none;
}
#two-col-right-heavy-container > ul ul{
	list-style-type:disc;
}
#two-col-right-heavy-container > ul > li{
}
#two-col-right-heavy-container > ul > li img{
	max-width:100%;
	height:auto;
}
#two-col-right-heavy-container > ul > li:nth-of-type(odd){
	width:33%;
}
#two-col-right-heavy-container > ul > li:nth-of-type(even){
	width:65%;
	margin:0 0 0 2%;
}
	/*-----------------------------------> 3 Column <-------------------------------------*/
#three-col-container{
	margin:20px 0;
}
#three-col-container > ul {
    align-items: center;
	margin:0;
	padding:0;
	list-style-type:none;
}
#three-col-container > ul ul{
	list-style-type:disc;
}
#three-col-container > ul > li{
	width:32%;
	margin:0 2% 10px 0;
}
#three-col-container > ul > li img{
	max-width:100%;
	height:auto;
}
#three-col-container > ul > li:nth-of-type(3n){
	margin:0 0 10px 0;
}
	/*-----------------------------------> 4 Column <-------------------------------------*/
#four-col-container{
	margin:20px 0;
}
#four-col-container > ul{
    align-items: center;
	margin:0;
	padding:0;
	list-style-type:none;
}
#four-col-container > ul ul{
	list-style-type:disc;
}
#four-col-container > ul > li{
	width:23.5%;
	margin:0 2% 10px 0;
}
#four-col-container > ul > li:nth-of-type(4n){
	margin:0 0 10px 0;
}
#four-col-container > ul > li img{
	max-width:100%;
	height:auto;
}
	/*4 Column ENDS*/


	/*-----------------------------------> Staff Set <-------------------------------------*/
.grid-staff-set{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.grid-staff-set aside {
    width: 50%;
    border: 5px solid #EEE;
}
.grid-staff-set aside:hover {
    width: 33%;
    border: 5px solid var(--primarycolor);
}
.page-template-page-full .grid-staff-set aside {
    width: 25%;
}
.grid-staff-set aside .headshot-featured-image{
    width: 100%;
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
	position: relative;
}
.headshot-featured-image section {
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    padding: 0 2%;
    text-align: center;
    width: 90%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.headshot-featured-image section p, .headshot-featured-image section h3 {
    margin: 10px 0 5px;
}
.headshot-featured-image .staff-announcement {
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
    padding: 10px;
    text-align: center;
    background-color: rgba(255, 255, 255,0.8);
}
.page-template-page-full .grid-staff-set aside .headshot-featured-image {
    height: 550px;
}
.page-template-page-full .grid-staff-set aside {
    width: 100%;
}
.grid-staff-set aside .headshot-featured-image, .page-template-page-full .grid-staff-set aside .headshot-featured-image {
    height: 350px;
}
#staff-set{
}
#staff-set section{
	margin:0 0 3%;
	padding-bottom:2%;
	border-bottom: 1px dotted rgba(110,109,109,0.64)
}
#staff-set section:last-child{
	border-bottom: none;
}
#staff-set aside{
}
#staff-set aside h3{
	margin: 0;
}
#staff-set aside img{
	width:100%;
	height:auto;
}
#staff-set aside:nth-of-type(odd){
	width:33%;
	margin:0 4% 0 0;
	clear:both;
}
#staff-set aside:nth-of-type(even){
	width:62%;
}
#staff-set h3{
}
#staff-set p{
}
	/*-----------------------------------> Product Set <-------------------------------------*/
.product-set{
}
.product-set aside:nth-of-type(1){
	text-align:center;
}
.product-set aside:nth-of-type(1) img{
	margin-bottom:10px;
}
	/*-----------------------------------> Video Gallery <-------------------------------------*/
.video-set-container{
    padding: 2%;
}
.video-set-container h3 {
    font-size: 35px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
    text-align: center;
}
.video-set-container ul {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.page-template-page-full .video-set-container li {
	flex-basis: calc(25% - 2%);
}
.video-set-container li {
	flex-basis: calc(50% - 2%);
    margin-bottom: 25px;
}
.video-set-container .video-thumb{
    height: 300px;
    background-position: center;
	border:3px solid #222;
	transition:0.5s ease all;
    max-height: 270px;
	max-width: 100%;
}
.video-set-container .video-thumb:hover{
	border:3px solid var(--ctacolor);
}
.video-set-container .fas, .video-set-container .fab{
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
}
.video-set-container li p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}
	/*-----------------------------------> Event Set <-------------------------------------*/
.event-set-container{
	clear: both;
	margin: 2% 0;
}
.event-set-container aside{
	background-color: #CCC;
	border: 2px dashed var(--primarycolor);
	padding: 2%;
	margin-bottom: 2%;
}
.event-set-container h3, .event-set-container h4{
	text-align: center;
}
.event-set-container .btn{
	margin: 0 auto;
    display: table;
}
	/*-----------------------------------> Scroll Box <-------------------------------------*/
.scroll-box>h3{
	background-color:#222;
	display:block;
	padding:2%;
	margin:0;
	text-align:center;
}
.scroll-box section{
	width:100%;
	height:250px;
	overflow:auto;
	border:1px solid #EEE;
	padding:0.5% 2%;
}
	/*-----------------------------------> Parallax <-------------------------------------*/
.parallax-container{
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	min-height: 30vw;
}
.parallax-container section{
	z-index: 1;
}
.parallax-container section{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}
.parallax-container h3{
	font-size: 4vw;
}
.parallax-container p{
	font-size: 20px;
}

/* ## Zig Zag Ad Boxes
--------------------------------------------- */
.zig-zag-ad-box, .zig-zag-ad-box section{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background-color: #EEE;
}
.zig-zag-ad-box section aside {
    min-height: 500px;
    padding: 5%;
    background-size: cover;
    background-position: center;
}
.zig-zag-ad-box section:nth-of-type(odd) aside:nth-of-type(1) {
    width: calc(52% - 2%);
}
.zig-zag-ad-box section:nth-of-type(odd) aside:nth-of-type(2) {
    width: calc(52% - 2%);
}
.zig-zag-ad-box section:nth-of-type(even) aside:nth-of-type(1) {
    width: calc(52% - 2%);
}
.zig-zag-ad-box section:nth-of-type(even) aside:nth-of-type(2) {
    width: calc(52% - 2%);
}
.zig-zag-ad-box section:nth-of-type(even) {
    flex-direction: row-reverse;
}
.zig-zag-ad-box img{
	max-width: 100%;
}
.zig-zag-ad-box .button-container{
	width: 100%;
	padding: 25px 0 0;
}
.zig-zag-content a.button {
    margin-right: 5px;
}
.zig-zag-content a.button:last-child {
    margin-right: 0;
}
.zig-zag-content .mini-title{
	margin: 5px 0;
	text-align: center;
	text-transform: uppercase;
}
.zig-zag-content {
    height: 100%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
/*.zig-zag-content ul{
	list-style-type: none;
}
.zig-zag-content ul li:before {
    color: #F36C25;
    content: '\f00c';
    font-weight: 300;
    display: inline-block;
    margin-left: -1.1em;
    width: 1.2em;
}*/
.zig-zag-content h1, .zig-zag-content h2, .zig-zag-content h3, .zig-zag-content h4, .zig-zag-content h5, .zig-zag-content h6, .zig-zag-content p{
	width: 100%;
}
/*-----------------------------------> Ad Box Container <-------------------------------------*/
.ad-box-container section {
    display: flex;
    justify-content: center;
}
.ad-box-container section aside {
    padding: 0 2%;
    flex: 1;
}
.ad-box-container section aside img {
    display: block;
    max-height: 150px;
    width: auto;
    margin: 0 auto;
}
.ad-box-container section aside h4{
    text-align: center;
}
.ad-box-container section aside .button, .ad-box-container section aside .button-alt{
    display: inline-block;
}
    
	/*-----------------------------------> Bootstrap Toggable Tabs <-------------------------------------*/
.toggle-tabs-container{
	margin: 3% 0;
}
.toggle-tabs-container .nav-tabs{
	text-align: center;
    margin: 0;
}
.toggle-tabs-container .nav-tabs>li{
	float: none;
	display: inline-block;
}
.toggle-tabs-container .tab-content{
	border: none;
}
.toggle-tabs-container .toggle-tab-content {
    padding: 2%;
}
.toggle-tabs-container button{
	margin: 15px 0;
}
	/*-----------------------------------> BLOG FEED <-------------------------------------*/
h2.blog-feed-title{
	margin-bottom: 20px;
	text-align: center;
}
.blog-feed-container{
	overflow: hidden;
	text-align: center;
}
.blog-feed-container .featured-post-image {
    margin: 0 auto 2%;
}
.blog-feed-container .featured-post-image-link {
    margin: 0;
}
	/*-----------------------------------> NUMBER FEATURE <-------------------------------------*/
.number-feature{
	text-align: center;
	margin: 2% 0;
	white-space: pre-line;
	word-break: break-all;
}
.number-feature h3 {
    font-size: 5em;
    margin: 0;
}
.number-feature h4 {
	margin: 0;
}
.number-feature p {
	margin: 0;
}

/* ## Sidebar
--------------------------------------------- */
#right-side-col-container hr{
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255,0), rgba(255, 255, 255,0.75), rgba(255, 255, 255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(255, 255, 255,0), rgba(255, 255, 255,0.75), rgba(255, 255, 255,0)); 
    background-image:     -ms-linear-gradient(left, rgba(255, 255, 255,0), rgba(255, 255, 255,0.75), rgba(255, 255, 255,0)); 
    background-image:      -o-linear-gradient(left, rgba(255, 255, 255,0), rgba(255, 255, 255,0.75), rgba(255, 255, 255,0)); 
}
#widget-box {
	margin-bottom:35px;
}
#widget-box h2.widget-title{
    font-size: 23px;
	font-weight:400;
	text-transform:uppercase;
	border-bottom:2px solid #EEE;
	padding:0 0 1.5%;
}
#widget-box img{
}
#widget-box .noborder{
	border:none;
}
#widget-box ol{
	overflow: inherit;
}
#widget-box ul.menu, .fa-bullet-ul{
	list-style-type:none;
}
#widget-box ul.menu > li:before{
    font-weight:300;
}
.fa-bullet-ul li:before{
    font-weight: 600;
}
ul.fa-bullet-ul li {
    margin-bottom: 15px;
}
#widget-box ul.menu > li:before, .fa-bullet-ul li:before{
	content:'\f00c';
	display:inline-block;
	margin-left:-1.1em;
	width:1.2em;
}
#widget-box .btn{
	word-wrap: break-word;
 	white-space:inherit !important;
}
#widget-box.widget_categories form{
	text-align: center;
}
#right-side-col-container .embed-responsive {
    width: 100%;
}
		/*------------> Sidebar Nav with Sub Tabs <-----------------*/
#widget-box .sub-menu{
	margin-top:10px;
}
#widget-box .current-menu-item > a, #widget-box .current-menu-item > a:visited{
	text-decoration: none;
	font-weight: bold;
}
#widget-box ul.menu > li.menu-item-has-children {
    list-style-image: none;
    margin: 5px 0 10px -20px;
}
a.plus.targetnav {
    margin-right: 4px;
}
#widget-box .sub-menu{
	list-style-type:none;
}
#widget-box ul.menu ul > li:before{
	font-weight:900;
	content:'\f0da';
}
#widget-box ul ul > li.menu-item-has-children:before{
    display: none;
}
#widget-box ul ul > li:before{
	font-weight:900;
	content:'\f105';
	margin-right: 10px;
}
div#widget-box .wp-block-group.has-background{
    padding: 15px;
}

		/*------------> Other Sidebar Widgets <-----------------*/
#widget-box.widget_categories form{
	text-align: center;
}
	/*=============Search Box, Calendar========*/
#widget-box #searchform{
	text-align:center;
}
#wp-calendar{
	width:100%;
}

/* ## Sidebar - WP Blocks
--------------------------------------------- */
div#widget-box .wp-block-group.has-background{
    padding: 15px;
}



/* ## Testimonials - CPT - Donors and IP
--------------------------------------------- */
#testimonials-landing-page-cpt-container article{
	margin-bottom: 30px;
	border-bottom: 1px solid var(--primarycolor);
	padding-bottom: 30px;
}
#testimonials-landing-page-cpt-container article:last-child{
	border-bottom: none;
}
#testimonials-landing-page-cpt-container article a.testimonials-cpt-featured-image-link {
    width: calc(20% - 2%)
}
#testimonials-landing-page-cpt-container article aside {
    width: 80%;
}
#testimonials-landing-page-cpt-container article aside p {
    display: inline;
}

/*-----------------------------------------------> INTERIOR PAGES ENDS <---------------------------------------------------*/

/* ## Typography - Text and Fonts
--------------------------------------------- */
h1, h2, h3, h4, h5, h6{
	font-weight: 300;
	line-height:normal;
}
h1 {
	font-size:40px;
}
h2 {
	font-size:30px;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:19px;
}
h5 {
	font-size:17px;
}
p {
	font-size:16px;
	line-height:18pt;
}
small {
	font-size:12px;
	line-height:normal;
}
blockquote {
	font-size:16px;
	line-height:normal;
	line-height:18pt;
	font-style:italic;
	margin: 2.5em 50px;
  	padding: 0.5em 10px;
}
blockquote:before, blockquote:after{
	font-size:40px;
	font-weight:900;
	display: inline-block;
	width: 1.2em;
}
blockquote:before {
	content: '\f10d';
	float:left;
	line-height:30pt;
}
blockquote:after {
	line-height:normal;
	content: '\f10e';
	float:right;
}
h1, h2, h3, h4, h5, p {
	margin:15px 0;
}
main ul, main ol {
	font-size:16px;
	line-height:18pt;
	margin:0 0 0 20px;
	overflow: hidden;
}
main ul {
    padding:0 0 0 20px;
}
main ol {
  padding:0 0 0 30px;
}
main ul ul,main ol ol{
	margin:8px 0 0 10px;
	padding:0 0 0 10px;
	overflow: inherit;
}
main ul li{
	margin-bottom:8px;
}
.fa-ul{
	overflow:inherit;
}
ul.check-bullets{
    list-style: none;
}
.check-bullets li:before{
    content: '\f00c';
    display: inline-block;
    margin-left: -1.2em; /*same as padding-left set on li*/
    width: 1.2em; /*same as padding-left set on li*/
}
.check-bullets li{
    list-style-type: none;
}
.drop-cap-text {
	float: left;
	font-size: 75px;
	line-height: 60px;
	padding-right: 4px;
}
.breadcrumb{
	font-size:12px;
	line-height:normal;
	margin:0;
	padding:2%;
}
.breadcrumb hr{
	margin:10px 0;
}

/* ## Links
--------------------------------------------- */
#left-side-col-container a, #right-side-col-container a, #left-side-col-container a:visited, #right-side-col-container a:visited{
}
#left-side-col-container a:hover, #right-side-col-container a:hover{
}
#right-side-col-container .widget_nav_menu .current_page_item > a, #left-side-col-container .widget_nav_menu .current_page_item > a, #left-side-col-container .widget_nav_menu .current_page_item > a:visited, #right-side-col-container .widget_nav_menu .current_page_item > a:visited{
}
a, a:visited, p.has-text-color a, p.has-text-color a:visited {
    transition: all 0.5s ease;
}
a:hover, p.has-text-color a:hover {
	text-decoration:none;
}


/* ## Forms
--------------------------------------------- */
form {
	margin:0;
	padding:0;
}
input, select, textarea {
	font-family:var(--primaryfont);
}
input[type=text], input[type=search], input[type=email], textarea, select{
	font-size:16px;
	padding:1%;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type=text]:focus, input[type=search]:focus, input[type=email]:focus, textarea:focus {
    border-color: rgb(102, 175, 233);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}
input[type=text]::placeholder{
	color: #CCC;
}
input[type=checkbox]:checked + label{
  font-style: normal;
}

/* ## Forms - Submit + Buttons
--------------------------------------------- */
input[type=submit]{
    border: 1px solid transparent !important;
}
input[type=submit], button, .button{ 
}
input[type=submit], button, .button, .button-alt, a.button, a.button-alt {
	cursor: pointer;
	border-radius:5px;
	padding:10px 20px;
	font-weight: normal;
	transition: all 0.5s ease;
	word-wrap: break-word;
 	white-space:inherit;
	text-decoration: none;
}
input[type=submit], button, .button{
}
input[type=submit]:hover, button:hover, .button:hover{
}
a.wp-block-button__link, .wp-block-button__link, .button, a.button, .gform_legacy_markup_wrapper .gform_footer a.gform_save_link, .gform_legacy_markup_wrapper .gform_page_footer a.gform_save_link{
    border-radius: 5px;
}
.button, .button-alt {
    display: inline-block;
}
.button, a.button{
	border: 2px solid transparent;
}
.button-alt, a.button-alt {
	border: 2px solid var(--secondarycolor);
}
.btn{
	word-wrap: break-word;
 	white-space:inherit;
}

/* ## Forms - Select
--------------------------------------------- */
select{
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus{
	border-color: rgb(102, 175, 233);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}


/* ## Gravity Forms - Submit Button
--------------------------------------------- */
.gform_wrapper input[type=submit]{
	font-size:25px !important;
	font-weight: 300 !important;
	padding:10px;
}
.ui-datepicker-title select {
    color: #222;
}
			/*GF Spacing Above Submit Button*/
.gform_footer {
	padding: 5px 0 !important;
	margin: 5px 0 0 0 !important;
}


/* ## Gravity Forms - Pagination Buttons
--------------------------------------------- */
.gform_legacy_markup_wrapper .gform_footer a.gform_save_link, .gform_legacy_markup_wrapper .gform_page_footer a.gform_save_link{
	font-size: 25px !important;
}


/* ## Search
--------------------------------------------- */

/* ## Search Form - Fields
--------------------------------------------- */
.screen-reader-text{
	display:none;
}
.search #searchform input[type="text"]{
	border:2px solid #EEE;
}
.search #searchform button {
	background: none;
	border: none;
	padding: 0;
	width: 0;
	height: 0;
	cursor: pointer;
	left: -25px;
}
.search #searchform .fa-search {
	position: relative;
	left: -30px;
	top: 1px;
	font-size: 18px;
	transition:0.5s ease all;
}
.search #searchform .fa-search:hover {
}
.gsection_title{
	font-weight: 300 !important;
}
.gform_wrapper .gsection {
    border-bottom: 1px solid #EEE !important;
}

/* ## Gravity Forms - SAVE LINK
--------------------------------------------- */
.gform_save_link {
    padding: 10px;
    border: 1px solid #CCC;
}
.gform_save_link:hover {
}


/* ## Search Results Page
--------------------------------------------- */
.search-results-page-container article aside{
	width: calc(67% - 2%);
}
.search-results-page-container article aside:nth-of-type(1){
	width:calc(33% - 2%);
}
.search-results-page-container article {
    margin-bottom: 50px;
    justify-content: space-between;
    border-bottom: 1px solid var(--graycolor);
    padding: 0 0 50px;
}
.search-results-page-container article:last-child {
	border-bottom: none;
	padding: 0;
	margin-bottom: 0;
}

/* ## MISCELLANEOUS
--------------------------------------------- */
:target:before {
    content: "";
    display: inline-block;
    height: 550px;
    padding-top: -250px;
}
hr{
    border: 0;
    height: 1px;
	margin:20px 0;
	clear: both;
}
.clear {
	clear:both;
}
.alert-highlight{
}


/* ## Alignment
--------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter,  div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float:right;
	margin: 5px 0 20px 20px;
    padding: 0 0 0 10px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
    padding: 0 10px 0 0;
}
.aligncenter {
    text-align: center;
	display: block;
	margin: 5px auto 5px auto;
}

/* ## Image Alignment
--------------------------------------------- */
img.alignright {
	float:right;
	margin:0 0 1em 1em;
}
img.alignleft {
	float:left;
	margin:0 1em 1em 0;
}
img.aligncenter {
	display: block;
	margin-left:auto;
	margin-right:auto;
}
a img.alignright {
	float:right;
	margin:0 0 1em 1em;
}
a img.alignleft {
	float:left;
	margin:0 1em 1em 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ## WP Captions
--------------------------------------------- */
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 5px 4px 5px;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
    padding-top: 10px;
}

/* ## WP Galleries
--------------------------------------------- */
.gallery {
    justify-content: space-around;
}
.gallery img{
	background:#FFF;
	padding:5px;
	border:1px solid #ddd !important;
}
.gallery .gallery-caption{
	margin-top:5px;
}
		/*PICTURE BLOCK CONTAINER*/
.gallery  dl {
	-webkit-margin-before: 0.2em;
	-webkit-margin-after: 0.2em;
}

/* ## WP Galleries - Columns
--------------------------------------------- */
.gallery-item {
	margin: 0;
	padding: 0.5em;
}
.gallery-item img {
    height: auto;
}
.gallery-columns-1 .gallery-item {
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}



/* ## Blog
--------------------------------------------- */

/* ## Blog Landing Page - index.php
--------------------------------------------- */
#post-landing-page-container article{
	margin:0 0 15px;
	padding-bottom:10px;
}
#post-landing-page-container article h2{
	margin:0 0 15px;
}
#post-landing-page-container article:last-child hr{
	display:none;
}
#post-landing-page-container article h2 a, #post-landing-page-container article h2 a:visited, #post-masonry-landing-page-container article h2 a, #post-masonry-landing-page-container article h2 a:visited{
	text-decoration:none;
}
#post-landing-page-container section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}
#post-landing-page-container section aside:nth-of-type(2n+1){
    width: 30%;
}
#post-landing-page-container section aside:nth-of-type(2n+2){
    width: 68%;
    margin-left: 2%;
}
	/*--------------------MASONRY VERSION <-----------------------*/
#post-masonry-landing-page-container article {
    border-radius: 15px;
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
    padding: 2%;
    margin: 0 1% 3%;
}
#post-masonry-landing-page-container article:nth-of-type(2n){
	margin: 0 0 3%;
}
#post-masonry-landing-page-container article:nth-of-type(2n+1){
	clear: both;
}
#post-masonry-landing-page-container h2{
}
#post-masonry-landing-page-container .featured-post-image-link {
}
#post-masonry-landing-page-container .featured-post-image {
    display: block;
    max-height: inherit;
	margin: 0 auto;
}
#post-masonry-landing-page-container hr{
	display: none;
}

/* ## Excerpt - Read More Styling
--------------------------------------------- */
#post-landing-page-container article .read-more, #post-masonry-landing-page-container article .read-more, .search-results-page-container article .read-more{
	font-size:13px;
	margin:10px 0 15px;
}
#post-landing-page-container article .read-more a, #post-landing-page-container article .read-more a:visited, #post-masonry-landing-page-container article .read-more a, #post-masonry-landing-page-container article .read-more a:visited, .search-results-page-container article .read-more a{
	font-weight:bold;
	text-decoration:none;
}
#post-landing-page-container article .read-more a:hover{
}
#post-landing-page-container article button{
	float:right;
	margin:10px 0 0;
}
	/*Author Profile Photo*/
#post-landing-page-container .author-profile-photo, #post-masonry-landing-page-container .author-profile-photo{
	float:left;
	margin:0 5px 0 0;
}
#post-landing-page-container .author-profile-photo img, #post-masonry-landing-page-container .author-profile-photo img{
	max-width:50px;
	height:auto;
	border-radius:50%;
	border:1px solid #999;
	padding:2px;
}

/* ## Featured Image / Post Thumbnail
--------------------------------------------- */
.featured-post-image-link{
	margin: 0 2% 0;
}
.featured-post-image {
	height: 350px;
	background-size: cover;
	background-position: center center;
    border: 5px solid #999;
    border-radius: 50%;
    transition: 0.5s ease all;
}
.featured-post-image:hover {
	border: 5px solid var(--secondarycolor);
}
	/*Sticky Posts*/
.sticky {
	background: #EEE; 
	padding: 10px;
	border-radius:10px;
	margin:0 0 15px;
}
.sticky article h1{
	font-size:36px;
}
	/*Category Pills*/
.post-cat-tags{
	margin:20px 0;
}
.post-cat-tags a, .post-cat-tags a:visited{
	display: inline-block;
	border-radius:3px;
	padding: 5px 10px;
	text-decoration:none;
	margin:0 10px 10px 0;
}
.post-cat-tags a:last-child, .post-cat-tags a:visited:last-child{
	margin:0 0 10px 0;
}
.post-cat-tags a:hover{
}
ul.pagination.justify-content-center {
    padding: 0;
    margin: 20px 0;
}

/* ## Single Blog Post Page - Pagination
--------------------------------------------- */
.single .previous a:before, .single .next a:after{
	font-weight:900;
	display: inline-block;
}
.single .previous a:before{
	content: '\f060';
	margin-right: 5px;
}
.single .next a:after{
	content: '\f061';
	margin-left: 5px;
}
/* ## Single Blog Post Page - single.php
--------------------------------------------- */
#single-post-container article{
	position:relative;
}
#single-post-container article .featuredimage{
	margin:2% 0;
}
#single-post-container article .featuredimage img{
	max-width:100%;
	height:auto;
}
#single-post-container.medium-blog-theme-container article .entry-title{
}
#single-post-container.medium-blog-theme-container article .featuredimage img{
}
#single-post-container.medium-blog-theme-container article .single-post-content{
	max-width: 70%;
	margin: 0 auto;
}

/* ## Meta Info
--------------------------------------------- */
#single-post-container article .singular-blog-meta-info{
	text-align: left;
}
#single-post-container.medium-blog-theme-container article .singular-blog-meta-info{
}
#author-box{
	margin-bottom:10px;
}
#single-post-container #author-box {
}
.social-share{
	margin: 25px 0;
	padding: 20px 0;
	border-top: 2px solid var(--primarycolor);
	clear: both;
}
.social-share ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.social-share li{
	display: inline-block;
	vertical-align: top;
}

/* ## WP Post About Author Area on the Bottom
--------------------------------------------- */
#about-author-box {
	font-size:12px;
	background:#FFF;
	padding:10px 15px;
	margin:15px 0;
}
#about-author-box p {
	font-size:12px;
	margin:0;
}
#about-author-box img{
	max-width:50px;
	height:auto;
	padding:1px;
	border-radius:50%;
	border:1px solid var(--secondarycolor);
}
li.page-item.previous{
    margin-right: 2%;
}
li.page-item.previous a:before{
    content: '\f060';
    font-weight: 600;
    margin-right: 2px;
}
li.page-item.next a:after {
    content: '\f061';
    font-weight: 600;
    margin-left: 2px;
}


/* ## Archive Page - archive.php
--------------------------------------------- */

/* ## Comments for Blog
--------------------------------------------- */
#comment-wrapper {
	margin:10px 0 0 0;
	padding:10px;
	background:#EEE;
}
#comment-wrapper h3 {
	font-size:18px;
}
#comment-wrapper a, #comment-wrapper a:visited {
}
#comment-wrapper ul, #comment-wrapper ol {
	margin:0;
	padding:0;
}
#comment-wrapper ol li {
	list-style-type:none;
}
/*Controls Body of Individual Parent Comments*/
.comment-body {
	background:#EEE;
	padding:10px;
	margin-bottom:10px;
}
.comment-body a, .comment-body a:visited {
}
.comment-body img {
	float:left;
	margin:0 10px 0 0;
}
/*Controls Meta Data Like Author Name, Date etc*/
	/*Kills Author Italicization*/

.comment-body .vcard cite.fn {
	font-style:normal !important;
}

/*Controls the Design of NESTED Comments - CHILD COMMENT*/
.children .comment-body {
	list-style-type:none;
	background:#EEE;
	margin-left:45px;
}
.children .comment-body a, .children .comment-body a:visited {
	color:var(--ctacolor) !important;
}

/*Reply Text Area BOX*/
#comment {
	width:100%;
}

/* ## Pagination - Next / Previous
--------------------------------------------- */
.navigation {
	background:#EEE;
	border-radius:5px;
	font-size:11px;
	display: block;
	margin:5px 0;
	padding:10px 5px;
	clear:both;
}
.navigation .alignleft{
	margin: 0 0 0 10px;
}
.navigation .alignright{
	margin: 0 10px 0 0;
}

/* ## Fancybox Pop Up
--------------------------------------------- */
.fancybox-content.popup-with-borders{
	max-width: 80%;
}
.fancybox-content.popup-with-borders .popup-content{
}
.fancybox-content.popup-with-borders img {
    max-width: 98%;
    display: block;
    margin: 0 auto;
}
.fancybox-content.popup-remove-borders {
    padding: 0;
    overflow: hidden;
}
.fancybox-button svg {
}
a.popuplink:focus, a.popuplink:visited, a.popuplink {
    outline-color: rgba(255,255,255,0);
}
.fancybox-content.popup-with-borders a, .fancybox-content.popup-remove-borders{
    outline: none;
}

/* ## Flexslider
--------------------------------------------- */
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
	outline: 0
}
.flex-control-nav, .flex-direction-nav, .slides {
	margin: 0;
	padding: 0;
	list-style: none
}
.flexslider .slides>li{
	display: none;
	-webkit-backface-visibility: hidden;
	max-height: 350px;
	overflow: auto
}
.flexslider .slides img, .home-flexslider img {
	max-width: 100%;
	display: block
}
.flex-pauseplay span {
	text-transform: capitalize
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
html[xmlns] .slides {
	display: block
}
* html .slides {
	height: 1%
}
.no-js .slides>li:first-child {
	display: block
}
.flexslider {
	margin: 0 0 20px;
	padding: 2%;
	position: relative;
	zoom: 1
}
.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease
}
.loading .flex-viewport {
	max-height: 300px
}
.flexslider .slides, .home-flexslider .slides{
	zoom: 1
}
.carousel li {
	margin-right: 5px
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0,0,0,.8);
	text-shadow: 1px 1px 0 rgba(255,255,255,.3);
	transition: all .3s ease
}
.flex-direction-nav .flex-prev {
	left: -50px
}
.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right
}
.flexslider:hover .flex-prev, .home-flexslider:hover .flex-prev {
	opacity: .7;
	left: 10px
}
.flexslider:hover .flex-next, .home-flexslider:hover .flex-next {
	opacity: .7;
	right: 10px
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .home-flexslider .flex-next:hover, .home-flexslider .flex-prev:hover {
	opacity: 1
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default
}
.flex-direction-nav a:before {
	font-size: 40px;
	line-height: 1;
	display: inline-block;
	content: '\f053'
}
.flex-direction-nav a.flex-next:before {
	content: '\f054'
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: .8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
}
.flex-pauseplay a:before {
	font-size: 20px;
	display: inline-block;
	content: '\f04c'
}
.flex-pauseplay a:hover {
	opacity: 1
}
.flex-pauseplay a.flex-play:before {
	content: '\f04b'
}
.flex-control-nav {
	position: absolute;
	bottom: -40px;
	text-align: center
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,.5);
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,.3)
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,.7)
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,.9);
	cursor: default
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0
}
.flex-control-thumbs img {
	display: block;
	opacity: .7;
	cursor: pointer
}
.flex-control-thumbs img:hover {
	opacity: 1
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default
}

@media screen and (max-width:860px) {
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px
}
}
.text-slide aside img {
	max-width: 50%;
	height: auto;
	float: left;
	margin: 0 2% 0 0
}

@media screen and (max-width:567px) {
.flex-control-nav {
	position: inherit!important;
	bottom: inherit!important
}
.text-slide aside {
	text-align: center
}
.text-slide aside img {
	clear: both;
	float: none;
	margin: 0 auto
}
}

/* ## Back to Top
--------------------------------------------- */
#smoothup {
    border:2px solid #FFF;
    border-radius:50%;
    bottom: 1em;
    display: none;
    opacity: 0.6;
    padding: 1em;
    position: fixed;
    left: 1em;
    text-decoration: none;
    transition:0.5s ease all;
    z-index: 99999;
}
#smoothup:hover {
	opacity:1;
}
#smoothup .fa{
	font-size:1.5em;
	 position: relative;
  top: 10%;
   -webkit-transform: translateY(-10%);
   -ms-transform: translateY(-10%);
   transform: translateY(-10%);
}


/* ## Pace Loader
--------------------------------------------- */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: var(--ctacolor);
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  height: 2px;
}


/* ## Responsive Mobile Design Starts
--------------------------------------------- */

/* ## Cascading CSS
--------------------------------------------- */

/* ## LARGE MONITOR SCREENS > 1700px
--------------------------------------------- */
@media screen and (min-width: 1700px) {
#mast-int {
    min-height: 550px;
}
#nav li {
	font-size:19px;
}
}

/* ## Cascading Maxes (ie: Desktop, Tablet, etc.)
--------------------------------------------- */
@media only screen and (max-width:1315px) {
.textwidget .fb-page span{
	width: 100% !important;
}
img{
	max-width: 100%;
	height: auto;
}
}
@media only screen and (max-width:959px) {
	
}
@media only screen and (max-width:767px) {
/*--------------- Full Screen Nav Overlay ---------------*/
	/*--------> CLOSED STATE Circle Hamburger Menu <-------------*/
#full-screen-hamburger-nav-container {
	width: 10%;
    margin-right: 3%;
	text-align: right;
    transition: 0.5s ease all;
	top: 18px;
}
#full-screen-hamburger-nav-container .fa-bars{
	cursor: pointer;
}
	/*--------> OPEN STATE Overlay Nav with X <-------------*/
#full-screen-nav-overlay-target, #full-screen-hamburger-nav-container{ /*This is the ID Target JS uses to OPEN the Pane Window*/
	display: block;
	z-index: 4000;
}
.full-screen-nav-overlay{
	height: 0;
	position: fixed;
	top: 0;
	right: 0;
    background-color: rgba(175,199,193, 0.9);
	overflow-y: hidden;
}
.full-screen-nav-overlay .fa-times-circle{
	cursor: pointer;
	top: 18px;
    right: 10px;
    z-index: 50;
}
.full-screen-nav-overlay .fa-times-circle:hover{
}
.full-screen-element{
	height: 100%;
	display: inline-block;
	position: absolute;
    top: 30%;
}
.full-screen-nav-overlay img{
	max-width: 200px;
	margin: 2% auto 5%;
	display: block;
}
		/*--------> Nav inside the Overlay <-------------*/
#full-screen-nav-container {
	width: 100%;
    text-align: center;
}
#full-screen-nav-container ul {
    line-height: normal;
	list-style-type: none;
    padding: 0;
    margin: 0;
}
#full-screen-nav-container li{
	font-size: 18px;
	font-weight: 600;
}
#full-screen-nav-container li.menu-item-has-children a{
	display: inline-block;
}
#full-screen-nav-container li.menu-item-has-children > a:after {
    font-size: 18px;
	font-family: var(--fontawesome);
    display: inline-block;
    content: "\f078";
    margin-left: 5px;
    cursor: pointer;
    right: 10px;
    position: absolute;
}
#full-screen-nav-container li a, #full-screen-nav-container li a:visited{
	text-decoration: none;
}
#full-screen-nav-container li a:hover{
}
#full-screen-nav-container .sub-menu{
}
#full-screen-nav-container .sub-menu li{
	text-transform: none;
	font-size: 14px;
    font-weight: normal;
}
}
/* ## Cascading Tablets (Small Tablet + iPad)
--------------------------------------------- */
@media only screen and (min-width:569px) and (max-width:959px) {
header{
    padding: 0;
}
#widget-box ul.menu, #widget-box .sub-menu{
	margin-left: 10px;
}
#widget-box ul.menu li{
	font-size: 15px;
	line-height: 17pt;
}
#widget-box .sub-menu {
    font-size: 14px;
    padding-left: 10px;
}
}
	/*---------------> Cascading Alternate Ranges <-------------------*/
@media only screen and (min-width:960px) and (max-width:1221px) {
header section, footer{
	padding-right:2%;
	padding-left:2%;
	}
}

/* ## LARGE MONITOR / LAPTOP
--------------------------------------------- */
@media only screen and (min-width:960px) and (max-width:1315px) {
header{
    padding: 0;
}
header section, footer {
    padding: 0 2%;
}
.social-icons .fa {
}
.social-icons .fa-3x {
    font-size: 1.25em;
}
.zig-zag-ad-box > ul > li {
    padding: 5% 3%;
}
}

/* ## iPad 3, 4 and Pro 9.7" Portrait and Landscape
--------------------------------------------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
      
/* ## CONSTANTS
--------------------------------------------- */
.sec6 section aside:last-child, .sec0 section aside, .sec2 section aside{
  width: 100%;
}
      
/* ## Header
--------------------------------------------- */
header aside:nth-of-type(3) .site-switch-button-container .button img, .sec1 .button img {
    max-height: 20px;
  }  
header aside:nth-of-type(3) .site-switch-button-container .button {
    font-weight: bold;
    padding: 5px 10px;
}
.cta-icon-set-container li {
    font-size: 14px;
}
.cta-icon-set-container li:last-child {
    margin: 0 10px 0 0;
}
#nav li a, #nav li a:visited{
  padding: 5px;
}
.featured-post-image{
  width: 200px;
  height: 200px;
}
.egg_donor_page header aside:nth-of-type(3) .site-switch-button-container .button {
    padding: 5px 10px;
}
      
/* ## HOMEPAGE
--------------------------------------------- */
.sec0 {
    padding-top: 25px;
}
.sec3 {
    min-height: 501px;
}   
.sec3 section {
    width: 100%;
    left: inherit;
}
.sec0 section aside img, .sec2 section aside img {
    max-height: 400px;
}
.sec4 aside {
    width: 50%;
}
.sec6 section aside {
    width: 50%;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
}



/* ## TABLET (iPad)
--------------------------------------------- */
@media only screen and (min-width:768px) and (max-width:959px) {
#alert-box-container, #nav-container, footer section, header section {
	width: 100%;
}
	
/* ## TABLET (iPad) HEADER
--------------------------------------------- */
header section{
	margin: 0 auto;
	padding:0 2%;
}
	
/* ## TABLET (iPad) HOMEPAGE
--------------------------------------------- */
.mast-home-slider .soliloquy-caption-inside h2, .sec3 section h2 {
    font-size: 3em;
}

/* ## TABLET (iPad) INTERIOR PAGES
--------------------------------------------- */
	
/* ## TABLET (iPad) Mast
--------------------------------------------- */
#mast-int{
	width: 100%;
	min-height: 225px
}
#mast-int h2, .single-post #mast-int h2 {
	font-size: 32px;
}
#mast-int h3 {
	font-size: 22px;
}
#mast-container {
	width: 100%;
	min-height: 250px;
	margin: 0 auto
}
.social-icons .fa {
}
.social-icons .fa-3x {
  font-size: 1.75em;
}

#widget-box h2.widget-title{
	font-size:22px;
}
/* ## TABLET (iPad) BLOG
--------------------------------------------- */
#post-landing-page-container article h2{
	text-align:center;
}
.featured-post-image{
}
#author-box {
    margin: 0 0 10px;
    text-align: center;
}
#right-sn-col {
	display: none
}
#mid-auth-col {
	float: none
}
.search #searchform input[type="text"]{
	width:90%;
}
/* ## TABLET (iPad) FOOTER
--------------------------------------------- */
footer section{
	padding:0 3%;
}
/* ## TABLET (iPad) Elements
--------------------------------------------- */
img {
	max-width: 100%;
	height: auto
}
/* ## TABLET (iPad) - Typography Fonts / Text
--------------------------------------------- */
h1 {
	font-size: 26px;
}
h2 {
	font-size: 23px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 19px;
}
p {
	font-size: 15px;
	line-height: 18pt;
}
}



/* ## Tablet Small STARTS
--------------------------------------------- */
@media only screen and (min-width:569px) and (max-width:767px) {
#alert-box-container, #mast-container, #mast-int, #nav-container, footer section, header section, header aside:nth-of-type(1), header aside:nth-of-type(3) {
	width: 100%
}
header aside:nth-of-type(1) {
    background-color: var(--secondarycolor);
}
header aside:nth-of-type(2) {
  text-align: center;
}
header aside:nth-of-type(3) .site-switch-button-container{
    justify-content: center;
}
header aside:nth-of-type(1), header aside:nth-of-type(3) {
    align-items: center;
}
    
/* ## Tablet Small - Header
--------------------------------------------- */
header{
	padding:0;
}
header section{
}
header aside {
	margin-right: 0
}
header aside:nth-of-type(2) {
  text-align: left;
  width: 50%;
  padding: 10px;
  clear: both;
}
header.navbar-fixed-top aside:nth-of-type(2) img {
    max-width: 150px;
}
header aside:nth-of-type(1) {
    padding: 10px;
}  
header aside:nth-of-type(3) {
    padding: 0 10px;
}  
header aside:nth-of-type(3) div {
/*    width: 20%; CDS when Top Right Highlight CTA is re-enabled*/
}
header aside:nth-of-type(3) h3 {
    font-size: 15px;
    width: 25%;
}    
header aside:nth-of-type(3) .site-switch-button-container .button {
    padding: 5px 10px;
    width: 75%;
}
    
/* ## Tablet Small - Navigation
--------------------------------------------- */
#nav ul {
	padding-left: 0
}
	/*----------> Bootstrap Mobile Navigation <-------------*/
.hamburger-menu-wrapper{
	display: block;
	text-align: center;
}
.hamburger-menu-wrapper button {
    background-color: inherit;
    padding: 5px;
}
.navbar{
	min-height:inherit;
}
	/*--------> Bootstrap - Hamburger Nav <-------------*/
.navbar-toggle .fa-bars {
    font-size: 25px;
    color: #000;
}
.navbar-toggle:hover .fa-bars, .navbar-toggle:focus .fa-bars{
	color:#999;
}
/* ## Tablet Small - Homepage
--------------------------------------------- */
.mast-home-slider .soliloquy-caption-inside h2, .sec3 section h2 {
    font-size: 3em;
}
	
/* ## Tablet Small - Interior / Sub Pages
--------------------------------------------- */
#mast-int {
	min-height: 200px
}
#mast-int h2, .single-post #mast-int h2 {
	font-size: 25px;
}
#mast-int h3 {
	font-size: 18px;
}
.social-icons .fa {
}
.social-icons .fa-3x {
  font-size: 1.75em;
}
/* ## Tablet Small - Blog
--------------------------------------------- */
#right-sn-col {
	display: none
}
#mid-auth-col {
	float: none
}
.featured-post-image{
}
.video-set-container .fa-5x {
    font-size: 3em;
}
/* ## Tablet Small - Footer
--------------------------------------------- */
footer section{
}
#footer-top aside, #footer-top aside:nth-of-type(1), #footer-top aside:nth-of-type(2), #footer-top aside:nth-of-type(3),#footer-top aside:nth-of-type(4) {
	text-align: center;
	margin:1% 0;
}
#footer-base aside, #footer-base aside:nth-of-type(1), #footer-base aside:nth-of-type(2), #footer-base aside:last-child {
	text-align: center;
	margin: 1% 0;
}
/* ## Tablet Small - Typography - Fonts / Text
--------------------------------------------- */
h1 {
	font-size: 23px;
}
.home .content-loop h1, .sec0 .sectiontitle, .sec1 .sectiontitle, .sec2 .sectiontitle, .sec3 .sectiontitle, .sec3 section h2, sec4 .sectiontitle, .sec5 .sectiontitle, .sec6 .sectiontitle {
    font-size: 1.8em;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 17px;
}
h5 {
	font-size: 16px;
}
p {
	font-size: 15px;
	line-height: 18pt;
}
small {
	font-size: 11px;
}
blockquote {
	font-size: 15px;
	line-height: normal;
	border-left: 2px solid #CCC;
	padding: 0 0 0 5px;
	margin: 1.5em 30px;
}
blockquote:before {
	font-size: 20px;
	width: .8em;
	line-height: 20pt;
}
blockquote:after {
	font-size: 20px;
	width: .8em;
}
blockquote p:first-letter {
	font-size: 35px;
	line-height: 30px;
}
main ul, main ol {
	font-size: 15px;
	line-height: 18pt;
}
.drop-cap-text {
    font-size: 3em;
    line-height: 33pt;
}
.has-drop-cap:not(:focus):first-letter {
    font-size: 5.4em;
}
input[type=text], input[type=email], textarea {
	width: 100%
}
input, select, textarea {
	font-size: 14px
}
.search #searchform input[type="text"]{
	width:90%;
}
    
/* ## Tablet Small - Elements
--------------------------------------------- */
img {
	max-width: 100%;
	height: auto
}
#smoothup {
	padding: 0.7em;
}
#smoothup .fa {
  font-size: 1em;
}
}

/* ## iPhone X Landscape
--------------------------------------------- */
@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){
header, header section{
    padding: 0;
}
header aside:nth-of-type(1){
    background-color: var(--secondarycolor);
    padding: 10px;
}
header aside:nth-of-type(1){
    width: 100%;
}
header aside:nth-of-type(3) {
    width: 60%;
    padding: 0 1%;
    align-items: center;
    margin-top: 5px;
}
header aside:nth-of-type(3) .cta-icon-set-container ul{
    width: 57%;
}
header aside:nth-of-type(3) h3 {
    margin: 5px 0;
}
header aside:nth-of-type(2) {
    width: 40%;
}
header aside:nth-of-type(3) .site-switch-button-container {
    top: 0px;
    right: 0;
    justify-content: flex-end;
}
header.navbar-fixed-top aside:nth-of-type(2) img {
    max-width: 200px;
}
.cta-icon-set-container li {
    font-size: 12px;
}
.full-screen-nav-overlay img {
    max-height: 100px;
}
#full-screen-hamburger-nav-container {
    width: 15%;
    margin-right: 1%;
    text-align: center;
}
.highlight-cta-left-set-container {
    justify-content: flex-end;
    margin: 0;
}
.cta-icon-set-container, .highlight-cta-left-set-container {
    width: 50%;
}
.cta-icon-set-container {
    margin: 0;
}
.cta-icon-set-container ul {
    justify-content: flex-start;
}
header aside:nth-of-type(2) img {
    max-width: 250px;
}
#nav li {
    font-size: 14px;
    margin: 0 5px 0 0;
}
#nav li a{
	padding: 0 6px 6px;
}
.sec0 {
    padding-top: 25px;
}
}

/* ## iPhone 6, 7, & 8 Plus in landscape
--------------------------------------------- */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
    
/* ## CONSTANTS
--------------------------------------------- */
header aside:nth-of-type(3) .cta-icon-set-container ul {
    width: 100%;
}
header aside:nth-of-type(3) .site-switch-button-container{
    justify-content: center;
}
header aside:nth-of-type(3) {
    width: 49%;
    align-items: center;
    padding: 0 1%;
}
header aside:nth-of-type(2) {
    width: 40%;
}
header aside:nth-of-type(3) .site-switch-button-container {
    width: 45%;
}
header aside:nth-of-type(3) div {
/*    width: 30%; CDS when Top Right Highlight CTA is re-enabled*/
}
header aside:nth-of-type(3) h3 {
    font-size: 13px;
}
#full-screen-hamburger-nav-container {
    width: 11%;
    margin-right: 0;
}
}


/* ## iPhone 6, 7, & 8 in portrait AND landscape
--------------------------------------------- */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px)  and (-webkit-device-pixel-ratio:3) and (orientation:landscape){ /* STYLES GO HERE */}

/* ## iPhone 6, 7, & 8 in landscape
--------------------------------------------- */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
.cta-icon-set-container li span {
    display: none;
}
}


/* ## Phone / Mobile Global
--------------------------------------------- */
@media screen and (max-width:568px) {
	
/* ## Phone - Constants
--------------------------------------------- */
header aside:nth-of-type(1){
    background-color: var(--secondarycolor);
}
#alert-box-container, header aside:nth-of-type(1), header aside:nth-of-type(3), #mast-container, #mast-int, #nav-container, footer section, header aside, header section, .blog-feed-container aside, .popup-container a.popuplink, .fancybox-content.popup-with-borders .popup-content, .search-results-page-container article aside, .search-results-page-container article aside:nth-of-type(1), #footer-top aside, #footer-mid aside, header aside:nth-of-type(3) div, .cta-icon-set-container ul, header aside:nth-of-type(3) .site-switch-button-container, .sec5 section, #testimonials-landing-page-cpt-container article a.testimonials-cpt-featured-image-link, #testimonials-landing-page-cpt-container article aside, .staff-set.staff_block section aside:nth-of-type(1), .staff-set.staff_block section aside:nth-of-type(2){
	width: 100%;
}
iframe {
	max-width: 100%;
}
#post-landing-page-container section {
    flex-wrap: wrap;
}
header aside:nth-of-type(3) .cta-icon-set-container li span, header aside:nth-of-type(3) .site-switch-button-container {
    display: block;
}
.mast-home-slider br{
	display: none;
}
.sec3{
	background-attachment: initial;
}
#footer-mid aside:last-child, #footer-base aside:nth-of-type(2) {
    text-align: center;
}
#footer-mid aside:nth-of-type(1), .highlight-cta-left-set-container, .social-icons, #footer-base aside:nth-of-type(2) .social-icons{
	justify-content: center;
}
#testimonials-landing-page-cpt-container article a.testimonials-cpt-featured-image-link{
	margin: 0 auto;
}
.wp-block-image .alignright, .wp-block-image .alignleft{
	float:none !important;
}

/* ## Phone - Side Magnet
--------------------------------------------- */
.side-magnet a, .side-magnet a:visited {
    font-size: 14px;
    padding: 5px 10px;
}
    
/* ## Phone - Header
--------------------------------------------- */
.cta-icon-set-container, .highlight-cta-left-set-container{
    margin: 0;
}
.cta-icon-set-container, .highlight-cta-left-set-container {
    width: 50%;
}
header{
	padding:0;
}
header section {
    padding: 0 0 20px;
}
header aside {
	float: none;
	margin: 0;
	text-align:center;
}
header aside:nth-of-type(1) {
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
}
header aside:nth-of-type(2){
    width:87%;
	text-align:center;
}
header aside:nth-of-type(3){
    order: 2;
}
header aside:nth-of-type(2), #full-screen-hamburger-nav-container{
    order: 3;
}
header aside:nth-of-type(2) img {
    max-width: 250px;
}
header aside:nth-of-type(3) .site-switch-button-container {
    top: 10px;
    left: 50%;
    right: inherit;
    transform: translateX(-50%);
}
header aside:nth-of-type(3) .site-switch-button-container .button {
    font-size: 14px;
    padding: 5px 10px;
}
header aside:nth-of-type(3) .cta-icon-set-container a {
    display: flex;
}
header aside:nth-of-type(3) .cta-icon-set-container a .fad{
	margin-right: 5px;
}
header aside:nth-of-type(3) h3 {
    padding: 0;
}
button.close {
	clear: both;
	float: inherit;
	margin:0 !important;
}
.cta-icon-set-container ul{
    justify-content: center;
}
.cta-icon-set-container li span{
	display: none;
}
.cta-sub-tab {
    min-width: 150px;
}
    
/* ## Phone - Navigation
--------------------------------------------- */
#nav {
}
#mast-int, #nav-container {
	height: auto;
}
#nav ul {
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
}
#nav ul li {
	text-align: left;
    float: none;
	font-size: 14px;
	display: block;
	width: 100%;
	margin: 0 0 15px;
	padding: 2%;
}
#nav ul li:first-of-type {
}
#nav ul li a, #nav ul li a:visited {
	display: block;
	padding:0;
}
#nav li a:hover {
}
#nav li.menu-item-has-children > a:after {
    float: right;
}
#nav ul ul {
	width: 100%;
	position:inherit;
	top: inherit;
	margin-left: 6%;
}
#nav ul ul li:last-child{
	padding: 0;
}
#nav ul ul li a{
	padding: 5px;	
}	
#nav ul ul li a:before{
	content:'\f105';
	margin-right: 5px;
	font-weight:900;
}
	/*----------> Bootstrap Mobile Navigation <-------------*/
.hamburger-menu-wrapper{
	display: block;
	text-align: center;
}
.hamburger-menu-wrapper button {
    background-color: inherit;
    padding: 5px;
}
.navbar{
	min-height:inherit;
}
	/*----------> Bootstrap - Hamburger Nav <-------------*/
.navbar-toggle .fa-bars {
    font-size: 25px;
    color: #000;
}
.navbar-toggle:hover .fa-bars, .navbar-toggle:focus .fa-bars{
	color:#999;
}

	
/* ## Phone - Homepage
--------------------------------------------- */
#mast, #mast-int {
    border-bottom: 10px solid var(--secondarycolor);
}
.mast-home-slider .soliloquy-caption-inside h2 {
    font-size: 1.75em;
}
.mast-home-slider .soliloquy-caption-inside h2, .mast-home-slider .soliloquy-caption-inside p {
	margin-bottom: 10px;
}
.mast-home-slider .button, .mast-home-slider .button-alt {
    font-size: 14px;
    padding: 5px 10px;
}
.sec0 section aside, .sec1 section aside, .sec2 section aside, .sec3 section, .sec4 aside, .sec6 section aside, .sec6 section aside:nth-of-type(2n + 2)  {
    width: 100%;
}
.sec0 section aside, .sec2 section aside{
	min-height: 300px;
}
.sec0 {
    padding-top: 25px;
}
.sec2 section {
    flex-direction: column-reverse;
	left: 0;
}
.sec3 {
    min-height: 400px;
}
.sec3 section{
	left: 0;
}
.sec3 section h2 {
    font-size: 3em;
}
.sec4 section aside img {
    height: 350px;
}
.sec5 {
    margin: 50px 0;
}
.sec6 section aside img {
    height: 300px;
}
.home .content-loop h1, .sec0 .sectiontitle, .sec1 .sectiontitle, .sec2 .sectiontitle, .sec3 .sectiontitle, .sec3 section h2, sec4 .sectiontitle, .sec5 .sectiontitle, .sec6 .sectiontitle {
    font-size: 2.0em;
}
    
/* ## Phone - Interior / Sub Pages
--------------------------------------------- */
#mast-int-container{
    background-position: center;
}
#left-body-col-container, #right-side-col-container, #left-side-col-container, #right-body-col-container {
	width: 100%;
}
#left-body-col-container {
    margin: 0;
}
.social-icons .fa {
}
.social-icons .fa-3x {
  font-size: 1.25em;
}
    
/* ## Phone - Interior / Sub Pages - Mast
--------------------------------------------- */
#mast-int {
	background-size:cover;
	min-height: 150px;
}
#mast-int section {
    padding: 5px;
    top: inherit;
    right: inherit;
    left: 50%;
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 80%;
    transform: translateY(0) translateX(-50%);
}
#mast-int h2, .single-post #mast-int h2 {
	font-size: 20px;
}
#mast-int h3 {
	font-size: 15px;
}
video[poster]{
    object-fit: cover;
}
    
/* ## Phone - Sidebar
--------------------------------------------- */
#widget-box img{
	display: block;
    margin: 0 auto;
}
	
/* ## Phone - Testimonials - CPT
--------------------------------------------- */	
#testimonials-landing-page-cpt-container article a.testimonials-cpt-featured-image-link {
    max-width: 200px;
}
	
/* ## Phone - Blocks
--------------------------------------------- */
.grid-staff-set aside .headshot-featured-image, .page-template-page-full .grid-staff-set aside .headshot-featured-image{
	margin: 0 auto;
}

/* ## Phone - Blog
--------------------------------------------- */
.featured-post-image{
	max-width: 90%;
	margin:0 auto 15px;
}
.featured-post-image-link{
	display: block;
	margin: 0 auto;
}
#about-author-box .row div:nth-of-type(1){
	text-align:center;
}
#post-landing-page-container section{
    justify-content: center;
} 
#post-landing-page-container section aside:nth-of-type(2n+1), #post-landing-page-container section aside:nth-of-type(2n+2){
    width: 100%;
    margin: 0;
}
#post-landing-page-container button {
	float: none;
	margin-bottom: 10px;
}
.post-cat-tags a, .post-cat-tags a:last-child, .post-cat-tags a:visited:last-child{
	width:50%;
	display:block;
	margin: 0 auto 10px;
	text-align:center;
}
#twitter-widget-0 {
	width: 80px;
}
#single-post-container.medium-blog-theme-container article .single-post-content{
	max-width: 100%;
}
/*----------->MASONRY STYLING <-------------------*/
#post-masonry-landing-page-container article {
    width: 100%;
    display:block;
    vertical-align: top;
    margin: 0 0 3%;
}
    
/* ## Phone - ACF - Flexible Content
--------------------------------------------- */
.left-two-col-container {
	width: 100%;
	float: none;
}
.right-two-col-container {
	width: 100%;
	float: none;
	margin: 2% 0 0;
}
#two-col-container > ul > li, #two-col-left-heavy-container > ul > li:nth-of-type(even), #two-col-left-heavy-container > ul > li:nth-of-type(odd), #two-col-right-heavy-container > ul > li:nth-of-type(even), #two-col-right-heavy-container > ul > li:nth-of-type(odd)  {
	width:100% !important;
	margin: 0 0 10px 0;
}
#three-col-container > ul > li{
	width:100% !important;
	margin: 0 0 10px 0;
}
#three-col-container li:nth-of-type(2n) {
	margin: 0 0 10px;
}
#three-col-container li:nth-of-type(3n) {
	margin: inherit;
}
#four-col-container > ul > li{
	width:100% !important;
	margin:0 0 10px 0;
}
#four-col-container li:nth-of-type(2n) {
	margin: 0 0 10px;
}
#staff-set aside {
	text-align:center;
}
#staff-set aside img {
	display:block;
	max-width: 90%;
	margin:0 auto;
}
#staff-set aside:nth-of-type(odd) {
	text-align:center;
	width: 100%;
	margin: 0;
}
#staff-set aside:nth-of-type(even) {
	width: 100%;
}
.video-set-container li, .page-template-page-full .video-set-container li {
	width: 100%;
	flex-basis: inherit;
	margin-bottom: 15px;
}
.video-set-container .fa-5x {
    font-size: 3em;
}
.zig-zag-ad-box{
	text-align:center;
}
.zig-zag-ad-box .button-container{
	text-align:center;
}
.zig-zag-ad-box section:nth-of-type(odd) aside:nth-of-type(1), .zig-zag-ad-box section:nth-of-type(even) aside:nth-of-type(1), .zig-zag-ad-box section:nth-of-type(odd) aside:nth-of-type(2), .zig-zag-ad-box section:nth-of-type(even) aside:nth-of-type(2) {
    width: 100%;
}
.zig-zag-ad-box section aside {
    min-height: 300px;
}
.zig-zag-ad-box img {
    max-width: 70%;
}
.parallax-container p{
	font-size: 14px;
}
	/*------------------> Ad Boxes with Flex <----------------------------- */
.ad-box-container section {
    flex-wrap: wrap;
}
.ad-box-container section aside {
    padding: 0;
    margin-bottom: 25px;
    flex: auto;
}  
.parallax-container {
    background-attachment: initial;
    min-height: 55vw;
}
    
/* ## Phone - Footer
--------------------------------------------- */
footer, footer p{
	font-size: 12px;
}
footer section{
	padding:0 3%;
}
#footer-top aside, #footer-base aside{
    width: 100%;
}
#footer-top aside, #footer-top aside:nth-of-type(1), #footer-top aside:nth-of-type(2), #footer-top aside:nth-of-type(3),#footer-top aside:nth-of-type(4) {
	text-align: center;
	margin: 1% 0;
}
#footer-base aside, #footer-base aside:nth-of-type(1), #footer-base aside:nth-of-type(2), #footer-base aside:nth-of-type(3) {
	text-align: center;
	margin: 1% 0;
}
	
/* ## Phone - Typography - Fonts / Text
--------------------------------------------- */
h1 {
	font-size: 23px;
}
h2, #widget-box h2.widget-title, .sec5 section li h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 17px;
}
h5 {
	font-size: 16px;
}
p {
	font-size: 15px;
	line-height: 18pt;
}
small {
	font-size: 11px;
}
blockquote {
	font-size: 15px;
	line-height: normal;
	padding: 0 0 0 5px;
	margin: 1.5em 30px;
}
blockquote:before {
	font-size: 20px;
	width: .8em;
	line-height: 20pt;
}
blockquote:after {
	font-size: 20px;
	width: .8em;
}
blockquote p:first-letter {
	font-size: 35px;
	line-height: 30px;
}
main ol, main ul { 
	font-size: 15px;
	line-height: 18pt;
}
.drop-cap-text {
    font-size: 3em;
    line-height: 33pt;
}
#text-box-container {
    width: 100%;
    text-align: center;
}
.left-float-box, .right-float-box {
    float: none;
    margin: 0 0 5px 0;
}
	
/* ## Phone - Forms
--------------------------------------------- */
input, select, textarea {
	font-size: 15px;
}
textarea {
	max-width: 100%;
}
a.button.btn-lg, a.button-alt.btn-lg {
    font-size: 1.0rem;
    padding: 5px 10px;
}
input[type=submit], button, .button, .button-alt, a.button, a.button-alt {
    margin-bottom: 10px;
}
	
/* ## Phone - Search
--------------------------------------------- */
.search #searchform {
	margin:10px 0;
}
input[type=search]{
	width:30%;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
input[type=search]:focus{
	width:80%;
}
	
/* ## Phone - Elements
--------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
}
img.alignleft, img.alignleft, img.alignright, img.alignright, a img.alignright, a img.alignleft, .wp-caption.alignleft, .wp-caption.alignright, .alignnone{
	float:none;
	  margin: 0 auto 20px;
 	 display: block;
}
.gallery-item {
    width: 100% !important;
}
table, tbody, td, th, thead, tr {
	display: block;
}
#smoothup {
	padding: 0.7em;
}
#smoothup .fa {
  font-size: 1em;
}
}