/*

Theme Name: Tarmac.com
Theme URI: http://theme.co/pro/
Description: Theme for Tarmac corporate site, based on Pro child theme.
Version: 0.1.0
Author: Co-operative Web
Author URI: http://web.coop
Template: pro

*/

/***************************************************/
/*              LOCATION TEMPLATE                  */
/***************************************************/

.cweb\:lt {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    color: #1d1d1b;
    font-style: normal;

    max-width: 1200px;
}

.cweb\:lt p {
    font-size: 16px;
    line-height: 22.4px;
}

.cweb\:lt a {
    color: #1d1d1b;
    transition: color 0.3s;
}

.cweb\:lt a:hover,
.cweb\:lt a:focus {
    color: #8e8e8d;
}

.cweb\:lt\:back-button {
    margin-top: 20px;
    font-weight: bold;
    width: 200px;
}

.cweb\:lt\:back-button p:before,
.cweb\:lt\:careers-link p:after {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    content:'';
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}

.cweb\:lt\:back-button p:before {
    background-image: url(assets/svg/chevron-left-blue.svg);
    top: 3px;
}

.cweb\:lt\:back-button p:hover:before {
    background-image: url(assets/svg/chevron-left-grey.svg);
}

.cweb\:lt\:top,
.cweb\:lt\:middle {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
}

.cweb\:lt\:sidebar,
.cweb\:lt\:services {
    width: 45%;
    padding-right: 30px;
}

.cweb\:lt\:sidebar h2 {
    margin-top: 30px;
}

.cweb\:lt\:sidebar hr {
    font-size: 14px;
    border: 0;
    border-bottom: 1px dotted #ccc;
}

.cweb\:lt\:empty {
    font-style: italic;
    font-weight: 200;
}

.cweb\:lt\:opening-times table {
    max-width: 250px;
}

.cweb\:lt\:opening-times table,
.cweb\:lt\:opening-times tr,
.cweb\:lt\:opening-times th,
.cweb\:lt\:opening-times td {
    border-top: none;
    padding: 0;
    font-weight: normal;
}

.cweb\:lt\:contact-details {
    font-size: 1.2em;
    font-weight: bold;
}

.cweb\:lt\:opening-times th {
    font-weight: 500;
}

.cweb\:lt\:contact-details a {
    font-weight: 500;
    white-space: nowrap;
}


.cweb\:lt\:phone:before,
.cweb\:lt\:envelope:before {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 10px;
    content:'';
    width: 17.5px;
    height: 17.5px;
    background-size: contain;
}

.cweb\:lt\:phone:before {
    background-image: url(assets/svg/phone-blue.svg);
}

.cweb\:lt\:phone:hover:before {
    background-image: url(assets/svg/phone-grey.svg);
}

.cweb\:lt\:envelope:before {
    background-image: url(assets/svg/envelope-regular-blue.svg);
}

.cweb\:lt\:envelope:hover:before {
    background-image: url(assets/svg/envelope-regular-grey.svg);
}

.cweb\:lt\:contact-details p {
    margin: 5px 0;
}

.cweb\:lt\:map {
    max-height: 800px;
    width: 100%;
    margin: 30px;
}

#map {
    height: 100%;
    width: 100%;
    min-width: 500px;
    min-height: 400px;
}

.cweb\:lt\:services span {
    border: 2px solid rgb(0, 124, 191);
    border-radius: 20px;
    padding: 5px 15px;
    margin: 2px 0;
    max-width: 340px;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cweb\:lt\:about {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
}

.cweb\:lt\:careers-link {
    border-left: 2px solid rgb(0, 124, 191);
    padding: 0 2em;
    font-weight: 500;
    width: 30%;
}

.cweb\:lt\:careers-link p:after {
    background-image: url(assets/svg/chevron-right-blue.svg);
    margin-left: 10px;
    top: 2px;
}

.cweb\:lt\:careers-link p:hover:after {
    background-image: url(assets/svg/chevron-right-grey.svg);
}

.cweb\:lt\:global-block {
    max-width: 100%;
    overflow: hidden;
}

.x-main.full .entry-content.content{
    margin-top: 0;
}



.cweb_search_form{
    max-width: 800px;
    margin: auto;
}



.search_post_type_section {

    clear: both;
    width: 800px;
    margin: auto;
}
.search_post_type_section article{
    margin:1em 0;
}
.search_post_type_section article:after{
    content: "";
    display: table;
    clear: both;
}

.search_post_type_section .entry-featured{
    float: left;
    width: 155px;
    min-width: 155px;
    box-shadow: none;

}
.search_post_type_section  .entry-content.excerpt{
    margin-top:5px;
}
.search_post_type_section .entry-featured img{

width:100%;
height:155px;
object-fit: cover;
}


.search_post_type_section .entry-featured.news img {
height: 200px;
}

.search_post_type_section.news .date{
    color:#428CCB;
    margin-bottom: 5px;
}

.search_post_type_section .entry-featured.news{
    width:200px;
    height:200px;
    background-color: #fff;
}

.search_post_type_section.page .entry-wrap{
    width:800px;
    height: 44px;
}
.search_post_type_section .entry-wrap{
    width: 645px;
    float: left;
    padding:5px 15px;
    height: 155px;
    border-radius: unset;
    position: relative;
    box-shadow: none;

}


.search_post_type_section.news .entry-wrap{
    width:600px;
    min-height: 200px;
    height: auto;
}
.search_post_type_section.help .entry-wrap
{
    width:800px;
    height: auto;
}




.search_post_type_section.case-studies article,
.search_post_type_section.locations article,
.search_post_type_section.downloads article
{
    width: 49%;
    float: left;
}
.search_post_type_section.case-studies .entry-wrap{
    width:100%;
    height: 220px;

    clear: none;
    position: relative;


}
.search_post_type_section.locations .entry-wrap{
    width:100%;
    height: 182px;

    clear: none;
    position: relative;


}.search_post_type_section.downloads .entry-wrap{
    width:100%;
    height: 112px;

    clear: none;
    position: relative;


}

.search_post_type_section.case-studies article:nth-child(odd)
, .search_post_type_section.locations article:nth-child(odd)
, .search_post_type_section.downloads article:nth-child(odd){
    margin-left: 2% ;
}


.search_post_type_section.case-studies .entry-wrap p.case_study_name{
    font-weight: bold;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_location{
    font-size: 16px;
    margin:0;
    position: relative;
}
.search_post_type_section.case-studies .entry-wrap p.case_study_location img {
    width: 16px;
    margin-left: -3px;
}


.search_post_type_section .entry-wrap a, .search_post_type_section .entry-wrap .case_study_name{
    color:#1d1d1b;

}

.search_post_type_section .entry-wrap .case_study_name{
    margin:0;
}
.search_post_type_section .entry-wrap h3 {
    font-size: 16px;
}

.search_post_type_section .entry-wrap h3 a{
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px;
    color: #428CCB;
}
.search_post_type_section .entry-wrap .site_phone {
    color: rgb(0, 126, 195);
    font-weight: 500;
}

.search_post_type_section.help .entry-wrap h3 ,
.search_post_type_section .entry-wrap.default h3{
    margin-top: 7px;
}

.search_post_type_section.locations .entry-wrap h3 a,
.search_post_type_section.downloads .entry-wrap h3 a,
.search_post_type_section.news .entry-wrap h3 a,
.search_post_type_section.help .entry-wrap h3 a,
.search_post_type_section .entry-wrap.default h3 a
{
    color: #1d1d1b;
    text-transform:none;

}

.search_post_type_section.help .entry-wrap h3 a:after,
.search_post_type_section .entry-wrap.default h3 a:after
{
    content: '';
    background-image: url(assets/svg/chevron-right-blue.svg);
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    right: 5px;
    top:50%;
    bottom: 50%;
    margin:auto;
    position: absolute;
}

.search_post_type_section .entry-wrap a.search_product_cta,
.search_post_type_section .entry-wrap a.search_news_cta{
    bottom: 10px;
    position: absolute;
    font-weight: bold;

}
.search_post_type_section article.help,
.search_post_type_section article.default{
    margin: 1px 0 1px 0;
}

.search_post_type_section .entry-wrap a.search_product_cta:after,
.search_post_type_section .entry-wrap a.search_news_cta:after
{
    content: '';
    background-image: url(assets/svg/chevron-right-blue.svg);
    background-size: 12px 12px;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 6px
}

.search_post_type_section .entry-wrap a.search_news_cta:after
{
    bottom: 5px;
}

.search_what_it_is{
    font-weight: bold;
    color:#1d1d1b;
    margin: 0;
}





.cweb\:fs\:grey-out.cweb\:fs\:grey-out\:grey {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100%;
    z-index: 1039;
    position: fixed;
    top: 0;
    left: 0;
}

.cweb\:download-button {
    padding: 12px 0;
    position: absolute;
    bottom :5px;
    width: 138px;
}

.search_post_type_section .entry-wrap .cweb\:download-button a {
    background-color: #007EC3;

    color: white;
    padding: 12.5px 50px 12px 12px;
    cursor: pointer;
    font-weight: 500;
    transition-duration: 0.3s;
    transition-property: box-shadow, opacity, color,  transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}


.search_post_type_section .entry-wrap .cweb\:download-button a:after {
    background-image:  url(assets/svg/arrow-to-bottom-solid-white.svg);
    position: absolute;

    top: 15px;
    right: 20px;
    content:'';
    width: 14px;
    height: 16px;
    background-size: 14px 16px;
    overflow: auto;
}




.search_post_type_section .entry-wrap .cweb\:download-button a:hover {
    color: #1d1d1b;
    opacity: 1;
    box-shadow: white 0 80px 0 inset;
}

.search_post_type_section .entry-wrap  .cweb\:download-button a:hover:after {
    background-image: url(assets/svg/arrow-to-bottom-solid-black.svg);
    top: 13px;
}
.x-pagination{
    clear: both;
}
.x-pagination ul li .current{
    background-color: #999999;
}


@media only screen and (min-width: 950px) and (max-width: 1300px) {
    .cweb\:lt {
        margin: 0 50px;
    }
}

/***************************************************/
/*                PAGINATION                       */
/***************************************************/

.x-pagination.cweb\:pagination {
    width:100%;
    margin:auto;
    position: absolute;
}

.x-pagination.cweb\:pagination ul{


}


.search_post_type_section .x-pagination{
    width: 800px;
}

.cweb\:pagination .cweb\:prev-search-page a,
.cweb\:pagination .cweb\:next-search-page a {
    display: inline-flex;
    background: white;
    color: white;
    text-align: center;
    transition: all 0.1s linear !important;
    position: absolute;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    height: 41px;
    width: 41px;
    bottom: -4px;
    box-shadow: none;
    border-radius: 0px;
    margin: 0;
}

.cweb\:pagination .cweb\:prev-search-page a:after,
.cweb\:pagination .cweb\:next-search-page a:after {
    content:"";
    display: block;
    color: transparent;
    height: 15px;
    width: 15px;
    background-size: contain;
    position: relative;
    top: 0;
    left: 3px;
    background-repeat: no-repeat;
}

.cweb\:pagination .cweb\:prev-search-page a {
    left: 0px;
}

.cweb\:pagination .cweb\:prev-search-page a:after {
    background-image: url(assets/svg/chevron-left-blue.svg);
}

.cweb\:pagination .cweb\:prev-search-page a:hover:after {
    background-image: url(assets/svg/chevron-left-grey.svg);
}

.cweb\:pagination .cweb\:next-search-page a {
    position: absolute;
    right:0;
}

.cweb\:pagination .cweb\:next-search-page a:after {
    left: 2px;
    background-image: url(assets/svg/chevron-right-blue.svg);
}

.cweb\:pagination .cweb\:next-search-page a:hover:after {
    background-image: url(assets/svg/chevron-right-grey.svg);
}

.cweb\:pagination .cweb\:prev-search-page a:hover,
.cweb\:pagination .cweb\:next-search-page a:hover {
    border: 1px solid #007EC3;
}

.cweb\:pagination .cweb\:prev-search-page a:hover:after {
    background-image: url(assets/svg/chevron-left-grey.svg);
}

.cweb\:pagination .cweb\:next-search-page a:hover:after {
    background-image: url(assets/svg/chevron-right-grey.svg);
}

.cweb\:pagination .single_page,
.cweb\:pagination .first,
.cweb\:pagination .last,
.cweb\:pagination.x-pagination span.current {
    box-shadow: none;
    background-color: unset;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 6px;
    width: unset;
}

.cweb\:pagination .single_page,
.cweb\:pagination .first,
.cweb\:pagination .last {
    color: #1d1d1b;
}

.cweb\:pagination .single_page:hover {
    color: #007EC3;
}

.cweb\:pagination.x-pagination span.current {
    text-shadow: unset;
    color: #007EC3;
    font-weight: bold;
}

/*********************************************************************/

.search_post_type_section {
    width: auto;
    max-width: 800px;
}

.search_post_type_section h2 {
    margin-bottom: 15px;
}

.search_post_type_section > div {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.search_post_type_section .entry-wrap,
.search_post_type_section .entry-featured {
    float: none;
}

.search_post_type_section .entry-wrap {
    line-height: 20px;
    height: auto;
    padding-bottom: 30px;
    width: auto;
}

.search_post_type_section .entry-wrap h3 {
    margin-top: 10px;
}

.search_post_type_section .entry-wrap h3 a {
    transition: all linear 0.1s !important;
    display: block;
}

.search_post_type_section .entry-wrap h3 a:hover {
    color: #8e8e8d;
}

.search_post_type_section .entry-wrap h3 a:hover::after {
    background-image: url(assets/svg/chevron-right-grey.svg);
}

.search_post_type_section.help .entry-wrap h3 a::after,
.search_post_type_section .entry-wrap.default h3 a::after {
    background-size: contain;
    width: 15px;
    height: 15px;
}

.search_post_type_section.page > div {
    display: block;
    margin-top: 10px;
}

.search_post_type_section.page article,
.search_post_type_section.products article,
.search_post_type_section.news article,
.search_post_type_section.case-studies article,
.search_post_type_section.locations article,
.search_post_type_section.downloads article {
    margin: 10px;
}

.search_post_type_section.case-studies article,
.search_post_type_section.locations article,
.search_post_type_section.downloads article {
    width: calc((100% - 40px)/2);
}

.search_post_type_section.case-studies article:nth-child(odd),
.search_post_type_section.locations article:nth-child(odd),
.search_post_type_section.downloads article:nth-child(odd) {
    margin-left: 10px;
}

.search_post_type_section.page .entry-wrap {
    height: auto;
    padding-bottom: 15px;
    width: auto;
}

.search_post_type_section.help .entry-wrap h3,
.search_post_type_section .entry-wrap.default h3 {
    margin: 10px 0 0 0;
}

.search_post_type_section.case-studies .entry-wrap h3 {
    color: #007EC3 !important;
    /*font-weight: 500 !important;*/
    text-transform: uppercase;
}

.search_post_type_section.products .entry-wrap h3 a:hover,
.search_post_type_section.case-studies .entry-wrap h3 a:hover {
    color: #002f78 !important;
}

.search_post_type_section.products article,
.search_post_type_section.news article {
    width: 100%;
    display: flex;
}

.search_post_type_section.products .entry-wrap,
.search_post_type_section.news .entry-wrap {
    flex-grow: 1;
    min-height: unset;
    width: auto;
}

.search_post_type_section.products .search_what_it_is {
    margin-bottom: 10px;
    font-size: 16px !important;
}

.search_post_type_section.products .entry-featured,
.search_post_type_section.news .entry-featured {
    width: 155px;
    height: 100%;
    transform: none;
}

.search_post_type_section.products .entry-featured img,
.search_post_type_section.news .entry-featured img {
    height: 100%;
}

.search_post_type_section.products .has-post-thumbnail .entry-featured,
.search_post_type_section.news .has-post-thumbnail .entry-featured {
     border-bottom: none;
}

.search_post_type_section.products .entry-thumb,
.search_post_type_section.news .entry-thumb {
    height: 100%;
    min-height: 155px;
}

.search_post_type_section.products .entry-thumb img,
.search_post_type_section.news .entry-thumb img {
    min-height: 155px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.search_post_type_section .entry-wrap a.search_product_cta,
.search_post_type_section .entry-wrap a.search_news_cta {
    font-size: 16px;
    font-weight: 500;
    padding-right: 20px;
    transition: all linear 0.1s !important;
}

.search_post_type_section .entry-wrap a.search_product_cta:hover,
.search_post_type_section .entry-wrap a.search_news_cta:hover {
    color: #8e8e8d;
}

.search_post_type_section .entry-wrap a.search_product_cta::after,
.search_post_type_section .entry-wrap a.search_news_cta::after {
    margin-left: 0;
    width: 15px;
    height: 15px;
    top: 3px;
    bottom: unset;
    right: 0;
    background-size: contain;
}

.search_post_type_section .entry-wrap a.search_product_cta:hover::after,
.search_post_type_section .entry-wrap a.search_news_cta:hover::after {
    background-image: url(assets/svg/chevron-right-grey.svg);
}

.search_post_type_section.case-studies .entry-wrap,
.search_post_type_section.locations .entry-wrap {
    height: 100%;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_name {
    font-size: 16px !important;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_name a {
    transition: all linear 0.1s !important;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_name a:hover {
    color: #8e8e8d;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_location {
    margin-top: 2px;
    margin-bottom: 15px;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_location img {
    margin-top: -5px;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_excerpt {
    margin-bottom: 10px;
}

.search_post_type_section.downloads .entry-wrap {
    padding-bottom: 65px;
    height: auto;
}

.search_post_type_section.downloads .entry-wrap .cweb\:download-button {
    bottom: 13px;
}

.search_post_type_section.downloads .entry-wrap .cweb\:download-button a::after {
    top: 13px;
    right: 15px;
}

.search_post_type_section.locations .entry-wrap {
    padding-bottom: 50px;
}

.search_post_type_section.locations .entry-wrap .site_phone {
    display: inline-block;
    font-size: 16px;
    color: #1d1d1b;
    font-weight: 500;
    position: absolute;
    bottom: 40px;
    padding-right: 20px;
    transition: all linear 0.1s !important;
}

.search_post_type_section.locations .entry-wrap .site_phone::before {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 8px;
    content: '';
    width: 17.5px;
    height: 17.5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(assets/svg/phone-blue.svg);
}

.search_post_type_section.locations .entry-wrap .site_phone:hover {
    color: #8e8e8d;
}

.search_post_type_section.locations .entry-wrap .site_phone:hover::before {
    background-image: url(assets/svg/phone-grey.svg);
}

.search_post_type_section .x-pagination.cweb\:pagination {
    position: static;
}

.search_post_type_section .x-pagination.cweb\:pagination .cweb\:prev-search-page a {
    right: 0;
}

.search_post_type_section .x-pagination.cweb\:pagination .cweb\:next-search-page a {
    right: 0;
}

.search_post_type_section .x-pagination.cweb\:pagination {
    width: auto;
    margin: 0;
    margin-top: 25px;
}

.search_post_type_section .x-pagination.cweb\:pagination {
    display: block;
}

.search_post_type_section .x-pagination.cweb\:pagination ul {
    display: flex;
    justify-content: center;
    position: relative;
}


.search_post_type_section.news .date {
    margin-bottom: 10px;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_name {
    font-weight: 500 !important;
}

.search_post_type_section.case-studies .entry-wrap p.case_study_location {
    color: #428CCB;
}


footer.x-colophon{
    z-index:0;
}


/***************************************************/
/*                MEDIA QUERIES                    */
/***************************************************/

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

    .cweb\:lt {
        padding: 0 5%;
    }

    .cweb\:lt\:top,
    .cweb\:lt\:middle {
        flex-direction: column;
        margin: 0;
    }

    .cweb\:lt\:sidebar {
        width: 100%;
        padding: 0;
    }

    .cweb\:lt\:about {
        padding: 0;
    }

    .cweb\:lt\:careers-link {
        width: 100%;
        border: none;
        padding: 0;
    }

    .cweb\:lt\:map {
        margin: 0;
    }

    #map {
        min-width: 200px;
    }
}

@media only screen and (max-width: 750px) {
    .search_post_type_section,
    .search_post_type_section article,
    .search_post_type_section.case-studies article,
    .search_post_type_section.locations article,
    .search_post_type_section.downloads article,
    .search_post_type_section.help .entry-wrap {
        width: 100%;
    }

    .search_post_type_section .entry-featured,
    .search_post_type_section .entry-wrap {
        width: 100%;
    }

    .search_post_type_section.page article {
        width: auto;
    }

    .search_post_type_section.products article,
    .search_post_type_section.news article {
        width: calc((100% - 40px)/2);
        flex-direction: column;
    }

    .search_post_type_section.products .entry-wrap,
    .search_post_type_section.news .entry-wrap {
        width: auto;
    }

    .search_post_type_section.products .entry-featured,
    .search_post_type_section.news .entry-featured {
        width: 100%;
        height: auto;
    }

    .search_post_type_section.products .entry-thumb,
    .search_post_type_section.news .entry-thumb {
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        min-width: 155px;
    }

    .search_post_type_section.products .entry-thumb img,
    .search_post_type_section.news .entry-thumb img {
        min-width: unset;
    }
}

@media only screen and (max-width: 500px) {
    .search_post_type_section.products article,
    .search_post_type_section.news article {
        width: 100%;
    }

    .search_post_type_section.products .entry-featured,
    .search_post_type_section.news .entry-featured {
        width: 100%;
        height: auto;
    }
}

/*header fix*/

.x-masthead .x-anchor-toggle{
    width: unset !important;
}

.x-masthead .m1v5-l.x-anchor.x-anchor-toggle {
    width: unset !important;
}