/*

Theme Name: CSBT Theme

Description: Child theme for the Scratch. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>

Author: ThemeFuse

Author URI: http://themefuse.com/

Template: twentythirteen

*/





/* =Theme customization starts here

-------------------------------------------------------------- 



Dark blue: #0d3978

Models blue: #74a2d6

Briefing notes green: #84b132

Case study orange: #f76210



*/



* {

    font-family: 'Lato', sans-serif;

}



body {

    font-size: 14px;

    background: #e9e9e9;

}



p {

margin: 0 0 10px;

}



hr {

    background: #7B7B7B;

}



.entry-content a,

.comment-content a,

a {

    color: #0d3978;

}



a,

a:visited {

    -webkit-transition: color 0.3s ease;

    -moz-transition: color 0.3s ease;

    -o-transition: color 0.3s ease;

    transition: color 0.3s ease;

    outline: medium none !important;

    text-decoration: none !important;

}



.thumbnail {

    background: none;

    border: none;

}



div#content {

    margin-top: 20px;

}



.entry-content a,

.comment-content a {

    text-decoration: underline;

}



p#breadcrumbs {

    margin-bottom: 15px;

}



header div.printfriendly {

    margin-top: 0px;

}



header div.printfriendly img {

    width: 0px;

    margin-right: 20px;

}



header div.printfriendly a {

    text-transform: uppercase;

}



ul {

    list-style-type: disc;

}



.page-builder-content li {

    margin-bottom: 16px;

}



.h1, .h2, .h3, .h4, .h5, .h6,

h1, h2, h3, h4, h5, h6 {

    font-family: 'Lato', sans-serif;

    color: #0d3978;

    font-weight: 600;

}



h1 {

    font-size: 30px;

    margin: 5px 0;

}



h1.noicon {

    margin-left:0!important;

    min-height: auto!important;

}



h2 {

    text-transform: uppercase;

    font-size: 25px;

    margin: 0 0 15px 0;

}



h3 {

    font-size: 20px;

    margin: 15px 0;

}



h4 {

    margin: 15px 0;

}



p.padded {

    padding: 5px 10px;

}



.panel-grid {

    margin-bottom: 15px!important;

}



#page {

    overflow: hidden;

}



.align-right {

    text-align: right;

}



.span-120 {

    font-size: 1.2em;

}



.span-80 {

    font-size: 0.8em;

    line-height: 1.5;

    display: inline-block;

}



li > .span-80 {

    display: list-item;

}



.spaced-row {

    margin: 25px -15px;

}



.equi-col {

    box-sizing: initial;

}



h1,

.entry-title {

    font-weight: bold;

    margin-left: 100px;

    min-height: 77px;

    position: relative;

}



h1 img,

.entry-title img {

    position: absolute;

    left: -90px;

}



.entry-header {

    margin: 0 0 5px;

}



.site {

    border: none;

    background-color: #e9e9e9;

    max-width: initial;

}



.container {

    max-width: 1260px; 

    margin: 0 auto !important;

}



.navbar {

    background: none;

    margin: 68px 0 0;

    float: right;

    width: initial;

}



.navbar ul {

    padding-right: 0px;

}



.site-header {

    /*background: #0d3978;*/
	
	background: #063b81;

}



.site-header .nav-menu li a {

    color: white;

    text-transform: uppercase;

    padding: 6px;

    background: none;

}

.site-header .nav-menu li.current-menu-item:not(:first-child) > a {

    font-style: normal;

    background: rgb(9, 41, 87);

}



.site-header .nav-menu li a {

    position: relative;

    z-index: 1;

}



.site-header .nav-menu li:not(:first-child) a:after {

    content: "";

    position: absolute;

    display: block;

    background: rgb(9, 41, 87);

    left: 0;

    top: 0;

    bottom: 0;

    width: 0;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    z-index: -1;

    border-radius: 0 100px 100px 0;

}



.site-header .nav-menu li:not(:first-child) a:hover:after {

    width: 100%;

    border-radius: 0;

}



.site-header .nav-menu>li:first-child a {

    font-size: 2em;

    padding: 2px 10px;

   /* position: absolute;

    top: -25px;

    left: -55px;*/

    top:5px;

}



.site-header .home-link {

    min-height: initial;

    margin: 0;

    padding: 0;

}



.site-header .home-link .site-title {

    padding: 15px 0;

    max-width: 100%;

}



.site-header .search-field:focus,

.site-header .search-field {

    background-color: #fff;

    border: 2px solid #c3c0ab;

    cursor: text;

    outline: 0;

    width: 280px;

    background-position: 250px center;

    padding: 0 0 0 10px;

    margin-top: 20px;

    margin-right: 15px;

    border: none;

    background-image: none;

}



.site-header .search-form label:after {

    content: '\f002';

    font-family: FontAwesome;

    color: #0D3978;

    position: absolute;

    right: 30px;

    top: 27px;

}



.post-navigation {

    position: relative;

}

.nav-menu .sub-menu, 
.nav-menu .children {
    background: #063b81;
    border:0;
    border-bottom: 2px solid #f7f5e7;
}

.nav-menu .sub-menu>li:first-child {
    margin-top: 11px;
}

.nav-menu .sub-menu>li {
    border-left: 2px solid #f7f5e7;
    border-right: 2px solid #f7f5e7;
}

.site-footer {

    background: #535353;

    font-size: 0.8em;

    z-index: 1;

    position: relative;

}



.site-footer .sidebar-container {

    background: none;

    padding: 0;

}



.site-footer .widget {

    width: initial;

    margin: 0;

}

.site-footer .widget a {

    color: #fff;

    text-transform: uppercase;

}



.site-footer .widget-area {

    max-width: initial;

    margin: 0;

}



.site-footer .widget-area aside {

    padding: 10px 0;

}



.site-footer .widget-area aside:last-child {

    float: right;

}



.site-footer .widget-area li,

.site-footer .widget-area .textwidget {

    font-size: 0.8em;

}



.site-footer .widget-area aside:last-child a {

    font-weight: bold;

    text-transform: none;

}



.site-footer .menu li {

    float: left;

    padding: 0 5px;

}



.hentry {

    padding: 0;

}



.entry-header, .entry-content, .entry-summary, .entry-meta {

    max-width: initial;

}



.entry-content img.alignleft,

.entry-content .wp-caption.alignleft {

    margin-left: 0px;

}



.widget {

    background: none;

    font-size: inherit;

    padding: 0;

}



.widget .textwidget ul,

.widget .textwidget ol {

    list-style-type: initial;

    padding: 5px 0;

    margin: 5px 30px;

}



.widget_csbt-slider-widget {

    padding: 20px 0 0;

}



.widget h3.widget-title {

    font-size: 36px;

    font-style: normal;

    font-weight: bold;

    text-transform: uppercase;

}



img.attachment-full {

    min-height: 300px !important;

}



.mejs-container {

    height: 0 !important;

    padding-bottom: 56.25%; /* 16:9 */

    position: relative;

}

.mejs-overlay.mejs-layer { height: 100% !important; }



/* Home Page */

body.home .home-page-section-image {

    position: relative;

}



body.home .icon-image  {

    position: absolute;

    bottom: -24%;

    width: 33%;

    left: 33%;

    padding: 8%;

    border-radius: 120px;

}



.home-page-section-img {

    width: 100%;

}





body.home .home-page-section .read-more {

    color: white;

    padding: 12px 20px;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 1.3em;

    font-weight: bold;

}



body.home .home-page-section h2 {

    margin-top: 70px;

}



body.home .home-page-section-models h2 {

    color: #74A2D6;

}

body.home .home-page-section-briefing-notes h2 {

    color: #84B132;

}

body.home .home-page-section-case-studies h2 {

    color: #F76210;

}



body.home .home-page-section .read-more:before {

    content: '';

    width: 100%;

    position: absolute;

    z-index: -2;

    top:0;

    left:0;

    right:0;

    bottom:0;

}



body.home .home-page-section-models .icon-image,

body.home .home-page-section-models .read-more:before {

    background: #74A2D6;

}

body.home .home-page-section-briefing-notes .icon-image,

body.home .home-page-section-briefing-notes .read-more:before {

    background: #84B132;

}

body.home .home-page-section-case-studies .icon-image,

body.home .home-page-section-case-studies .read-more:before {

    background: #F76210;

}





body.home .page-builder-content .container .row:nth-child(3) {

    margin-top: 60px;

}



/* Case Studies */





.site-content-case-studies #case_study_filters {

    overflow: auto;

    font-weight: bold;

}

.site-content-case-studies #case_study_filters a {

    text-decoration: none;

}

.site-content-case-studies #case_study_filters fieldset {

    width:40%;

    float: left;

    text-align: center;

    border: none;
	
	padding: 0.35em 0.5em 0.75em;

}

.site-content-case-studies #case_study_filters ul.filter_list {

    display: block;

    text-align: center;

    margin-top:0;

}

.site-content-case-studies #case_study_filters fieldset legend {

    text-align: center;

    border: none;

    margin: 0;

    padding: 0;

}

.site-content-case-studies #case_study_filters .filter_list li {

    display: inline-block;

    margin: 0;

    padding: 0;

}

.site-content-case-studies #case_study_filters a.filter-trigger {

    display: inline-block;

    width:122px;

    margin: 0;

    padding: 70px 0 10px 0;

    line-height: 20px;

    font-size:12px;

    color: #000;

    text-align: center;

    cursor: pointer;

}

.site-content-case-studies #case_study_filters  a.show-all {

    cursor: pointer;

    margin-top: 92px;

    display: block;

}

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-high {

    background: url( images/filters/cost-of-home-high-1.png ) 0 0 no-repeat;

}

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-high.filter_active,

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-high:hover {

    background: url( images/filters/cost-of-home-high-2.png ) 0 0 no-repeat;

    color: #fff;

}

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-intermediate {

    background: url( images/filters/cost-of-home-intermediate-1.png ) 0 0 no-repeat;

}

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-intermediate.filter_active,

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-intermediate:hover {

    background: url( images/filters/cost-of-home-intermediate-2.png ) 0 0 no-repeat;

    color: #fff;

}

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-low {

    background: url( images/filters/cost-of-home-low-1.png ) 0 0 no-repeat;

}

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-low.filter_active,

.site-content-case-studies #case_study_filters a.filter-trigger.cost-of-home-low:hover {

    background: url( images/filters/cost-of-home-low-2.png ) 0 0 no-repeat;

    color: #fff;

}

.site-content-case-studies #case_study_filters a.filter-trigger.location-rural {

    background: url( images/filters/location-rural-1.png ) 0 0 no-repeat;

}

.site-content-case-studies #case_study_filters a.filter-trigger.location-rural.filter_active,

.site-content-case-studies #case_study_filters a.filter-trigger.location-rural:hover {

    background: url( images/filters/location-rural-2.png ) 0 0 no-repeat;

    color: #fff;

}

.site-content-case-studies #case_study_filters a.filter-trigger.location-suburban {

    background: url( images/filters/location-suburban-1.png ) 0 0 no-repeat;

}

.site-content-case-studies #case_study_filters a.filter-trigger.location-suburban.filter_active,

.site-content-case-studies #case_study_filters a.filter-trigger.location-suburban:hover {

    background: url( images/filters/location-suburban-2.png ) 0 0 no-repeat;

    color: #fff;

}

.site-content-case-studies #case_study_filters a.filter-trigger.location-urban {

    background: url( images/filters/location-urban-1.png ) 0 0 no-repeat;

}

.site-content-case-studies #case_study_filters a.filter-trigger.location-urban.filter_active,

.site-content-case-studies #case_study_filters a.filter-trigger.location-urban:hover {

    background: url( images/filters/location-urban-2.png ) 0 0 no-repeat;

    color: #fff;

}



.site-content-case-studies #case_study_filters {

    text-transform: uppercase;

    color: #0d3978;
	
	overflow:hidden;

}



.site-content-case-studies #case_study_filters legend {

    font-size: 1.5em;

}



ul.portfolio {

    list-style-type: none;

}



.portfolio_item a {

    text-decoration: none;

    text-transform: uppercase;

}



.empty-portfolio {

    text-align: center;

    text-transform: uppercase;

}



.site-content-case-studies h4 {

    text-transform: uppercase;

    border-bottom: 2px solid;

    margin-top: 0;

}



.site-content-case-studies .case-study-view-by {

    text-align: right;

    margin-right: 75px;

}



.site-content-case-studies .case-study-view-by i {

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    font-size: 0.7em;

    margin: 0 5px;

    cursor: pointer;

    color: #B5B5B5;

}



.site-content-case-studies .case-study-view-by i.current {

    color: inherit;

}



.site-content-case-studies .case-study-view-by i:before {

    display: block;

    font-size: 3em;

}



/* Case Study list view */

.portfolio-list-view .caption__portfolio,

.portfolio-list-view .thumbnail__portfolio {

    display: inline-block;

    vertical-align: top;

}



.portfolio-list-view .caption__portfolio {

    width: 80%;

    width: calc(100% - 180px);

}



.portfolio-list-view .thumbnail__portfolio {

    position: relative;

    width: 150px;

    height: 150px;

    margin-right: 20px;

    overflow: hidden;

}



.portfolio-list-view .thumbnail__portfolio img {

    position: absolute;

    left: 50%;

    top: 50%;

    height: 100%;

    max-width: initial;

    width: auto;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}



.portfolio-list-view .portfolio_item h3 {

    margin: 0;

}



.portfolio-list-view .portfolio_item_holder {

    margin: 0 10px;

}



.portfolio_item_holder {

    padding: 5px;

}



.thumbnail-wrapper {

    display: inline-block;

}



/* Briefing Notes */



.site-content-briefing-notes {

    margin: 20px 40px;

}



.site-content-briefing-notes .briefing-notes-main-cols {

    margin-top: 15px;

}



.site-content-briefing-notes .briefing-notes-main-cols h3.special-title {

    text-align: left;

    padding: 20px;

    color: white;

    margin: 0px -15px;

    position: relative;

    font-size: 1.2em;

}



.site-content-briefing-notes .briefing-notes-main-cols > div:nth-child(1) h3.special-title {

    background: #84B132;

}



.site-content-briefing-notes .briefing-notes-main-cols > div:nth-child(2) h3.special-title {

    background: #74A2D6;

}



.site-content-briefing-notes .briefing-notes-main-cols > div:nth-child(3) h3.special-title {

    background: #F76210;

}



.site-content-briefing-notes .briefing-notes-main-cols > div:nth-child(4) h3.special-title {

    background: #0d3978;

}



.site-content-briefing-notes .briefing-note-list {

    position: relative;

}



.site-content-briefing-notes .briefing-notes-main-cols > div:first-child h3.special-title:before,

.site-content-briefing-notes .briefing-notes-main-cols > div:first-child div.briefing-note-list:before {

    position: absolute;

    content: 'Phase';

    left: -45px;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    color: #616161;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: bold;

}



.site-content-briefing-notes .briefing-notes-main-cols > div:first-child div.briefing-note-list:before {

    content: 'Briefing Notes';

    left: -104px;

    top: 90px;

}



.site-content-briefing-notes .briefing-notes-main-cols > div:nth-child(odd) {

    background: #E2E2E2;

}



.site-content-briefing-notes .briefing-notes-main-cols > div:nth-child(even) {

    background: #DEDEDE;

}



/* Background Box */

.background-box {

    padding: 20px;

    position: relative;

    overflow: hidden;

}



.background-box.margin {

    margin: 20px 0;

}



.background-box .backgroundbox-image {

    position: absolute;

    top: -10px;

    right: -10px;

    font-size: 6em;

    line-height: 1em;

}



.background-box h1,

.background-box h2,

.background-box h3,

.background-box h4,

.background-box h5,

.background-box h6 {

    margin: 0;

    color: inherit;

}



.background-box a {

    color: inherit;

    font-weight: bold;

}



/* Acordion */

.accordion-title {

    cursor: pointer;

}



/* Timeline Pro Overrides */

.timeline-container .thumb {

    display: none !important;

}



.timeline-container .meta .title {

    margin: 0 0 0 10px;

}



.timeline-container .load-more {

    display: none;

}



.timeline-container .timeline > li:after {

    background: none repeat scroll 0 0 #f76210;

    border: 6px solid #F76210 !important;

}



.timeline-container .timeline > li.even:after {

    left: -5px !important;

}

.timeline-container .timeline > li.odd:after {

    right: -7px !important;

}



/* WP Posts Carousel Override */



.default-theme.wp-posts-carousel .wp-posts-carousel-slide {

    padding-top: 0px !important;

}



/*.default-theme.wp-posts-carousel.owl-carousel .owl-stage-outer {

    margin: 0 10px;

}



.default-theme.wp-posts-carousel .owl-controls .owl-nav .owl-prev {

    top: 70px;

    left: -5px;

    right: initial;

}

.default-theme.wp-posts-carousel .owl-controls .owl-nav .owl-next {

    top: 70px;

    right: -5px;

}

.default-theme.wp-posts-carousel.owl-carousel .owl-controls .owl-nav > div {

    border: none;

    background: none;

    color: #f76210;

    font-size: 1em;

    height: 30px;

    width: 32px;

}



.carousel-case-studies .default-theme.wp-posts-carousel.owl-carousel .owl-controls .owl-nav > div {

    color: #84b132;

}



.default-theme.wp-posts-carousel.owl-carousel .owl-controls .owl-nav > div:before {

    font-size: 3em;

}

*/

p.wp-posts-carousel-buttons {

    position: absolute;

    right: 20px;

    bottom: 0;

}

.default-theme.wp-posts-carousel h3.wp-posts-carousel-title {

    text-align: left;

    font-size: 14px;

    color: #5E5E5E;

    margin: 10px 0px;

}

.default-theme.wp-posts-carousel h3.wp-posts-carousel-title a {

    color: #5E5E5E;

}



.wp-posts-carousel-details,

.wp-posts-carousel-image {

    display: inline-block;

    width: 50%;

    vertical-align: top;

}

.default-theme.wp-posts-carousel .wp-posts-carousel-buttons a.wp-posts-carousel-more-button {

    color: white;

    font-size: 0.8em;

    padding: 5px 10px;

}



.carousel-briefing-notes .wp-posts-carousel-more-button:before {

    background: #f76210 !important;

}

.carousel-case-studies .wp-posts-carousel-more-button:before {

    background: #84b132 !important;

}



/* Nivo Slider override */

.wrap-nivoslider .nivo-caption {

    font-style: normal !important;

}



.sow-slider-image-wrapper {

    position: relative;

}

.csbt-slider-caption {

    position: absolute;

    background: rgba(0, 0, 0, 0.65);

    bottom: 0;

    color: white;

    padding: 10px 40px;

}

.csbt-slider-caption h2 {

    color: white;

    margin: 5px;

    font-size: 24px;

}





/* Read More Button Slide */

.wpcf7-form input,

.wpcf7-form textarea {

    border: none!important;

}



input.wpcf7-submit,

input.wpcf7-submit:hover  {

    background: none!important;

}



input.wpcf7-submit  {

    color: white!important;

    padding: 12px 20px!important;

    text-decoration: none!important;

    text-transform: uppercase!important;

    font-size: 1.3em!important;

    font-weight: bold!important;

    margin: 8px 0!important;

    display: inline-block!important;

    background: #0d3978!important;

}



input.wpcf7-submit:hover {

    color: white!important;

    background: #535353!important;

}







.wp-posts-carousel-more-button,

a.read-more {

    position: relative;

    z-index: 1;

    color: white;

    padding: 12px 20px;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 1.3em;

    font-weight: bold;

    margin: 8px 0;

    display: inline-block;

}



.wp-posts-carousel-more-button:hover,

a.read-more:hover {

    color: white;

}



.wp-posts-carousel-more-button:before,

a.read-more:before {

    content: '';

    width: 100%;

    position: absolute;

    background: #0d3978;

    z-index: -2;

    top:0;

    left:0;

    right:0;

    bottom:0;

}



.wp-posts-carousel-more-button:after,

a.read-more:after {

    content: "";

    position: absolute;

    display: block;

    background: #535353;

    left: 0;

    top: 0;

    bottom: 0;

    width: 0;

    -webkit-transition: 0.6s ease;

    -moz-transition: 0.6s ease;

    -o-transition: 0.6s ease;

    transition: 0.6s ease;

    z-index: -1;

}



.wp-posts-carousel-more-button:hover:after,

a.read-more:hover:after {

    width: 100%;

}



.briefing-note-list h4 {

    text-transform: uppercase;

}



 .briefing-notes-acc h5 {

    margin: 0;

 }





/* Small Read More Button Slide */

a.sm-read-more {

    position: relative;

    z-index: 1;

    color: white;

    padding: 10px 16px;

	margin: 0 0 10px 0;

    text-decoration: none;

    /*text-transform: uppercase;*/

    /*font-size: 0.8em;*/

    font-weight: normal;

	display: inline-block;

	clear: both;

	/*line-height: 1.2;*/

}



.briefing-note-list a.sm-read-more {

    display: block;

}





a.sm-read-more:hover {

    color: white;

}



a.sm-read-more:before {

    content: '';

    width: 100%;

    position: absolute;

    background: #0d3978;

    z-index: -2;

    top:0;

    left:0;

    right:0;

    bottom:0;

}



div.green.panel-widget-style .briefing-note-list a.sm-read-more:before { background: #84B132; }

div.light-blue.panel-widget-style .briefing-note-list a.sm-read-more:before { background: #74A2D6; }

div.orange.panel-widget-style .briefing-note-list a.sm-read-more:before { background: #F76210; }



a.sm-read-more:after {

    content: "";

    position: absolute;

    display: block;

    background: #535353;

    left: 0;

    top: 0;

    bottom: 0;

    width: 0;

    -webkit-transition: 0.6s ease;

    -moz-transition: 0.6s ease;

    -o-transition: 0.6s ease;

    transition: 0.6s ease;

    z-index: -1;

}



a.sm-read-more:hover:after {

    width: 100%;

}



/* Spin Icons */

body.home .icon-image:hover img {

    -moz-animation: spinHorizontal 1s 1 linear;

    -o-animation: spinHorizontal 1s 1 linear;

    -webkit-animation: spinHorizontal 1s 1 ease-in;

    animation: spinHorizontal 1s 1 ease-in;

}



@-moz-keyframes spinHorizontal {

    0% {

        -moz-transform: rotateY(0deg);

    }



    100% {

        -moz-transform: rotateY(360deg);

    }

}



@keyframes spinHorizontal {

    0% {

        transform: rotateY(0deg);

    }

    100% {

        transform: rotateY(360deg);

    }

}





@-ms-keyframes spinHorizontal {

    0% {

        -ms-transform: rotateY(0deg);

    }

    100% {

        -ms-transform: rotateY(360deg);

    }

}



@-o-keyframes spinHorizontal {

    0% {

        -o-transform: rotateY(0deg);

    }

    100% {

        -o-transform: rotateY(360deg);

    }

}



@-webkit-keyframes spinHorizontal {

    0% {

        -webkit-transform: rotateY(0deg);

    }

    100% {

        -webkit-transform: rotateY(360deg);

    }

}



/* Image Caption Content */

span.image-with-caption {

    position: relative;

    display: inline-block;

    margin-bottom: 10px;

}

span.image-caption {

    position: relative;

    background-color: rgba(13, 57, 120, 1.0);

    color: white;

    display: block;

    width: 100%;

    padding: 10px 20px;

}



/* Briefing Notes Right Column Background */

article.type-briefing-notes .entry-content > div > .panel-grid:first-child > div.panel-grid-cell:last-child,

article.type-case-studies .entry-content > div > .panel-grid:first-child > div.panel-grid-cell:last-child {

    position: relative;

}



article.type-briefing-notes .entry-content > div > .panel-grid:first-child > div.panel-grid-cell:not(:first-child):last-child::before,

article.type-case-studies .entry-content > div > .panel-grid:first-child > div.panel-grid-cell:not(:first-child):last-child::before {

    content: '';

    height: 40000px;

    position: absolute;

    background: #DAE9C0;

    margin: 0 15px;

    top:0;

    left:0;

    right:0;

}



article.type-case-studies .entry-content > div > .panel-grid:first-child > div.panel-grid-cell:not(:first-child):last-child::before {

    background: #ffd4bd;

}



.csbt-right-col {

    position: relative;

}



.csbt-right-col::before {

    content: '';

    position: absolute;

    background: #DAE9C0;

    margin: 0 15px;

    top:0;

    left:0;

}



.type-case-studies .csbt-right-col::before {

    background: #ffd4bd;

}



/* Models */



.models-template .model-scroll-wrapper {

    position: relative;

    margin-left: -15px;

    margin-right: -15px;

}



.models-template .model-scroll {

    position: relative;

    padding-left: 25px;

    padding-right: 25px;

    width: 1170px;



    -webkit-transition: left 0.5s;

    -moz-transition: left 0.5s;

    -o-transition: left 0.5s;

    -ms-transition: left 0.5s;

    transition: left 0.5s;

}



.models-template .model-scroll .col-xs-3 {

    width: 25%;

    float: left;

    padding-left: 5px;

    padding-right: 5px;

                     

}



.models-template .heading-rotate {

    position: relative;    

}



.models-template.no-transition .heading-rotate,

.models-template.no-transition .model-scroll {

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    -ms-transition: none;

    transition: none;

}



.models-template .heading-rotate.phases h2 i {

    display: none;

}



.models-template .heading-rotate h2 {

    position: absolute;

    top: 120px;

    left: -40px;

    -webkit-transform: rotate(-90deg);

    -webkit-transform-origin: 0% 0%;

    -moz-transform: rotate(-90deg);

    -moz-transform-origin: 0% 0%;

    -ms-transform: rotate(-90deg);

    -ms-transform-origin: 0% 0%;

    -o-transform: rotate(-90deg);

    -o-transform-origin: 0% 0%;

    transform: rotate(-90deg);

    transform-origin: 0% 0%;

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}



.models-template .heading-rotate.phases h2 {

    top: 220px;

}

.models-template .heading-rotate.people h2 {

    top: 215px;

}

.models-template .heading-rotate.briefing-notes h2 {

    top: 310px;

}

.models-template .heading-rotate.procon h2 {

    top: 170px;

}

.models-template .heading-rotate.casestudies h2 {

    top: 225px;

}

.models-template .heading-rotate.notes h2 {

    top: 120px;

}



.models-template .dotted-separator .model-content {

    border-bottom: 2px dashed #C6C6C6;

}



.model-content ol {

    margin: 0;

}



.models-template .heading {

    height: 80px;

    background-color: #6C94C7;

    vertical-align: middle;

    text-align: center;

}



.models-template .special-title {

    color: white;

    display: inline-block;

    padding: 25px 15px;

    margin: 0;

}



.models-template .special-title2 {

    padding: 12px 15px;

}



.models-template .model-content {

    background-color: white;

    padding: 10px 0;

    box-sizing: initial;

}



.models-template .model-bar {

    height: 50px;

    margin: 10px 0;

    background-color: #C25D5D;

    position: relative;

    z-index: 2;

}



.models-template .model-bar:last-child {

}



.models-template .model-bar span {

    color: white;

    text-transform: uppercase;

    font-size: 1.3em;

    padding: 7px 0;

    display: inline-block;

    font-weight: bold;

}



.models-template .model-content .list-node .list-icon {

    margin: 10px 10px 10px 20px;

    width: 40px;

}

.models-template .model-content .list-node .list-content {

   /* margin-left: 74px;*/

   margin-left: 20px;

    display: inline-block;

    margin-top: -57px;

}

.models-template .model-content .list-node .list-content h4 {

    margin-left: 50px;

}

.models-template .model-content .list-node .list-content a.sm-read-more {

    display: block;

    text-align: center;

    margin-top:20px;

}



.models-template .model-content .list-node .list-content .align-right {

    margin-right: 20px;

}







@media (max-width: 1240px) {



    .model-scroll-bar {

	height: 10px;

	background-color: #23282D;

	position: relative;

	margin-left: 5px;

	margin-bottom: 10px;



        -webkit-transition: left 0.5s;

        -moz-transition: left 0.5s;

        -o-transition: left 0.5s;

        -ms-transition: left 0.5s;

        transition: left 0.5s;

    }

    .model-scroll-bar-bar {

	height: 8px;

	background-color: #0D3978;

	position: absolute;

	top: 1px;



        -webkit-transition: left 0.5s;

        -moz-transition: left 0.5s;

        -o-transition: left 0.5s;

        -ms-transition: left 0.5s;

        transition: left 0.5s;

    }



    .models-template .heading-rotate h2 {

        position: relative;

        top: 0px !important;

        left: 0px;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);

        padding-left: 12px;



        -webkit-transition: left 0.5s;

        -moz-transition: left 0.5s;

        -o-transition: left 0.5s;

        -ms-transition: left 0.5s;

        transition: left 0.5s;



    }



    .models-template.no-transition .model-scroll-bar-bar,

    .models-template.no-transition .model-scroll-bar,

    .models-template.no-transition .heading-rotate h2 {

        -webkit-transition: none;

        -moz-transition: none;

        -o-transition: none;

        -ms-transition: none;

        transition: none;

    }

    .models-template .dotted-separator .model-content {

        border-bottom: none;

    }



    .models-template .heading-rotate.phases h2 i {

        display: inline-block;

        padding: 0 15px;

        color: #7CB12D;

        cursor: pointer;



        position: absolute;

        top: -12px;

        font-size: 56px;

        right: 0px;



        transition: color 0.5s;

    }



    .models-template .heading-rotate.phases h2 i:hover {

        color: #4B7211;

    }



    .models-template .heading-rotate.phases h2 i.fa-angle-left {

        right: 40px;

    }



}



@media (max-width: 782px) {

    body.home .home-page-section h2 {

        margin-top: 110px;

    }



    .site-content-briefing-notes .container .row:nth-child(2) > div:first-child h3.special-title:before,

    .site-content-briefing-notes .container .row:nth-child(2) > div h3.special-title:before,

    .site-content-briefing-notes .container .row:nth-child(2) > div:first-child div.briefing-note-list:before,

    .site-content-briefing-notes .container .row:nth-child(2) > div div.briefing-note-list:before {

        position: static;

        content: 'Briefing Notes';

        display: block;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        filter: progid:DXImageTr;

        color: #616161;

    }



    .site-content-briefing-notes .container .row:nth-child(2) > div:first-child h3.special-title:before,

    .site-content-briefing-notes .container .row:nth-child(2) > div h3.special-title:before {

        content: 'Phase';

        display: inline;

        padding-right: 15px;

    }



    article.type-briefing-notes .entry-content .panel-grid:first-child > div.panel-grid-cell:last-child::before,

    article.type-case-studies .entry-content .panel-grid:first-child > div.panel-grid-cell:last-child::before {

	display: none;

    }

}



@media (max-width: 643px) {

    .menu-toggle:hover,

    .menu-toggle:focus,

    .menu-toggle:active,

    .menu-toggle {

        color: white;

        outline: none;

        font-size: 24px;

        padding-top: 2px;

    }

    .menu-toggle:after {

        display: none;

    }

    .menu-toggle:before {

        font-family: FontAwesome;

        content: '\f0c9';

        padding: 0 10px 0 0;

    }



    .navbar {

        width: initial;

        display: inline-block;

    }

    .main-navigation {

        clear: none;

    }



    .site-header .search-form {

        float: right;

    }



    .site-header .search-form .search-field {

        background-color: #0D3978;

        color: #0D3978;

        width: 10px;

    }

    .site-header .search-form .search-field:active,

    .site-header .search-form .search-field:focus {

        background-color: #fff;

        color: #000;

        width: 150px;

    }



    .site-header .search-form label:after {

        right: 40px;

        top: 0px;

        color: white;

        font-size: 24px;

    }



    .site-header .search-form label.active:after {

        color: #0D3978;

    }



    /*.site-header .search-form label.active + .search-submit {

        display: inline-block;

        width: 22px;

        text-indent: -500px;

        background: #FF6611;

        border: none;

        display: inline-block;

        padding: 10px 20px;

    }*/

    

    .site-header .search-form .search-field::-webkit-input-placeholder { color: #0D3978; }

    .site-header .search-form .search-field::-moz-placeholder { color: #0D3978; }

    .site-header .search-form .search-field:-moz-placeholder { color: #0D3978; }

    .site-header .search-form .search-field:-ms-input-placeholder { color: #0D3978; }

    

}

                     



.navbar {

    float: none;

    margin: 0;

}



.site-header .nav-menu li:first-child {

    /*display: none;*/

}



.site-header .nav-menu li:not(:first-child) a:hover:after {

    width: 0;

}



.site-header .search-form {

    position: static;

}



.site-header .search-field:focus,

.site-header .search-field {

    margin-top: 0;

}

.site-header .search-form {
    padding-left: 180px;
    background: url(images/nacsba-logo-161x50px.png) left center no-repeat;
}



/* for the print/pdf button override */

.printfriendly-text2 {

    position: relative;

    z-index: 1;

    color: white;

    padding: 6px 10px;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 1em;

    display: inline-block;

}



.printfriendly-text2::before {

    content: '';

    width: 100%;

    position: absolute;

    background: #0d3978;

    z-index: -2;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0; 

}



.printfriendly-text2::after {

    content: "";

    position: absolute;

    display: block;

    background: #535353;

    left: 0;

    top: 0;

    bottom: 0;

    width: 0;

    -webkit-transition: 0.6s ease;

    -moz-transition: 0.6s ease;

    -o-transition: 0.6s ease;

    transition: 0.6s ease;

    z-index: -1;

}

.printfriendly-text2:hover::after {

    width:100%;

}



.case-study-view-by i span {

    font-family: 'Lato', sans-serif;

}



#map-key {

    display: block;

    text-align: left;

    text-transform: uppercase;

    font-size: 14px;

}



#map-key span {

    /*color: #fff;*/

    vertical-align: middle;

    display: inline-block;

    margin:0 0 0 20px;

}

#map-key span::before {

    display: inline-block;

    vertical-align: inherit;

    margin-right: 6px;

}

#map-key span.exmat::before {

    content: url(images/map-key-2.png);

}

#map-key span.partmat::before {

    content: url(images/map-key-1.png);

}



.panel-grid-cell .so-panel {

    margin-bottom: 15px!important;

}

.panel-grid-cell .widget.panel-last-child {

    margin-bottom: 0!important;

}



/* 'fo da ficks'd hederr init */

img.site-title {

  

}



header.affix img.site-title {

    height: 70px;

    width: 152px;

    margin-top: -10px;

}



header.affix {

    position: fixed;

    height:50px;

    left: -50%;

    right: -50%;

    z-index: 999999;

    width:100%;

    margin: 0 auto;

}



header.affix .search-form {

    display: none;

}



header.affix .navbar {

    margin-top: 0;

}



header.affix + div#main {

    margin-top:120px!important;

}



@media (min-width: 992px) {



    .navbar {

        float: right;

        margin: 68px 0 0;

    }



    .site-header .nav-menu li:first-child {

        display: inline-block;

    }



    .site-header .nav-menu li:not(:first-child) a:hover:after {

        width: 100%;

    }



    .site-header .search-form {

        position: absolute;

    }



    .site-header .search-field:focus,

    .site-header .search-field {

	margin-top: 20px;

    }





    body {

	font-size: 16px;

    }



    h1 {

	font-size: 48px;

    }

    

    h2 {

	font-size: 30px;

    }

    

    h3 {

	font-size: 22px;

    }

    

    h4 {

	font-size: 20px;

    }

    

    h5 {

	font-size: 18px;

    }

    

    h6 {

	font-size: 16px;

    }

    

}

#masthead.affix .col-md-4,
#masthead.affix .col-md-8 form {
    display: none;
}

.navbar .toggled-on ul.nav-menu li:first-child {
    display: none;
}

.navbar .toggled-on ul.nav-menu {
    background: #0D3978;
}

ul.nav-menu, 
div.nav-menu > ul,
#primary-menu {
    padding: 0!important;
}

@media (max-width: 1200px) {
    .site-header .nav-menu li a {
        padding: 10px;
    }
    .site-content-briefing-notes .briefing-notes-main-cols h3.special-title {
        font-size: 1.1em;
    }
}

@media (max-width: 992px) {
    div.briefing-note-list h4 {
        font-size:16px;
    }
}

@media (max-width: 786px) {
    .panel-grid-cell {
        height: auto!important;
    }
    body.home .icon-image {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        height: 120px;
        width: 120px;
        padding: 8px;
        text-align: center;
        border-radius: 60px;
        bottom: -60px;
    }
    body.home .home-page-section h2 {
        margin-top:75px;
    }
    .home-page-section p {
        height: auto!important;
    }
}

@media (max-width: 600px){
    .timeline-container ul.timeline li .timeline_content {
        width:85%;
    }
}

@media (max-width: 525px){
    .timeline-container ul.timeline li .timeline_content {
        width:75%;
    }
}

@media (max-width: 430px) {
    body.home .icon-image {
        
        height: 74px;
        width: 74px;
        padding: 8px;
        text-align: center;
        border-radius: 37px;
        bottom: -40px;
    }
     body.home .home-page-section h2 {
        margin-top:45px;
    }
}
.case-studies .siteorigin-widget-tinymce a {
    font-weight: bold!important;
    color: #0d3978!important;
}
/*
@media (min-width: 768px) {



    .navbar {

        float: right;

        margin: 68px 0 0;

    }



    .site-header .nav-menu li:first-child {

        display: inline-block;

    }



    .site-header .nav-menu li:not(:first-child) a:hover:after {

        width: 100%;

    }



    .site-header .search-form {

        position: absolute;

    }



}*/

/*Task Force */
.home-page-section-task-force {
	background-color:#063b81;
	padding-bottom:1em;
}

.home-page-section-task-force .icon-image, 
.home-page-section-task-force .read-more::before {
	background-color:#fff;
}

.home-page-section-task-force h2,
.home-page-section-task-force p {
	color:#fff!important;
	padding:0 1em;
	word-wrap: normal;
}

.home-page-section-task-force .read-more {
	color:#063b81!important;
}

.home-page-section-task-force .read-more:hover {
	color:#fff!important;
}

@media (min-width: 992px) {
.wpcf7-select {
width:390px;	
}
}

.widgetizedArea {
	border-bottom: 10px solid #F76210;
}

.widgetizedArea h3 {
	color: #fff;
	text-transform:uppercase;
	font-size:25px;
	margin: 0 0 15px 0;
}

@media (min-width: 992px) {
	.widgetizedArea h3 {
		font-size:30px;
	}
}

.widgetizedArea ul, 
.widgetizedArea ol {
	list-style-type: none;
    margin: 0;
    padding: 0;
}