/*
Theme Name: Mozaic
Theme URI: http://mozaic.llc
Author: SCORR Marketing
Author URI: http://www.scorrmarketing.com/
Description: Theme built for Mozaic by SCORR Marketing
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scorr

scorr is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.


This theme has these resources available:

Foundation for structure - http://foundation.zurb.com/
Font Awesome - https://fortawesome.github.io/Font-Awesome/

>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Links
# Header
# Menus
# Widgets
# Content
# Grid
# Builder
# Share Button
# Search Form / Share Box
# Footer
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body, button, input, select, textarea {
    color: #8799a4;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

.row {
    max-width: 100%;
}
.row .row {
    margin: 0;
}
body {
    line-height: 1.8em;
    font-family: "museo-sans",sans-serif;
    font-weight: 500;
    width: 100%;
}
hr {
    background-color: #e1e6ea;
    border: 0;
    height: 2px;
    margin: 30px 0 45px;
}
ul, ol {
    margin: 0 0 1.5em 1.4em;
}
li>ul, li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
#content-contain {
    margin: 20px auto;
    max-width: 1200px;
}
h1, h2, h3 {
    color: #00609c;
}
h1 {
    font-size: 2.75em;
    line-height: 1.1em;
    margin: .8em 0;
}
h2 {
    font-size: 2em;
    line-height: 1.35em;
    margin: 0 0 1em;
}
h3 {
    font-size: 1.25em;
    line-height: 1.4em;
    margin: 0 0 .5em;
}
h4 {
    font-size: 1em;
    line-height: 1.25em;
    margin: 0 0 1em;
}
h5 {
    font-size: .79em;
    line-height: 1.25em;
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "museo-sans-rounded",sans-serif;
    clear: both;
    font-style: normal;
    font-weight: normal;
}
.entry-content ul {
    list-style: none;
}
.entry-content ul li {
    margin-bottom: 1rem;
    padding: 4px 0 0 50px;
    min-height: 60px;
}
.entry-content ul li:before {
    content: '';
    width: 35px;
    height: 35px;
    background: url(img/check.svg) left center / 100% no-repeat;
}
.entry-content h2 {
    text-transform: none;
    text-align: center;
}
.entry-content h3 {
    text-transform: none;
}
.entry-content ul li:before, .entry-content ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}
.entry-content ul li {
    display: block;
    position: relative;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a {
    color: #5ab3e4;
}
a:visited {
    color: #5ab3e4;
}
a:hover, a:focus, a:active {
    color: #5ab3e4;
    text-decoration: underline;
}
a:hover sup {
    text-decoration: none !important;
}
a:focus, div:focus {
    outline: 0;
}
a:hover, a:active {
    outline: 0;
}
p a {
    color: #00609c;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 1px solid #75d0e7;
    border-bottom-color: rgba(0, 168, 227, 0.4);
}
p a:hover {
    color: #75d0e7;
    text-decoration: none;
    border-bottom: none;
    transition: all .5s ease;
}
a.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: inline-block;
    text-align: center;
    color: #faa627;
    
    padding: 10px 40px;
    
   
    text-transform: uppercase;
    bottom: 300px;
    
    transition: all .4s ease;
    text-decoration: none;
	 
    background: #602C90;
    
    border: 5px solid #24b6ab;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 1em;
}
	
}
#pre-foot a.btn {
    color: white;
    background: #602C90;
    border: 5px solid #fff;
}
a.btn:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
    background: #602C90;
    border: 5px solid #602C90;
}
#pre-foot a.btn:hover {
    color: white;
    background: #602C90;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header#masthead {
    position: fixed;
    top: 0;
    margin: 0 auto;
    padding: 20px 30px 10px;
    width: 100%;
    z-index: 9993;
    background-color: #fff;
    transition: all .4s ease;
}
header#masthead.wp-active {
    top: 25px;
}
.masthead-content.row {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
#content {
    padding-top: 97px;
}
header#masthead .site-branding img {
    max-height: 70px;
    transition: max-height .4s ease;
    width: 102px;
    display: inline-block;
}
a.event-link .fa {
    display: inline-block;
    padding-right: 7px;
}
ul#menu-primary-menu li.tip a {
    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    cursor: default;
}
ul#menu-primary-menu li.tip a:hover {
    color: #000;
    text-decoration: none;
}
header#masthead.hidden {
    -ms-transform: translateY(-134px);
    transform: translateY(-134px);
    visibility: hidden;
}
.site-branding {
    padding-left: 0;
}
.site-branding a {
    display: inline-block;
    width: 380px;
}
span.logo-tag {
    position: relative;
    top: 11px;
    left: 20px;
    font-size: .875em;
    display: inline-block;
    color: #7f939e;
    line-height: 1em;
    padding: 5px 0 5px 15px;
}
span.logo-tag:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    width: 3px;
    border-radius: 5px;
    background-color: #5ab3e4;
}
.entry-header {
    position: relative;
    top: 225px;
}
.entry-title {
    line-height: 1.1em;
    font-size: 2.5em;
    color: #fff;
}
h1.entry-title {
    line-height: 1.1em;
    padding: 20px 80px 20px 40px;
    margin: 0;
    display: inline-block;
	background-color:rgba(28, 189, 173, 0.8);
/*     background-color: rgba(0,103,149,0.8); */
    border-radius: 0 50px 50px 0;
    background-blend-mode: multiply;
}
.header-title {
    position: static;
	    background-color: rgba(28, 189, 173, 0.4);
/*     background-color: rgba(0,103,149,0.4); */
    top: 20px;
    bottom: 20px;
    right: 0;
    left: 0;
}
.header-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
#page-head {
    position: relative;
    height: 400px;
}

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    padding-top: 26px;
    text-align: right;
}
#primary-menu {
    font-family: "museo-sans-rounded",sans-serif;
}
#primary-menu ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    text-align: right;
}
#primary-menu li {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
#primary-menu li a, #primary-menu li a:visited {
    display: block;
    color: #00609c;
    transition: all .4s ease;
}
ul#primary-menu li a:hover {
    color: #67b2e8;
    text-decoration: none;
}
ul#primary-menu ul {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    padding: 1em;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
}
ul#primary-menu ul ul {
    left: 100%;
    top: 0;
}
ul#primary-menu ul a {
    width: 210px;
    padding-bottom: .5em;
    text-transform: none;
}
ul#primary-menu li.active>ul, ul#primary-menu li.focus>ul, ul#primary-menu ul li:hover>ul, ul#primary-menu ul li.focus>ul {
    opacity: 1;
    visibility: visible;
}
ul#primary-menu>li.menu-item-has-children.active a:active, ul#primary-menu>li.menu-item-has-children.active a:focus {
    text-decoration: none;
}

/* Indicators */

ul#primary-menu>li.menu-item-has-children>a:after, ul#primary-menu ul.sub-menu li.menu-item-has-children:after {
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #4d525a;
    transition: all .3s ease;
}
ul#primary-menu>li.menu-item-has-children>a:after {
    content: '\f107';
    right: 0;
}
ul#primary-menu ul.sub-menu li.menu-item-has-children:after {
    content: '\f105';
    right: 5px;
}
ul#primary-menu ul.sub-menu li.menu-item-has-children:hover:after, ul#primary-menu>li.menu-item-has-children.active>a:after {
    -ms-transform: rotate(180deg) scale(0.75);
    transform: rotate(180deg) scale(0.75);
    color: #8B8C8D;
}

/* Small menu. */

.menu-toggle, .main-navigation.toggled ul {
    display: block;
}
@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

#content {
    min-height: 600px;
}
#page {
    position: relative;
    margin: 0 auto;
    padding: .5rem 0 0;
    background-color: #fff;
    width: 100%;
    overflow-x: hidden;
}
header.entry-header-sm, header.entry-header {
    padding: 20px 0;
}
#primary {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/

.columns.alpha {
    padding-left: 0!important;
}
.columns.omega {
    padding-right: 0!important;
}

/*--------------------------------------------------------------
# Search Form / Share Box
--------------------------------------------------------------*/

.close {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1000;
    transition: all .5s ease;
}
.close:hover {
    -ms-transform: scale(.9);
    transform: scale(.9);
}
.close:before, .close:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all .5s ease;
}
.close:before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-contain {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}
.search-form {
    position: relative;
}
.search-submit {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}
.search-contain input#search {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #fff;
    box-shadow: none;
    padding-left: 0;
    color: #fff;
    outline: 0;
    font-size: 30px;
    line-height: 32px;
}
.search-contain input#search::-webkit-input-placeholder {
    font-size: 30px;
    color: #fff;
}
.search-contain input#search:-moz-placeholder {
    /* Firefox 18- */
    font-size: 30px;
    color: #fff;
}
.search-contain input#search::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 30px;
    color: #fff;
}
.search-contain input#search:-ms-input-placeholder {
    font-size: 30px;
    color: #fff;
}
#share-box {
    color: #fff;
    text-align: center;
    font-size: 18px;
}
#share-box h3 {
    color: #fff;
    margin-bottom: 30px;
}
.share-icons {
    font-size: 1.83em;
}
#share-box a {
    color: #fff;
}
ul#mobile-menu-list, ul#secondary-mobile-menu-list {
    padding: 0;
    list-style: none;
    margin: 0;
}
ul#mobile-menu-list li, ul#secondary-mobile-menu-list li {
    text-align: center;
}
ul#mobile-menu-list li.has-submenu>a:after {
    font-family: FontAwesome;
    content: '\f105';
    display: inline-block;
    padding-left: 10px;
    float: right;
    color: #fff;
}
ul#mobile-menu-list li a, ul#secondary-mobile-menu-list li a {
    display: inline-block;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.25em;
    text-decoration: none;
}
ul#mobile-menu-list li ul {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    background-color: #00609c;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: all .5s ease;
    z-index: 200;
}
ul#mobile-menu-list li ul:before, ul#mobile-menu-list li ul:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
}
ul#mobile-menu-list li ul:before {
    left: -20vw;
    left: calc( -20vw + 1px);
    border-width: 0 0 100vh 20vw;
    border-color: transparent transparent #00609c transparent;
}
ul#mobile-menu-list li ul:after {
    right: -20vw;
    right: calc( -20vw + 1px);
    border-width: 100vh 20vw 0 0;
    border-color: #00609c transparent transparent;
}
ul#mobile-menu-list li.has-submenu.open-submenu>ul {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}
ul#mobile-menu-list li ul li a {
    padding-left: 30px;
}
ul#mobile-menu-list li ul li ul li a {
    padding-left: 45px;
}
li.back {
    padding-bottom: 10px;
    color: #fff;
    cursor: pointer;
}
li.back:before {
    content: '\f104';
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 10px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#pre-foot {
    position: relative;
    padding: 105px 15px;
    text-align: center;
    overflow: hidden;
}
.pre-foot-image {
    background: url(https://mozaic.llc/wp-content/uploads/mozaic-bg-002.jpg) center top / cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    max-height: 350px;
}
.pre-foot-content {
    position: relative;
    z-index: 6;
    bottom: 20px;
}
#pre-foot h2 {
    color: #fff;
    font-size: 2em;
}
footer.site-footer {
    background-color: #fff;
}
.foot-menu {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}
ul#foot-menu {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 1em;
    list-style: none;
    text-align: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
ul#foot-menu>li {
    display: inline-block;
    padding: 0 17px;
    text-align: left;
    vertical-align: top;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
ul#foot-menu>li a {
    font-size: 0.875em;
    color: #00609E;
}
ul#foot-menu>li>a {
    font-size: 1em;
    font-weight: 500;
    text-transform: capitalize;
}
ul#foot-menu li.nolink > a {
    cursor: default;
}
ul#foot-menu li.nolink > a:hover {
    text-decoration: none;
}
ul#foot-menu ul {
    margin-left: 10px;
    list-style: none;
}
ul#foot-menu>li>ul {
    margin: 0;
    padding-top: 1rem;
}
.foot-address {
    padding-bottom: 5px;
}
.foot-address p {
    margin-bottom: 0;
}
.right-foot-col {
    text-align: right;
}
.right-foot-col img {
    display: inline-block;
}
.foot-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px;
    color: #00609E;
    font-size: .8750em;
    -ms-flex-align: start;
    align-items: flex-start;
}
.foot-part {
    display: inline-block;
    margin: 0 auto;
    line-height: 1.5;
}
.foot-logo {
    margin-left: 0;
    margin-bottom: 15px;
}
.social-icons {
    margin-right: 0;
}
ul#foot-links {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.foot-phone {
    margin-left: 100px;
    padding: 0;
}
.foot-phone span.phone a {
    color: #00609E;
    text-decoration: none;
}
.foot-phone span.phone a:hover {
    text-decoration: none;
}
ul#foot-links li {
    border-right: 1px solid #fffffe;
}
ul#foot-links li:last-of-type {
    border-right: 0;
}
ul#foot-links li a {
    text-transform: uppercase;
    color: #fffffe;
}
.address, .address-1 {
    line-height: 1.3;
}
.social-icons {
    text-align: right;
    background: #00609c;
    border-radius: 50px;
    margin: 10px;
}
.social-contain {
    display: -ms-flexbox;
    display: flex;
    padding: 1.250em;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    float: right;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.menu-footer-container {
    margin-bottom: 20px;
}
.social-icons {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 0px;
    color: #fffffe;
    font-size: 1.75em;
    line-height: 35px;
    text-align: center;
    transition: all .5s ease;
}
a.social-icon i.fa {
    line-height: 1em;
    vertical-align: middle;
}
a.social-icon:hover .social-linkedin, a.social-icon:hover .social-icons {
    color: #5ab3e4;
}
#foot-menu ul.children {
    display: none
}
#foot-menu ul {
    list-style: none;
}
.address, .address-1, .phone, #copyright-statement {
    display: block;
    padding:0;
}
.foot-content {
    margin: 2em 0 4em 0;
    padding: 15px;
}
.social-linkedin {
    margin-right: 10px;
    color: #00609E;
    transition: all .5s ease;
}

/* Footer Responsive Styles */
@media only screen and (min-width: 768px) {
div#hero-icon img {
    width: 110px;
    margin-left: 5px;
    margin-top: 2px;
}
}

@media only screen and (min-width: 1440px) {
    .pre-foot-image {
        background: url(https://mozaic.llc/wp-content/uploads/mozaic-bg-002.jpg) center right / cover no-repeat;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .pre-foot-image {
        background: url(https://mozaic.llc/wp-content/uploads/mozaic-bg-002.jpg) center right / cover no-repeat;
    }
}
@media only screen and (max-width: 1024px) {
    .pre-foot-image {
        background: url(https://mozaic.llc/wp-content/uploads/mozaic-bg-002.jpg) center right / cover no-repeat;
    }
}
@media only screen and (max-width: 1250px) {
    .foot-logo img {
        width: 100px;
    }
    .foot-content {
        font-size: .8em;
    }
}
@media only screen and (max-width: 1100px) {
    .foot-content {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media only screen and (max-width: 767px) {
    #pre-foot {
        padding: 60px 15px;
    }
    #pre-foot h2 {
        font-size: 1.25em;
    }
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

.mobile-menu-btn {
    display: none;
    position: fixed;
    right: 20px;
    top: 30px;
    text-align: right;
    cursor: pointer;
    cursor: pointer;
    z-index: 999999219;
    transition: all .4s ease;
}
.menu-btn {
    position: relative;
    height: 24px;
    width: 30px;
}
.menu-btn:before, .menu-btn:after {
    content: '';
}
.menu-bar, .menu-btn:before, .menu-btn:after {
    position: absolute;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #67b2e8;
    border-radius: 5px;
    transition: all .4s ease;
}
.menu-bar {
    top: 0;
    bottom: 0;
    margin: auto;
}
.menu-btn:before {
    top: 0;
}
.mobile-menu-btn.active .menu-bar {
    opacity: 0;
}
.mobile-menu-btn.active .menu-btn:before {
    top: 50%;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}
.menu-btn:after {
    bottom: 0;
}
.mobile-menu-btn.active .menu-btn:after {
    bottom: auto;
    top: 50%;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
}
.head-rt-col {
    text-align: right;
}
.lightbox, .lightbox-contain {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    transition: all .4s ease;
}
.lightbox {
    position: fixed;
    color: #fff;
    overflow-y: scroll;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translateY(-100vh);
    transform: translateY(-100vh);
}
.lightbox:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #00609c;
    background-color: rgba(0,103,149,0.8);
    background: url(https://mozaic.llc/wp-content/uploads/mozaic-bg-002.jpg) center top / 100% ;
    background-size:cover;
}
#search-form.lightbox {
    z-index: 99991;
}
.lightbox-contain {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
}
.lightbox.active {
    opacity: 1 !important;
    visibility: visible !important;
    -ms-transform: translate(0);
    transform: translate(0);
}
.lightbox-contain.sub-open {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
}
.secondary-mobile-menu-list, #mobile-menu {
    display: none;
}
.menu-main-container {
    width: 100%;
}
.footer-info-contain {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

/*Mobile search button*/
button.mobile-search-btn, button.mobile-search-btn:active, button.mobile-search-btn:focus, button.mobile-search-btn:hover {
    background-color: transparent;
    border: 0;
    outline: none;
    color: #fff;
}
.mobile-search-contain, .mobile-links {
    overflow: hidden;
    transition: all .4s ease;
}
.mobile-links {
    max-height: 100vh;
}
.mobile-search-contain, .mobile-search-active .mobile-links {
    max-height: 0;
    visibility: hidden;
}
.mobile-search-active .mobile-search-contain {
    max-height: 200px;
    width: 400px;
    max-width: 80%;
    visibility: visible;
}
.mobile-links li.search-link {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .entry-title {
        font-size: 2.25em;
    }
    ul#foot-menu>li {
        padding: 0 10px;
    }
}
@media only screen and (max-width: 1100px) {
    ul#foot-menu>li {
        padding: 0 5px;
    }
}

@media only screen and (max-width: 965px) {
    nav#top-navigation, nav#site-navigation, .no-small {
        display: none;
    }
    .mobile-menu-btn {
        display: inline-block;
    }
    #mobile-menu {
        display: block;
    }
    header#masthead {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    #content {
        padding-top: 80px;
    }

}

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

    header#masthead .site-branding img {
        max-width: 280px;
    }
    #pre-foot {
        padding: 81px 15px;
    }
    .foot-content {
        padding: 15px;
        text-align: initial;
    }
    ul#foot-menu {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    ul#foot-menu>li {
        padding: 5px 15px;
    }
    ul#foot-menu>li:first-of-type {
        padding: 0 15px 0 15px;
    }
    ul#foot-menu>li {
        text-align: right;
    }
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
    .navigation-section, .entry-footer, .secondary-content .menu-main-container {
        display: none;
    }
    span.share {
        display: block;
    }
    .search-trigger {
        display: inline-block;
    }
    #mobile-menu {
        width: 100%;
    }
    .info, h2.info-title, .info p, footer#colophon, .social-icons {
        text-align: center;
    }
    header#masthead {
        position: static;
        top: 0;
    }
    #content, #secondary {
        padding-top: 0;
    }
    .field-wrap.sc-column-wrap {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    #page {
        padding: 0;
    }
    header#masthead {
        padding: 15px 0;
    }
    .search-contain {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 20vh auto 0;
        max-width: 80%;
    }
    .search-contain .columns {
        padding: 0;
    }
    .search-contain input#search {
        font-size: 20px;
        line-height: 22px;
    }
    .search-contain input#search::-webkit-input-placeholder {
        font-size: 20px;
    }
    .search-contain input#search:-moz-placeholder {
        font-size: 20px;
    }
    .search-contain input#search::-moz-placeholder {
        font-size: 20px;
    }
    .search-contain input#search:-ms-input-placeholder {
        font-size: 20px;
    }
    .foot-content .site-info {
        padding-bottom: 1.71rem;
    }
    .foot-content.row {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .entry-title {
        font-size: 1.5em;
    }
    .entry-content, .event-form-content {
        padding: 15px 0;
    }
    .site-branding img {
        padding-left: 20px;
    }
    #pre-foot h2 {
        font-size: 1.5em;
        line-height: 1.25em;
        margin-bottom: 1em;
    }
    .footer-info-contain {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .foot-part {
        margin: 0;
    }
    .foot-phone {
        padding: 0 10px 0 0!important;
    }
    .menu-social-foot {
        width: 75%;
    }
    .partner-info {
        padding: 0 0 10px 0;
        display: -ms-flexbox;
        display: flex;
    }

}
@media only screen and (max-width: 567px) {
    span.logo-tag {
        display: none;
    }
}

/* Foundation small range breakpoint */

@media only screen and (max-width: 640px) {
    .foot-content.row {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .menu-social-foot {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
    .foot-menu {
        display: -ms-flexbox;
        display: flex;
        padding: 2em 1em 0em;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
    ul#foot-menu {
        -ms-flex-align: center;
        align-items: center;
    }
    ul#foot-menu>li {
        text-align: center;
        padding: 10px;
    }
    .partner-info {
        display: block;
        width: 80%;
        padding: 20px 10px!important;
    }
    ul#foot-menu>li:first-of-type {
        padding: 0 15px 15px 15px;
    }
    .foot-content .site-info {
        padding-bottom: 1.71rem!important;
    }
    .footer-info-contain {
        -ms-flex-align: center;
        align-items: center;
    }
    .contact-us-top-margin {
        margin-top: 3em;
    }
    .foot-phone {
        padding: 0!important;
    }
}

/* 400px breakpoint */


@media only screen and (max-width: 425px) {
    header#masthead .site-branding img {
        max-width: 250px;
    }
	.hero-subtitle h3 {
    font-size: .8em;
}
	#home-section-2 .section-2-contain h2 {
    font-size: 1.5em;
}
	#pre-foot h2 {
    font-size: 1.25em;
}
	#page-head {
    height: 160px;
}
	.entry-header {
    top: 50px;
}
	.builder-content h2 {
    font-size: 1.5em;
}
	.builder-row ul li {
    font-size: 16px;
}
}