/*
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.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
	font-family: 'Open Sans', sans-serif;
	font-family: clarendon-urw, serif;
	font-weight: 500;
	font-style: normal;
*/
/* NOTE TO THE THEME DEV: DONT FORGET TO CHANGE THE SCREENSHOT.PNG TO A SCREENSHOT OF THE CLIENT SITE */

@font-face {
    font-family: 'hk_groteskblack';
    src: url('/wp-content/themes/mu-cra-theme/fonts/hkgrotesk-black.woff2') format('woff2'),
         url('/wp-content/themes/mu-cra-theme/fonts/hkgrotesk-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hk_groteskbold';
    src: url('/wp-content/themes/mu-cra-theme/fonts/hkgrotesk-bold.woff2') format('woff2'),
         url('/wp-content/themes/mu-cra-theme/fonts/hkgrotesk-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hk_groteskextrabold';
    src: url('/wp-content/themes/mu-cra-theme/fonts/hkgrotesk-extrabold.woff2') format('woff2'),
         url('/wp-content/themes/mu-cra-theme/fonts/hkgrotesk-extrabold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
	background: #E4F1FA !important;
	font-size:62.5%;
	-webkit-font-smoothing: antialiased;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1.6rem; /* 10 ÷ $rembase */
	font-weight: 400; /* normal */
	color: #000000;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	background: #fff;
}

#homeContentWrap, #contentwrap {
    min-height: 0px !important;
}

.container {
	max-width: 1640px; /* CHANGE ME TO MATCH YOUR WEBSITE DESIGN */
	width: 90%;
}
.container:after {
	display: block;
	content: '';
	clear: both;
}
#homeContentWrap.scroll, #contentwrap.scroll {
	padding-top: 0;
}
.divider, .wp-block-separator {
	margin: 30px auto;
	border-bottom: 1px solid #7D7D7D;
	clear: both;
	display: block;
	float: none;
	max-width: 100%;
}

#navigation.affix-top {
	margin-bottom: 0;
}
.wp-block-file__button, .wp-block-file *+.wp-block-file__button {
    background: #fff !important;
}

/* 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: #1C5E90;
	text-decoration:underline; 
	transition: all 0.14s ease-in-out;
}
a:hover, a:active, a:focus{
	color:#405C10;/*old color #69901D */
	text-decoration:none; /* change to none if you don't want links to be underlined wehn hovered */
}

/* TYPOGRAPHY: HEADINGS
==========================================  */
.pagehead {
	border-bottom: 18px solid #ed9f27;
	height: auto;
}
.pagehead .page-header {
	height: auto;
}
.pagehead .page-header .entry-title {
	color: #000;
	text-shadow: none;
	text-transform: uppercase;
	position: static;
	top: auto;
	padding: 40px 0 60px;
}
h1, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
	line-height: 120%;
	margin: 0 0 10px 0;
	-webkit-font-smoothing: antialiased;
	color: #000000;
	font-family: clarendon-urw, serif !important;
	font-weight: 500;
}
h1, .entry-title {
	font-size: 35px;
	font-size: 3.5rem;
	margin-bottom: 0px;
	color: #000000;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	font-weight: 800;
}
h2, .h2 {
	font-size: 30px;
	font-size: 3.0rem;
	color: #445c13;
	font-weight: 600;
}
h3, .h3 {
	font-size: 27px;
	font-size: 2.7rem;
	color: #445c13;
	font-weight: 600;
}
h4, .h4 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
}
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, .collapseomatic {
	font-size: 22px;
	font-size: 2.2rem;
	color: #454545;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700;
}
h6, .h6 {
	font-size: 20px;
	font-size: 2.0rem;
	color: #8C3A11;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 800;
}

/* 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: 16px;
	font-size: 1.6rem; /* 10 ÷ $rembase */
	margin:0 0 20px 0;
}
.alt {
	font-family: clarendon-urw, serif !important;
	color: #8C3A11;
}
.narrow_p {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/* 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:20px 0 20px 30px;
	padding:0;
}
li {
	margin: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: #dc6601;
    font-weight: 900;
}
@media (max-width: 992px) {
	.kt-inside-inner-col ul, .kt-inside-inner-col ol {
		margin-bottom: 0;
	}
	.kt-inside-inner-col ul li, .kt-inside-inner-col ol li {
		margin-top: 0;
	}
}

/* PAGEBREAK STYLES
======================================== */
.pagebreak {
	background: #ECE9E5;
}
.pagebreak h1, .pagebreak h2, .pagebreak h3, .pagebreak h4, .pagebreak h5, .pagebreak h6, .pagebreak p, .pagebreak li {
	color: #000000;
}
.pagebreak a:link, .pagebreak a:visited {
	color: #1C5E90;
}
.pagebreak a:hover, .pagebreak a:active {
	color: #064734;
}
.pagebreak.landing_pagebreak h2, .pagebreak.landing_pagebreak h3 {
	color: #405C10;
}
.pagebreak.landing_pagebreak h5 {
	color: #454545;
}
.pagebreak.landing_pagebreak h6 {
	color: #dc6601;
}
.pagebreak .container {
	max-width: 1640px;
}
.page-template-page-landing-page .pagebreak_fix:first-child, .home .pagebreak_fix:first-child {
	padding: 0;
}
.page-template-page-landing-page .pagehead {
	margin-bottom: 0;
}
.landing_pagebreak .pagebreak_content {
	padding: 30px;
	background: #fff;
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
	box-shadow: 3px 3px 12px rgba(0,0,0,.15);
}
.landing_pagebreak img {
	box-shadow: 18px 5px 22px rgba(0,0,0,.2);
}
/* BUTTONS
================================  */
.btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, .wp-block-button a:link, .wp-block-button a:visited, .search-filter-reset:link, .search-filter-reset:visited, .collapseomatic, .collapseomatic.colomat-close {
	background: #8C3A11;
	border-radius: 0;
	border: 0 none;
	padding: 12px 20px;
	text-align: center;
	line-height: 120%;
	height: auto;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-weight: 600;
	-webkit-box-shadow: 3px 4px 8px rgba(0,0,0,.15);
	box-shadow: 3px 4px 8px rgba(0,0,0,.15);
	font-family: clarendon-urw, serif;
	font-weight: 500;
	text-decoration: none;
}
.collapseomatic, .collapseomatic.colomat-close {
	margin: 0 auto 20px;
	font-weight: 800;
	padding: 15px 20px;
	font-family: 'Open Sans', sans-serif;
	display: table;
	transition: all 0.14s ease-in-out;
}
.search-filter-reset:link, .search-filter-reset:visited {
	background: #405C10;
	display: table;
	text-decoration: none;
}
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, .search-filter-reset:hover, .search-filter-reset:active, .search-filter-reset:focus, .collapseomatic.colomat-hover {
	background: #E4F1FA;
	color: #000;
	text-decoration: none;
}
.btn-mayecreate.blue, a.btn-mayecreate.blue:link, a.btn-mayecreate.blue:visited {
	background: #1C5E90;
}
.btn-mayecreate.green, a.btn-mayecreate.green:link, a.btn-mayecreate.green:visited {
	background: #405C10;
}
.btn-mayecreate.blue:hover, a.btn-mayecreate.blue:hover, a.btn-mayecreate.blue:active, .btn-mayecreate.green:hover, a.btn-mayecreate.green:hover, a.btn-mayecreate.green:active {
	background: #E4F1FA;
	color: #000;
}
.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 {
	background: #8C3A11;
	color: #fff;
	font-weight: 800;
	padding: 15px 20px;
	font-family: 'Open Sans', sans-serif;
}
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: #E4F1FA;
	color: #000;
}

/* HEADER
================================  */
#navigation .navbar {
	padding: 15px 0 0 0;
	background: #405C10;
	/*background: #86B625;*/
}
.nav-button span {
	/*background: #000;*/
	background: #fff;
}
.nav-button span::before, .nav-button span::after {
	/*background-color: #000;*/
	background-color: #fff;
}
.mm-listview > li.active {
	background: #8C3A11;
}
.mm-menu .mm-header > a {
	color: #8C3A11;
}
#branding-container {
    margin: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    max-width: 360px;
}
/* FOOTER
================================= */
footer.site-footer {
	background: #405C10;
	/*background: #86B625;*/
	padding-top: 30px;
	padding-bottom: 0px;
	text-align: center;
}
footer.site-footer .aside{
	padding-top: 20px;
	padding-bottom: 20px;
}
footer.site-footer img {
	display: block;
	margin: 0 auto 0px auto;
}
footer.site-footer p {
	color: #fff;
	margin-bottom: 0;
}
footer.site-footer a:link, footer.site-footer a:visited {
	text-decoration: underline;
	color: #fff;
}
footer.site-footer a:hover, footer.site-footer a:active {
	background: #fff;
	color: #000;
	text-decoration: none;
}
footer.site-footer span {
	display:block;
	height:0;
	overflow:hidden;
}
#credits {
	padding: 18px 0;
	background: #E4F1FA;
	text-align: center;
}
#credits p {
	margin: 0;
}
#credits a:link, #credits a:visited {
	text-decoration: none;
	color: #000000;
}
#credits a:hover, #credits a:active {
	color: #1C5E90;
}
ul.social li a .fab, ul.social li a .fa-brands {
	color: #fff;
    font-size: 32px;
	transition: all 0.14s ease-in-out;
}
ul.social li a:hover .fab, ul.social li a:hover .fa-brands {
	color: #000;
	background: #fff;
}
ul.social {
	margin: 0 0 10px 0;
}
ul.social li {
	margin: 0;
}

/* SLIDESHOW
=================================  */
div#homefeatured {
	margin-bottom: 0;
	border-bottom: 18px solid #ed9f27;
	display: block;
}
div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner {
	display: block;
	min-height: 550px;
}
div#homefeatured .slideDesc {
	/*background: rgba(253,229,147,.8);*/
	background: none;
	width: 90%;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 2% 2% 2% 2%; 
}
div#homefeatured .slideDesc .btn-mayecreate {
	margin: 0 auto;
	display: table;
}
div#homefeatured .slideDesc .btn-mayecreate:link, div#homefeatured .slideDesc .btn-mayecreate:visited {
	background: #E4F1FA;
	color: #000;
	margin-bottom: 10px;
}
div#homefeatured .slideDesc .btn-mayecreate:hover, div#homefeatured .slideDesc .btn-mayecreate:active {
	background: #dc6601;
	color: #fff;
}
div#homefeatured .slideDesc .slideTitle {
	color: #fff;
	margin-bottom: 10px;
	font-weight: 800;
	text-shadow: 1px 1px 10px rgba(0,0,0,1);
	text-transform: uppercase;
	line-height: 115%;
	font-size: 40px;
	font-size: 4.0rem;
}
div#homefeatured .slideDesc .slideText {
	margin-bottom: 15px;
	color: #fff;
	/*font-family: clarendon-urw, serif;*/	
	font-weight: 800;
	text-shadow: 3px 3px 10px rgba(0,0,0,1);
	font-size: 22px;
	font-size: 2.2rem;
}
/* BLOG
=================================  */
.post_link_wrapper_outer {
	width: 100%;
}
.post_link_wrapper:link, .post_link_wrapper:visited {
	padding: 20px;
	background: transparent;
	margin-bottom: 20px;
	display: block;
	text-decoration: none;
}
.post_link_wrapper * {
	transition: all 0.14s ease-in-out;
}
.post_link_wrapper:hover, .post_link_wrapper:active {
	background: #ece9e4;
	box-shadow: 5px 5px 12px rgba(0,0,0,.12);
}
.pagebreak .post_link_wrapper:hover, .pagebreak .post_link_wrapper:active {
	background: #fff;
}
.post_link_wrapper .img_wrapper:after {
	display: none !important;
}
.post_link_wrapper .img_wrapper {
	margin: 0;
}
.post_link_wrapper .img_wrapper img {
	box-shadow: 5px 5px 12px rgba(0,0,0,.12);
	max-width: 100%;
	width: auto;
	margin: 0 auto 10px auto;
}
.post_link_wrapper p, .post_link_wrapper:hover p {
	color: #000000;
	margin-bottom: 10px;
}
.post_link_wrapper p.alt, .post_link_wrapper h4 {
	color: #8C3A11;
	margin-bottom: 10px;
}

.post_link_wrapper:hover p.alt, .post_link_wrapper:hover h4 {
	color: #405C10;
	margin-bottom: 10px;
}

a.post_link_wrapper p, a.post_link_wrapper:hover p {
    text-decoration: none !important;
}
.post_link_wrapper p.alt, .post_link_wrapper h2.alt {
	font-size: 22px;
	font-size: 2.2rem; 
	color: #8C3A11;
}

.post_link_wrapper:hover p.alt, .post_link_wrapper:hover h2.alt {
	color: #405C10;
}

.post_link_wrapper:hover .btn-mayecreate {
    background: #E4F1FA;
    color: #000;
}
.single_cat_list a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
.single_cat_list a:last-child span {
	display: none;
}
/* Callout Block
=======================================  */
.pagebreak.callout_pagebreak {
	padding: 0 !important;
}
.image_callout_wrapper {
	display: block;
	position: relative;
	margin: 0;
}
.image_callout_wrapper * {
	transition: all 0.14s ease-in-out;
}
.image_callout_wrapper .title_wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}
.image_callout_wrapper .title_wrapper:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 70%;
	height: 55%;
	background: #fdb719;
	transition: all 0.14s ease-in-out;
}
.image_callout_wrapper:hover .title_wrapper:before {
	background: #405C10;
	width: 100%;
	height: 100%;
}
.image_callout_wrapper .title_wrapper col {
	margin: 0;
	padding: 0;
}
.image_callout_wrapper .title_wrapper h4, .image_callout_wrapper .title_wrapper h3 {
	width: 60%;
	text-align: center;
	display: table;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}
.image_callout_wrapper:hover .title_wrapper h4, .image_callout_wrapper:hover .title_wrapper h3 {
	color: #fff;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

#target-search_bar {
    background: #fff;
    font-family: "Lato", sans-serif;
    padding: 10px 0;
}

#searchform_header {
    display: block;
    width: 100%;
    margin: 0 auto !important;
}

#searchform_header label {
    color: #000;
}

#searchform_header input {
    width: 80%;
}

#searchform_header button {
    border: none;
}
/* SEARCH AND FILTER
==========================================  */
.searchandfilter ul {
	margin: 0 0 20px 0;;
	padding: 0;
}
.searchandfilter ul li {
	padding: 0;
	margin: 0 0 15px 0;
}
.searchandfilter h4 {
	color: #454545;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
.searchandfilter label {
	display: block;
	width: 100%;
}
.searchandfilter input, .searchandfilter select {
	width: 100%;
	padding: 5px 12px;
}
/* Events
==========================================  */
.event_link_wrapper * {
	transition: all 0.14s ease-in-out;
}
.event_link_wrapper:link, .event_link_wrapper:visited {
	display: block;
	position: relative;
	max-width: 320px;
	margin: 0 auto 20px auto;
}
.event_link_wrapper .event_img_wrapper {
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.event_link_wrapper .event_img_wrapper img {
	display: block;
	margin: 0 auto;
	box-shadow: 5px 5px 12px rgba(0,0,0,.12);
	position: relative;
	z-index: 1;
}
.event_link_wrapper .event_img_wrapper:after {
	position: absolute;
	z-index: 2;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #405C10;
	opacity: 0;
	transition: all 0.14s ease-in-out;
}
.event_link_wrapper:hover .event_img_wrapper:after {
	opacity: 1;	
}
.event_link_wrapper .event_img_wrapper .date_wrapper_outer {
	background: #1C5E90;
	color: #fff;
	position: absolute;
	z-index: 3;
	top: -15px;
	left: -15px;
	padding: 10px 15px;
	text-align: center;
}
.event_link_wrapper:hover .event_img_wrapper .date_wrapper_outer {
	background: #ed9f27;
}
.event_link_wrapper .event_img_wrapper .date_wrapper_outer p {
	display: block;
	margin-bottom: 0;
	color: #fff;
}
.event_link_wrapper:hover .event_img_wrapper .date_wrapper_outer p {
	color: #000000;
}
.event_link_wrapper .event_img_wrapper .date_wrapper_outer p.date_wrapper_year {
	font-size: 110%;
	font-weight: 800;
}
.event_link_wrapper .event_img_wrapper .date_wrapper_outer p.date_wrapper_month {
	font-size: 150%;
}
.event_link_wrapper .event_img_wrapper .date_wrapper_outer p.date_wrapper_month span {
	font-family: clarendon-urw, serif;
	font-weight: 600;
}
.event_link_wrapper .event_title {
	color: #000;
	font-family: clarendon-urw, serif;
	margin-bottom: 5px;
}
.event_link_wrapper .event_location {
	color: #405C10;
	margin-bottom: 5px;
	font-weight: 800
}
.event_link_wrapper .event_time {
	color: #405C10;
	margin-bottom: 5px;
}
.event_link_wrapper:hover .event_title, .event_link_wrapper:hover .event_location, .event_link_wrapper:hover .event_time {
	color: #1C5E90;
}

/* TEAM LOOP
========================================  */
.team_link_wrapper * {
	transition: all 0.14s ease-in-out;
}
.team_link_wrapper:link, .team_link_wrapper:visited {
	display: block;
	position: relative;
	margin: 0 auto 20px auto;
	max-width: 315px;
}
.team_link_wrapper h3 {
	color: #1C5E90;
	margin-bottom: 10px;
}
.team_link_wrapper:hover h3 {
	color: #405C10;
}
.team_link_wrapper p {
	color: #000000;
	margin-bottom: 0;
}
.team_link_wrapper .img_wrapper:after {
	background: #405C10;
}
.team_link_wrapper:hover .img_wrapper:after {
	opacity: 1;
}

#navbarTop.navbar {
    background: #ece9e5;
}

#navigation.affix #navbarTop.navbar-default {
    background: #ece9e5 !important;
}

@media (max-width: 767px) {
	.kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column {
		margin-bottom: 0px;
	}
}
.home .landing_pagebreak .landing_page_img_wrapper img {
	display: none;
}

#top_nav {
	display: none;
}

.next a, .prev a {
    color: #000 !important;
}

.next a {
	background: url(../img/next.png) right center no-repeat;
	padding-right: 30px;
}

.prev a {
	background: url(../img/prev.png) left center no-repeat;
	padding-left: 30px;
}

.next {
    /* text-align: right; */
    float: right;
}

#page a, #page a:link, #page a:visited {
	text-decoration: underline; 
}
#page a:hover, #page a:active, #page a:focus{
	text-decoration: underline;  /* change to none if you don't want links to be underlined when hovered */
}

#credits p, #credits p a {
    color: #000 !important;
}

#credits p a:hover {
    color: #000;
	text-decoration: underline !important;
}


        /* Small devices (tablets, 768px and up) */
		@media (min-width: 768px) {
			#navigation.affix .navbar-default {
				background: #405C10;
				/*background: #86B625;*/
			}
			#navigation.affix #branding-container {
				float: left;
				max-width: 350px;
			}
			#navigation.affix #main_nav ul {
				float: right;
				text-align: right;
				margin-top: 9px;
			}
			#navigation.affix #main_nav a:link, #navigation.affix #main_nav a:visited {
				font-size: 15px;
				font-size: 1.5rem;
			}
			#navigation.affix #main_nav ul ul li a:link, #navigation.affix #main_nav ul ul li a:visited {
				padding: 5px 12px;
				border-bottom: 4px solid transparent ;
			}
			#navigation.affix #main_nav > ul > li > a:link, #navigation.affix #main_nav > ul > li > a:visited {
				padding: 10px 5px;
				background: none;
				border-bottom: 4px solid transparent ;
			}

			#navigation.affix #main_nav ul li a:hover, #navigation.affix #main_nav ul li a:active, #navigation.affix #main_nav ul li a:focus, #navigation.affix #main_nav > ul > li.active > a {
				border-bottom: 4px solid #fff ;
			}
			.post_link_wrapper .img_wrapper img {
				margin: 0 auto;
			}
        }

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

				.navbox {
					margin: 0 0 0 auto;
					float: right;
				}
				body {
					font-size: 18px;
					font-size: 1.8rem;
				}
				h1, .entry-title {
					font-size: 40px;
					font-size: 4.0rem;
				}
				h2, .h2 {
					font-size: 32px;
					font-size: 3.2rem;
				}
				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;
				}
				footer.site-footer span {
					display:inline;
					height:auto;
					overflow:hidden;
				}
				.navbar .container {
					width: 98%;
					display: block;
				}
				#branding-container {
					max-width: 300px;
					margin: auto 0;
									float: left;
									height: fit-content;
									top: -10px;
									bottom: 0;
									position: absolute;
				}
				#branding-container a.brand img.site-logo {
					width: auto;
					max-width: 100%;
				}

				#top_nav {
					display: block;
				}

				#top_nav a:link, #top_nav a:visited {
					display: inline-block;
					margin: 0;
					text-decoration: none;
					font-size: 18px;
					font-size: 1.8rem;
					padding: 15px 10px;
					text-transform: uppercase;
					color: #fff;
					font-weight: 600;
					border-top: 4px solid transparent;
				}

				#navigation.affix #top_nav a:link, #navigation.affix #top_nav a:visited {
					font-size: 14px;
					font-size: 1.4rem;
				}

				#top_nav a:hover, #top_nav a:active, #top_nav a:focus, #top_nav > ul > li.active > a {
					color: #fff;
					text-decoration: none;
					
					border-top: 4px solid #fff;
				}

				#main_nav ul ul {
					background: #405C10;
					border: 0 none;
				}
				#main_nav ul {
					display: block;
					float: none;
					text-align: center;
				}
				#main_nav ul li {
					display: inline-block;
					float: none;
				}
				#main_nav ul li a:link, #main_nav ul li a:visited {
					font-weight: 600;
					color: #fff;
					text-transform: none;
					font-size: 14px;
					font-size: 1.4rem;
					padding: 5px 12px;
				}
				#main_nav ul li a:hover, #main_nav ul li a:active, #main_nav ul li a:focus, #main_nav > ul > li.active > a {
					color: #fff;
				}
				#main_nav ul ul li a:link, #main_nav ul ul li a:visited {
					text-align: left;
					padding: 5px 12px;
					background: none;
					border: 0 none;
				}
				#main_nav ul ul li a:hover, #main_nav ul ul li a:active {
					color: #000;
					background: #fff;
					border: 0 none;
				}
				div#homefeatured .slideDesc .slideTitle {
					font-size: 45px;
					font-size: 4.5rem;
				}
				div#homefeatured .slideDesc .slideText {
					font-size: 22px;
					font-size: 2.2rem;
				}
				.landing_pagebreak .pagebreak_content {
					margin-right: -25px;
					margin-bottom: 0;
				}
				.home .landing_pagebreak .landing_page_img_wrapper img {
					display: block;
				}
				.pagebreak_left_img, .pagebreak_right_img {
					width: calc(100% / 3);
				}
				.pagebreak_left_content, .pagebreak_right_content {
					width: calc(100% / 3 * 2); 
				}
            }

                /* Small devices (tablets, 1024px and up) */
                @media (min-width: 1024px) {
					.landing_pagebreak {
						padding: 60px 0;
					}
					div#homefeatured .slideDesc {
						width: 65%;
						text-align: left;
						left: 4%;
						right: inherit;
					}
					div#homefeatured .slideDesc a.btn-mayecreate {
						margin: 0;
					}
                }

                    /* Small devices (tablets, 1200px and up) */
                    @media (min-width: 1200px) {
						.pagehead .page-header .entry-title {
							padding: 60px 0 80px;	
						}
						h1, .entry-title {
							font-size: 45px;
							font-size: 4.5rem;
						}
						div#homefeatured .slideDesc .slideTitle {
							font-size: 50px;
							font-size: 5rem;
						}
						div#homefeatured .slideDesc .slideText {
							font-size: 25px;
							font-size: 2.5rem;
						}
						#branding-container {
							max-width: 360px;
							margin: auto 0;
									float: left;
									height: fit-content;
									top: -10px;
									bottom: 0;
									position: absolute;
						}
						#main_nav ul {
							float: right;
							text-align: right;
							margin-top: 0px;
						}
						#main_nav ul li a:link, #main_nav ul li a:visited {
							padding: 8px 7px 15px;
							border-bottom: 3px solid transparent;
						}
						#main_nav ul li a:hover, #main_nav ul li a:active, #main_nav ul li a:focus, #main_nav > ul > li.active > a {
							border-bottom: 3px solid #fff;
						}
						
						#navigation.affix #main_nav ul {
							margin-top: 0;
						}
						#navigation.affix #main_nav > ul > li > a:link, #navigation.affix #main_nav > ul > li > a:visited {
							padding: 8px 10px 10px;
						}
						.landing_pagebreak {
							padding: 70px 0;
						}
						div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner {
							min-height: 550px;	
						}
						div#homefeatured .slideDesc {
							width: 45%;
						}
                    }

                        /* Small devices (tablets, 1366px and up) */
                        @media (min-width: 1366px) {
							#main_nav ul {
								margin-top: 0px;
							}
							#main_nav ul li a:link, #main_nav ul li a:visited {
								font-size: 17px;
								font-size: 1.7rem;
								padding: 8px 10px 15px;
							}
							.landing_pagebreak .pagebreak_content {
								margin-right: -50px;
								margin-bottom: 0;
							}
                        }

                            /* Small devices (tablets, 1500px and up) */
                            @media (min-width: 1500px) {
								.pagehead .page-header .entry-title {
									padding: 70px 0 90px;	
								}
								h1, .entry-title {
									font-size: 50px;
									font-size: 5.0rem;
								}
								.landing_pagebreak {
									padding: 80px 0;
								}
								div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner {
									min-height: 650px;	
								}
								/*div#homefeatured .slideDesc {
									width: 40%;
								}*/

								#branding-container {
									max-width: 600px;
									margin: auto 0;
									float: left;
									height: fit-content;
									top: -10px;
									bottom: 0;
									position: absolute;
								}
                            }

                                /* Small devices (tablets, 1700px and up) */
                                @media (min-width: 1700px) {
									h1, .entry-title {
										font-size: 54px;
										font-size: 5.4rem;
									}
									div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner {
										min-height: 700px;	
									}
									.landing_pagebreak .pagebreak_content {
										margin-right: -75px;
										margin-bottom: 0;
									}

									#branding-container {
										max-width: 600px;
										margin: auto 0;
									float: left;
									height: fit-content;
									top: -10px;
									bottom: 0;
									position: absolute;
									}
                                }