/*   
Theme Name: Meadowlark Christian School
Description: Meadowlark Christian School website
Author: Odvod Media
Version: 2
*/

/* default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#666; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:underline}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: 700;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clear { clear: both; }

.hide { display: none !important; }

img { display: block; /*transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s;*/ }

.wrap { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; }

.col-spacing { padding-left: 100px; padding-right: 100px; }
.col-spacing-short { padding-left: 20px; padding-right: 20px; }

.left { float: left !important; }
.middle { float: none !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.ab-right { position: absolute !important; right: 0; }
.ab-bottom { position: absolute !important; bottom: 0; }

.align-center { margin-left: auto; margin-right: auto; }

.normalcase { text-transform: none !important; }
.uppercase { text-transform: uppercase !important; }

.transition { text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }

.no-scroll { margin: 0 !important; height: 100% !important; overflow: hidden !important; }

/*** site default styles ***/

html, BODY { height: 100%; }
BODY { background: #fff; font-family: 'Nunito Sans', sans-serif; font-weight: 300; font-size: 20px; line-height: 1.3; color: #6c757d; text-align: center; }
BODY.scroll { padding-top: 66px; }

.full-width { width: 100%; }
.page-width { width: 100%; max-width: 1620px; }
.content-width { width: 100%; max-width: 1220px; }

a { color: #212529; font-weight: 400; text-decoration: none; border-bottom: 1px solid #fdd26e; }
a:hover { color: #495057; text-decoration: none; border-bottom-color: #ced4da; }

a.tel { text-decoration: none; cursor: default; font-weight: 300; border-bottom: none; color: #6c757d; }
a.tel:hover { text-decoration: none; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; line-height: 1.1; font-family: 'Poppins', sans-serif; }
h1 { font-size: 42px; font-weight: 700; color: #495057; }
h2 { font-size: 30px; font-weight: 600; font-family: 'Bitter', serif; color: #495057; }
h3 { font-size: 24px; font-weight: 500; font-family: 'Bitter', serif; color: #6c757d; }
h4 { font-size: 20px; font-weight: 700; font-family: 'Nunito Sans', sans-serif; }
h5 { font-size: 26px; font-weight: 700; }

p { padding: 0 0 25px; margin: 0; line-height: 1.5; }
p:last-child, p:last-of-type { padding-bottom: 0; }

h1 + p { padding-top: 30px; }
p + h2, h2 + p { padding-top: 20px; }
h1 + h3, h2 + h3 { padding-top: 25px; }
h3 + h1, h3 + p { padding-top: 5px; }
p + h3 { padding-top: 15px; }
h2:last-child { margin-bottom: 0; }
div.video-wrapper + h2, div.video-wrapper + h3 { padding-top: 80px; }

.size44 { font-size: 44px !important; }

.space-top { padding-top: 30px !important; }
.space-top-x2 { padding-top: 60px !important; }

.space-bottom { margin-bottom: 30px; }
.space-bottom-x2 { margin-bottom: 60px; }

.cols { position: relative; display: block; }
.section-wrapper .cols + .cols { padding-top: 20px; }
.cols .col { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; }

.flex { display: flex !important; }
.flex.flex-bottom { align-items: end; }
.cols.flex.flex-apart { justify-content: space-between; }
.cols.flex .col { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; }

.cols.grid { display: grid; gap: 0px 100px; }

.cols.grid.rows-1 { grid-template-rows: 1fr; }
.cols.grid.rows-2 { grid-template-rows: auto auto; }

.cols.grid.cols-2 { grid-template-columns: 1fr 1fr; }
.cols.grid.cols-3 { grid-template-columns: 1fr 1fr 1fr; }
.cols.grid.cols-4 { grid-template-columns: 1fr 1fr 1fr 1fr; }

.cols.grid.rows-1.cols-2 { grid-template-areas: "col-1 col-2"; }
.cols.grid.rows-1.cols-3 { grid-template-areas: "col-1 col-2 col-3"; }
.cols.grid.rows-1.cols-4 { grid-template-areas: "col-1 col-2 col-3 col-4"; }

.cols.grid.rows-2.cols-2 { grid-template-areas: "col-1 col-2" "col-3 col-4"; }

.cols.grid.rows-2.cols-2.extra.odd { grid-template-areas: "col-1 col-3" "col-1 col-2"; }
.cols.grid.rows-2.cols-2.extra.even { grid-template-areas: "col-3 col-2" "col-1 col-2"; }

.cols.grid .col.col-1 { grid-area: col-1; }
.cols.grid .col.col-2 { grid-area: col-2; }
.cols.grid .col.col-3 { grid-area: col-3; }
.cols.grid .col.col-4 { grid-area: col-4; }
.cols.grid .col.col-5 { grid-area: col-5; }
.cols.grid .col.col-6 { grid-area: col-6; }

.cols.grid .col.col-left { grid-area: col-left; }
.cols.grid .col.col-middle { grid-area: col-middle; }
.cols.grid .col.col-right { grid-area: col-right; }

.title { grid-area: title; }
.content { grid-area: content; }

p.button { max-width: 436px; }
.button { display: block; grid-area: button; }
.button a { display: block; padding: 15px 30px; min-width: 240px; text-align: center; background: #343a40; color: #fff; font-family: 'Poppins', sans-serif; border: 1px solid #343a40; font-size: 20px; font-weight: 600; letter-spacing: 1.1px; line-height: 1.3; text-decoration:none; border-radius: 50px; box-sizing: border-box; -moz-box-sizing: border-box; }
.button a:hover { background: #adb5bd; color: #343a40; border-color: #adb5bd; text-decoration: none; }
.button.alt2 a { background: #fdd26e; color: #343a40; border-color: #fdd26e; }
.button.alt2 a:hover { background: #eaaa00; color: #fff; border-color: #eaaa00; }

.social-media { grid-area: social; position: relative; display: inline-block; padding: 0; }
.social-media ul { margin: 0; padding: 0; }
.social-media li { position: relative; display: block; list-style-type: none; margin: 0; padding: 0 20px 0 0; line-height: 1; float: left; }
.social-media li:last-of-type { padding-right: 0; }
.social-media li a { color: #0c2340; font-size: 26px; text-decoration: none; }
.social-media li a:hover { color: #5576d1; text-decoration: none; }

img.logo { position: relative; display: block; padding: 0; width: 460px; z-index: 100; }

#flyout-menu-top { position: relative; display: block; padding: 10px 20px; z-index: 99; }
#flyout-menu-top .menu { float: right; }

#flyout-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 0; background: #343a40; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; }
#flyout-menu .flyout-menu-header { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 50px; z-index: 99; overflow: hidden; }
#flyout-menu .close-btn-wrapper { position: absolute; top: 0; right: 0; display: block; padding: 10px 25px; }
#flyout-menu a.close-btn { font-size: 30px; color: #fdd26e; z-index: 100; }
#flyout-menu a.close-btn:hover { color: #eaaa00; }

#flyout-menu ul { margin: 0; padding: 0; }
#flyout-menu ul ul { display: none; }
#flyout-menu li { margin: 0; padding: 0; display: block; }
#flyout-menu li a { display: block; padding: 15px 0; font-weight: 400; font-family: 'Poppins', sans-serif; font-size: 36px; color: #fff; line-height: 1; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px solid rgba(85, 118, 209, 0); }
#flyout-menu li a:hover { color: #eaaa00; text-decoration: none; border-bottom: 1px solid rgba(85, 118, 209, 0); }
#flyout-menu li li a { font-size: 18px; text-transform: none; padding: 8px 20px; }

#flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; padding: 90px 100px 40px; background: #343a40; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 80; }
#flyout-menu #flyout-menu-sub { display: none; padding-top: 60px; z-index: 90; text-align: center; }
#flyout-menu .top { position: relative; display: block; margin: 0 0 10px; }
#flyout-menu .bottom { position: relative; display: block; border-top: 1px solid #fff; padding: 10px 0 0; }
#flyout-menu .bottom li a { font-size: 16px; }
#flyout-menu .icon { position: relative; display: block; width: 10%; margin: 0 auto; padding: 50px 0 0; }
#flyout-menu .icon .cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 115, 174, .9); z-index: 10; }

#flyout-menu .social-media { padding-top: 20px; }
#flyout-menu .social-media li { margin-left: 10px; margin-right: 10px; }


.site { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; webkit-backface-visibility: hidden; box-sizing: border-box; -moz-box-sizing: border-box; }


.flyout { position: relative; display: none; text-align: right; padding: 0; z-index: 999; float: right; }
.flyout a.icon-menu { color: #fdd26e; font-size: 28px; line-height: 1; margin: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; border-bottom: none; }
.flyout a.icon-menu:hover { color: #eaaa00; text-decoration: none; border-bottom: none; }

.popup-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 58, 64, .9); display: none; align-items: center; padding: 100px; z-index: 999; }
.popup-wrapper .popup { background: #fff; border-radius: 50px; padding: 75px 100px; max-width: 1000px; }
.popup-wrapper .popup a.btn-close { position: absolute; top: 30px; right: 30px; font-size: 30px; color: #fdd26e; border: none; }
.popup-wrapper .popup a.btn-close:hover { color: #eaaa00; }


/*** site styles ***/

.cols.grid.cols-2.cols-sidebar { grid-template-columns: 1fr 446px; gap: 0px 150px; }

.top-header-wrapper { width: 100%; background: #343a40; z-index: 99; overflow: hidden; }
.header-wrapper { width: 100%; background: #212529; z-index: 99; overflow: hidden; border-bottom: 2px solid #ffc845; }
#top-header { width: 100%; padding: 10px 0; }
#header { width: 100%; padding: 30px 0; }

#top-header .cols, #header .cols { align-items: flex-end; }
#top-header .menu, #header .menu { position: relative; display: inline-block; padding: 0; }
#top-header .menu ul, #header .menu ul { margin: 0; padding: 0; }
#top-header .menu li, #header .menu li { position: relative; display: block; list-style-type: none; margin: 0; padding: 0 30px 0 0; line-height: 1; float: left; }
#top-header .menu li:last-of-type, #header .menu li:last-of-type { padding-right: 0; }
#top-header .menu li a, #header .menu li a { position: relative; font-size: 18px; color: #ced4da; font-weight: 500; font-family: 'Bitter', sans-serif; border-bottom: 1px solid rgba(255, 200, 69, 0); letter-spacing: 1.1px; }
#header .menu li a { font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 20px; color: #fff; }
#top-header .menu li > a:hover, #top-header .menu li:hover > a, #header .menu li > a:hover, #header .menu li:hover > a { color: #ffc845; }
#header .menu li > a:hover, #header .menu li:hover > a { color: #fff; border-bottom-color: rgba(255, 200, 69, 100); }
#header .menu li.current-menu-item > a, #header .menu li.current-menu-parent > a, #header .menu li.current_page_parent > a, #header .menu li.current-page-ancestor > a { color: #ffc845; border-bottom-color: rgba(12, 35, 64, 100); }

#top-header .menu li::before { position: absolute; left: -17px; content: '|'; color: #6c757d; }
#top-header .menu li:first-child::before { display: none; }
#header a.logo-link { border: none; }

.home .top-header-wrapper { position: absolute; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, .05); }
.home .header-wrapper { position: absolute; top: 40px; left: 0; width: 100%; background: none; border-bottom: none; }
.home #header { border-bottom: 2px solid rgba(255, 255, 255, .25); }


.section-wrapper { padding-top: 100px; padding-bottom: 100px; }
.section-wrapper ul { list-style: disc; margin-left: 20px; }
.section-wrapper ol { list-style: decimal; margin-left: 20px; }
.section-wrapper ul.no-margin, .section-wrapper ol.no-margin { margin-left: 0; }
.section-wrapper li { margin-bottom: 15px; margin-left: 20px; }
.section-wrapper li:last-of-type { margin-bottom: 0; }
.section-wrapper ul + p, .section-wrapper ol + p, .section-wrapper ul + div, .section-wrapper ol + div, .section-wrapper div + h3 { padding-top: 30px; }
.section-wrapper p:last-of-type + ul, .section-wrapper p:last-of-type + ul { padding-top: 20px; }
.section-wrapper ul + h2, .section-wrapper ol + h2, .section-wrapper ul + h3, .section-wrapper ol + h3, .section-wrapper p + div { padding-top: 40px; }
.section-wrapper h3 + ul, .section-wrapper h3 + ol, .section-wrapper h3 + p { padding-top: 10px; }
.section-wrapper img + h2, .section-wrapper img + h3, .section-wrapper img + p, .section-wrapper div + p { padding-top: 25px; }
.section-wrapper h1 + div, .section-wrapper h2 + div, .section-wrapper h3 + div { padding-top: 25px; }
.section-wrapper h1 + div.video-wrapper, .section-wrapper h2 + div.video-wrapper, .section-wrapper h3 + div.video-wrapper { padding-top: 10px; }
.section-wrapper .spacer div + div { margin-top: 40px; }
.section-wrapper .spacer img + img { margin-top: 50px; }
.section-wrapper p + p.button { padding-top: 10px; }
.section-wrapper p + div.video-wrapper { padding-top: 20px; }

/*.section-wrapper a { border-bottom: 1px solid rgba(85, 118, 209, 0); text-decoration: none; }
.section-wrapper a:hover { border-bottom: 1px solid rgba(85, 118, 209, 100); text-decoration: none; }
.section-wrapper a.tel, .section-wrapper a.tel:hover, .section-wrapper .social-media a, .section-wrapper .social-media a:hover { border-bottom: none; }
.section-wrapper a.tel, .section-wrapper a.tel:hover { color: #0c2340; }*/



.banner-wrapper { height: 615px; display: none; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.banner-wrapper:first-child { display: block; }
.banner-wrapper .banner { height: 615px; padding-top: 184px; padding-bottom: 70px; display: flex; align-items: center; }
.banner-wrapper .banner-content { max-width: 700px; color: #fff; z-index: 99; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 24px; }
.banner-wrapper .banner-content h2 { margin-bottom: 25px; letter-spacing: 1; line-height: 1; font-size: 62px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 800; text-transform: uppercase; }
.banner-wrapper .banner-content h2 span { font-weight: 200; font-size: 48px; font-style: italic; text-transform: none; line-height: 1.1; }
.banner-wrapper .banner-content h2 + p { padding-top: 0; }

.banner-wrappers .banner-icons { position: absolute; bottom: 45px; left: 0; width: 100%; z-index: 99; }
.banner-wrappers .banner-icons ul { margin: 0 auto; padding: 0; }
.banner-wrappers .banner-icons ul li { margin: 0 0 0 30px; padding: 0; list-style-type: none; float: left; }
.banner-wrappers .banner-icons ul li:first-child { margin-left: 0; }
.banner-wrappers .banner-icons ul li a { color: rgba(255, 255, 255, .5); border-bottom: none; font-size: 24px; }
.banner-wrappers .banner-icons ul li a:hover { color: #fff; }
.banner-wrappers .banner-icons ul li a.active, .banner-wrappers .banner-icons ul li a.active:hover { color: #f7c95f; }


.badge-wrapper { position: absolute; bottom: 130px; right: 20px; display: block; z-index: 999; }
.badge-wrapper.badge-mobile { position: relative; right: auto; bottom: auto; display: none; width: 100%; background: #fff; }
.badge-wrapper .badge { position: relative; display: block; height: 200px; }
.badge-wrapper.badge-mobile .badge { position: relative; top: auto; left: auto; right: auto; display: block; margin: 0 auto; width: auto; height: auto; max-height: 55px; }
.badge-wrapper .badge img { width: auto; height: 100%; max-width: 100%; margin: 0 auto; }
.badge-wrapper.badge-mobile .badge img { max-height: 55px; }


.section-wrapper .cols.cols-main.content-page.cols-1 { grid-template-columns: 1fr; grid-template-areas: "col-middle"; gap: 0; }
.section-wrapper .cols.cols-main.content-page.cols-2 { grid-template-columns: 300px 1fr; grid-template-areas: "col-left col-middle"; gap: 0px 100px; }
.section-wrapper .cols.cols-main.content-page.cols-2.has-images { grid-template-columns: 1fr 40%; grid-template-areas: "col-middle col-right"; gap: 0px 100px; }
.section-wrapper .cols.cols-main.content-page.cols-3 { grid-template-columns: 300px 1fr 31%; grid-template-areas: "col-left col-middle col-right"; gap: 0px 100px; }
.section-wrapper .cols.cols-main.content-page .col-right { max-width: 510px; }

.section-wrapper .cols.cols-main.content-page .col-middle img { width: auto; max-width: 100%; }
.section-wrapper .cols.cols-main.content-page .col-middle .button.content-button { display: none; }


.section-wrapper .sidemenu-list h5 a { display: block; padding-bottom: 9px; }
.section-wrapper .sidemenu-list h5 a span { display: none; float: right; }
.section-wrapper .sidemenu-list ul { margin: 0; padding: 0; }
.section-wrapper .sidemenu-list li { list-style-type: none; margin: 0; padding: 0; }
.section-wrapper .sidemenu-list li a { display: block; padding: 12px 0 9px; color: #6c757d; border-bottom-color: #dfe2e6; }
.section-wrapper .sidemenu-list li a:hover { color: #343a40; border-bottom-color: rgba(255, 200, 69, 100); }
.section-wrapper .sidemenu-list li.current_page_item a { color: #eaaa00; border-bottom-color: rgba(255, 200, 69, 100); }


.section-wrapper .document-list { padding: 40px 25px; background: #fbe8bc; }
.section-wrapper .document-list h5 { color: #eaaa00; margin-bottom: 10px; }
.section-wrapper .document-list h5 span { display: none; float: right; }
.section-wrapper .document-list ul { margin: 0; padding: 0; }
.section-wrapper .document-list li { list-style-type: none; margin: 0; padding: 25px 0 0; }
.section-wrapper .document-list li a span { margin-left: 10px; }
.section-wrapper .document-list li a { border-bottom-color: rgba(234, 170, 0, 0); font-family: 'Bitter', serif; }
.section-wrapper .document-list li a:hover { border-bottom-color: rgba(234, 170, 0, 100); }


.section-wrapper .wolves { padding: 40px 25px; background: #343a40 url(images/wolves-background.png) center bottom no-repeat; background-size: 100% auto; font-family: 'Bitter', serif; color: #fff; }
.section-wrapper .wolves .wolves-logo { padding-left: 30px; padding-right: 30px; }


.section-wrapper.section-latest-posts { background: #f8f9fa; padding-top: 35px; padding-bottom: 35px; max-height: 500px; overflow: hidden; }
.section-wrapper.section-latest-posts.col-spacing { padding-left: 75px; padding-right: 75px; }
.section-wrapper.section-latest-posts .section { max-width: 1670px; }
.section-wrapper.section-latest-posts .latest-posts { z-index: 99; }
.section-wrapper.section-latest-posts .recent-post-outer { width: 33.33%; height: 430px; padding: 1px 25px 7px; }
.section-wrapper.section-latest-posts .recent-post { height: 100%; background: #fff; padding: 30px; font-size: 18px; display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; gap: 0; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "title" "content" "button"; -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.25); box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.25); overflow: hidden; }
.section-wrapper.section-latest-posts .recent-post.show-image { background-position: left center; background-repeat: no-repeat; background-size: cover; }
.section-wrapper.section-latest-posts .recent-post.show-image a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.section-wrapper.section-latest-posts .recent-post h3 { font-size: 24px; color: #495057; }
.section-wrapper.section-latest-posts .recent-post p { padding-bottom: 20px; }
.section-wrapper.section-latest-posts .recent-post p.button { max-width: none; }
.section-wrapper.section-latest-posts .recent-post p:last-of-type { padding-bottom: 0; }
.section-wrapper.section-latest-posts .recent-post li { margin-bottom: 2px; }
.section-wrapper.section-latest-posts .recent-post .content { overflow: scroll; }
.section-wrapper.section-latest-posts .recent-post .content .post-date { font-weight: 500; font-weight: 16px; }

.section-wrapper.section-latest-posts .latest-posts-arrows { position: absolute; top: 0; display: flex; height: 430px; width: 100%; z-index: 50; align-items: center; }
.section-wrapper.section-latest-posts .latest-posts-arrows a { position: absolute; display: none !important; border: none; color: #ced4da; font-size: 100px; line-height: 1; }
.section-wrapper.section-latest-posts .latest-posts-arrows a:hover { color: #eaaa00; }
.section-wrapper.section-latest-posts .latest-posts-arrows a.arrow-left { left: -70px; }
.section-wrapper.section-latest-posts .latest-posts-arrows a.arrow-right { right: -70px; }


.section-wrapper .posted-by { padding-top: 20px; padding-bottom: 10px; border-bottom: 2px solid #fdd26e; font-family: 'Bitter', sans-serif; font-weight: 500; }
.section-wrapper .posted-by label { font-weight: 300; }


.popup-wrapper .popup .content { font-family: 'Bitter', serif; font-weight: 500; font-size: 24px; }
.popup-wrapper .popup .content h1 { margin-bottom: 35px; }
.popup-wrapper .popup .content p { padding-bottom: 20px; }

.popup-wrapper .popup .bottom { padding-top: 30px; }
.popup-wrapper .popup .bottom h3 { margin-bottom: 15px; }

.video-wrapper { position: relative; display: block; overflow: hidden; width: 100%; }
.video-wrapper .video-inner { position: relative; display: block; padding-top: 56.25%; }
.video-wrapper video, .video-wrapper iframe { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }



.section-wrapper .wpcf7 { position: relative; display: block; }
.section-wrapper form {}
.section-wrapper form .cols.grid.cols-2, .section-wrapper form .cols.grid.cols-3 { gap: 0px 20px; }

.section-wrapper form label { position: absolute; top: 0; display: none; width: 100%; opacity: 0; font-size: 14px; color: #6c757d; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 1 }
.section-wrapper form input, .section-wrapper form select, .section-wrapper form textarea { position: relative; width: 100%; background: #f8f9fa; font-family: 'Nunito Sans', sans-serif; font-size: 20px; letter-spacing: .02rem; color: #212529; padding: 15px 15px; border: none; border-bottom: 1px solid #dee2e6; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.3s ease-out; transition: all 0.2s ease-out; }
.section-wrapper form textarea { height: 100%; min-height: 220px; }
.section-wrapper form select { padding-top: 14px; padding-bottom: 13px; }

.section-wrapper form .select-wrap { position: relative; display: block; background: #f8f9fa; border-bottom: 1px solid #dee2e6; }
.section-wrapper form .select-box-wrap { position: relative; display: block; z-index: 20; }
.section-wrapper form select { -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; background: none; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 60px; cursor: pointer; }
.section-wrapper form select::-ms-expand { display: none; }
.section-wrapper form .select-dir { position: absolute; top: 18px; right: 0px; display: block; height: 43%; padding: 0 15px; color: #6c757d; line-height: 1.1; z-index: 10; }

.section-wrapper form .radio-wrap, .section-wrapper form .checkbox-wrap { position: relative; display: block; }
.section-wrapper form .radio-box-wrap, .section-wrapper form .checkbox-box-wrap { position: relative; display: block; z-index: 20; }
.section-wrapper form .radio-wrap label, .section-wrapper form .checkbox-wrap label { position: relative; display: block; opacity: 1; font-family: 'Nunito Sans', sans-serif; font-size: 20px; letter-spacing: .02rem; color: #212529; padding: 10px 0px; }
.section-wrapper form .radio-box-wrap label input, .section-wrapper form .checkbox-wrap label input { position: absolute; top: 15px; width: auto; }
.section-wrapper form .radio-box-wrap label .wpcf7-list-item, .section-wrapper form .checkbox-wrap label .wpcf7-list-item { padding-left: 20px; }
.section-wrapper form .radio-box-wrap label .wpcf7-list-item.first, .section-wrapper form .checkbox-wrap label .wpcf7-list-item.first { padding-left: 0; }
.section-wrapper form .radio-box-wrap label .wpcf7-list-item-label, .section-wrapper form .checkbox-wrap label .wpcf7-list-item-label { padding-left: 25px; }


.section-wrapper form .floating label { display: block; margin-top: 2px; margin-left: 0; padding: 0 15px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateY(3px); transform: translateY(3px); pointer-events: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; }
.section-wrapper form .wpcf7-not-valid { border-bottom-color: #eaaa00; background: #fefaf1; }
.section-wrapper form .wpcf7-not-valid-tip { /*display: none;*/ }
.section-wrapper form .floating input, .section-wrapper form .floating select, .section-wrapper form .floating textarea { padding-top: 24px; padding-bottom: 6px; }
.section-wrapper form .floating select { padding-top: 23px; padding-bottom: 5px; }

.section-wrapper form input[type="submit"] { padding: 15px 30px; font-size: 18px; border: 1px solid #fdd26e; background: #fdd26e; color: #343a40; font-size: 18px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; letter-spacing: 1.2px; line-height: 1; text-decoration:none; border-radius: 30px; box-sizing: border-box; -moz-box-sizing: border-box; }
.section-wrapper form input[type="submit"]:hover { background: #eaaa00; color: #fff; border-color: #eaaa00; }

.section-wrapper .wpcf7 form .ajax-loader { display: none; }
.section-wrapper .wpcf7 form .wpcf7-response-output { margin: 20px 0 0; padding: 15px 30px; border: none; background: #d4ddf4; border-radius: 50px; text-align: center; font-size: 20px; }
.section-wrapper .wpcf7 form.invalid .wpcf7-response-output, .section-wrapper .wpcf7 form.unaccepted .wpcf7-response-output { background: #cc0000; color: #fff; }
.section-wrapper .wpcf7 form.sent .wpcf7-response-output { background: #eaaa00; color: #fff; }

.section-wrapper form .responsive-hide { display: none; }
.section-wrapper form .responsive-hide input, .section-wrapper form .responsive-hide select { display: none; }
.section-wrapper form .cf7wpay_body { display: block; }
.section-wrapper form .cf7wpay_row { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 20px; }
.section-wrapper form .cf7wpay_row + .cf7wpay_row { padding-top: 20px; }
.section-wrapper form .cf7wpay_details_input { position: relative; display: block; max-width: none; padding: 0; }
.section-wrapper form .cf7wpay_details_input label, .section-wrapper form .stripe label { display: block; margin-top: 2px; margin-left: 0; padding: 0 15px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateY(3px); transform: translateY(3px); pointer-events: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; }
.section-wrapper form #cf7wpay_stripe_credit_card_number, .section-wrapper form #cf7wpay_stripe_credit_card_csv, .section-wrapper form #cf7wpay_stripe_credit_card_expiration, .section-wrapper form #cf7wpay_stripe_credit_card_zip, .section-wrapper form .stripe-form-field { display: block; background: #f8f9fa; font-family: 'Nunito Sans', sans-serif; font-size: 20px; letter-spacing: .02rem; color: #212529; padding: 24px 15px 6px; border: none; border-bottom: 1px solid #dee2e6; box-sizing: border-box; -moz-box-sizing: border-box; }
.section-wrapper form#cf7wpay-payment-form input[type="submit"] { margin-top: -20px; }

.section-wrapper form #card-errors { margin: 20px 0 0; text-align: center; }

.section-wrapper .wpcf7 form.sent .stripe, .section-wrapper .wpcf7 form.sent input[type="submit"] { display: none; }

.section-wrapper form .grid.cols-1.donate-amount {  }
.section-wrapper form .grid.cols-1.donate-amount .other-amount { display: none; }
.section-wrapper form .grid.cols-1.donate-amount.other { grid-template-columns: 1fr 1fr; gap: 0px 20px; }
.section-wrapper form .grid.cols-1.donate-amount.other .other-amount { display: block; }

input.placeholder, textarea.placeholder { color: #6c757d; font-family: 'Nunito Sans', sans-serif; font-weight: 400; letter-spacing: .03rem; }
::-webkit-input-placeholder { /* WebKit browsers */
	color:    #6c757d;
	font-family: 'Nunito Sans', sans-serif; font-weight: 400; letter-spacing: .03rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #6c757d;
	font-family: 'Nunito Sans', sans-serif; font-weight: 400; letter-spacing: .03rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #6c757d;
	font-family: 'Nunito Sans', sans-serif; font-weight: 400; letter-spacing: .03rem;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #6c757d;
	font-family: 'Nunito Sans', sans-serif; font-weight: 400; letter-spacing: .03rem;
}






.footer-wrapper { padding-top: 50px; padding-bottom: 50px; background: #f8f9fa; border-top: 1px solid #e9ecef; }
#footer { color: #495057; font-size: 18px; }
#footer h3 { color: #eaaa00; margin: 0 0 20px; }
#footer label { font-weight: 600; }
#footer .cols.grid .col.col-1 { padding-bottom: 30px; }
#footer .cols.grid .col.col-3 { padding-top: 25px; border-top: 1px solid #ced4da; }
#footer .cols.flex .col { padding-right: 20px; }

#footer ul.icons-eps {}
#footer ul.icons-eps li { display: inline-block; padding: 0 25px 0 0; }
#footer ul.icons-eps li:last-of-type { padding-right: 0; }
#footer ul.icons-eps li img.eps-1 { max-width: 400px; }
#footer ul.icons-eps li img.eps-2 { max-width: 200px; }

.bottom-footer-wrapper { width: 100%; padding-top: 10px; padding-bottom: 10px; background: #343a40; border-top: 2px solid #ffc845; }
#bottom-footer { color: #fff; font-size: 14px; font-weight: 400; font-family: 'Bitter', serif; }
#bottom-footer a { color: #fff; border-bottom: 1px solid #fff; }
#bottom-footer a:hover { color: #fff; border-bottom-color: rgba(255, 255, 255, 0); }


.footer-wrapper.col-spacing, .bottom-footer-wrapper.col-spacing { padding-left: 20px; padding-right: 20px; }



.grecaptcha-badge { display: none; }
.page-id-27 .grecaptcha-badge { display: block; }


span.break { display: block !important; margin: 0 !important; padding: 0 !important; }

.wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 999999999; }

.loader-2 { background: #363636 url(images/loader2.gif) center center no-repeat; }
.loader-3 { background: url(images/loader4.gif) center 30px no-repeat; }
.loading-inner { position: fixed; top: -70px; display: none; width: 100%; height: 100%; background: url(images/logo.png) center center no-repeat; background-size: 170px; }



@viewport { width: auto; }

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

  .home .header-wrapper.col-spacing-short { padding-left: 0; padding-right: 0; }
  .home #header { padding-left: 20px; padding-right: 20px; }
  
}

@media only screen and (max-width: 1480px) {
  
  .cols.grid { gap: 0 80px; }
  .section-wrapper .cols.cols-main.content-page.cols-3 { grid-template-columns: 280px 1fr 27%; gap: 0 80px; }
  .section-wrapper .cols.cols-main.content-page.cols-2 { grid-template-columns: 280px 1fr; gap: 0px 80px; }
  .section-wrapper .cols.cols-main.content-page.cols-2.has-images { grid-template-columns: 1fr 30%; gap: 0 80px; }
  
  .cols.grid.cols-2.cols-sidebar { grid-template-columns: 1fr 400px; }
  .section-wrapper.section-latest-posts .recent-post-outer { height: 380px; }
  
}

@media only screen and (max-width: 1280px) {
  
  BODY { font-size: 18px; }
  h1 { font-size: 38px; }
  h2 { font-size: 28px; }
  h5 { font-size: 24px; }
  
  .col-spacing { padding-left: 80px; padding-right: 80px; }
  img.logo { width: 440px; }
  .button a { font-size: 18px; }
  .cols.grid { gap: 0 60px; }
  
  .banner-wrapper .banner-content { font-size: 22px; }
  .banner-wrapper .banner-content h2 { font-size: 56px; }
  .banner-wrapper .banner-content h2 span { font-size: 42px; }
  
  .section-wrapper { padding-top: 80px; padding-bottom: 80px; }
  .section-wrapper .cols.cols-main.content-page.cols-3 { grid-template-columns: 220px 1fr 27%; gap: 0 60px; }
  .section-wrapper .cols.cols-main.content-page.cols-2 { grid-template-columns: 220px 1fr; gap: 0px 60px; }
  .section-wrapper .cols.cols-main.content-page.cols-2.has-images { grid-template-columns: 1fr 30%; gap: 0 60px; }
  
  .section-wrapper.section-latest-posts .recent-post-outer { height: 340px; }
  .section-wrapper.section-latest-posts .recent-post { font-size: 17px; padding: 20px; }
  .section-wrapper.section-latest-posts .recent-post h3 { font-size: 22px; }
  .section-wrapper.section-latest-posts .recent-post .button a { font-size: 17px; }
  
  .cols.grid.cols-2.cols-sidebar { grid-template-columns: 1fr 380px; gap: 0px 100px; }
	
	.section-wrapper .wpcf7 form .wpcf7-response-output { font-size: 18px; }
  
  #footer .cols.grid.cols-2 { grid-template-columns: 1fr 360px; }

}

@media only screen and (max-width: 1100px) {
  
  h1 { font-size: 34px; }
  h2 { font-size: 26px; }
  
  img.logo { width: 400px; }
  .cols.grid { gap: 0 80px; }
  
  .section-wrapper .spacer img + img { margin-top: 40px; }
  
  .section-wrapper .cols.cols-main.content-page.cols-3 { grid-template-columns: 300px 1fr; gap: 0 80px; grid-template-areas: "col-left col-middle" "col-left col-right"; grid-template-rows: 1fr auto; }
  .section-wrapper .cols.cols-main.content-page.cols-3 .col.col-right { padding-top: 40px; }
  .section-wrapper .cols.cols-main.content-page.cols-2 { grid-template-columns: 300px 1fr; gap: 0px 80px; }
  .section-wrapper .cols.cols-main.content-page.cols-2.has-images { grid-template-columns: 1fr 30%; gap: 0 80px; }
  .section-wrapper .cols.cols-main.content-page .col-right { max-width: none; }
  
  .section-wrapper.section-latest-posts.col-spacing { padding-left: 45px; padding-right: 45px; }
  .section-wrapper.section-latest-posts .recent-post-outer { height: 280px; }
	
}

@media only screen and (max-width: 1000px) {
  
  .home .top-header-wrapper { position: relative; background: #343a40; }
  .home .header-wrapper { position: relative; top: 0; background: #212529; border-bottom: 2px solid #ffc845; }
  
  #header .cols { align-items: center; }
  #header .menu { display: none; }
  .flyout { display: block; }
  
  .banner-wrapper .banner { height: 390px; padding-bottom: 40px; padding-top: 0; }
  .banner-wrapper .banner-content { text-align: center !important; margin: 0 auto; }
  .banner-wrappers .banner-icons ul { display: inline-block; width: auto; }
  
  .button a { min-width: 200px; }
  .section-wrapper .cols.cols-main.content-page.cols-2, .section-wrapper .cols.cols-main.content-page.cols-3 { grid-template-columns: 260px 1fr; gap: 0px 60px; }
  .section-wrapper .cols.cols-main.content-page.cols-2.has-images { grid-template-columns: 1fr 30%; gap: 0 60px; }
  
  .cols.grid { gap: 0px 60px; }
  .cols.grid.cols-2.cols-sidebar { grid-template-columns: 1fr 320px; gap: 0px 60px; }
  
  .badge-wrapper { display: none; }
	.badge-wrapper.badge-mobile { display: block; }
  
  
  #footer .cols.grid.cols-2 { grid-template-columns: 1fr; grid-template-areas: "col-1" "col-3" "col-4"; grid-template-rows: auto auto auto; gap: 0; }
  #footer .cols.grid.cols-2 .col-4 { padding-top: 40px; }
  
}

@media only screen and (max-width: 900px) {
  
  .section-wrapper.section-latest-posts .recent-post-outer { height: 340px; }
  .section-wrapper.section-latest-posts .latest-posts-arrows { display: flex !important; height: 340px; }
  
}

@media only screen and (max-width: 800px) {
  
  h1 { font-size: 30px; }
  h2 { font-size: 22px; }
  h3 { font-size: 20px; }
  
  .cols.grid.rows-1.cols-2 { grid-template-areas: "col-1" "col-2"; grid-template-columns: 1fr; grid-template-rows: auto auto; gap: 0; }
  .cols.grid.rows-1.cols-2.reverse { grid-template-areas: "col-2" "col-1"; }
  .cols.grid.rows-1.cols-2 .col-1 { padding: 30px 50px 0; }
  .cols.grid.rows-1.cols-2 .col-2 { padding: 40px 0 0; }
  .cols.grid.rows-1.cols-2.reverse .col-1 { padding: 40px 0 0; }
  .cols.grid.rows-1.cols-2.reverse .col-2 { padding: 30px 50px 0; }
  
  #top-header .menu li a { font-size: 16px; }
  
  .section-wrapper { padding: 0 0 40px; }
  .section-wrapper .cols.cols-main.content-page.cols-2 { grid-template-columns: 1fr; grid-template-areas: "col-left" "col-middle"; gap: 0; template-rows: auto auto; }
  .section-wrapper .cols.cols-main.content-page.cols-2.has-images { grid-template-columns: 1fr; grid-template-areas: "col-middle" "col-right"; gap: 0; template-rows: auto auto; }
  .section-wrapper .cols.cols-main.content-page.cols-3 { grid-template-columns: 1fr; gap: 0; grid-template-areas: "col-left" "col-middle" "col-right"; grid-template-rows: auto auto auto; }
  .section-wrapper .cols.cols-main.content-page.cols-2 .col.col-right { padding-top: 40px; }
  
  
  
  
  .section-wrapper .sidemenu-list { border-bottom: 2px solid #e9ecef; padding: 15px 20px 5px; }
  .section-wrapper .sidemenu-list h5 { font-size: 20px; }
  .section-wrapper .sidemenu-list h5 a { border-bottom: none; }
  .section-wrapper .sidemenu-list h5 a span { display: block; }
  .section-wrapper .sidemenu-list ul { position: absolute; display: none; width: 100%; background: #fff; margin-bottom: 15px; z-index: 10; border-bottom: 2px solid #e9ecef; left: 0; padding: 0 20px 10px; box-sizing: border-box; -moz-box-sizing: border-box; }
  .section-wrapper .sidemenu-list:hover ul { display: block; }
  .section-wrapper .sidemenu-list li { padding-top: 0; }
  .section-wrapper .sidemenu-list li a { padding: 16px 0 11px; border-bottom: 0; text-decoration: none; }
  
  .section-wrapper .document-list { text-align: left !important; border-bottom: 2px solid #eaaa00; padding: 15px 20px 5px; margin-top: 0 !important; }
  .section-wrapper .document-list h5 { font-weight: 500; font-size: 20px; cursor: pointer; }
  .section-wrapper .document-list h5 span { display: block; }
  .section-wrapper .document-list ul { position: absolute; display: none; width: 100%; margin-bottom: 15px; z-index: 10; border-bottom: 2px solid #eaaa00; background: #fbe8bc; left: 0; padding: 0 20px 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
  .section-wrapper .document-list:hover ul { display: block; }
  .section-wrapper .document-list li { padding-top: 20px; }
  
  .section-wrapper .cols.cols-main.content-page .col-middle { padding: 30px 50px 0; }
  
  .section-wrapper .cols.cols-main.content-page .col-left .button { display: none; }
  .section-wrapper .cols.cols-main.content-page .col-middle .button.content-button { display: block; }
  
  .section-wrapper .wolves .wolves-logo { max-width: 220px; margin: 0 auto; }
  
  .popup-wrapper { position: absolute; padding: 50px; }
  .popup-wrapper .popup { padding: 50px; }
  .popup-wrapper .popup a.btn-close { top: 15px; }
  .popup-wrapper .popup .content h1 { margin-bottom: 30px; }
  .popup-wrapper .popup .content { font-size: 20px; }
  .popup-wrapper .popup .bottom { padding-top: 15px; }
  
}

@media only screen and (max-width: 667px) {
  
  p.button { max-width: 100%; }
  
  .section-wrapper.section-latest-posts .latest-posts-arrows a { font-size: 80px; }
  .section-wrapper.section-latest-posts .latest-posts-arrows a.arrow-left { left: -60px; }
  .section-wrapper.section-latest-posts .latest-posts-arrows a.arrow-right { right: -60px; }
  
  .footer-wrapper { padding-top: 30px; padding-bottom: 30px; }
  #footer .cols.grid .col.col-3 .cols.flex { display: block !important; }
  #footer .cols.grid .col.col-3 .cols.flex .col { padding-right: 0; margin-bottom: 20px; }
  #footer .cols.grid .col.col-3 .cols.flex .col:last-child { margin-bottom: 0; }
  #footer .cols.grid.cols-2 .col-4 { padding-top: 10px; }
  #footer ul.icons-eps li img.eps-1 { max-width: 300px; }
  
}

@media only screen and (max-width: 600px) {
  
  img.logo { width: 320px; }
  
  #flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { padding-left: 20px; padding-right: 20px; }
  #flyout-menu li a { font-size: 28px; }
  
  #top-header .cols.flex { display: block !important; }
  #top-header .cols.flex .col-1 { display: none; }
  #header { padding: 20px 0; }
  
  .section-wrapper.section-latest-posts .recent-post-outer { height: 380px; }
  .section-wrapper.section-latest-posts .latest-posts-arrows { height: 380px; }
  
  .banner-wrapper .banner-content h2 { font-size: 44px; }
  .banner-wrapper .banner-content h2 span { font-size: 30px; }
  
  .hours .hours-split { display: block; height: 3px; opacity: 0; }
  
  .footer-wrapper { padding-bottom: 10px; }

}

@media only screen and (max-width: 480px) {
  
  BODY { font-size: 16px; }
  h1 { font-size: 26px; }
  h2 { font-size: 20px; }
  .button a { font-size: 16px; }
  
  img.logo { width: 270px; }
  #top-header .menu li a { font-size: 14px; }
  .section-wrapper .sidemenu-list h5, .section-wrapper .document-list h5 { font-size: 18px; }
  
  .section-wrapper .cols.cols-main.content-page .col-middle, .cols.grid.rows-1.cols-2 .col-1, .cols.grid.rows-1.cols-2.reverse .col-2 { padding: 30px 20px 0; }
  
  .banner-wrapper .banner { height: 350px; padding-bottom: 70px; }
  .banner-wrapper .banner-content { font-size: 20px; }
  
  .section-wrapper form .cols.grid.cols-2, .section-wrapper form .cols.grid.cols-3 { gap: 20px 20px; }
  .cols.grid.cols-2 { grid-template-columns: 1fr; }
	
	.section-wrapper .wpcf7 form .wpcf7-response-output { font-size: 16px; }
	
  #footer { font-size: 16px; }
  #bottom-footer { font-size: 13px; }
  #footer .cols.flex { display: block !important; }
  #footer .cols.flex .col { padding-right: 0; margin-bottom: 20px; }
  #footer .cols.flex .col:last-child { margin-bottom: 0; }
  
  .popup-wrapper { padding: 30px 20px; }
  .popup-wrapper .popup { padding: 45px 20px; }
  .popup-wrapper .popup .content { font-size: 16px; }
  .popup-wrapper .popup .bottom { font-size: 15px; }
  
}

@media only screen and (max-width: 420px) {
  
  img.logo { width: 220px; }
  .flyout a.icon-menu { font-size: 24px; }
  #flyout-menu li a { font-size: 24px; }
  
  .banner-wrapper .banner-content h2 { font-size: 40px; }
  .banner-wrapper .banner-content h2 span { font-size: 26px; }
	
}


@media only screen and (max-width: 380px) {
	
  .section-wrapper.section-latest-posts .recent-post-outer { height: 340px; }
  .section-wrapper.section-latest-posts .latest-posts-arrows { height: 340px; }
  .section-wrapper.section-latest-posts .latest-posts-arrows a { font-size: 60px; }
  .section-wrapper.section-latest-posts .latest-posts-arrows a.arrow-left { left: -50px; }
  .section-wrapper.section-latest-posts .latest-posts-arrows a.arrow-right { right: -50px; }

}

@media only screen and (max-width: 360px) {
  
  .section-wrapper.section-latest-posts.col-spacing { padding-left: 0; padding-right: 0; }
  .section-wrapper.section-latest-posts .latest-posts-arrows { display: none !important; }
  
}