/*
Theme Name: Wicomico County Health Department
Theme URI: https://www.wicomicohealth.org
Description: This theme is designed to have a fluid layout. The site uses responsive design, 100% width, widgets, custom menu, rotating header, jquery, css3 and html5.
Author: Michael Giordano
Version: 1.0
Tags: two-columns, responsive-design, custom-header, custom-background, custom-menus, full-width
*/
/* CSS Document & HTML Elements */
/* used by WordPress */
.alignnone, a img.alignnone {margin:0;}
.aligncenter, div.aligncenter, a img.aligncenter {display:block; margin: 2em auto;}
.alignright, .fRight, a img.alignright {float:right;margin: 0 0 2em 2em;}
.alignleft, .fLeft, a img.alignleft {float:left;margin: 0 2em 2em 0;}
.clear{clear:both}
.clearfix{overflow: auto;}
.wp-caption {border: 1px solid #ddd; background-color: #f3f3f3; padding: 1%; margin: .5em 1em; display: table-cell; max-width: 98%;}
.wp-caption img {margin: 0;padding: 0; }
.wp-caption p.wp-caption-text {font-size: 81.3%; line-height: 1.5em; margin: 0; text-align: center;}
.wp-caption.aligncenter{display: block; text-align: center; width: 98%!important; max-width: 98%; padding: 1%}
#wpadminbar{z-index: 99999999999999999999999999999!important;}
.gform_wrapper textarea, .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password]{font-size:1em!important;}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction{font-size:1em!important; padding:1em;}

/*reset our css*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strong, sub, sup, var,b, u, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline; font-weight:normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote::before, blockquote::after,q::before, q::after {content: ''; content: none;}
blockquote {font-style:italic;width:80%;margin:0.25em 0;padding:0.25em 2em;line-height:1.45;position:relative;color:#fff;background:#093e2c;-webkit-border-radius: .25em; -moz-border-radius: .25em; border-radius: .25em; -webkit-box-shadow: 0 .3em .25em 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 .3em .25em 0 rgba(50, 50, 50, 0.75); box-shadow: 0 .3em .25em 0 rgba(50, 50, 50, 0.75);}
blockquote::before {display:block;content:"\201C";font-size:400%;position:absolute;left:0em;top:-.1em;color:#fff;}
blockquote::after {display:block;content:"\201D";font-size:400%;position:absolute;right:.3em; top:-.1em;color:#fff;}
blockquote cite {color:#46b1e5;font-size:80%;display:block;margin-top:5px;}
blockquote cite::before {content: "\2014 \2009";}
blockquote cite a{color:#fff!important;}

/* set our new html css values */
html{font-size:16px;}
body{font-family: 'Open Sans', sans-serif; color:#070707; line-height: 1.5em; background: #f5f5f5;}
table{border-spacing:0px; border-collapse:separate}
tr{ vertical-align:top}
td{vertical-align:top}
img, img[class*="align"], img[class*="wp-image-"], div.product-thumb img{border:0cm; max-width:100%; height:auto; -ms-interpolation-mode: bicubic; vertical-align: baseline;}
img[class*="wp-image-"]{border:0cm}
img.middle{vertical-align: middle!important;}
p{padding: .5em 0;text-align: left; font-weight: 500}
h1{font-size: 250%; padding: .5em 0; font-family: 'Open Sans',  sans-serif; color: #070707; line-height: 1.5em; font-weight: 600; text-transform: uppercase;}
h2{font-size: 175.0%; padding: .5em 0; font-family: 'Open Sans', sans-serif; color: #070707; line-height: 1.5em; font-weight: 600;}
h3{font-size: 127.8%; padding: .5em 0; font-family: 'Open Sans', sans-serif; color: #070707; line-height: 1.25em; font-weight: 600;}
h4{font-size: 122.2%; padding: .5em 0; font-family: 'Open Sans', sans-serif; color: #070707; line-height: 1.25em; font-weight: 600;}
h5{font-size: 116.7%; padding: .5em 0; font-family: 'Open Sans', sans-serif;}
h6{font-size: 105.6%; padding: .5em 0; font-family: 'Open Sans', sans-serif;}
li{}
a{color:#070707; text-decoration:underline; word-wrap:break-word;}
a:hover{text-decoration:none;}
hr{border: 0; border-bottom: 2px solid #15265d; clear: both; display: block; height: 0; margin: 0 auto 2em auto; padding-top: 2em; max-width: 1600px; width: 80%;}
strong, b{font-weight:bold}
small, .small{font-size:87.5%}
em, i{font-style:italic}
strong em, strong i, b em, b i, em strong, em b, i strong, i b{font-weight: bold; font-style: italic;}
iframe {padding:0px;}
iframe, object, embed{max-width: 100%; max-height: auto;}
blockquote,ul,ol{margin:1em; margin-top:.25em;}
ul li ul, ol li ol{margin-top:0em;}
ol{padding-left:2em;}
ul{padding-left:2em;}
ul li{ list-style-type:disc; list-style-position:outside; line-height: 1.75em;}
ol li{ list-style-type:decimal; list-style-position:outside; line-height: 1.75em;}
textarea, input{border:1px solid #422628; background:#fff; color:#15265d; padding:.5em; font-family:'OptimaLTPro-Roman', Arial, Helvetica, sans-serif;}
textarea:hover, input:hover{border:1px solid #15265d; background:#fff; color:#000}
textarea:focus, input:focus{border:1px solid #15265d; background:#fff; color:#000}
sub{position: relative;top: .5em;font-size: 80%}
sup{position: relative;top:-.5em;font-size: 80%}
/*custom fixes class dependent*/
/*adds padding for anchor tags linked in text*/
.anchor-link::before {display: block;content: " "; height: 1em; margin-top: -1em; visibility: hidden;}
/* comments a fix */
.commentmetadata a{white-space: normal;}
/*link fix*/
.entry a{white-space: pre-wrap; word-wrap: break-word; word-break: break-word;}
/*end custom fixes class dependent*/

/*placeholder text*/
::-webkit-input-placeholder {color: #15265d; font-weight: bold;}
::-moz-placeholder{color: #15265d; font-weight: bold;}
:-ms-input-placeholderr {color: #15265d; font-weight: bold;}
:-moz-placeholder {color: #15265d; font-weight: bold;}
/*end placeholder text*/

/* ul and ol in columsn*/
ul.two-columns{columns: 2; -webkit-columns: 2; -moz-columns: 2;  padding-left: 0;}
ul.two-columns li{padding: .5em;}

/*social media icons*/
.fa-stack{width:1.15em!important;line-height: 1.5em!important;height: 1.5em!important;}
.fa-2x{font-size:1.5em!important;}
/*white*/
.social-icons-custom-white a{color: transparent!important}
/*color*/
.social-icons-custom-color a{color: transparent!important}
.social-icons-custom-color .fa-envelope-square, .social-icons-custom-color .fa-envelope-open{color: #f07013!important;}
.social-icons-custom-color .fa-facebook, .social-icons-custom-color .fa-facebook-f{color: #3b5998!important;}
.social-icons-custom-color .fa-twitter-square, .social-icons-custom-color .fa-twitter{color: #38A1F3!important;}
.social-icons-custom-color .fa-pinterest-square, .social-icons-custom-color .fa-pinterest-p{color: #BD081C!important;}
.social-icons-custom-color .fa-tripadvisor{color: #000!important;}
.social-icons-custom-color .fa-yelp{color: #d32323!important;}
.social-icons-custom-color .fa-linkedin, .social-icons-custom-color .fa-linkedin-in{color: #0077B5!important;}
.social-icons-custom-color .fa-google-plus-square, .social-icons-custom-color .fa-google-plus-g{color: #d34836!important;}
.social-icons-custom-color .fa-youtube-square, .social-icons-custom-color .fa-youtube{color: #ff0000!important;}
.social-icons-custom-color .fa-instagram{color: #000!important;}
.social-icons-custom-color .fa-rss-square, .social-icons-custom-color .fa-rss{color: #f07013!important;}
.social-icons-custom-color .fa-calendar-alt, .social-icons-custom-color .fa-calendar-alt{color: #f07013!important;}
#footer-social-icons{position: fixed; left:0; top: 40%; background:#15265d; padding:.25em .5em;}
#footer-social-icons .fa-stack{line-height: 1.75em!important; position: relative!important; left: 0!important; top: 0!important; padding: 0!important; margin:0!important; width: 1em!important; height: 1.75em!important; float: left!important; clear: both;}
.social-rounded-corners{-webkit-border-radius-top-right-radius: .25em; -webkit-border-radius-bottom-right-radius: .25em; -moz-border-radius-topright: .25em; -moz-border-radius-bottomright: .25em; border-top-right-radius: .25em; border-bottom-right-radius: .25em; }
/*end social media icons*/

/* html5 elements*/
nav{}
footer{width:100%;}

/*chervon to content*/
p.to-content-chevron-p{font-size:2em;}
a.to-content-chevron{}

/*pre header*/
#pre-header-wrapper{ position: fixed; background:#fff; z-index: 100;}
#pre-header-container{}
#pre-header-container p{color:#15265d; font-size: .875em; text-align: center;}

/* header div */
#headerWrapper{background: #15265d;}
#header{}
#navigation-container{background: #fff;}

/*top menu*/
/* needed for checkbox hack */
/* Fix Android */
body {-webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
/* end needed for checkbox hack */
#navigation-wrapper-menu{position: relative;z-index: 1}
#nav-container{}
#nav {position: relative; margin: 0cm auto}
#nav ul {display: none; width: 100%; list-style: none; margin: 0px; padding: 0px;}
#nav ul li{list-style: none;}
#nav ul li a {display: block; text-decoration: none; color: #15265d; padding: 1em .5em; cursor: pointer; font-size: 116.7%; text-transform: uppercase;}
#nav ul li a.menu-link-adjust{float: left; padding: 0em;}
#nav ul li:hover {}
#nav ul li a:hover{}
#nav ul li:last-of-type, #nav ul li ul li {}
#nav ul li ul li{background:rgba(255,255,255,.9);}
#nav ul li ul li a {padding-left: 1.5em; font-size: 100%;}
#nav ul li ul li ul li a {padding-left: 3.125em;}
#nav input.trigger {position: absolute; top: -9999px; left: -9999px;}
#nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {display: block !important;}
#nav label {position: relative; display: block; min-height: 2em; padding: .45em; font-size: 1.1em; margin: 0; cursor: pointer; background: #15265d; line-height: 2em;   color: #fff; }
#nav label::after {position: absolute; right: 1em; top: .2em; content: "\2261"; font-size: 1.8em; color: white; }
/*end mobile navigation styles*/
/*desktop navigation styles*/
@media (min-width: 1279px) {
    #nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: flex; flex-direction: row;}
    #nav ul {display: -ms-flexbox; flex-direction: -ms-row; display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: flex; flex-direction: row; -webkit-justify-content: center; justify-content:center;}
    #nav ul li {position: relative; text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex:1; -ms-flex: 1; flex: 1; -webkit-align-self: center; align-self: center;}
    #nav ul li ul {position: absolute; left: 0; display: none; width: 40em; z-index: 200; -webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.85); -moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.85); box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.85);}
    #nav ul li:last-of-type ul, #nav ul li:nth-child(8) ul{right:0!important; left:inherit;}
    #nav ul.sub-menu li{}
    #nav ul.sub-menu li:hover{}
    #nav ul.sub-menu li:hover a{}
    #nav ul.sub-menu li a{padding:.5em 1em;}
    #nav ul li ul li {text-align: left;}
    #nav ul li ul li ul {z-index: 300; top: 0px;left: 15em; width:25em; }
    #nav ul li ul li ul li{background: #d5e6f6!important}
    #nav ul li ul li ul li ul li{background: #021f30!important}
    #nav ul li ul li ul li:hover, #nav ul li ul li ul li ul li:hover {background: #021f30!important}
    #nav ul li ul li ul li a , #nav ul li ul li ul li ul li a{padding-left: 30px !important; color:#021f30!important;}
    #nav ul li ul li ul li:hover a,  #nav ul li ul li ul li ul li:hover a {color:#d5e6f6!important;}
    #nav ul li ul li ul li ul{z-index: 301; top: 0px;left: 25em; width:15em }
    #nav ul li:hover > ul {display: block}
    #nav label {display: none;}
}
/*end desktop navigation styles*/
/*end top menu*/

/*featured image*/
#featured-image-wrapper{width:100%; height:auto; margin:0cm auto; overflow: hidden; position: relative; z-index: -2;}
#featured-image-container{width:100vw; height: 45vh;}
.hero {width: 100%;height: 100%;min-width: 100%;min-height: 100%;position: relative;}
.flex-center {display: flex;flex-direction: column;justify-content: center;align-content: center;}
.hero-message {color: #070707;  width:75% ;position: relative; margin:0cm auto; padding: 2em;}
.hero-message::before {content: "";display: block;position: absolute;margin-left: 0;min-width: 100%;min-height: 12em;z-index: 0;;}
.hero-title {width: 100%;display: block; text-align: center; margin:0; background-color: rgba(255,255,255,.4)}

/*body div*/
#bodyWrapper{width:100%; clear:both; background: #f5f5f5;}
#contentWrapper{margin:0cm auto; padding: 0;}

/*primary content area*/
#content-placeholder-container{}
#content-placeholder{}
#content-placeholder-full{}
#sidebar{}
div.entry, .sidebar-padding {margin: 2em 0 0; padding: 3em; background:#fff;}
div.entry-no-margin{margin: 0;padding: 3em; background:#fff;}

/*home rotator*/
#featured-image-wrapper-home{width:100%; height:auto; margin:0cm auto; overflow: hidden; position: relative;}
#featured-image-container-home{width:100vw; height:auto;}

/*home articles*/
#home-articles-wrapper{background:#ceab78;}
#home-articles-container{}

/*home boxes*/
#home-boxes-wrapper{position: relative; bottom: -5em;}
#home-boxes-container{}
#home-boxes-container div.entry-no-margin:hover{background-color:transparent;}
#home-boxes-container .blue-hover:hover{background-color: #15265d; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
#home-boxes-container .blue-hover:hover h2, #home-boxes-container .blue-hover:hover h3, #home-boxes-container .blue-hover:hover h4, #home-boxes-container .blue-hover:hover h5, #home-boxes-container .blue-hover:hover h5, #home-boxes-container .blue-hover:hover p, #home-boxes-container .blue-hover:hover a{color:#fff;}
.home-boxes-container{position:relative; left: 50%; transform: translateX(-50%); width: 50px; height: 50px;}
.home-boxes-hover-image{position: absolute; left: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
.home-boxes-main-image{position: absolute; left: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
#home-boxes-container .blue-hover:hover .home-boxes-main-image{opacity: 0}

/*contact us*/
#contact-us-wrapper{background:#15265d; padding-top: 8em;}
#contact-us-container{}
#contact-us-container h2, #contact-us-container p{color:#fff;  text-align:center; font-size:250%;}

/*shelters*/
#home-shelters-wrapper{background:#15265d;}
#home-shelters-container{}
#home-shelters-container p{text-align: center;}

/*social*/
#social-wrapper{background:#fff;}

/*programs and services*/
.blue-box-hover:hover .entry{background: #15265d;}
.blue-box-hover:hover .entry h2, .blue-box-hover:hover .entry h3,.blue-box-hover:hover .entry  .blue-box-hover:hover .entry h4, .blue-box-hover:hover .entry h5, .blue-box-hover:hover .entry h6, .blue-box-hover:hover .entry p, .blue-box-hover:hover .entry a{color:#fff;}
#programs-and-services-container .flex-item-one-third-padding:nth-child(2n+1) div.entry{background: #15265d!important;}
#programs-and-services-container .flex-item-one-third-padding:nth-child(2n+1) div.entry h2, #programs-and-services-container .flex-item-one-third-padding:nth-child(2n+1) div.entry p, #programs-and-services-container .flex-item-one-third-padding:nth-child(2n+1) div.entry a{color:#fff;}

/*footer*/
#footerWrapper{width:100%; padding: 2em 0; clear: both; background: #15265d;}
#footerContent{margin:0cm auto; text-align:center;}
#footer-copyright{width: 100%; padding: 0; clear: both; }
#footer-copyright p{color: #fff; font-size:81.3%; padding: .25em 0}
#footer-copyright a{color: #fff; text-decoration: underline;}

/*blog*/
.blog-image{text-align: center; margin:0cm auto;}
.blog-header{text-decoration: none;font-weight: bold;}
.blog-boxes-border:nth-child(4n+1) .entry{border: 2px solid #a4493d;}
.blog-boxes-border:nth-child(4n+2) .entry{border: 2px solid #470a68;}
.blog-boxes-border:nth-child(4n+3) .entry{border: 2px solid #af6c66;}
.blog-boxes-border:nth-child(4n+4) .entry{border: 2px solid #899064;}

/*search*/
#search-form{}
.search-form{padding: .5em .7em;}
.archive-meta-wrap {background: none repeat scroll 0 0 #FFFFFF;float: left; height: 6em; margin: 1em; text-align: center; width: 4em;}
.archive-date {border: 1px dotted #0b126b;color: #0b126b;float: left;width: 100%;}
.archive-date-month{float: left; text-transform: uppercase; width: 100%;}
.archive-date-day{float: left;width: 100%;}
.archive-date-year{float: left; width: 100%;}
.archive-comment {color: #B6B8BC;float: left;height: 32px; margin: 10px 0 0 0;padding: 5px 0 0; text-align: center; width: 40px;}
.archive-comment a{color: #0087D0;}
.archive-comment a:hover, .archive-comment a:active{color: #960000;text-decoration: none;}
.archive-copy{float: left;width: 100%;}
.archive-thumb{float: right;margin: 0 0 20px 30px;position: relative;width: 150px;}
.archive-thumb img{height: 100px;width: 150px;}
/*top search bar*/
#header-search-wrapper-menu-non-mobile{display: none; position: relative; transition:background-color 500ms linear; text-align:center; padding: 1em;}
input.search-field-header, input.search-submit-header{padding: 1em;}
input.search-field-header{width: 25em;}

/*classes*/
.textwidget{padding-top: 1.1em}
.sb-clear{clear: both;}
.wrapper-container{width:100%; margin:0cm auto;}
.max-width-value{max-width: 1600px;}
.site-container-width{width:90%;}
.container-centered{margin:0cm auto}
.centered{text-align: center; width: 100%;}
.video-container{position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;}
.video-container iframe{position: absolute; top:0; left: 0; bottom: 0; right: 0; margin: 0cm auto; width: 100%; height: 100%;}
.vidoe-container .mce-preview-object, .video-container .mce-object-iframe{position: initial!important;}
.underline{text-decoration:underline;}
.no-list-display li{list-style-type: none;}
.no-margin{margin: 0 auto!important;}
.post-navigation{text-align:center;}
.container-margins{margin:2em 0;}
.container-padding{padding: 3em;}
.no-bottom-padding{padding-bottom: 0;}
.no-top-padding{padding-top: 0;}
.nested-container{width:94%;}
.uppercase{text-transform: uppercase;}
/*linkclasses*/
a.no-decoration-link{text-decoration: none; cursor: text;}
a.no-decoration-link-footer{text-decoration: none; cursor: pointer;}
a[href^="tel:"] {text-decoration: none; cursor: pointer;}
a[href^="tel:"]::before {content: "\260e"; margin-right: 0.25em;}
a[href^="tel:"].no-phone-icon::before {content: ""; margin-right: 0;}
/*end link classes*/
/*dropshadow*/
.sitewide-dropshadow{-webkit-box-shadow: 0 .3em .35em 0 rgba(50, 50, 50, 0.50); -moz-box-shadow: 0 .3em .35em 0 rgba(50, 50, 50, 0.50); box-shadow: 0 .3em .35em 0 rgba(50, 50, 50, 0.50);}
.sitewide-dropshadow-no-offset{-webkit-box-shadow: 0 0 .55em rgba(50, 50, 50, 0.50); -moz-box-shadow: 0 0 .55em rgba(50, 50, 50, 0.50); box-shadow: 0 0 .55em rgba(50, 50, 50, 0.50);}
.sitewide-rounded-borders{-webkit-border-radius: .25em; -moz-border-radius: .25em; border-radius: .25em;}
.sitewide-rounded-borders-bottom{-webkit-border-bottom-right-radius: .25em; -webkit-border-bottom-left-radius: .25em; -moz-border-radius-bottomright: .25em; -moz-border-radius-bottomleft: .25em; border-bottom-right-radius: .25em; border-bottom-left-radius: .25em;}
/*end dropshadow*/
/*link buttons*/
a.link-button{padding: 20px; color: #fff; text-align: center; cursor: pointer; background: #15265d; border: none; text-transform: uppercase; display: block; text-decoration: none; }
a.link-button:hover{background: #ceab78; color:#070707;}
a.link-button-inline{padding: 20px; color: #fff; text-align: center; cursor: pointer; background: #15265d; border: none; text-transform: uppercase; display: inline-block;  text-decoration: none; }
a.link-button-inline:hover{background: #ceab78; color:#070707;}
/*end link buttons*/
/*start custom classes*/
.blue{color:#15265d;}
.white{color:#fff;}
.times{font-family: 'Times New Roman', Times, serif; font-size: 275%; padding: 0; line-height: 1.5em; font-weight: normal;}
.padding-none{float:left;margin: 0; padding: .5em 1em ;}
.header-fa{display: inline-block; background:#fff; color:#152667; border-radius: 60px; box-shadow: 0px 0px 2px #888; padding: 0.5em 0.6em; font-size:1.5em!important;}
a.link-button-inline-white{padding: 20px; color: #15265d; text-align: center; cursor: pointer; background: #fff; border: none; text-transform: uppercase; display: inline-block;  text-decoration: none; }
a.link-button-inline-white:hover{background: #ceab78; color:#070707;}
.white-background{background: #fff;}
.no-underline{text-decoration: none}
.header-images{text-align: center; margin:0cm auto;}
.copyright{margin-top: 2em;}
/*end custom classes*/
/*end classes*/

/*flex rows*/
.flex-container{display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.flex-container-centered{-webkit-align-self: center; align-self: center; -webkit-justify-content: center; justify-content:center;  text-align: center;}
.flex-container-vertical-middle{display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
.flex-item-single{-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: .25cm auto;}
.flex-item-single-no-padding{-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 auto;}
.flex-item-double{-webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: .25cm auto;}
.flex-item-double-padding{-webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; margin: .25cm auto;}
.flex-item-double-no-padding{-webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
.flex-item-double-top-padding{-webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: .25cm auto;}
.flex-item-one-third{-webkit-flex: 0 0 33%; ms-flex: 0 0 33%; flex: 0 0 33%; margin: .25cm auto;}
.flex-item-one-third-padding{-webkit-flex: 0 0 31%; ms-flex: 0 0 31%; flex: 0 0 31%; margin: .25cm auto}
.flex-item-two-thirds{-webkit-flex: 0 0 67%; ms-flex: 0 0 67%; flex: 0 0 67%; margin: .25cm auto;}
.flex-item-one-quarter{-webkit-flex: 0 0 25%; ms-flex: 0 0 25%; flex: 0 0 25%; margin: .25cm auto;}
.flex-item-one-quarter-padding{-webkit-flex: 0 0 23%; ms-flex: 0 0 23%; flex: 0 0 23%; margin: .15cm auto;}
.flex-item-one-quarter-no-margin{-webkit-flex: 0 0 25%; ms-flex: 0 0 25%; flex: 0 0 25%; margin: 0 auto;}
.flex-item-three-quarters{-webkit-flex: 0 0 75%; ms-flex: 0 0 75%; flex: 0 0 75%; margin: .25cm auto;}
.flex-item-one-fifth{-webkit-flex: 0 0 20%; ms-flex: 0 0 20%; flex: 0 0 20%; margin: .25cm auto;}
.flex-item-four-fifths{-webkit-flex: 0 0 80%; ms-flex: 0 0 80%; flex: 0 0 80%; margin: .25cm auto;}
.flex-item-one-sixth{-webkit-flex: 0 0 15%; ms-flex: 0 0 15%; flex: 0 0 15%; margin: .25cm auto;}
.flex-item-five-sixths{-webkit-flex: 0 0 81%; ms-flex: 0 0 81%; flex: 0 0 81%; margin: .25cm auto;}
.equal-height-flexbox{display: flex;}
.bottom-flexbox-position{align-self: flex-end;}

/*flexbox masonary layout*/
/* Box-sizing reset: //w3bits.com/?p=3225 */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

/* The Masonry Container */
/* Masonry grid */
.masonry {transition: all .5s ease-in-out; column-gap: 1em;column-fill: initial;}
/* Masonry item */
.masonry .brick {margin-bottom: .75cm; display: inline-block; vertical-align: top; width:100%;}
/* Masonry image effects */
.masonry .brick img {transition: all .5s ease-in-out; backface-visibility: hidden;}
.masonry .brick:hover img {opacity: .75;}
/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {column-count: 2;}
}
/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
    .masonry {column-count: 3}
}

/*pagination*/
div.pagination{display: table; margin: 0 auto; padding-bottom: 2em;}
.page-numbers { display: inline-block; padding: .25em .50em; margin: 0 .25em 0 ; border: 1px solid #000; line-height: 1; text-decoration: none; color: #231f20; background: #fff;}
.page-numbers.current, a.page-numbers:hover {background: #000; color: #fff}

/*comments*/
img.avatar{padding: .15em; background: #fff; border: 1px solid #ddd; float: right; margin: 0 0 .5em .5em;}
.allcomments ol.commentlist li {background: #f5f5f5; clear: both; margin: 0 0 15px; padding: 15px; border: 1px solid #ddd; list-style-type: none;}
.commentlist{padding: 0; list-style-type: none; margin: 0;}
.commentlist cite{font-size: 77.8%; font-weight: bold;}
.commentlist li ul.children{margin: 1.25em 0 0 0; padding: 0}
.commentlist li ul.children li{margin: .25em 0 0 0; background: #fff;}
.commentmetadata{display: block; margin-bottom: .5em; font-size: 77.8%;}
.comment-author.vcard span{font-size: 77.8%; }
.comment-body p{padding:.5em 0;}
a.comment-reply-link, a.comment-reply-link:link, a.comment-reply-link:visited, .reply a, .reply a:link, .reply a:visited{clear:both; padding: .25em .5em; font-weight: bold; text-transform: uppercase; color: #fff; background: #093e2c; -webkit-border-radius: .25em; -moz-border-radius: .25em; border-radius: .25em; text-decoration: none;}

/*social icons - footer*/
.social-icons{padding:1em 0;}
.smIcons{padding: 0 .75em;}

/*gravity forms overrides*/

/*mce override*/
body#tinymce{background-image:none!important; padding-top:0!important; background-color: #fff!important; margin: 0 2em!important;}
.mce-content-body p, .mce-content-body div, .mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6{line-height: inherit!important;}
/*end mce override*/

/*soliloquy overrides*/
.soliloquy-pager-item {border: 2px solid #15265d !important; border-radius: 999em !important;}
.soliloquy-pager-link:hover, .soliloquy-container .soliloquy-pager-link.active {background-color: #ceab78 !important; border-radius: 999em !important;}

/*print*/
.mobile-print{display: none; visibility: hidden;}

/*mobile*/
.mobile-show{visibility: hidden; display: none;}

/* CSS for View Full Site */
.rwd-display-options{ text-align: center!important; }
.rwd-display-option, #view-responsive{ cursor: pointer!important; background: #000; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); padding: .5em 1em; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff;}
#view-responsive{ display: none; }
@media only screen and (min-width: 900px){
    #view-full{ display: none; }
    #view-responsive{ display: inline; }
}
@media only screen and (max-width: 900px) {
    .rwd-display-options{padding: 1em;}
}
/*back to top*/
#return-to-top{position: fixed; bottom: 5em; right: 2em; background: rgb(0, 0, 0); background: rgba(206,171,120, 0.7); width: 60px; height: 60px; display: block; text-decoration: none; border:5px solid #15265d; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top i {color: #15265d; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top:hover{background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i{color: #fff; top: 5px;}
#return-to-top::before{content: " "; position: absolute; z-index: -1; top: -5px; left: -5px; right: -5px; bottom: -5px; border:2px solid #fff; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}

/*responsive css coding*/
/* desktop and pc's*/
/* over 1920 screen resolution */
@media only screen and (max-width: 8000px) {}
/* 1660px screen resolution */
@media only screen and (max-width: 1700px) {}
/* 1600px screen resolution */
@media only screen and (max-width: 1601px) {}
/* 1440px screen resolution */
@media only screen and (max-width: 1441px) {}
/* 1366px screen resolution */
@media only screen and (max-width: 1439px) {}
/* 1280px screen resolution */
@media only screen and (max-width: 1365px) {
    /*custom*/
    #home-shelters-wrapper .flex-item-one-quarter-padding{-webkit-flex: 0 0 31%; ms-flex: 0 0 31%; flex: 0 0 31%; margin: .25cm auto;}
    #bodyWrapper .container-padding{0 3em 3em;}
    #featured-image-wrapper{position: static;}
    .blog-container .flex-item-one-third-padding, #programs-and-services-container .flex-item-one-third-padding{-webkit-flex: 0 0 46%; ms-flex: 0 0 46%; flex: 0 0 46%;}
    /*end custom*/
}
/* 1024px screen resolution */
@media only screen and (max-width: 1279px) and (min-width: 1001px){
    .flex-item-three-quarters, .flex-item-one-quarter{-webkit-flex: 0 0 97%; -ms-flex: 0 0 97%; flex: 0 0 97%}
    #nav {position: relative; width: 90%;}
    .site-container-width{width: 90%}
    #return-to-top{bottom: 1em; right: 1em;}
    /*nav */
    #headerWrapper{position: static;}
    #nav{position: relative; top: 0; left: 0; width: 100%; border:0; z-index: 1}
    #nav ul li{background: #fff}
    #nav ul li a{color: #070707; font-weight: bold;}
    #nav-container{padding: 0}
    #navigation-container{background: none; -webkit-box-shadow: none; box-shadow: none}
    ul.sub-menu{background: #000;}
    #header-search-wrapper-menu{display:block!important;}
    /*end nav*/
    /*custom*/
    .mobile-show{visibility: visible; display: block;}
    .mobile-hide{visibility: hidden; display: none;}
    #headerWrapper, #pre-header-wrapper{position: static;}
    .site-container-width{width: 100%}
    .blog-container .flex-item-one-third-padding, #programs-and-services-container .flex-item-one-third-padding{-webkit-flex: 0 0 46%; ms-flex: 0 0 46%; flex: 0 0 46%;}
    #home-boxes-wrapper{position: static;}
    #home-boxes-container .flex-item-one-quarter-no-margin{-webkit-flex: 0 0 48%; ms-flex: 0 0 48%; flex: 0 0 48%; margin: .25cm auto;}
    #contact-us-wrapper{padding-top: 3em;}
    /*end custom*/
}
/*tablets*/
@media only screen and (max-width: 1000px) {
    .mobile-show{visibility: visible; display: block;}
    .mobile-hide{visibility: hidden; display: none;}
    .flex-item-single, .flex-item-single-no-padding, .flex-item-double, .flex-item-double-padding, .flex-item-double-no-padding, .flex-item-double-top-padding, .flex-item-one-third, .flex-item-one-third-padding, .flex-item-two-thirds, .flex-item-one-quarter, .flex-item-one-quarter-padding, .flex-item-one-quarter-no-margin, .flex-item-three-quarters, .flex-item-one-fifth, .flex-item-four-fifths, .flex-item-one-sixth, .flex-item-five-sixths, .blog-container .flex-item-one-third-padding, #programs-and-services-container .flex-item-one-third-padding {-webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; margin: .5em auto;}
    #headerWrapper, #pre-header-wrapper{position: static;}
    ul.two-columns{columns:1; -webkit-columns: 1; -moz-columns: 1;  padding-left: 0;}
    ul.two-columns li{padding: .5em;}
    /*admin menu logged in offset*/
    body.logged-in .navigation-menu, body.logged-in  .navigation-container{}
    body.logged-in .menu-text{}
    body.logged-in .nav-button{top: 40px;}
    /*end admin menu logged in offset*/
    #footer-copyright .social-icons{text-align: center}
    #footer-copyright .social-icons .smIcons{padding:0 .25em;}.mobile-show{visibility: visible; display: block;}
     /*nav */
    #headerWrapper{position: static;}
    #nav{position: relative; top: 0; left: 0; width: 100%; border:0; z-index: 1}
    #nav ul li{background: #fff}
    #nav ul li a{color: #070707; font-weight: bold;}
    #nav-container{padding: 0}
    #navigation-container{background: none; -webkit-box-shadow: none; box-shadow: none}
    ul.sub-menu{background: #000;}
    #header-search-wrapper-menu{display:block!important;}
    /*end nav*/
    #footer-copyright .social-icons{text-align: center}
    #footer-copyright .social-icons .smIcons{padding:0 .25em;}
    /*footer*/
    /*end footer*/
    /*start custom*/
    .nested-container{width: 100%;}
    .site-container-width{width: 95%;}
    .container-padding{padding: 0;}
    #pre-header-container .flex-item-one-third{-webkit-flex: 1 0 50%; ms-flex: 1 0 50%; flex: 1 0 50%; margin: .25cm 0;}
    #header .flex-container{}
    #header .flex-container .order-first{order: 1 -webkit-flex: 1 0 100%; ms-flex: 1 0 100%; flex: 1 0 100%; margin: .25cm 0;}
    #header .flex-container .order-second{order: 2; -webkit-flex: 1 0 50%; ms-flex: 1 0 50%; flex: 1 0 50%; margin: .25cm 0;}
    #header .flex-container .order-third{order: 3; -webkit-flex: 1 0 50%; ms-flex: 1 0 50%; flex: 1 0 50%; margin: .25cm 0;}
    #header .flex-container .order-fourth{order: 4; -webkit-flex: 1 0 50%; ms-flex: 1 0 50%; flex: 1 0 50%; margin: .25cm 0;}
    #header .flex-container .order-fifth{order: 5; -webkit-flex: 1 0 50%; ms-flex: 1 0 50%; flex: 1 0 50%; margin: .25cm 0;}
    #header .flex-container .order-sixth{order: 6; -webkit-flex: 1 0 50%; ms-flex: 1 0 50%; flex: 1 0 50%; margin: .25cm 0;}
    #home-shelters-wrapper .flex-item-one-quarter-padding{-webkit-flex: 0 0 47%; ms-flex: 0 0 47%; flex: 0 0 47%; margin: .25cm auto;}
    .hero-message{width: 90%;}
    h1{font-size: 175%;}
    #contact-us-container h2, #contact-us-container p, h2{font-size: 150%;}
    /*end custom*/
}
@media only screen and (max-width: 801px) {
    #return-to-top{bottom: 1em; right: 1em;}
}
@media only screen and (max-width : 775px) {
    .alignnone, a img.alignnone, .aligncenter, div.aligncenter, a img.aligncenter, .alignright, .fRight, a img.alignright, .alignleft, .fLeft, a img.alignleft {display:block; margin: 2em auto; float: none;}
    #pre-header-container .flex-item-one-third{-webkit-flex: 1 0 95%; ms-flex: 1 0 95%; flex: 1 0 95%; margin: .25cm 0;}
}
@media only screen and (max-width : 605px) {
    /*admin menu logged in offset*/
    body.logged-in .navigation-menu, body.logged-in #navigation-container{}
    body.logged-in .menu-text{}
    body.logged-in .nav-button{top: 55px;}
    /*end admin menu logged in offset*/
    #bodyWrapper, #hours-wrapper, #home-boxes-wrapper, #testimonials-wrapper, #mailing-list-wrapper, #pre-footer-wrapper{padding:2em 0;}
}
@media only screen and (max-width : 599px) {}
@media only screen and (max-width : 535px) {}
@media only screen and (max-width : 534px) {}
@media only screen and (max-width : 361px) {}
@media only screen and (max-width : 321px) {}
/*end conditional css*/