/*

Theme Name: Julia Brownley

Theme URI: 

Description: 

Author: 45PRESS Team

Author URI: http://www.45press.com

Version: 1.0

Tags:

License:

License URI:

*/



/* Font */

@font-face {

    font-family: 'montserratblack';

    src: url('assets/font/montserrat/montserrat-black-webfont.woff2') format('woff2'),

        url('assets/font/montserrat/montserrat-black-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'montserratlight';

    src: url('assets/font/montserrat/montserrat-light-webfont.woff2') format('woff2'),

        url('assets/font/montserrat/montserrat-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'montserratregular';

    src: url('assets/font/montserrat/montserrat-regular-webfont.woff2') format('woff2'),

        url('assets/font/montserrat/montserrat-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



/* General */

* {

    box-sizing: border-box;

}



html {

    font-size: 17px;

    font-family: 'montserratregular';

    font-weight: normal;

    min-height: 100%;

}



body {

    background: #fff;

    color: #475695;

    margin: 0;

    overflow-x: hidden;

}



a {

    color: #000;

    -moz-transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

    -webkit-transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

    transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

}



a {

    color: #ffffff;

    text-decoration: none;

}



a:hover,

a:focus {

    color: #475695;

    text-decoration: none;

}



img {

    display: block;

    max-width: 100%;

    height: auto;

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0,0,0,0);

    border: 0;

}



.clearfix:after {

    content:" ";

    display:table;

    clear:both;

}



h1 {

    font-family: 'montserratregular';

    font-weight: normal;

    font-size: 2rem;

    margin: 1.471rem 0;

}



h2 {

    font-family: 'montserratregular';

    font-weight: normal;

    font-size: 1.5rem;

    margin: 1.471rem 0;

}



h3 {

    font-family: 'montserratregular';

    font-weight: normal;

    font-size: 1.5rem;

    margin: 1.471rem 0;

}



h4 {

    font-family: 'montserratregular';

    font-weight: normal;

    font-size: 1.5rem;

    margin: 1.471rem 0;

}



h5 {

    font-family: 'montserratregular';

    font-weight: normal;

    font-size: 1.5rem;

    margin: 1.471rem 0;

}



ul, ol {

    margin: 1.471rem 0;

    padding: 0 0 0 2rem;

    list-style-type: disc;

}



ul ul {

    margin: 0;

}



ol ol {

    margin: 0;

}



p {

    margin: 0 0 1.471rem 0;

}



/* Scrollbar */

::-webkit-scrollbar {

    width: 10px;

}



::-webkit-scrollbar-thumb {

    background-color:rgb(8, 220, 99);

}



::-webkit-scrollbar-thumb:hover {

    background-color:rgb(8, 220, 99);

}



::-webkit-scrollbar-track {

    background-color:rgb(255, 255, 255);

}



/* Layout */

.container {

    width: 100%;

    margin: 0 auto;

    padding: 0 1.765rem;

}



.container.container-fixed {

    max-width: 1140px;

}



/* Buttons */

.btn {

    display: inline-block;

    vertical-align: middle;

    border: 2px solid #25aae1;

    font-family: 'montserratlight';

    font-size: 0.9412rem;

    line-height: 1em;

    text-transform: uppercase;

    text-align: center;

    padding: 1.176rem 2.352rem;

}



.btn-white-text {

    color: #fff;

}



.btn-white-text:hover,

.btn-white-text:focus {

    color: #fff;

    border-color: #fff;

}



.btn-blue-text {

    color: #475695;

}



.btn-blue-text:hover,

.btn-blue-text:focus {

    color: #475695;

    border-color: #475695;

}



.btn-wrap {

    text-align: center;

}



/* Navigation */

#header {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1030;

    padding: 1.176rem 1.765rem 0px 1.765rem;

}



#header .nav-logo h1 {

    margin-top: 0;

    margin-bottom: 0;

}



#header .nav-logo a {

    float: left;

    display: block;

    width: 338px;

    height: 151px;

    background: url('assets/img/svg/logo.svg') no-repeat center center;

    opacity: 1;

}



#header .nav-logo a:hover,

#header .nav-logo a:focus {

    opacity: 0.8;

}



#header .nav {

    float: right;

    list-style: none;

    padding: 0;

    margin: 70px 15px 0 0;

}



#header .nav>li {

    position: relative;

    float: left;

    padding: 0 1.176rem 1.176rem 1.176rem;

}



#header .nav>li>a {

    font-family: 'montserratlight';

    font-size: 1.059rem;

    color: #fff;

    text-transform: uppercase;

}



#header .nav>li.current-menu-item,

#header .nav>li>a:hover,

#header .nav>li>a:focus {

    color: #8dc63f;

}



#header .nav>li>ul {

    display: none;

    position: absolute;

    top: 100%;

    list-style: none;

    padding: 0;

    margin: 0;

    background: #2f91ca;

    border-radius: 4px;

    min-width: 300px;

}



/*#header .nav>li>ul:before {

    content: '';

    position: absolute;

    top: -11px;

    left: 5px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 9.5px 11px 9.5px;

    border-color: transparent transparent #2f91ca transparent;

}*/



#header .nav>li:hover>ul {

    display: block;

    -webkit-animation: fadeInFromNone 250ms linear;

    -moz-animation: fadeInFromNone 250ms linear;

    -o-animation: fadeInFromNone 250ms linear;

    animation: fadeInFromNone 250ms linear;

}


.page-content a {
    color: #475695;
    text-decoration: underline;
}


.page-content a:hover, .page-content a:focus {
    color: #8dc63f;
}

@-webkit-keyframes fadeInFromNone {

    0% {

        display: none;

        opacity: 0;

    }



    1% {

        display: block;

        opacity: 0;

    }



    100% {

        display: block;

        opacity: 1;

    }

}



@-moz-keyframes fadeInFromNone {

    0% {

        display: none;

        opacity: 0;

    }



    1% {

        display: block;

        opacity: 0;

    }



    100% {

        display: block;

        opacity: 1;

    }

}



@-o-keyframes fadeInFromNone {

    0% {

        display: none;

        opacity: 0;

    }



    1% {

        display: block;

        opacity: 0;

    }



    100% {

        display: block;

        opacity: 1;

    }

}



@keyframes fadeInFromNone {

    0% {

        display: none;

        opacity: 0;

    }



    1% {

        display: block;

        opacity: 0;

    }



    100% {

        display: block;

        opacity: 1;

    }

}



#header .nav>li>ul>li {

    display: block;

    font-size: 0.9412rem;

    padding: 0.4706rem 0.9412rem;

}



#header .nav>li>ul>li+li {

    border-top: 1px solid rgba(255, 255, 255, 0.3);

}



#header .nav>li>ul>li>a {

    font-family: 'montserratlight';

    color: #fff;

}



#header .nav>li>ul>li.current-menu-item>a,

#header .nav>li>ul>li>a:hover,

#header .nav>li>ul>li>a:focus {

    color: #293772;

}



#header .social-links {

    float: right;

    list-style: none;

    padding: 0;

    margin: 62px 0 0 0;

}



#header .social-links>li {

    float: left;

}



#header .social-links>li+li {

    margin-left: 7px;

}



#header .social-links>li>a {

    display: block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    padding: 7px 3px;

}



#header .social-links>li:nth-child(1)>a {
    background-color: #537bbd;
}
#header .social-links>li:nth-child(2)>a {
    background-color: #000;
}
#header .social-links>li:nth-child(3)>a {
    background-color: #0386fa;
}

#header .social-links>li:nth-child(4)>a {
    background-color: #405DE6;
}
#header .social-links>li:nth-child(5)>a {
    background-color: #e9654b;
}

#header .social-links>li:nth-child(6)>a {
    background-color: #8dd0de;
}


#header .social-links>li>a:hover,

#header .social-links>li>a:focus {

    background-color: #8dc63f;

}



#header .social-links>li>a>i {

    display: inline-block;

    vertical-align: top;

}



#header.sticky {

    top: -100px;

    background-color: #475695;

    padding: 1.176rem 1.765rem;

}



#header.sticky .nav-logo a {

    width: 375px;

    height: 50px;

    background-image: url('assets/img/svg/nav-logo.svg');

}



#header.sticky .nav {

    margin-top: 18px;

}



#header.sticky .social-links {

    margin-top: 10px;

}



#nav-close,

#nav-toggle {

    display: none;

}



.mobile-social-links,

.navbar form {

    display: none;

}



/* Search Bar */

#search-bar {

    position: fixed;

    top: -300px;

    height: 215px;

    width: 100%;

    background: #475695;

    padding: 1rem;

    z-index: 2000;

    -moz-transition: top 250ms linear;

    -webkit-transition: top 250ms linear;

    transition: top 250ms linear;

}



#search-bar.open {

    top: 0;

}



#search-bar a {

    position: absolute;

    top: 1rem;

    left: 1rem;

    opacity: 1;

}



#search-bar a:hover,

#search-bar a:focus {

    opacity: 0.8;

}



#search-bar .search-form .input {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



/* Search Form */

.search-form .input {

    width: 100%;

    padding-right: 40px;

    max-width: 900px;

    margin: 0 auto;

    padding-bottom: 10px;

    border-bottom: 1px solid #fff;

}



.search-form .input input[type="search"] {

    border: 0;

    border-radius: 0;

    background: #475695;

    color: #fff;

    font-family: 'montserratlight';

    font-size: 1.412rem;

    letter-spacing: 0.4em;

    text-transform: uppercase;

    text-align: center;

    width: 100%;

}



.search-form .input input[type="search"]:focus {

    outline: 0;

}



.search-form .input button {

    position: absolute;

    top: 0;

    bottom: 10px;

    right: 0;

    background: 0;

    border: 0;

    margin: 0;

    font-size: 1.1rem;

    color: #fff;

    -moz-transition: color 250ms linear;

    -webkit-transition: color 250ms linear;

    transition: color 250ms linear;

}



.search-form .input button:hover,

.search-form .input button:focus {

    outline: 0;

    color: #8dc63f;

    cursor: pointer;

}



.search-form .input input[type="search"]::-webkit-input-placeholder {

    color: #fff !important;

}



.search-form .input input[type="search"]:-moz-placeholder {

    color: #fff !important;  

}



.search-form .input input[type="search"]::-moz-placeholder {

    color: #fff !important;  

}



.search-form .input input[type="search"]:-ms-input-placeholder {  

    color: #fff !important;  

}



/* Home Hero */

#hero {

    /*position: fixed;

    top: 0;*/

    overflow: hidden;

    height: 100vh;

    width: 100%;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



#hero:before {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background: url('assets/img/bg/hero-top.png') no-repeat center top;

    background-size: 100% auto;

    mix-blend-mode: multiply;

}



#hero img {

    width: 100%;

    visibility: hidden;

}



.hero-content {

    position: absolute;

    bottom: 0;

    width: 100%;

    padding: 0 1.765rem 8.824rem 1.765rem;

    text-align: center;

}



.hero-content h2 {

    margin-top: 0;

    margin-bottom: 2.353rem;

    font-family: 'montserratlight';

    font-size: 2.25rem; 

    letter-spacing: 0.4em;

    line-height: 1.3em;

    text-transform: uppercase;

    color: #fff;

}



.hero-content .hero-links {

    list-style: none;

    padding: 0;

    margin: 0;

}



.hero-content .hero-links>li {

    display: inline-block;

    vertical-align: middle;

    padding: 0 15px;

}



.hero-content .hero-links>li>a {

    background: #25aae1;

}



/* Home Sections */

.home-section {

    position: relative;

    z-index: 10;

    background: #fff;

    padding: 4.118rem 0;

}



.home-section-grey {

    background: #e5e5e5;

}



.home-section h2 {

    margin-top: 0;

    margin-bottom: 4.118rem;

    padding: 0 1.765rem;

    font-family: 'montserratlight';

    font-size: 1.529rem;

    color: #475695;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    text-align: center;

}



/* Home Services */

#home-services .container {

    padding: 0 180px;

}



#home-services .master-slider {

    -moz-transform:translate3d(0,0,1px);

}



#home-services .master-slider-wrap {

    max-width: 100%;

    overflow: hidden;

    margin: 0 auto;

    position: relative;

}



#home-services .ms-inner-controls-cont,

#home-services .ms-container {

    position: static;

}



#home-services .master-slider-wrap .ms-view {

    overflow:visible;

    background-color: transparent;

}



#home-services .master-slider-wrap .ms-nav-prev,

#home-services .master-slider-wrap .ms-nav-next {

    display: block;

    width: 0;

    height: 0;

    border-style: solid;

    position: absolute;

    top: 50%;

    margin-top: -33px;

    cursor: pointer;

    opacity: 1!important;

}



#home-services .master-slider-wrap .ms-nav-prev {

    left: 0;

    border-width: 33px 34px 33px 0;

    border-color: transparent #8dc63f transparent transparent;

}



#home-services .master-slider-wrap .ms-nav-next {

    right: 0;

    border-width: 33px 0 33px 34px;

    border-color: transparent transparent transparent #8dc63f;

}



#home-services #service-info {

    margin-top: 1.176rem;

    margin-bottom: 0;

    font-size: 1rem;

    text-transform: uppercase;

    text-align: center;

}



#home-services .ms-slide-info {

    position: static;

}



#home-services .btn-wrap {

    padding-top: 4.118rem;

}



/* Home News */

#home-news {

    padding-bottom: 0;

}



.home-news-items {

    margin: 0 -3px;

}



.home-news-item {

    float: left;

    width: 33.333333%;

    padding: 0 3px 6px 3px;

}



.home-news-item figure {

    margin: 0;

}



.home-news-item figure a {

    position: relative;

    display: block;

    overflow: hidden;

}



.home-news-item figure a:before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.21);

}



.home-news-item figure a:hover img,

.home-news-item figure a:focus img {

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.home-news-item figure a img {

    width: 100%;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-transition: transform 500ms ease-in-out;

    -webkit-transition: transform 500ms ease-in-out;

    transition: transform 500ms ease-in-out;

}



.home-news-item .home-news-content {

    padding: 1.471rem;

    background: #475695;

    text-align: center;

    color: #fff;

}



.home-news-item .home-news-content h3 {

    font-family: 'montserratblack';

    font-size: 1.294rem;

    font-weight: normal;

    line-height: 1.2em;

    margin-top: 0;

    margin-bottom: 0;

}



.home-news-item .home-news-content h3 a {

    color: #fff;

}



.home-news-item .home-news-content h3 a:hover,

.home-news-item .home-news-content h3 a:focus {

    color: #8dc63f;

}



.home-news-item .home-news-content .btn {

    margin: 1.176rem 0;

}



/* Home Legislative Priorities */

#home-legislative {

    background-image: url('assets/img/bg/farm.jpg');

    background-repeat: no-repeat;

    background-position: center top;

    background-attachment: fixed;

    background-size: 100% auto;

    padding: 0;

}



#home-legislative h2 {

    color: #fff;

    padding-top: 9.412rem;

    padding-bottom: 12.941rem;

    margin-top: 0;

    margin-bottom: 0;

}



.tabs-wrap {

    background: #fff;

}



.tabs {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}



.nav-tabs {

    list-style: none;

    padding: 0;

    margin: 0;

    background: #fff;

}



.nav-tabs>li {

    float: left;

    width: 25%;

}



.nav-tabs>li+li {

    padding-left: 2px; 

}



.nav-tabs>li>a {

    display: block;

    font-size:  1.235rem;

    text-transform: uppercase;

    color: #fff;

    padding: 1.176rem;

}



.nav-tabs>li:nth-child(1)>a {

    background-color: #4e5db0;

}



.nav-tabs>li:nth-child(2)>a {

    background-color: #475695;

}



.nav-tabs>li:nth-child(3)>a {

    background-color: #394885;

}



.nav-tabs>li:nth-child(4)>a {

    background-color: #293772;

}



.nav-tabs>li>a.active,

.nav-tabs>li>a:hover,

.nav-tabs>li>a:focus {

    background-color: #fff;

    color: #475695;

}



.tabs {

    position: relative;

    top: -3.529rem;

}



.tab-content {

    /*font-family: 'montserratlight';*/

    line-height: 1.2em;

    padding: 1.765rem 1.176rem 1.765rem 1.176rem;

}



.tab-content>div:not(.active) {

    display: none;

}



/* Home District */

#home-district {

    padding: 0;

}



#home-district h2 {

    color: #fff;

    font-size: 1.529rem;

    margin-bottom: 2.353rem;

    text-align: left;

    padding: 0;

}



.district-cols {

    margin: 0 -3px;

}



.district-cols>div {

    float: left;

    padding: 0 3px;

}



.district-cols .district-info {

    width: 45%;

}



.district-cols .district-info a:hover, .district-cols .district-info a:focus {

    color: #fff;

}



.district-cols .district-info .inside {

    background: #475695;

    padding: 4.706rem;

    color: #fff;

    line-height: 1.2em;

    height: 545px;

}



.district-cols .district-map {

    width: 55%;

}



#congress_district_map {

    height: 545px;

}



/* Social Share */

.social-share {

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

}



.social-share>li {

    display: inline-block;

    vertical-align: middle;

    padding: 0 5px;

}



.social-share>li>a {

    color: #fff;

}



.social-share>li>a:hover,

.social-share>li>a:focus {

    color: #8dc63f;

}



/* Home Social */

.social-cols {

    margin: 0 -1.1765rem;

}



.social-col {

    float: left;

    width: 33.333333%;

    padding: 1.1765rem;

}



.social-icon {

    display: block;

    float: left;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    padding: 7px 3px;

}



.social-icon i {

    display: inline-block;

    vertical-align: top;

}



.social-posts.facebook .social-icon {

    background-color: #537bbd;

}



.social-posts.twitter .social-icon {

    background-color: #78cdf0;

}



.social-post.youtube .social-icon {

    background-color: #e9654b;

}



.social-post.instagram .social-icon {

    background-color: #ef6c53;

}



.social-post.youtube span {

    margin-bottom: 10px;

}



.social-icon:hover,

.social-icon:focus {

    color: #fff;

    background-color: #8dc63f!important;

}



.social-post+.social-post {

    margin-top: 4.118rem;

}



.social-post span {

    display: block;

    margin-top: 15px;

}



.social-post>div {

    margin: 0 0 0 45px;

}



.social-post.instagram>div>a {

    display: block;

    opacity: 1;

}



.social-post.instagram>div>a:hover,

.social-post.instagram>div>a:focus {

    opacity: 0.8;

}



.social-posts ul {

    list-style: none;

    padding: 0;

    margin: 0 0 0 45px;

}



.social-posts ul>li {

    background: #fff;

    color: #475695;

    padding: 1.471rem;

    line-height: 1.4em;

}



.social-posts ul>li+li {

    margin-top: 2.941rem;

}



.social-posts ul>li>a {

    font-family: 'montserratblack';

    color: #475695;

}



.social-posts ul>li>a:hover,

.social-posts ul>li>a:focus {

    color: #8dc63f;

}



.social-actions {

    padding-top: 1.471rem;

    margin-top: 1.471rem;

    border-top: 1px solid #c8c8c8;

}



.social-actions>a {

    color: #595959;

}



.social-actions>a:hover,

.social-actions>a:focus {

    color: #000;

}



/* Page */

body:not(.home) {

    padding-top: 96px;

}



body:not(.home) #header.sticky {

    top: 0;

}



body.admin-bar:not(.home) #header.sticky {

    top: 32px;

}



.interior-header {

    position: relative;

    /*background-attachment: fixed;*/

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    height: 18.82rem;

}



.interior-header:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(32, 40, 59, 0.61);

}



.breadcrumbs {

    background: #e7e7e7;

    padding: 1.176rem 0;

}



.breadcrumbs a {

    color: #475695;

}



.breadcrumbs a:hover,

.breadcrumbs a:focus {

    color: #8dc63f;

}



.interior-content {

    margin: 2.353rem 0 5.294rem 0;

    line-height: 1.5em;

}



.page-header {

    position: relative;

    padding-right: 100px;

    margin-bottom: 2.353rem;

}



.page-header .social-share {

    position: absolute;

    top: 0;

    right: 0;

    text-align: right;

}



.page-header .social-share>li>a {

    color: #475695;

}



.page-header .social-share>li>a:hover,

.page-header .social-share>li>a:focus {

    color: #8dc63f;

}



.page-title {

    margin-top: 0;

    margin-bottom: 0;

    font-family: 'montserratblack';

    font-weight: normal;

    font-size: 1.765rem;

    text-transform: uppercase;

    letter-spacing: 0.2em;

}



/* Post */

body.single-post .post-meta {

    margin: 1.471rem 0 0 0;

    font-size: 1.353rem;

    font-weight: 900;

}



.featured-img  {

    float: left;

    width: 100%;

    max-width: 440px;

    margin: 0 1.471rem 1.471rem 0;

}



@media screen and (max-width: 991px) {

    .featured-img {

        float: none;

        margin: 0 auto 1.471rem auto;

    }

}



.featured-img img {

    width: 100%;

    margin: 0 auto;

}



.text-center {

    text-align: center;

}



.page-bottom {

    margin: 2.942rem 0 0 0 ;

}



body.single-post .social-share {

    margin-top: 12px;

}



body.single-post .social-share>li {

    padding: 0 0.8824rem;

}



body.single-post .social-share>li>a {

    font-size: 1.176rem;

    color: #475695;

}



body.single-post .social-share>li>a:hover,

body.single-post .social-share>li>a:focus {

    color: #8dc63f;

}



/* Posts */

.news-actions {

    list-style: none;

    padding: 0;

    margin: -14px 0 0 40px;

    display: inline-block;

    vertical-align: middle;

}



.news-actions>li {

    display: inline-block;

    vertical-align: middle;

}



.news-actions>li+li {

    margin-left: 12px;

}



.posts-filter,

.news-actions>li>a,

.read-more {

    display: block;

    min-width: 120px;

    min-height: 39px;

    font-size: 16px;

    font-family: 'montserratregular';

    font-weight: normal;

    line-height: 1em;

    background: #475695;

    border: 1px solid #475695;

    color: #fff !important;

    text-transform: uppercase;

    text-align: center;

    letter-spacing: 0;

    padding: 10px;

}

.read-more:hover, .read-more:focus {
    color: #475695 !important;
}



.posts-filter:hover,

.posts-filter:focus,

.news-actions>li>a:hover,

.news-actions>li>a:focus,

.read-more:hover,

.read-more:focus {

    color: #475695;

    background: #fff;

}



/* Search Bar */

#filter-bar {

    position: fixed;

    top: -400px;

    /*height: 215px;*/

    width: 100%;

    background: #475695;

    padding: 3.529rem 1rem;

    z-index: 2000;

    -moz-transition: top 250ms linear;

    -webkit-transition: top 250ms linear;

    transition: top 250ms linear;

}



#filter-bar form {

    text-align: center;

    width: 100%;

    max-width: 630px;

    margin: 0 auto;

}



#filter-bar form>span {

    display: block;

    font-family: 'montserratblack';

    font-size: 1.353rem;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 1.412rem;

}



#filter-bar form .input {

    margin-bottom: 1.412rem;

}



#filter-bar form select {

    width: 100%;

    display: block;

    font-size: 1.294rem;

    font-family: 'montserratlight';

    letter-spacing: 0.4em;

    line-height: 1em;

    text-transform: uppercase;

    color: #475695;

    padding: 0.5rem;

    background: #fff;

    border: 2px solid #fff;

}



#filter-bar form select:focus {

    border-color: #25aae1;

}



#filter-bar form button {

    background: none;

    -moz-transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

    -webkit-transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

    transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

}



#filter-bar form button:hover,

#filter-bar form button:focus {

    cursor: pointer;

}



#filter-bar.open {

    top: 0;

}



#filter-bar>a {

    position: absolute;

    top: 1rem;

    left: 1rem;

    opacity: 1;

}



#filter-bar>a:hover,

#filter-bar>a:focus {

    opacity: 0.8;

}



.news-posts {

    list-style: none;

    padding: 0;

    margin: 0;

}



.news-posts>li {

    border-bottom: 1px solid #cacaca;

    padding-bottom: 1.765rem;

    color: #475695;

}



.news-posts>li:last-child {

    border-bottom: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}



.news-posts>li+li {

    margin-top: 1.765rem;

}



.news-item-thumb {

    margin-bottom: 1.765rem;

}



.news-posts>li.date-group {

    font-family: 'montserratblack';

    font-size: 1.765rem;

    font-weight: normal;

    text-transform: uppercase;

    letter-spacing: 0.02em;

    padding-bottom: 0;

    border-bottom: 0;

}



.news-posts>li.date-group:not(:first-child) {

    margin-top: 4.706rem;

}



.news-posts>li h2 {

    margin-top: 0.7355rem;

    margin-bottom: 0.7355rem;

    font-family: 'montserratblack';

    font-size: 1.2rem;

    line-height: 1.5rem; 

}



.news-posts>li h2>a {

    color: #475695;
    text-decoration: underline;

}



.news-posts>li h2>a:hover,

.news-posts>li h2>a:focus {

    color: #8dc63f;

}



.news-posts>li blockquote {

    margin: 0;

    border: 0;

    padding: 0;

    font-size: 1rem;

}



.news-posts>li .read-more {

    display: inline-block;

    vertical-align: middle;

}



.pagination {

    margin-top: 4.706rem;

}



.pagination .posts-filter {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    top: -5px;

    margin-right: 5px;

}



.pagination a:not(.posts-filter) {

    color: #475695;

}



.pagination a:not(.posts-filter):hover,

.pagination a:not(.posts-filter):focus {

    color: #8dc63f;

}



/* Services */

.services-list {

    list-style: none;

    padding: 0;

    margin: 0 -0.5882rem;

}



.services-list>li {

    float: left;

    width: 25%;

    padding: 0 0.5882rem;

    margin-bottom: 1.1764rem;

}



.services-list>li>a {

    display: block;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    position: relative;

    padding-top: 100%;

}



.services-list>li>a:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: #475695;

    opacity: 0.53;

    -moz-transition: opacity 250ms linear;

    -webkit-transition: opacity 250ms linear;

    transition: opacity 250ms linear;

}



.services-list>li>a:hover:before,

.services-list>li>a:focus:before {

    opacity: 0.80;

}



.services-list>li>a>span {

    position: absolute;

    top: 50%;

    left: 15px;

    right: 15px;

    transform: translateY(-50%);

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    font-size: 1.412rem;

    line-height: 1.1em;

}



/*.services-list>li.art-competition>a:before,

.services-list>li.the-house-student-app-challenge>a:before,*/

/*.services-list>li.art-competition>a>span,

.services-list>li.the-house-student-app-challenge>a>span {

    display: none;

}*/



.services-list>li.no-img>a:before {

    display: none;

}



.services-list>li.no-img>a>span {

    color: #485695;

}



/* Photos */

.photos {

    list-style: none;

    padding: 0;

    margin: 0 -0.5882rem;

}



.photos>li {

    float: left;

    width: 25%;

    padding: 0 0.5882rem;

    margin-bottom: 1.1764rem;

}



.photos>li>a {

    position: relative;

    display: block;

}



.photos>li>a:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: #475695;

    opacity: 0.53;

    -moz-transition: opacity 250ms linear;

    -webkit-transition: opacity 250ms linear;

    transition: opacity 250ms linear;

}



.photos>li>a:hover:before,

.photos>li>a:focus:before {

    opacity: 0.80;

}



.photos>li>a>img {

    width: 100%;

}



/* Form */

.row {

    margin: 0 -0.5882rem;

}



.row:after {

    content:" ";

    display:table;

    clear:both;

}



.col,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-6,

.col-sm-9,

.col-sm-12 {

    float: left;

    position: relative;

    min-height: 1px;

    padding: 0 0.5882rem;

}



.col-sm-2 {

    width: 16.66666667%;

}



.col-sm-3 {

    width: 25%;

}



.col-sm-4 {

    width: 33.33333333%;

}



.col-sm-6 {

    width: 50%;

}



.col-sm-9 {

    width: 75%;

}



.col-sm-12 {

    width: 100%;

}



form p {

    margin-bottom: 0.8824rem;

}



fieldset {

    border: 0;

    padding: 0;

    margin: 1rem 0 0 0;

}



.form-group {

    margin-bottom: 0.8824rem;

}



.form-control {

    display: block;

    width: 100%;

    font-family: 'montserratregular';

    font-size: 1rem;

    color: #475695;

    text-align: left;

    padding: 0.7059rem;

    border: 1px solid #475695;

    /*text-transform: uppercase;*/

}



.form-control:focus {

    box-shadow: none;

    outline: 1px solid #475695;

}



::-webkit-input-placeholder {

    color: #475695;

}



::-moz-placeholder {

    color: #475695;

}



:-ms-input-placeholder {

    color: #475695;

}



:-moz-placeholder {

    color: #475695;

}



input[type="submit"] {

    -webkit-appearance: none;

    display: inline-block;

    vertical-align: middle;

    padding: 0.7059rem 1.4118rem;

    background: none;

    -moz-transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

    -webkit-transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

    transition: color 250ms linear, background-color 250ms linear, border-color 250ms linear, opacity 250ms linear;

}



input[type="submit"]:hover,

input[type="submit"]:focus {

    cursor: pointer;

}



/* Votes */

.votes {

    overflow-x: scroll;

}



.votes table {

    display: table;

    width: 100%;

}



.votes th, td {

    width: 25%;

    text-align: left;

    padding: 5px;

}



.votes th {

    font-weight: bold;

}



/* Footer Newsletter */

#footer-newsletter {

    padding: 5.294rem 0;

    background: url('assets/img/bg/newsletter-bg.jpg') no-repeat center top;

    background-size: cover;

    background-attachment: fixed;

}



#footer-newsletter span.footer-newsletter-title {

    display: block;

    margin-top: 10px;

    font-size: 1.529rem;

    color: #fff;

    text-align: center;

    margin-bottom: 0.8824rem;

}



#footer-newsletter .form-group {

    margin: 0;

}



#footer-newsletter .form-control {

    border-color: #fff;

}



#footer-newsletter .form-control:focus {

    outline: 1px solid #475695;

    border-color: #475695;

}



#footer-newsletter input[type="submit"] {

    color: #fff;

    border-color: #475695;

    letter-spacing: 0.2em;

    text-indent: 0.2em;

}



#footer-newsletter input[type="submit"]:hover,

#footer-newsletter input[type="submit"]:focus {

    border-color: #fff;

}



body.page-id-23 #footer-newsletter {

    display: none;

}



/* Footer */

#footer {

    position: relative;

    z-index: 10;

    background: url('assets/img/bg/footer-bg.jpg') no-repeat center bottom;

    background-size: 100% auto;

    background-attachment: fixed;

    color: #fff;

    overflow: hidden;

}



.footer-cols {

    margin: 0;

}



.footer-cols>div {

    float: left;

    position: relative;

}



.footer-cols>div:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: -250px;

    left: 0;

    mix-blend-mode: multiply;

}



.footer-cols>div>* {

    position: relative;

    z-index: 1;

}



.footer-links {

    width: 70%;

    padding: 1.765rem 1.165rem;

}



.footer-links:before {

    background: #475695;

}



.footer-info {

    width: 30%;

    padding: 1.765rem;

}



.footer-info:before {

    background: #5164b5;

}



.footer-menu {

    float: left;

    width: 20%;

    padding: 0.7rem;

}



.footer-menu ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-menu ul li a {

    color: #fff;

}



.footer-menu ul li a:hover,

.footer-menu ul li a:focus {

    color: #8dc63f;

}



.footer-menu>ul>li+li {

    margin-top: 1.7648rem;

}



.footer-menu>ul>li>a {

    text-transform: uppercase;

    font-size: 0.8824rem;

}



.footer-menu>ul>li>ul>li {

    margin-top: 0.8824rem;

}



.footer-menu>ul>li>ul>li>a {

    font-family: 'montserratlight';

    font-size: 0.7647rem;

}



.footer-logos {

    list-style: none;

    padding: 0;

    margin: 0 0 1.765rem 0;

    text-align: left;

}



.footer-logos>li {

    display: inline-block;

    vertical-align: middle;

}



.footer-logos>li+li {

    padding-left: 3.53rem;

}



.offices {

    list-style: none;

    padding: 0;

    margin: 0;

}



.offices>li+li {

    margin-top: 1.765rem;

}



.offices>li {

    font-family: 'montserratlight';

    font-size: 0.7647rem;

    line-height: 1.2em;

}



.offices>li>span {

    display: block;

    font-family: 'montserratregular';

    font-size: 0.8824rem;

}



.footer-info .nav {

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-info .nav>li {

    display: inline-block;

    vertical-align: middle;

}



.footer-info .nav>li+li:before {

    content: '|';

    display: inline-block;

    vertical-align: middle;

    padding: 0 5px 0 2px;

}



.footer-info .nav>li>a {

    font-size: 0.7647rem;

    color: #fff;

}



.footer-info .nav>li>a:hover,

.footer-info .nav>li>a:focus {

    color: #8dc63f;

}



/* Font Resizer */

#font-resizer {

    position: fixed;

    left: 0;

    bottom: 0;

    z-index: 8000;

    padding: 15px;

}



#font-resizer p {

    margin: 0;

}



/* Embed */

.embed-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    max-width: 100%;

}



.embed-container iframe,

.embed-container object,

.embed-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



iframe, object, embed, img {

    max-width: 100%;

}



img {

    height: auto;

}



/* Images */

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

    max-width: 100%;

    height: auto;

}



.alignleft,

img.alignleft {

    display: inline;

    float: left;

    margin-right: 1.765rem;

}



.alignright,

img.alignright {

    display: inline;

    float: right;

    margin-left: 1.765rem;

}



.aligncenter,

img.aligncenter {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



img.alignleft,

img.alignright,

img.aligncenter {

    margin-bottom: 1.765rem;

}



/* Responsive */

@media (max-width: 1560px) {

    /* Footer */

    .footer-logos>li {

        display: block;

    }



    .footer-logos>li+li {

        margin-top:  1.471rem;

        margin-left: 0;

    }

}



@media (max-width: 1550px) {

    /* Header */

    #header .nav-logo a {

        height: 113.25px;

        width: 253.5px;

        background-size: contain;

    }



    #header .nav {

        position: absolute;

        top: 0;

        right: 1.765rem;

        margin: 40px 15px 0 0;

    }



    #header .nav>li:last-child {

        padding-right: 0;

    }



    #header .nav>li:last-child>ul {

        right: 0;

    }



    #header .nav>li>ul:before {

        left: auto;

        right: 45px;

    }



    #header.sticky .social-links {

        position: absolute;

        margin-top: 0;

        top: 45px;

        right: 1.765rem;

    }





    /* Page */

    body:not(.home) {

        padding-top: 89px;

    }

}



@media (max-width: 1399px) {

    /* Header */

    #header .nav>li {

        padding: 0 0.6rem 0.6rem 0.6rem;

    }

}



@media (max-width: 1199px) {

    /* General */

    html {

        font-size: 16px;

    }



    /* Header */

    #header.sticky .nav-logo a {

        width: 250px;

        height: 50px;

    }



    /* Home Services */

    #home-services .container {

        padding: 0 1.765rem;

    }



    /* Page */

    body:not(.home) {

        padding-top: 87px;

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    /* Header */

    #header .nav>li>a {

        font-size: 0.9rem;

    }

}



@media (max-width: 991px) {

    /* General */

    html {

        font-size: 14px;

    }



    /* Header */

    #header {

        position: absolute;

    }



    #header.sticky {

        position: fixed;

    }



    #nav-toggle {

        display: inline-block;

        vertical-align: middle;

        color: #fff;

        font-size: 30px;

        float: right;

    }



    #nav-close {

        display: block;

        width: 23px;

        height: 23px;

        background: url('assets/img/bg/x.png') no-repeat center center;

        margin-bottom: 1.765rem;

    }



    .navbar {

        position: fixed;

        top: 0;

        right: -100%;

        bottom: 0;

        width: 100%;

        background: #475695 url('assets/img/bg/mobile-nav.jpg') no-repeat center top;

        background-size: cover;

        z-index: 2000;

        padding: 1.765rem;

        overflow-x: hidden;

        overflow-y: scroll;

        -webkit-overflow-scrolling: touch;

        -moz-transition: right 375ms ease-in-out;

        -webkit-transition: right 375ms ease-in-out;

        transition: right 375ms ease-in-out;

    }



    .navbar.opened {

        right: 0;

    }



    #header .nav {

        position: static;

        float: none;

        margin: 0;

    }



    #header .nav>li {

        float: none;

        padding: 0;

    }



    #header .nav>li+li {

        margin-top: 1.765rem;

    }



    #header .nav>li>a {

        font-family: 'montserratregular';

    }



    #header .nav>li>ul {

        display: block;

        position: static;

        background: none;

        border: 0;

        border-radius: 0;

    }



    #header .nav>li>ul:before {

        display: none;

    }



    #header .nav>li>ul>li {

        padding: 0.4706rem 0;

    }



    #header .nav>li>ul>li+li {

        border-top: 0;

    }



    #header .nav>li>ul>li.current-menu-item>a,

    #header .nav>li>ul>li>a:hover,

    #header .nav>li>ul>li>a:focus {

        color: #8dc63f;

    }



    #header .social-links {

        display: none;

    }



    .mobile-social-links {

        display: block;

        list-style: none;

        padding: 0;

        margin:  1.765rem 0 0 0;

        text-align: center;

    }



    .mobile-social-links>li {

        display: inline-block;

        vertical-align: middle;

        padding: 0 0.3rem;

    }



    .mobile-social-links>li>a {

        color: #fff;

        line-height: 1em;

        font-size: 1.2rem;

    }



    .mobile-social-links>li>a:hover,

    .mobile-social-links>li>a:focus {

        color: #8dc63f;

    }



    /* Search Form */

    .navbar form {

        display: block;

        margin-bottom: 1.765rem;

    }



    .navbar form .input {

        position: relative;

        padding-bottom: 5px;

        border-color: rgba(255, 255, 255, 0.5);

    }



    .navbar form.search-form .input input[type="search"] {

        background: none;

        text-align: left;

        font-size: 1.059rem;

        letter-spacing: 0;

    }



    .navbar form.search-form .input button {

        font-size: 1.059rem;

    }



    /* Home Hero */

    #hero {

        position: relative;

    }



    /* Home Services */

    #home-services .container {

        padding: 0 1.765rem;

    }



    /* Home District */

    .district-cols .district-info,

    .district-cols .district-map {

        width: 100%;

    }



    .district-cols .district-info .inside {

        height: auto;

    }



    /* Home Social */

    .social-col {

        float: none;

        width: 100%;

    }



    /* Page */

    body:not(.home) {

        padding-top: 76px;

    }



    .page-header {

        position: relative;

        padding-right: 0;

    }



    .page-header .social-share {

        position: static;

        text-align: left;

        margin-left: -10px;

    }



    /* Services */

    .services-list>li {

        width: 33.333333%;

    }



    /* Photos */

    .photos>li {

        width: 33.333333%;

    }



    /* Footer Newsletter */

    #footer-newsletter .col {

        float: none;

        width: 100%!important;

    }



    #footer-newsletter span.footer-newsletter-title {

        margin-top: 0;

        margin-bottom: 0.8824rem;

        text-align: center;

    }



    #footer-newsletter .form-group {

        margin-bottom: 0.8824rem;

    }



    #footer-newsletter .row .col:last-child {

        text-align: center;

    }



    /* Footer */

    .footer-cols>div {

        float: none;

    }



    .footer-links {

        display: none;

    }



    .footer-logos {

        text-align: center;

    }



    .footer-info {

        width: 100%;

        text-align: center;

    }



    /* Images */

    .alignleft,

    img.alignleft,

    .alignright,

    img.alignright{

        display: block;

        float: none;

        margin-left: auto;

        margin-right: auto;

    }

}



@media (max-width: 767px) {

    /* General */

    html {

        font-size: 12px;

    }



    /* Home Hero */

    .hero-content {

        padding: 0 1.765rem 1.765rem 1.765rem;

    }



    .hero-content .hero-links>li {

        display: block;

        padding: 0;

    }



    .hero-content .hero-links>li+li {

        margin-top: 15px;

    }



    .hero-content .hero-links>li>a {

        min-width: 192px;

    }



    /* Home News */

    .home-news-item {

        float: none;

        width: 100%;

    }



    .home-news-item .home-news-content {

        height: auto;

    }



    /* Home Legislative Priorities */

    #home-legislative {

        background-attachment: scroll;

    }



    .nav-tabs>li {

        float: none;

        width: 100%;

    }



    .nav-tabs>li+li {

        padding-left: 0;

    }



    /* Services */

    .services-list>li {

        width: 50%;

    }



    /* Photos */

    .photos>li {

        width: 50%;

    }



    /* Form */

    .col,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-6,

    .col-sm-9 {

        float: none;

        width: 100%!important;

    }



    /* Footer */

    #footer {

        background-attachment: scroll;

    }

}



@media (max-width: 480px) {

    /* Header */

    #header .nav-logo a {

        height: 101.295px;

        width: 228.15px;

    }



    #header.sticky .nav-logo a {

        width: 230px;

        height: 32px;

    }



    /* Home Hero */

    .hero-content h2 {

        font-size: 1.8rem;

    }



    /* Services */

    .services-list>li {

        width: 100%;

    }



    /* Photos */

    .photos>li {

        width: 100%;

    }



    /* Pagination */

    .pagination .posts-filter {

        top: 0;

        margin-right: 0;

        display: block;

        margin-bottom: 1.471rem;

    }



    /* Footer */

    .footer-logos>li {

        display: block;

    }



    .footer-logos>li+li {

        padding-left: 0;

        padding-top: 1.765rem;

    }



    .footer-logos>li img {

        margin: 0 auto;

    }

}



#translate {

    position: fixed;

    bottom: 0;

    left: 0;

    padding: 5px;

    background: #115D7E;

    font-family: 'montserratregular';

    z-index: 100;

}



#translate .goog-te-gadget {

    color: #fff;

}



#translate .goog-te-gadget img {

    display: inline-block;

}



#translate .goog-te-gadget > span > a {

    color: #fff;

}



/* Newsletter */

#newsletter-lightbox {

    position: relative;

    background: #000 url('assets/img/bg/newsletter-bg.jpg') no-repeat center center;

    background-size: cover;

    padding: 50px 50px 150px 50px;

    width: auto;

    max-width: 1200px;

    margin: 20px auto;

    text-align: center;

}



#newsletter-lightbox>div {

    width: 100%;

    max-width: 495px;

    margin: 0 auto;

}



#newsletter-lightbox>div>img {

    width: 250px;

    margin: 0 auto;

}



#newsletter-lightbox>div>span {

    display: block;

    padding: 50px 0;

    font-size: 1.5rem;

    font-weight: 300;

    line-height: 1.3em;

    color: #fff;

}



#newsletter-lightbox>div .form-group {

    margin-bottom: 25px;

}



#newsletter-lightbox>div .submit {

    margin-top: 25px;

}



@media screen and (max-width: 991px) {

    #newsletter-lightbox {

        padding: 30px;

    }

    

    #newsletter-lightbox>div>span {

        padding: 30px 0;

        font-size: 1rem;

    }



    #newsletter-lightbox>div .form-group {

        margin-bottom: 15px;

    }



    #newsletter-lightbox>div .submit {

        margin-top: 15px;

    }

}



#wpfront-notification-bar{

    display: none;

}



.page-template-template-home #wpfront-notification-bar{

    display: block;

}