/*
Theme Name: MayeCreate Child
Theme URI: http://www.mayecreate.com/
description: MayeCreate Design Child Theme
Author: Tyler Ernst, Rebecca Thomas, Creative Director Monica Pitts
Author URI: http://www.mayecreate.com/
Template: mayecreate-theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
font-family: 'Heebo', sans-serif;
font-family: 'Nunito', sans-serif;
*/
html {
	overflow-x: hidden !important;
}
body {
	font-family: 'Heebo', sans-serif;
	font-size: 18px;
	font-size: 1.8rem; /* 10 ÷ $rembase */
	font-weight: 400; /* normal */
	color: #2D2D2D;
	overflow-x: hidden !important;
}
.container {
	max-width: 1640px; /* CHANGE ME TO MATCH YOUR WEBSITE DESIGN */
	width: 90%;
}

.divider, .wp-block-separator {
	margin: 30px auto;
	border: 0 none;
	height: 3px;
	background: #143147;
	position: relative;
	clear: both;
	display: block;
	float: none;
	max-width: 100%;
}
#boonecommunitytrust .divider, #boonecommunitytrust .wp-block-separator {
	background: #19376C;
}
.divider:after, .wp-block-separator:after {
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: '';
	display: block;
	width: 30%;
	max-width: 285px;
	background: #FFD35B;
}
.pagebreak {
	background: #F3F4F5;
	background-size: cover;
	background-repeat: no-repeat;
}
.pagebreak .pagebreak_inner {
	opacity: .8;
}

iframe.centerframe {
	margin: 0 auto 20px auto !important;
	display: block !important;
}
@media (max-width: 768px) {
	iframe.youtube {
		max-height: 200px !important;
	}
}

.fa-podcast {
	font-size: clamp(2.8rem,2.5rem + 1vw,72px);
}

.date_wrapper.icon_wrapper .date_wrapper_inner {
	text-align: center;
	display: block;
	width: 95%;
	height: fit-content;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.date_wrapper.icon_wrapper:before {
    content: '';
    display: none;
}

.event_link_wrapper.podcast_wrap p {
	color: #357DB1;
}

a.event_link_wrapper.podcast_wrap:hover p {
	color: #143147 !important;
}

.event_link_wrapper.podcast_wrap h2 {
	color: #143147;
	margin-bottom: 0;
}

a.event_link_wrapper.podcast_wrap:hover h2 {
	color: #357DB1;
	margin-bottom: 0;
}

a.event_link_wrapper.podcast_wrap:hover h2 {
	color: #357DB1;
}

.event_link_wrapper.podcast_wrap p {
	font-size: clamp(2.0rem,1.6rem + 1vw,22px);
}

.event_link_wrapper.podcast_wrap h3 {
	font-size: clamp(2.8rem,2.0rem + 1vw,30px);
} 

.singlepodcasttitle {
	color: #143147 !important;
}

.track .songtitle {
    clear: right;
    display: none  !important;
}

.track .wp-audio-shortcode.mejs-audio .mejs-inner > .mejs-controls, .track .audiobutton a {
    background-color: #11212e !important;
}

.track .mejs-controls .mejs-time-rail .mejs-time-total, .track .mejs-time-rail .mejs-time-total .mejs-time-loaded, .track .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background-color: #12538b !important;
}

.single_subscribe_cta {
	background-color: #EEEEEE;
	padding: 10px;
	text-align: center;
}

.single_subscribe_cta p {
	margin: 0;
}

.photowrapper {
	min-height: 180px;
}

.host_wrap  {
	width: 95%;
}


/* LINKS: Change the colors of your links here.  These will change he navigation as well.
* To override these color in navigation change the colors in the style-tablet.css file.
==========================================	*/

a, a:link, a:visited {
	color: #357DB1;
	text-decoration:none; 
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}
a:hover, a:active, a:focus{
	color: #AA8F44;
	text-decoration:none; /* change to none if you don't want links to be underlined wehn hovered */
}
a[href^="tel:"] {
	white-space: nowrap;
}
/* TYPOGRAPHY: HEADINGS
==========================================  */
.page-header {
	margin-top: 0;
	border-color: transparent;
}

.pagehead {
    height: auto;
	margin-bottom: 40px;
	background-position: center center;
	background-size: cover;
	border-bottom: 10px solid #28618B;
	position: relative;
}
.pagehead.no_img {
	border: 0 none;
	margin: 0;
}
#no_img_title {
	padding-top: 20px;
}
.pagehead:after {
	position: absolute;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(12, 46, 78, 0.75);
}
.pagehead .page-header {
	margin-top: 0;
	border-color: transparent;
	height: auto;
	max-height: 100vh;
	position: relative;
	z-index: 2;
}

 .pagehead .page-header .entry-title{
	position: static;
	top: auto;
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,.56);
	padding: 75px 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 400;
	line-height: 120%;
	margin: 0 0 10px 0;
	-webkit-font-smoothing: antialiased;
	font-family: 'Nunito', sans-serif;
	color: #143147;
}
#boonecommunitytrust h1, #boonecommunitytrust h2, #boonecommunitytrust h3, #boonecommunitytrust h4, #boonecommunitytrust h5, #boonecommunitytrust h6, #boonecommunitytrust .h2, #boonecommunitytrust .h3, #boonecommunitytrust .h4, #boonecommunitytrust .h5, #boonecommunitytrust .h6 {
	color: #19376C;
}
h1, h1.entry-title {
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: 700;
	color: #fff;
}
#no_img_title h1.entry-title {
	padding: 20px 0;
	text-shadow: none;
	color: #143147;
	margin-bottom: 25px;
}
#boonecommunitytrust #no_img_title h1.entry-title {
	color: #19376C;
}

#homeContentWrap.scroll, #contentwrap.scroll {
    padding-top: 0px !important;
}

#navigation.affix-top {
    z-index: 100;
    position: relative !important;
    width: 100%;
    margin-bottom: 0 !important;
}

h2, .h2 {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 700;
}
h3, .h3 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
}
h4, .h4 {
	font-size: 25px;
	font-size: 2.5rem;
}
h5, .h5, .btn-mayecreate.large, a.btn-mayecreate.large:link, a.btn-mayecreate.large:visited, .wp-block-button.large a:link, .wp-block-button.large a:visited {
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 600;
}
h6, .h6 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	color: #6E6E6E;
}

/* TYPOGRAPHY: PARAGRAPHS
==========================================  */
p, .btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, .wp-block-button a:link, .wp-block-button a:visited {
	font-size: 18px;
	font-size: 1.8rem; /* 10 ÷ $rembase */
	margin:0 0 20px 0;
}

/* TYPOGRAPHY: LIST ITEMS
==========================================  */
ol, ul {
	margin-left: 40px;
	padding:0;
}
ul {
	list-style-type: none;
	list-style-position:outside;
}
ol {
	list-style-position:outside; 
}
li ol, li ul {
	margin:0 0 20px 30px;
	padding:0;
}
li {
	margin:0 0 20px 0;
	padding:0;
}
ul li {
	list-style-image: url("img/ul_li.png");
}
ol li {
    counter-increment: count-me;
	list-style:none;
}
ol li::before {
    content: counter(count-me) ". ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.3em;
    top: .05em;
    color: #143147;
    font-weight: bold;
}


/* BUTTONS: Styles for Custom Button Block
==========================================  */
.btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, .wp-block-button a:link, .wp-block-button a:visited {
	background: #28618B;
	border-radius: 0;
	border:0 none;
	padding: 15px 25px;
	color: #fff;
}
#boonecommunitytrust .btn-mayecreate, #boonecommunitytrust a.btn-mayecreate:link, #boonecommunitytrust a.btn-mayecreate:visited, #boonecommunitytrust .wp-block-button a:link, #boonecommunitytrust .wp-block-button a:visited {
	background: #164294;
}
.wp-block-button.aligncenter {
	display: table;
}
a.btn-mayecreate:hover, a.btn-mayecreate:active, a.btn-mayecreate:focus, .wp-block-button a:hover, .wp-block-button a:active, .btn-mayecreate:hover, #boonecommunitytrust a.btn-mayecreate:hover, #boonecommunitytrust a.btn-mayecreate:active, #boonecommunitytrust a.btn-mayecreate:focus, #boonecommunitytrust .wp-block-button a:hover, #boonecommunitytrust .wp-block-button a:active, #boonecommunitytrust .btn-mayecreate:hover {
	background: #FFD35B;
	color: #143147;
}
.btn-mayecreate.large, a.btn-mayecreate.large:link, a.btn-mayecreate.large:visited, .wp-block-button.large a:link, .wp-block-button.large a:visited {
	display: block;
}
a.btn-mayecreate.large:hover, a.btn-mayecreate.large:active, a.btn-mayecreate.large:focus, .wp-block-button.large a:hover, .wp-block-button.large a:active {
	background: #FFD35B;
	color: #143147;
}

/* FOOTER
==========================================  */
footer.site-footer {
	background-color: #143147;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 20px solid #28618B;
}
#boonecommunitytrust footer.site-footer {
	background-color: #19376C;
	border-bottom: 20px solid #2B6CA3;
}
#credits {
	text-align: center;
}
#credits p {
	margin-bottom: 0;
	font-weight: 700;
	color: #fff;
}
#credits a:link, #credits a:visited {
	text-decoration: none;
	color: #fff;
}
#credits a:hover, #credits a:active {
	text-decoration: none;
	color: #FFD35B;
}
#footer_nav{
	display: none;
} 
/* Social Media Icon Links
============================================*/
ul.social{
	margin: 15px 0 0 0;
	padding: 0;
	display: block;
	text-align: center;
}
ul.social li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
	margin: 0;
}
ul.social li a .fab, ul.social li a .fas {
    font-size: 32px;
    color: #fff;
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}
ul.social li a:hover .fab, ul.social li a:hover .fas {
    font-size: 32px;
    color: #FFD35B;
}

/* HOME SLIDER
===========================================  */
div#homefeatured, div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner {
	height: auto;
	position: relative;
	display: block
}
div#homefeatured .carousel-inner>.item {
	position: static;
}
div#homefeatured #myCarousel {
	border-bottom: 38px solid #28618B;
	margin-bottom: 45px;
}
.carousel-indicators {
	bottom: -42px;
}
.carousel-indicators li, .carousel-indicators button {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50%;
}

/* HEADER 
=========================================  */
#navigation {
	z-index: 9999 !important;
}
#nav_outer_wrapper {
	min-height: 10px;
	background: #143147;
}
#boonecommunitytrust #nav_outer_wrapper {
	background: #19376C;
}
#navbarBottom {
	padding: 0;
}
.nav-button span {
    background: #143147;
}
.nav-button span::before,
.nav-button span::after {
	background-color: #143147;
}
.mm-menu {
 	background: #ffffff;
 	color: #143147;
	font-family: 'Heebo', sans-serif;
}
.mm-listview > li > a, .mm-listview > li > span, .mm-listview > li > button {
    font-size: 14px;
    text-transform: uppercase;
    color: #333333;
    white-space: normal;
	border: 0 none;
	display: block;
}
.mm-listview > li > button {
	padding: 10px 10px 10px 20px !important;
	margin: 0 !important;
	background: none !important;
	width: 100% !important;
	text-align: left !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    color: #333333 !important;
    white-space: normal !important;
	border: 0 none !important;
}
.mm-listview > li > button:focus {
	border: 0 none !important;
}
.mm-listview > li.active{
	background: #143147;
}
.mm-listview > li.active > a{
	color: #ffffff;
}
.mm-menu .mm-header > a {
 	color: #143147;
	text-transform: uppercase;
}
.logo_container {
	width: 95%;
	max-width: 95%;
	margin: 0 auto;
}
.logo_container #header_button_wrapper {
	display: none;
}
#branding-container {
	max-width: 200px;
	padding: 20px 0;
}
.search-form {
	margin-top: 10px !important;
	font-size: 20px;
	font-size: 2.0rem;
	border: 0 none;
}
.search-form  input {
	font-size: 20px;
	font-size: 2.0rem;
	border: 0 none;
	font-weight: 400 !important;
}
.search-form input.search-submit {
	background: #165072;
	color: #fff;
}
#target-search_bar {
	background: #28618B;
	font-family: 'Heebo', sans-serif;
	padding: 10px 0;
}
#searchform_header {
	display: block;
	width: 100%;
	margin: 0 auto !important; 
	font-family: 'Heebo', sans-serif;
}
#searchform {
	font-family: 'Heebo', sans-serif;
}
#searchform_header input:first-child {
	display: block;
	width: 100%;
	border-radius: 0px;
	padding: 4px 12px;
	border:0 none;
	outline: none;
	font-family: 'Heebo', sans-serif;
}
#searchform input:first-child {
	border-radius:0px;
	padding: 4px 12px;
	border:0 none;
	outline: none;
	font-family: 'Heebo', sans-serif;
}
.mm-listview > li.active .mm-next:before, .mm-menu .mm-listview>li.active .mm-arrow:after, .mm-menu .mm-listview>li.active .mm-next:after {
	border-color: #fff;
}
#drawer-menu .form-group .form-control {
	width: 78%;
}
#drawer-menu .form-group {
	width: 85%;
}
/* CUSTOM BLOCKS
====================================  */
.callout_wrapper_outer {
	position: relative;
}
.callout_wrapper:link, .callout_wrapper:visited {
	display: block;
	padding: 12px 25px;
	margin-bottom: 20px;
	border-top: 10px solid #143147;
	background: #fff;
}
#boonecommunitytrust .callout_wrapper:link, #boonecommunitytrust .callout_wrapper:visited {
	border-top: 10px solid #19376C;
}
.callout_wrapper:hover, .callout_wrapper:active {
	background: #143147;
}
#boonecommunitytrust .callout_wrapper:hover, #boonecommunitytrust .callout_wrapper:active {
	background: #19376C;
}
.callout_wrapper *, .picture_callout_wrapper * {
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}
.callout_wrapper:link p, .callout_wrapper:visited p {
	color: #2D2D2D;
}
.callout_wrapper:hover h2, .callout_wrapper:hover p {
	color: #fff !important;
}
.callout_wrapper_outer .btn-mayecreate {
	font-weight: 700;
}
.callout_wrapper:hover .btn-mayecreate {
	background: #FFD35B !important;
	color: #143147 !important;
}
.picture_callout_wrapper, a.picture_callout_wrapper:link, a.picture_callout_wrapper:visited {
	display: block;
	margin: 0 auto 20px;
	max-width: 400px;
	text-align: center;
}
.picture_callout_wrapper .picture_callout_img_outer img {
	display: block;
	position: relative;
	z-index: 1;
}
.picture_callout_wrapper .picture_callout_img_outer:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(53,125,177,.75);
	opacity: 0;
}
a.picture_callout_wrapper:hover .picture_callout_img_outer:after {
	opacity: 1;
}
.picture_callout_wrapper .picture_callout_img_outer {
	display: table;
	margin: 0 auto 20px;
	max-width: 400px;
	border-top: 10px solid #143147;
	border-bottom: 10px solid #143147;
	position: relative;
}
#boonecommunitytrust .picture_callout_wrapper .picture_callout_img_outer {
	border-top: 10px solid #19376C;
	border-bottom: 10px solid #19376C;
}
a.picture_callout_wrapper:hover .picture_callout_img_outer, #boonecommunitytrust a.picture_callout_wrapper:hover .picture_callout_img_outer {
	border-top: 10px solid #FFD35B;
	border-bottom: 10px solid #FFD35B;
}
.picture_callout_wrapper .picture_callout_title {
	font-weight: 900;
	margin-bottom: 8px;
	color: #143147;
}
#boonecommunitytrust .picture_callout_wrapper .picture_callout_title {
	color: #19376C;
}
a.picture_callout_wrapper:hover .picture_callout_title, #boonecommunitytrust a.picture_callout_wrapper:hover .picture_callout_title {
	color: #28618B;
}
.picture_callout_wrapper .picture_callout_excerpt {
	margin-bottom: 20px;
	color: #2D2D2D;
}
.person_wrapper {
	display: block;
	margin: 0 auto 35px;
	max-width: 500px;
}
.person_wrapper .person_callout_img_outer {
	display: block;
	margin: 0 0 20px;
	border-top: 10px solid #143147;
	border-bottom: 10px solid #143147;
	max-width: 300px;
}
.person_wrapper .person_divider {
	display: block;
	margin: 20px auto;
	border-bottom: 1px solid #6E6E6E;
	clear: both;
}
/* BLOG FIXES
============================== */
.sidebarSection .sidebarTitle {
	background: #143147;
}
.img_wrapper:after {
	background: rgba(20,49,71,.75);
}
.sidebarSection {
	box-shadow: none;
	border:1px solid #ddd;
}
/* POSTS
============================== */
.event_link_wrapper, .event_link_wrapper:link, .event_link_wrapper:visited {
	display: block;
	border: 2px solid #143147;
	border-top: 10px solid #143147;
	margin-bottom: 25px;
	position: relative;
	padding: 0;
}
a.event_link_wrapper:hover, a.event_link_wrapper:active {
	border: 2px solid #FFD35B;
	border-top: 10px solid #FFD35B;
}
.date_wrapper {
	display: block;
	width: 100%;
	padding: 25px 10px 15px 10px;
	text-align: center;
	background: #143147;
	color: #fff;
	position: relative;
}
a.event_link_wrapper:hover .date_wrapper {
	background: #FFD35B;
	color: #143147;
}
.date_wrapper:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 1px;
	height: 12px;
	background: url("img/event_date_top.png") top left repeat-x;
	width: 98%;
}
a.event_link_wrapper:hover .date_wrapper:before {
	background: url("img/event_date_top_hover.png") top left repeat-x;
}
.date_wrapper_inner {
	text-align: center;
	display: block;
	width: 95%;
	height: 92px;
}
.date_wrapper_inner span {
	display: block;
	margin-bottom: 0;
	line-height: 100%;
}
.date_wrapper_inner span.date_wrapper_month,.date_wrapper_inner span.date_wrapper_year {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 25px;
	font-size: 2.5rem;
}
.date_wrapper_inner span.date_wrapper_day {
	font-weight: 900;
	font-size: 45px;
	font-size: 4.5rem;
}
.post_content_wrapper {
	padding: 10px;
	display: block;
}
.post_content_wrapper p {
	margin: 0;
	color: #143147;
	font-weight: 900;
}
a.event_link_wrapper:hover .post_content_wrapper p {
	color: #357DB1;
}
.post_content_wrapper span {
	display: block;
	margin-bottom: 5px;
	color: #2D2D2D;
}
.single_info {
	display: block;
	margin-bottom: 10px;
}
.single_info i {
	display: block;
	float: left;
	width: 40px;
	text-align: center;
}
.single_info span {
	display: block;
	float: left;
	width: calc(100% - 40px);
}
.single_info:after {
	display: block;
	content: '';
	clear: both;
}
.single_date_wrapper {
	text-align: center;
	padding: 37px 10px 20px 10px;
	background: #143147;
	position: relative;
	margin-bottom: 10px;
}
.single_date_wrapper:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 1px;
	height: 12px;
	background: url("img/event_date_top.png") top left repeat-x;
	width: 98%;
}
.single_date_wrapper h2 {
	margin-bottom: 0;
	color: #fff;
}
.person_wrapper_link:link, .person_wrapper_link:visited {
	display: block;
	text-align: center;
	color: #143147;
}
a.person_wrapper_link:hover, .person_wrapper_link:active {
	color: #357DB1;
}
#boonecommunitytrust .person_wrapper_link:link, #boonecommunitytrust .person_wrapper_link:visited {
	color: #164294;
}
#boonecommunitytrust a.person_wrapper_link:hover, #boonecommunitytrust .person_wrapper_link:active {
	color: #357DB1;
}
.person_wrapper_link .person_wrapper {
	text-align: center;
}
.person_wrapper_link .person_callout_img_outer {
	margin: 0 auto 20px auto;
}
#boonecommunitytrust .person_wrapper_link .person_callout_img_outer {
	border-top: 10px solid #164294;
    border-bottom: 10px solid #164294;
}
a.person_wrapper_link:hover .person_callout_img_outer, #boonecommunitytrust a.person_wrapper_link:hover .person_callout_img_outer  {
	border-top: 10px solid #FFD35B;
    border-bottom: 10px solid #FFD35B;
}
        /* Small devices (tablets, 768px and up) */
		@media (min-width: 768px) {
			/* SCROLL STICK NAVIGATION
			==========================================  */
			#navigation {
				margin-top:0;
				margin-bottom:35px;
			}
			#navigation.affix {
				margin-top:0;
				width: 100%;
                position: fixed;
                z-index: 9999;
			}
			#navigation.affix #nav_search_icon {
				display: none;
			}
			#navigation.affix #branding-container {
				max-width: 200px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			#navigation .navbar {
				margin-bottom: 0;
			}
			
			#navigation.affix .navbar-default {
				background-color: rgba(255,255,255,.9);
				border:0 none;
			}
        }

            /* Small devices (tablets, 992px and up) */
            @media (min-width: 992px) {
				/* TYPOGRAPHY
				===========================================  */
				body {
					font-size: 18px;
					font-size: 1.8rem;
				}
				h1, h1.entry-title {
					font-size: 45px;
					font-size: 4.5rem;
				}
				h2, .h2 {
					font-size: 35px;
					font-size: 3.5rem;
				}
				h3, .h3 {
					font-size: 30px;
					font-size: 3.0rem;
				}
				h4, .h4 {
					font-size: 28px;
					font-size: 2.8rem;
				}
				h5, .h5, .btn-mayecreate.large, a.btn-mayecreate.large:link, a.btn-mayecreate.large:visited, .wp-block-button.large a:link, .wp-block-button.large a:visited {
					font-size: 28px;
					font-size: 2.8rem;
				}
				h6, .h6 { 
					font-size: 25px;
					font-size: 2.5rem;
				}
				p, .btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, .wp-block-button a:link, .wp-block-button a:visited {
					font-size: 18px;
					font-size: 1.8rem;
				}
				#credits p {
					font-size: 14px;
					font-size: 1.4rem;
				}
				/* FOOTER
				=================================  */
				#credits {
					text-align: left;
				}
				ul.social {
					text-align: right;
					margin: 4px 0 0 0;
				}
				/* HEADER
				================================  */
				#branding-container {
					max-width: 300px;
					padding: 20px 0;
				}
				.logo_container #header_button_wrapper {
					display: block;
				}
				#header_button_wrapper ul {
					display: block;
					/* margin: 25px 0 0 0; */
					margin: 0;
					padding: 0;
					text-align: right;
					width: 100%;
				}
				#header_button_wrapper ul li {
					display: inline-block;
					position: relative;
					margin: 0;
					padding: 0;
					list-style: none;
					background: none;
				}
				#header_button_wrapper ul li a:link, #header_button_wrapper ul li a:visited, #header_button_wrapper ul li i.collapseomatic, #header_button_wrapper ul li button {
					display: block;
					padding: 10px 12px;
					margin-left: 10px;
					font-size: 16px;
					color: #fff;
					font-weight: 700;
					text-transform: uppercase;
					background: #143147;
					text-decoration: none;
					vertical-align: middle;
					border: 0 none;
					cursor: pointer;
				}
				#boonecommunitytrust #header_button_wrapper ul li a:link, #boonecommunitytrust #header_button_wrapper ul li a:visited, #boonecommunitytrust #header_button_wrapper ul li i.collapseomatic {
					background: #19376C;
				}
				#header_button_wrapper ul li i.collapseomatic {
					padding: 17px;
				}
				#header_button_wrapper ul li a:hover, #header_button_wrapper ul li a:active, #header_button_wrapper ul li i.colomat-hover, #header_button_wrapper ul li i.colomat-close, #boonecommunitytrust #header_button_wrapper ul li a:hover, #boonecommunitytrust #header_button_wrapper ul li a:active, #boonecommunitytrust #header_button_wrapper ul li i.colomat-hover, #boonecommunitytrust #header_button_wrapper ul li i.colomat-close, #boonecommunitytrust #header_button_wrapper ul li i.collapseomatic:hover {
					color: #143147;
					background: #FFD35B;
				}
				#header_button_wrapper ul li a:before, #header_button_wrapper ul li button:before {
					width: 32px;
					height: 32px;
					display: inline-block;
					margin-right: 10px;
					vertical-align: middle;
					content: '';
					position: static;
				}
				#header_button_wrapper ul li a#smart_hub:link, #header_button_wrapper ul li a#smart_hub:visited {
					background: #4C205B;
				}
				#header_button_wrapper ul li a#smart_hub:hover, #header_button_wrapper ul li a#smart_hub:active {
					background: #143147;
					color: #fff;
				}
				#header_button_wrapper ul li a#smart_hub:before {
					background: url("img/button_smarthub.png") center center no-repeat;
				}
				#header_button_wrapper ul li a#live_chat:link, #header_button_wrapper ul li a#live_chat:visited, #header_button_wrapper ul li #live_chat {
					background: #28618B;
				}
				#boonecommunitytrust #header_button_wrapper ul li a#live_chat:link, #boonecommunitytrust #header_button_wrapper ul li a#live_chat:visited, #boonecommunitytrust #header_button_wrapper ul li #live_chat {
					background: #164294;
				}
				#header_button_wrapper ul li a#live_chat:hover, #header_button_wrapper ul li a#live_chat:active, #boonecommunitytrust #header_button_wrapper ul li a#live_chat:hover, #boonecommunitytrust #header_button_wrapper ul li a#live_chat:active, #header_button_wrapper ul li #live_chat:hover, #boonecommunitytrust #header_button_wrapper ul li #live_chat:hover {
					background: #143147;
					color: #fff;
				}
				#header_button_wrapper ul li a#live_chat:before, #header_button_wrapper ul li #live_chat:before {
					background: url("img/button_live_chat.png") center center no-repeat;
				}
				#header_button_wrapper ul li a#outage:link, #header_button_wrapper ul li a#outage:visited {
					background: #FFD35B;
					color: #143147;
				}
				#header_button_wrapper ul li a#outage:hover, #header_button_wrapper ul li a#outage:active {
					background: #143147;
					color: #fff;
				}
				#header_button_wrapper ul li a#outage:before {
					background: url("img/button_outage.png") center center no-repeat;
				}
				#header_button_wrapper ul li a#outage:hover:before {
					background: url("img/button_outage_hover.png") center center no-repeat;
				}
				#navigation.affix #header_button_wrapper ul {
					/* margin: 12px 0 0 0; */
					margin: 0;
				}
				/* MAIN NAVIGATION
				==========================================  */
				#main_nav {
					display: block;
				}

				#main_nav ul {
					margin:0;
					padding:0;
					list-style:none;
					display: block;
					text-align: center;
					width: 100%;
				}
				#main_nav ul li {
					float: none;
					margin:0;
					padding:0;
					background:none;
					display: inline-block;
					position: relative;
				}
				#main_nav ul ul {
					display: none;
					position: absolute;
					z-index: 9000;
					background: #F5C646;
					margin: 0;
					padding: 0;
					width: 250px;
					min-width: 150px;
					max-width: 300px;
					border: 0 none;
					text-align: left;
				}
				#main_nav ul li:hover ul, #main_nav ul li:hover ul #main_nav ul ul li:hover ul {
					list-style: none;
					position: absolute;
					display: list-item;
				}

				#main_nav ul ul ul.sub-menu {
					display: none;
					position: absolute;
					right: -250px;
					top: 0;
				} 
				#main_nav ul li ul li:hover ul.sub-menu {
					display: block;
				}

				#main_nav ul ul li {
					float: none;
					display: block;
					position: relative;
				}

				#main_nav a:link, #main_nav a:visited {
					display: inline-block;
					margin: 0;
					text-decoration: none;
					font-size: 13px;
					font-size: 1.3rem;
					padding: 15px 6px;
					text-transform: uppercase;
					color: #fff;
					font-weight: 700;
					font-family: 'Heebo', sans-serif;
				}
				#navigation.affix #main_nav a {
					font-size: 13px;
					font-size: 1.3rem;
					padding: 10px 6px;
				}
				#main_nav a:hover, #main_nav a:active, #main_nav a:focus, #main_nav > ul > li.active > a, #main_nav > ul > li:hover > a {
					/* if you have different color for Nav link hover state, change it here */
					color: #143147;
					background: #F5C646;
					text-decoration:none;
				}
				#main_nav ul ul li a:link, #main_nav ul ul li a:visited {
					padding: 5px 15px;
					width: 100%;
					color: #143147;
				} 
				#main_nav ul ul li a:hover, #main_nav ul ul li a:active {
					color: #F5C646;
					background: #143147;
				}
				.callout_wrapper_outer .secondary_button {
					position: absolute;
					bottom: 12px;
					right: 25px;
					z-index: 5;
				}

            }

                /* Small devices (tablets, 1024px and up) */
                @media (min-width: 1024px) {
					#main_nav a:link, #main_nav a:visited {
						padding: 17px 7px;	
					}
					#navigation.affix #main_nav a {
						padding: 10px 7px;	
					}
					.event_link_wrapper, .event_link_wrapper:link, .event_link_wrapper:visited {
						padding: 15px 20px 15px 170px;
						min-height: 160px;
					}
					.date_wrapper {
						display: block;
						position: absolute;
						left: 0;
						top: 0;
						width: 150px;
						height: 100%;
						min-height: 150px;
						padding: 0;
					}
					.date_wrapper_inner {
						text-align: center;
						display: block;
						width: 95%;
						height: 92px;
						position: absolute;
						margin: auto;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
					}
                }

                    /* Small devices (tablets, 1200px and up) */
                    @media (min-width: 1200px) {
						/* TYPOGRAPHY
						===========================================  */
						body {
							font-size: 20px;
							font-size: 2.0rem;
						}
						h1, h1.entry-title {
							font-size: 50px;
							font-size: 5.0rem;
						}
						h2, .h2 {
							font-size: 45px;
							font-size: 4.5rem;
						}
						h3, .h3 {
							font-size: 35px;
							font-size: 3.5rem;
						}
						h4, .h4 {
							font-size: 30px;
							font-size: 3.0rem;
						}
						h5, .h5, .btn-mayecreate.large, a.btn-mayecreate.large:link, a.btn-mayecreate.large:visited, .wp-block-button.large a:link, .wp-block-button.large a:visited {
							font-size: 30px;
							font-size: 3.0rem;
						}
						h6, .h6 { 
							font-size: 28px;
							font-size: 2.8rem;
						}
						p, .btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, .wp-block-button a:link, .wp-block-button a:visited {
							font-size: 20px;
							font-size: 2.0rem;
						}
						#credits p {
							font-size: 18px;
							font-size: 1.8rem;
						}
						ul.social {
							margin: 10px 0 0 0;	
						}
						#main_nav a:link, #main_nav a:visited, #navigation.affix #main_nav a {
							font-size: 15px;
							font-size: 1.5rem;
						}
						#header_button_wrapper ul {
							/* margin: 30px 0 0 0;	 */
							margin: 0;
						}
						#header_button_wrapper ul li a:link, #header_button_wrapper ul li a:visited {
							padding: 10px 17px;
							font-size: 18px;
							font-size: 1.8rem;
						}
						#main_nav ul ul {
							width: 325px;
							max-width: 325px;
						}
						#main_nav ul ul ul.sub-menu {
							right: -325px;
						}

                    }

                        /* Small devices (tablets, 1366px and up) */
                        @media (min-width: 1366px) {
							#main_nav a:link, #main_nav a:visited {
								font-size: 16px;
								font-size: 1.6rem;
								padding: 20px 14px;
							}
							#navigation.affix #main_nav a {
								font-size: 16px;
								font-size: 1.6rem;
								padding: 10px 14px;
							}
							#header_button_wrapper ul {
								/* margin: 37px 0 0 0; */
								margin: 0;
							}
                        }

                            /* Small devices (tablets, 1500px and up) */
                            @media (min-width: 1500px) {

								.fa-podcast {
									font-size: 72px;
								}

								
								.event_link_wrapper.podcast_wrap p {
									font-size: 22px;
									font-weight: 600;
								}

								.event_link_wrapper.podcast_wrap h3 {
									color: 30px;
									font-weight: 900;
								} 
								/* TYPOGRAPHY
								===========================================  */
								body {
									font-size: 22px;
									font-size: 2.2rem;
								}
								h1, h1.entry-title {
									font-size: 60px;
									font-size: 6.0rem;
								}
								h2, .h2 {
									font-size: 48px;
									font-size: 4.8rem;
								}
								h3, .h3 {
									font-size: 40px;
									font-size: 4.0rem;
								}
								h4, .h4 {
									font-size: 35px;
									font-size: 3.5rem;
								}
								h5, .h5, .btn-mayecreate.large, a.btn-mayecreate.large:link, a.btn-mayecreate.large:visited, .wp-block-button.large a:link, .wp-block-button.large a:visited {
									font-size: 35px;
									font-size: 3.5rem;
								}
								h6, .h6 { 
									font-size: 30px;
									font-size: 3.0rem;
								}
								p, .btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, .wp-block-button a:link, .wp-block-button a:visited {
									font-size: 22px;
									font-size: 2.2rem;
								}
								#credits p {
									font-size: 20px;
									font-size: 2.0rem;
								}
								#main_nav a:link, #main_nav a:visited, #navigation.affix #main_nav a {
									font-size: 18px;
									font-size: 1.8rem;
								}

                            }

                                /* Small devices (tablets, 1700px and up) */
                                @media (min-width: 1700px) {
									#main_nav a:link, #main_nav a:visited {
										padding: 20px 15px;
									}
									#navigation.affix #main_nav a {
										padding: 10px 15px;
									}
                                }