/*
Theme Name: Voyage Child
Theme URI: http://www.aswatson.com
Description: Voyage Child
Theme Author: ASW eLab
Author URI: http://www.aswatson.com
Template: voyage
Version: 1.0.15
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: voyage-child
*/

@import url('https://fonts.googleapis.com/css?family=Varela+Round');
.clear {
    clear: both;
}

.titlebar h1 {
    font-variant: normal !important;
    color: #e31836;
}

h4 {
    color: #e31836;
}

#mainmenu .navbar-inner {
    background-image: none !important;
    background-color: #E2231A !important;
    padding-left: 0 !important;
}

.navbar-inner {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border-radius: 0;
}

.navbar .nav>li>a {
    color: #ffffff;
    font-size: 15px;
    text-shadow: none;
    font-weight: bold;
}

.navbar .nav>li>a:hover {
    color: #58585a;
    background-color: white;
}

.navbar .nav>li>a:focus {
    color: #58585a;
}

.navbar .nav li:hover {
    color: #58585a;
    background-color: white;
}

.navbar .nav li:hover a {
    color: #58585a;
}

.navbar .nav li:hover>a {
    color: #e31836;
}

.navbar .nav li a:hover {
    color: #e31836;
    background-color: unset;
}

.top-menu {
    float: right;
}

#logo>a>img {
    width: 200px !important;
}

.custom-background #main .container_12,
.custom-background #main .container_16 {
    background-color: white !important;
}

.custom-background #footer .container_12,
.custom-background #footer .container_16 {
    background-color: white !important;
}

#footer {
    margin-top: 50px;
}

.blog-widgets .widget-title {
    display: none;
}

.widget_nav_menu ul a:before,
#main .widget_pages ul a:before,
#main .widget_meta ul a:before,
#main .widget_archive ul a:before {
    background: none !important;
}

#main .widget_pages ul li a {
    border-bottom: none;
    margin-left: -20px;
}
.footer-menu {
    float: none;
    text-align: center;
    line-height: 20px;
    margin-left: 0;
    margin-bottom: 8px;}
#footer .footer-menu ul li a{
    color: #808080;
    line-height: 12px;
    font-size: 12px;
    padding: 2px 8px !important;
}

#footer-widget-area {
    border-bottom: 0;
}


/* LINK COLOUR AMENDMENTS FOR NEWS AND CATEGORY ITEMS - 6TH SEPTEMBER 2017 */

a {
    color: #333333;
}

a:hover {
    color: #e31836;
}

a:focus {
    color: #e31836;
}

.entry-header a {
    color: #e31836;
}

.top-menu ul li a:hover {
    background: #eee;
}

.xoxo {
    margin-left: 27px;
}

.xoxo .widget-container {
    line-height: 30px;
    margin-top: -2px;
    margin-bottom: 21px;
}

.xoxo .widget-container li {
    line-height: 30px;
}

.entry-title {
    margin-left: 1%;
    margin-top: 10px;
    color: #e31836;
    border-bottom: none;
}

.header-banner-home {
    margin-top: -10px;
    margin-bottom: 25px;
    background-color: #e31836;
}

.header-banner {
    margin-top: -10px;
    margin-bottom: 0px;
}
.header-banner .banner-background-image{
    height: 0;
    padding-top: calc(564 / 2500 * 100%);
}
#mainmenu .navbar-inner {
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.top-menu {
    float: right;
    position: relative;
    margin-bottom: -53px;
    margin-top: 25px;
    margin-right: 297px;
    margin-left: 0px;
    z-index: 999;
}

.qtranxs_widget ul {
    margin: 25px 200px 0 0 !important;
    z-index: 998;
    font-size: 12px;
    line-height: 20px;
}

#branding.container_12 .grid_12{
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

#branding #searchform {
    top: 19px;
}

#branding .search-query {
    margin-right: 2px;
    width: 140px;
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/aswatson/assets/images/search.png) no-repeat 6px center;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 15px;
    padding-left: 30px;
    box-shadow: none;
}


/*.entry-title{margin-top: 25px; margin-left: 0;}*/


/** Category level : perhaps later relax this down to individual categories but in general this covers the four 'responsibilsites' sub-categoires*/


/* NOT AFTER 20150924 now the filter markup handles it all.responsibilities article.hentry{width: 45%; float: left; margin-right: 5%;}*/

.archive.category-environment-stories #content>header,
.archive.category-community-stories #content>header,
.archive.category-workplace-stories #content>header,
.archive.category-marketplace-stories #content>header {
    margin-top: 0;
}

.category.archive.category-environment-stories #sidebar_one.blog-widgets,
.category.archive.category-community-stories #sidebar_one.blog-widgets,
.category.archive.category-workplace-stories #sidebar_one.blog-widgets,
.category.archive.category-marketplace-stories #sidebar_one.blog-widgets {
    padding-top: 10px;
}

#sidebar_one .widget_nav_menu li.current-post-parent>a,
#sidebar_one .widget_nav_menu li.current-menu-item>a {
    color: #e31836;
}

.category.archive.category-environment-stories .entry-title,
.category.archive.category-community-stories .entry-title,
.category.archive.category-workplace-stories .entry-title,
.category.category-marketplace-stories .entry-title,
#page-content-title {
    margin-left: -0.2%;
    font-size: 30px;
    margin: 14px 0 0;
}

#sidebar-entry-title {
    color: #e31836;
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    margin: 20px 0 0;
}

@media screen and (max-width: 767px) {
    #page-content-title {
        margin-left: -0.2%;
        margin-top: 0.5%;
    }
}

@media screen and (max-width: 700px) {
    .responsibilities article.hentry {
        width: 98%;
        float: left;
        margin-right: 0%;
        margin: 0px !important;
    }
    #responsibilites-content-title {
        margin-left: 0%;
        margin-top: 0.5%;
    }
    .grid_4.pull_8.sidebar-entry-title {
        margin-left: 3%;
        margin-right: 3%;
        width: 94%;
    }
}

.responsibilities .featured-image {
    width: 100%;
}

.responsibilities article {
    margin-bottom: 35px;
    /*min-height:340px;*/
}

.single.responsibilities .featured-image {
    display: block;
    width: 100%;
    float: left;
    margin: 14px 12px 12px 0px;
}

.single.responsibilities article.hentry {
    width: 100%;
    float: none;
    margin-right: 0%;
}

.archive .grid_4.pull_8.sidebar-entry-title,
.category .grid_4.pull_8.sidebar-entry-title {
    /*padding-top: 16px;*/
}

.category .entry-title,
.single-post .entry-title {
    margin-left: 0px;
}

.category .entry-title {
    margin-top: 35px;
}

.category article.hentry {
    margin-bottom: 0px;
}


/* now handled by the filter markup.category-as-watson-tv article.hentry{width: 45%; float: left; margin-right: 5%;}*/

.single .category-latest-news .featured-image {
    width: 30%;
    float: left;
    margin-right: 5%;
    margin-top: 4px;
    display: none;
}

@media screen and (max-width: 700px) {
    .category-as-watson-tv article.hentry,
    .single .category-latest-news .featured-image {
        width: 100%;
        float: left;
        margin-right: 0%;
    }
    /* at 20150817 now try: */
    /*.category-as-watson-tv article.hentry,.single .category-latest-news .featured-image{width: 40%;float: none;margin: auto;}*/
}

.category-as-watson-tv .featured-image {
    /*width:100%;*/
    width: 96%;
}

.category article .gallery {
    /*, body.category .category article .gallery{*/
    display: none;
}



.archive .entry-content {
    margin-top: 15px;
}

.category-watson-magazine .entry-meta-top {
    display: none;
}

.category-watson-magazine .entry-title,
.category-as-watson-tv .entry-title {
    margin-top: 0px;
}

.category-watson-magazine header,
.category-watson-magazine .entry-content {
    margin-top: 0px;
}

.archive #content>header {
    margin-top: 21px;
}

.magazine_list .date {
    margin-bottom: 20px;
}

.category-watson-magazine article.hentry {
    padding-bottom: 0px;
    margin-bottom: 0px;
    /*min-height:340px; only if you go big picture*/
}

.category-watson-magazine article.hentry .entry-content {
    margin-bottom: 0px;
}

.asw-cover-wrapper img {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    top: 7px;
}

.category-as-watson-tv article {
    margin-bottom: 35px;
    /*min-height:340px;*/
}

.category-watson-magazine article .asw-button-block {
    display: block;
    float: right;
    position: relative;
    top: -12px;
}


/* constrain to small LHS images: */

.category-watson-magazine article>a {
    /* feels like a weak selector; consider re-writing voyage_thumbnail in custom category template for magazines */
    display: block;
    float: left;
    width: 25%;
    margin-right: 3%;
}


/* constrain to small LHS images: */

.category-latest-news article>a {
    /* feels like a weak selector; consider re-writing voyage_thumbnail in custom category template for magazines */
    display: block;
    width: 30%;
    float: left;
    margin: 14px 12px 12px 0px;
}

.category-watson-magazine article .entry-content footer {
    display: none;
}

.asw-posts-row {
    clear: both;
    overflow: hidden;
    z-index: inherit;
    margin-bottom: 35px;
}

.asw-posts-row article.hentry {
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.asw-posts-row .entry-title {
    font-size: 18px;
    margin-top: 0px;
}

.asw-posts-row .entry-date {
    display: block;
    font-size: 85%;
}

.single footer .entry-meta-bottom {
    display: none;
    /* hides the permalink but hides anything else here too */
}

.navbar .nav {
    /* margin: -5px 10px 0px 0; */
    margin: -5px 0px 0px 0;
}

.navbar .nav>li {
    margin-right: 45px;
}

.nav-previous,
.nav-next {
    width: 40%;
}


/* GALLERIES */

.single-post .gallery {
    width: 30%;
    margin-left: 5% !important;
    float: right;
}

.single-post .gallery-item {
    width: 100% !important;
}

.single-post .gallery-item .attachment-thumbnail {
    width: 100%;
    height: inherit;
}


/* MENU ITEM SELECTED COLOUR CHANGES */


/*.current-menu-item#nav-menu-item-67 {
    background-color: #9f0018;
}

.current-menu-item#nav-menu-item-68 {
    background-color: #01c2ed;
}

.current-menu-item#nav-menu-item-69 {
    background-color: #f7bc00;
}

.current-menu-item#nav-menu-item-70 {
    background-color: #ef00a6;
}

.current-menu-item#nav-menu-item-71,
.current-menu-item#nav-menu-item-9355 {
    background-color: #a27ec6;
}

.current-menu-item#nav-menu-item-11457 {
    background-color: #e4bf68;
}

.current-menu-item#nav-menu-item-12130,
.current-menu-item#nav-menu-item-11719 {
    background-color: #00438f;
}*/


/* MAIN MENU HOVER COLOURS */


/*#nav-menu-item-67.hover,
#nav-menu-item-67:hover {
    background-color: white;
}
#nav-menu-item-68.hover ,
#nav-menu-item-68:hover {
    background-color: #01c2ed;
}
#nav-menu-item-69.hover ,
#nav-menu-item-69:hover {
    background-color: #f7bc00;
}
#nav-menu-item-70.hover ,
#nav-menu-item-70:hover {
    background-color: #ef00a6;
}
#nav-menu-item-71.hover,
#nav-menu-item-9355.hover,
#nav-menu-item-71:hover,
#nav-menu-item-9355:hover {
    background-color: #a27ec6;
}
#nav-menu-item-11457.hover,
#nav-menu-item-11457:hover {
    background-color: #e4bf68;
}

li.hover .dropdown-menu{
    display:block;margin-top:0;
}*/


/* DROPDOWN STYLING */

#mainmenu .nav li.dropdown .dropdown-toggle {
    display: none;
}

.nav li.dropdown ul li>a {
    font-size: 14px;
    color: #58585a;
    font-family: 'Questrial', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.dropdown-menu {
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    text-decoration: none;
    color: #fff;
    background-color: #efefef;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-repeat: none;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: none;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-repeat: none;
}


/* DROPDOWN COLOUR STYLING */

.dropdown-menu {
    background-color: white;
    padding: 15px 30px 15px 5px;
    border-radius: 0 0 12px 12px;
    box-shadow: #00000026 1px 3px 3px;
}
@media screen and (min-width: 1024px){
    .dropdown-menu {
        background-color: white;
        padding: 13px 8px;
    }
    #menu-nav-menu .dropdown-menu .sub-menu-item {
        padding: 3px 0;
    }
}

/*#nav-menu-item-68 .dropdown-menu {
    background-color: #01c2ed;
}

#nav-menu-item-69 .dropdown-menu {
    background-color: #f7bc00;
}

#nav-menu-item-70 .dropdown-menu {
    background-color: #ef00a6;
}

#nav-menu-item-71 .dropdown-menu,
#nav-menu-item-9355 .dropdown-menu {
    background-color: #a27ec6;
}

#nav-menu-item-11457 .dropdown-menu {
    background-color: #e4bf68;
}

*/

.nav>li>.dropdown-menu:before {
    display: none !important;
}

.nav>li>.dropdown-menu:after {
    display: none !important;
}


/* Accordion Styles */

.panel-heading {
    padding: 3px;
    cursor: pointer;
}

.bs-example img {
    /*border: 1px solid #dedede;*/
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}


/* QUICK CHANGES */

.single_job_listing .meta {
    margin-left: 5px;
    margin-top: 10px;
}

.navbar .nav>li {
    margin-right: 5px;
}

.cd-timeline-content {
    margin-top: 3em;
}

.cd-timeline-img.cd-picture {
    margin-top: 3em;
}

.cd-timeline-content .the-excerpt {
    font-size: 12px;
}

#sidebar_one .widget_nav_menu li.current_page_item>a {
    color: #e31836;
}


/* CAPTION STYLING */

.wp-caption p.wp-caption-text {
    font-size: 11px !important;
    font-style: italic !important;
    text-align: left !important;
    line-height: 11px !important;
}

#mainmenu .container_12 .navbar-inner #section-menu .nav-collapse .section-menu-container .navbar-search {
    display: none;
    top: auto;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    border: none;
    box-shadow: unset;
}

#mainmenu .container_12 .navbar-inner #section-menu .nav-collapse .section-menu-container .navbar-search {
    display: none;
    top: auto;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    border: none;
    box-shadow: unset;
}

#mainmenu .container_12 .navbar-inner #section-menu .nav-collapse .section-menu-container .navbar-search > form {
    margin: 0 !important;
}

#mainmenu .container_12 .navbar-inner #section-menu .nav-collapse .section-menu-container .navbar-search > form > input {
    display: block;
    float: unset !important;
    margin: 0 auto !important;
}

/* MEDIA QUERIES - 480 -------------------------------------------------------*/

@media screen and (max-width: 768px) {
    #branding.container_12 .grid_12 > form {
        display: none !important;
    }
    .nav li.dropdown ul li>a{
        color: white;
    }
}

@media screen and (max-width: 800px) {
   
    #logo {
        margin-top: 10px !important;
        margin-left: 0px !important;
    }
}


@media screen and (max-width: 480px) {
    #branding.container_12 .grid_12{
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 10px;
    }

    #branding.container_12 .grid_12 > #header-widget {
        order: 2;
        width: fit-content;
        margin: 0 0 0 auto;
    }
    #branding.container_12 .grid_12 > #logo {
        order: 1;
        width: fit-content;
    }
    #header-wrapper{
        padding: 0 0 3px;
    }
    .icon-bar {
        background-color: #fff !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .navbar .btn-navbar {
        background: none !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    #mainmenu .btn-navbar {
        margin-bottom: 5px;
        margin-top: 5px;
        margin-right: 2px;
    }
    .navbar .btn-navbar .icon-bar {
        width: 24px;
        margin-bottom: 5px;
    }
    .navbar .nav li .dropdown-menu{
        padding: 0 30px 0 30px;
    }
    .nav li.dropdown ul li>a{
        padding: 10px 0 10px;
        line-height: 24px;
        border-bottom-color: rgba(238, 238, 238,0.7);
    }
    .navbar #menu-nav-menu > li:hover{
        background-color: transparent;
    }
    .navbar .nav li:hover a{
        color: #ffffff;
    }
    .navbar .nav li a:hover{
        color: #e31836;
        background-color: #ffffff;
    }
    .nav-collapse .nav{
        margin-top: -10px;
    }
    .nav-collapse .dropdown-menu a{
        font-family: 'Questrial', Helvetica, Arial, sans-serif;
    }
    .header-banner-home {
        margin-top: -10px !important;
    }
    .hentry {
        margin: 10px 10px 28px 15px !important;
    }
    .home .hentry{
        margin: 0 6.5px 0 !important;
    }
   
    .top-menu {
        display: block;
        width: 200px;
        float: left;
        margin-left: 8px;
    }
    .qtranxs_widget ul {
        margin: 24px -8px 0 0 !important;
    }
    #searchform {
        top: 56px;
        margin-bottom: 50px;
        margin-left: -122px;
        margin-right: 22px;
    }
    .search-query {
        /*width: 85% !important; float: left !important;*/
        margin-left: auto !important;
        margin-bottom: -20px !important;
        margin-top: 10px !important;
        margin-right: auto!important;
        /* AT 20150817 Malachy changes the margins because Dan says it isn't right on his phone */
        width: 50% !important;
        float: right !important;
        /* end 20150817 */
    }
    #logo {
        margin-top: 45px !important;
        width: 100%;
        text-align: center;
    }
    #branding #searchform {
        position: relative;
        text-align: center;
        display: block;
        float: none;
        top: auto;
        /* right: auto; */
        /* width: 418px; */
        margin-right: -43px !important;
        margin-left: 116px !important;
        margin-top: -48px;
        /* AT 20150817 Malachy changes the margins because Dan says it isn't right on his phone */
        margin-right: inherit !important;
        margin-left: inherit !important;
        margin-top: inherit !important;
        left: -11px;
        /* end 20150817 */
    }
    .nav li.dropdown ul li>a {
        color: #ffffff;
        font-size: 16px;
    }
    #mainmenu .container_12 .navbar-inner #section-menu .nav-collapse .section-menu-container .navbar-search {
        display: block;
    }
    #mainmenu .container_12 .navbar-inner #section-menu .nav-collapse .section-menu-container .navbar-search > form > input {
        border: none;
        outline: none;
        max-width: unset;
        box-shadow: none;
        border-radius: 20px;
        padding: 10px 14px 10px 30px;
        width: calc(100% - 74px) !important;
        background: rgba(255, 255, 255, 1) url(/wp-content/themes/aswatson/assets/images/search.png) no-repeat 6px center;
    }
}


/* MEDIA QUERIES - 532 -------------------------------------------------------*/

@media screen and (min-width: 481px) and (max-width: 532px) {
    .icon-bar {
        background-color: #fff !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .navbar .btn-navbar {
        background: none !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin-bottom: 4px !important;
    }
    .header-banner-home {
        margin-top: -10px !important;
    }
    .hentry {
        margin: 10px 10px 28px 15px !important;
    }

    .top-menu {
        display: block;
        width: 236px;
        float: left;
        margin-left: 10px;
    }
    .qtranxs_widget ul {
        margin: 24px 5px 0 0 !important;
    }
    #searchform {
        top: 104px !important;
        margin-bottom: 50px !important;
        left: -100px !important;
    }
    .search-query {
        width: 70% !important;
        float: left !important;
        margin-left: 119px !important;
        margin-bottom: 0px !important;
        margin-top: -47px !important;
    }
}



/* MEDIA QUERIES - 533 FIX -------------------------------------------------------*/

@media screen and (min-width: 531px) and (max-width: 533px) {
    .icon-bar {
        background-color: #fff !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .navbar .btn-navbar {
        background: none !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin-bottom: 4px !important;
    }
    .header-banner-home {
        margin-top: -10px !important;
    }
    .hentry {
        margin: 10px 10px 28px 15px !important;
    }
    #logo {
        margin-top: 90px !important;
        margin-left: 10px !important;
    }
    .top-menu {
        display: block;
        width: 236px;
        float: left;
        margin-left: 10px;
    }
    .qtranxs_widget ul {
        margin: 24px 5px 0 0 !important;
    }
    #searchform {
        top: 104px !important;
        margin-bottom: 50px !important;
        left: -100px !important;
    }
    .search-query {
        width: 70% !important
    }
}


/* end media queries 533 fix */


/* from 20150819 */

.gallery-item .wp-caption-text {
    font-size: 80%;
    /*font-style:italic; THIS IS VERY BAD FOR CHINESE CHARACTERS. */
    color: #888;
    line-height: 1.3;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}




/* EXPERIMENTS */


/* make the slider show all the image even if it means the image is smaller */

.ug-thumb-wrapper.ug-tile img.ug-thumb-image {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0px !important;
}


/* END make the slider show all the image even if it means the image is smaller */


/* improve singe-post page view on narrow screens: */

.single.responsibilities article.hentry {
    margin: 0px !important;
}


/* CATEGORY FILTERS */

.asw-category-filter-selector {
    float: left;
    margin-right: 25px;
}


/*.tac-gallery-wrapper article{float:left;width:42%;margin-right:7%;}*/

.tac-gallery-row {
    clear: both;
    overflow: hidden;
    /*clear fix*/
}

.tac-gallery-row .entry-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

.asw-row-group-wrapper.asw-group-hide {
    display: none;
}

.asw-category-show-more-button {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.asw-category-filter-button {
    display: none;
}

.asw-group-hide {
    display: none;
}


/* no month selector please (at 20150924) */

.asw-category-filter-selector--month {
    display: none;
}

.asw-column-cell {
    float: left;
}

.asw-column-cell-for-1 {
    width: 90%;
    margin-right: 6%;
}

.asw-column-cell-for-2 {
    width: 45%;
    margin-right: 3%;
}

.asw-column-cell-for-3 {
    width: 30%;
    margin-right: 2%;
}

.asw-column-cell-for-4 {
    width: 22.5%;
    margin-right: 1.5%;
}

@media screen and (max-width: 480px) {
    .asw-column-cell-for-1,
    .asw-column-cell-for-2,
    .asw-column-cell-for-3,
    .asw-column-cell-for-4 {
        width: 96%;
        margin-right: 0%;
    }
    .category-watson-magazine article>a {
        width: 96%;
    }
}

.jp-carousel-titleanddesc-title {
    display: none;
}


/************ Filter FIX ************/


/****** Hiding the category filter to keep it ******/

.searchandfilter #ofcategory {
    display: none;
}

.category-environment-stories .asw-posts-row article,
.category-marketplace-stories .asw-posts-row article,
.category-workplace-stories .asw-posts-row article,
.category-community-stories .asw-posts-row article,
.category-as-watson-tv .asw-posts-row article {
    width: 45%;
    margin: 0 3% 0 0;
    float: left;
}

.searchandfilter {
    margin: 0px;
}

.searchandfilter ul {
    margin: 10px 0;
}

.searchandfilter li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 10px;
}

.searchandfilter input,
.searchandfilter textarea,
.searchandfilter .uneditable-input {
    background-color: #fff;
    border: 1px solid #a8a8a8;
    height: 30px;
    color: #555;
}

.searchandfilter input:hover,
.searchandfilter textarea:hover,
.searchandfilter .uneditable-input:hover {
    background-color: #a8a8a8;
    color: #fff;
}

.metaslider {
    overflow: hidden;
}


/************ Slider Overlay ************/

.metaslider .caption-wrap {
    background: rgba(227, 24, 54, 1) none repeat scroll 0 0 !important;
    opacity: 1 !important;
    min-height: 109px;
}


/******** EXAMPLE OF HOW TO COLOUR INDIVIDUAL SLIDES ********/


/*SLIDE 1*/


/*.metaslider .slide-18504 .caption-wrap {
    background: rgba(227,24,54,1) none repeat scroll 0 0 !important;
}*/


/**OTHER SLIDE PARAMETERS**/

.metaslider .caption {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    text-align: left;
    padding: 5px 10px 25px 10px !important;
}

.metaslider .caption h2 {
    font-family: "Varela Round", sans-serif;
    font-weight: 700;
    line-height: 30px;
    margin: 5px 0;
    font-size: 20px;
}

.metaslider .caption sup {
    top: -0.7em;
    font-size: 15px;
}


/**Store Gallery**/

.page-template-store-gallery-page h2.category-title {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #eeeeee;
}

.page-template-store-gallery-page h1.entry-title {
    color: #646464;
    font-size: 24px;
    font-weight: 400;
}

.right_lightbox {
    display: block;
    float: right !important;
    max-width: 300px;
    text-align: right;
}

.right_lightbox strong {
    display: block;
    margin: 0 0 1px
}

.page-template-store-gallery-page #menu-news-centre_mobile li.current-menu-item.current_page_item a,
.page-template-store-gallery-page #content a,
.right_lightbox a {
    color: #e31836;
}

.page-template-store-gallery-page #content .key_line {
    border: 1px solid #dddddd;
    padding: 8px 4px;
}

.envirabox-theme-base .envirabox-image-wrap {
    border-radius: 3px;
    border: none;
}

img.envirabox-image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 10px solid white;
    border-left: 10px solid white;
    border-right: 10px solid white;
    border-bottom: 20px solid white;
}

.envirabox-theme-base .envirabox-caption-wrap.inside div.envirabox-title {
    padding: 10px 0 0 10px;
}

.envirabox-theme-base .envirabox-thumbs.envirabox-thumbs-bottom {
    bottom: 20px !important;
}

.envirabox-theme-base .envirabox-thumbs.envirabox-thumbs-bottom ul {
    height: auto !important;
}

@media (min-width: 768px) {
    .envirabox-theme-base .envirabox-thumbs {
        left: 51% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.envirabox-thumbs>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.envirabox-thumbs>ul>li {
    margin: 5px;
}

.envirabox-theme-base .envirabox-thumbs {
    max-width: 768px;
}

.page-template-store-gallery-page #content .key_line .hentry {
    margin: 0;
}

.page-template-store-gallery-page #content .key_line .hentry .envira-gallery-wrap {
    margin: 0 auto -18px auto;
}

.page-template-store-gallery-page #content .key_line .hentry .envira-gallery-wrap .envira-gallery-public {
    margin: 0 auto;
}

.page-template-store-gallery-page #menu-news-centre_mobile {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none;
}

.page-template-store-gallery-page #menu-news-centre_mobile li {
    width: 50%;
    float: left;
    margin: 0;
}

.page-template-store-gallery-page #menu-news-centre_mobile li a {
    display: block;
    color: #7d7d7d;
    padding: 3px 5px;
    font-size: 14px;
}

.page-template-store-gallery-page #menu-news-centre_mobile li:nth-child(2n+1) a {
    border-right: 1px solid #efefff;
}

.page-template-store-gallery-page #menu-news-centre_mobile li a span {
    display: block;
    border-bottom: 1px solid #efefff;
    padding: 0 0 3px 30px;
}

@media screen and (max-width: 767px) {
    .page-template-store-gallery-page #menu-news-centre_mobile {
        display: block;
    }
    .page-template-store-gallery-page #menu-news-centre .sub-menu {
        display: none;
    }
    .envirabox-theme-base .envirabox-thumbs {
        left: 6% !important;
        top: 50% !important;
    }
}

@media screen and (max-width: 600px) {
    /*.flexslider .slides li {
        position: relative;
        height: auto;
        overflow: hidden;
    }
    .metaslider .slides img {
        width: auto !important;
        display: block;
        min-height: 200px;
        max-width: none !important;
        position: relative;
        left: -661px;
    }
    .flexslider .slides p {
        margin: 0;
        font-size: 12px;
    }*/
}

@media screen and (max-width: 480px) {
    .flexslider .slides li {
        position: relative;
        height: auto;
        overflow: hidden;
    }
    .metaslider .slides img {
        width: auto !important;
        display: block;
        max-width: none !important;
        position: relative;
        height: 220px !important;
        transform: translateX(-50%);
    }
    .flexslider .slides p {
        margin: 0;
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .metaslider .caption-wrap {
        min-height: 130px;
    }
}


/* NEW NAVIGATION BUTTON IN PAGE COPY FOR BRAND SECTION PAGES */

#newPageNavButtons {
    float: left;
}

a.backForwardButton:link {
    color: #e31836;
    text-decoration: underline;
    font-family: Arial !important;
    font-weight: bold;
}

a.backForwardButton:visited {
    color: #e31836;
    font-family: Arial !important;
    font-weight: bold;
}

a.backForwardButton:hover {
    color: #e31836;
    font-family: Arial !important;
    font-weight: bold;
}


/****** OUR PEOPLE PAGE CSS - 1ST SEPTEMBER 2017 ******/


/* FIX FOR WORDPRESS ADDING BRS EVERYWHERE */

#ourPeoplePage br {
    display: none;
}

#ourPeoplePage .workingBR {
    display: block;
}


/* PAGE STYLES */

#ourPeoplePage .header-banner>div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 331px;*/
}

#ourPeoplePage .container_12 {
    color: #7d7d7d;
    font-size: 14px;
}

#ourPeoplePage .clearer {
    clear: both;
}

h1#page-content-title {
    font-size: 35px;
    margin-top: 23px;
}

#ourPeoplePage h2,
#ourPeoplePage h2 {
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #ec0b37;
    padding: 10px 0;
    margin: 0;
    line-height: 35px;
    font-weight: 400;
}

#ourPeoplePage .moreBold {
    font-weight: bold;
}

#ourPeoplePage .moreBoldBody {
    font-weight: bold;
    color: black;
}

#ourPeoplePage .clickHereJobs {
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-top: 25px;
}

#ourPeoplePage a.jobsBtn {
    background-color: #0ec2ec;
    padding: 6px;
    color: white !important;
    text-decoration: none;
    border: 1px solid #0ec2ec;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#ourPeoplePage a.jobsBtn:hover {
    background-color: white;
    padding: 6px;
    color: #0ec2ec !important;
    text-decoration: none;
    border: 1px solid #0ec2ec;
}

#ourPeoplePage #aswVideo {
    margin-top: 25px;
    margin-bottom: 10px;
}

#ourPeoplePage #aswVideo iframe {
    max-width: 100%;
}

#ourPeoplePage #socialIcons {
    width: 100%;
    margin-bottom: 20px;
}

#ourPeoplePage #socialIcons img {
    vertical-align: middle;
}

#ourPeoplePage .socialCol {
    display: inline;
    margin-right: 3%;
    font-family: Questrial, Arial, sans-serif;
}

#ourPeoplePage a.socialLink {
    color: black;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#ourPeoplePage a.socialLink:hover {
    color: #ec0b37;
}

#ourPeoplePage a.socialLink:visited {
    color: black;
}

#ourPeoplePage .socialLinkText {
    margin-left: 10px;
}


/* CAROUSEL */

.our-people-carousel .ourPeopleStorySlide,
#ourPeoplePage .ourPeopleStorySlide {
    background-color: #f5f5f5;
    border: 1px solid #01c2ed;
    min-height: 240px;
    padding-left: 10px;
}

.our-people-carousel .ourPeopleStorySlide img,
#ourPeoplePage .ourPeopleStorySlide img {
    float: left;
    max-width: 45%;
}

.our-people-carousel #carouselDots,
#ourPeoplePage #carouselDots {
    text-align: center;
}

.our-people-carousel .carousel-indicators li,
#ourPeoplePage .carousel-indicators li {
    background-color: white;
    border: 1px solid black;
}

.our-people-carousel .carousel-indicators .active,
#ourPeoplePage .carousel-indicators .active {
    background-color: black;
}

.our-people-carousel .personDetails,
#ourPeoplePage .personDetails {
    width: 47%;
    margin-top: 0px;
    margin-left: 20px;
    font-family: Questrial, Arial, sans-serif;
    float: left;
}

.our-people-carousel .personName,
#ourPeoplePage .personName {
    font-size: 22px;
    color: #01c2ed;
    display: block;
    margin-bottom: 5px;
}

.our-people-carousel .personTitle,
#ourPeoplePage .personTitle {
    font-size: 14px;
    color: black;
    display: block;
    line-height: 16px;
    min-height: 48px;
    /*margin-top: 5px;
    margin-bottom: 15px;*/
}

.our-people-carousel .dividingLine,
#ourPeoplePage .dividingLine {
    border-bottom: 1px solid silver;
}

.our-people-carousel .personQuote,
#ourPeoplePage .personQuote {
    font-style: italic;
    color: #474747;
    font-size: 18px;
    line-height: 24px;
    max-height: 72px;
    min-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.our-people-carousel .readMoreCTA,
#ourPeoplePage .readMoreCTA {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #01c2ed;
    position: relative;
    padding: 0 0 0 35px;
}

.our-people-carousel .readMoreCTA:before,
#ourPeoplePage .readMoreCTA:before {
    background-image: url('/wp-content/themes/aswatson/assets/images/readMoreArrow.png');
    content: " ";
    height: 29px;
    width: 29px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.our-people-carousel .readMoreCTA:hover,
#ourPeoplePage .readMoreCTA:hover {
    text-decoration: underline;
    color: #01c2ed;
}

.our-people-carousel .readMoreCTA:visited,
#ourPeoplePage .readMoreCTA:visited {
    color: #01c2ed;
}

#ourPeoplePage .swiper-button-next,
#ourPeoplePage .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 32px;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    color: #e31836;
    opacity: .1;
}

#ourPeoplePage .swiper-button-next:hover,
#ourPeoplePage .swiper-button-prev:hover {
    opacity: 1;
}

/* REMOVE ERRONEOUS FOURTH SLIDE */

#ourPeoplePage p.active {
    display: none;
}


/* MEDIA QUERIES */

@media screen and (max-width: 942px) {
    .our-people-carousel .personDetails,
    #ourPeoplePage .personDetails {
        width: 88%;
        float: none;
    }
    .our-people-carousel .ourPeopleStorySlide img,
    #ourPeoplePage .ourPeopleStorySlide img {
        /*display: none;*/
        max-width: 100%;
    }
    .our-people-carousel .carousel-control,
    #ourPeoplePage .carousel-control {
        display: none;
    }
}

@media screen and (max-width: 610px) {
    .our-people-carousel .socialCol,
    #ourPeoplePage .socialCol {
        width: 100%;
        display: block;
    }
    .our-people-carousel a.jobsBtn,
    #ourPeoplePage a.jobsBtn {
        display: block;
        text-align: center;
    }
}


/****** OUR PEOPLE STORIES PAGE CSS - 1ST SEPTEMBER 2017 ******/


/* FIX FOR WORDPRESS ADDING BRS EVERYWHERE */

#ourPeopleStories br,
#ourLeadershipStories br {
    display: none;
}

#ourPeopleStories .workingBR,
#ourLeadershipStories .workingBR {
    display: block;
}


/* FIX TO ALIGN BOTH PAGE TITLES TO THE LEFT */


/*.container_12 .grid_12, .container_16 .grid_16 {
    width: 100%;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .one_half, .one_third, .two_third, .one_quarter, .three_quarter {
    margin-left: 0%;
    margin-right: 0%;
}*/

#ourPeopleStories #readOurStoriesHeader,
#ourLeadershipStories #readOurStoriesHeader {
    margin-left: -10px;
}


/******* COLUMN LAYOUT ******* */


/*  SECTIONS  */

#ourPeopleStories .section,
#ourLeadershipStories .section {
    clear: both;
    padding: 0px;
    margin: 0px;
}


/*  COLUMN SETUP  */

#ourPeopleStories .col,
#ourLeadershipStories .col {
    display: block;
    float: left;
    margin: 1% 0 1% 2%;
}

#ourPeopleStories .col:first-child,
#ourLeadershipStories .col:first-child {
    margin-left: 0;
}


/*  GROUPING  */

#ourPeopleStories .group:before,
#ourPeopleStories .group:after,
#ourLeadershipStories .group:before,
#ourLeadershipStories .group:after {
    content: "";
    display: table;
}

#ourLeadershipStories .group:after,
#ourPeopleStories .group:after {
    clear: both;
}

#ourLeadershipStories .group,
#ourPeopleStories .group {
    zoom: 1;
    /* For IE 6/7 */
}


/*  GRID OF THREE  */

.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66%;
}

.span_1_of_3 {
    width: 31%;
}


/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }
    .span_3_of_3,
    .span_2_of_3,
    .span_1_of_3 {
        width: 100%;
    }
}


/******** STYLING ********/

#ourPeopleStories #readOurStoriesHeader {
    font-size: 30px;
    font-family: Questrial, Arial, sans-serif;
    font-weight: bold;
    color: #e31836;
}

#ourPeopleStories .gridBlock {
    width: 100%;
    min-height: 355px;
    background-color: #f5f5f5;
    border: 1px solid #01c2ed;
    margin-bottom: 20px;
}

#ourPeopleStories .gridBlock img {
    width: 100%;
    height: auto;
}

#ourPeopleStories .gridBlock .personDetails {
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 10px;
    font-family: Questrial, Arial, sans-serif;
}

#ourPeopleStories .gridBlock .personName {
    font-size: 22px;
    color: #01c2ed;
    display: block;
    margin-bottom: 5px;
}

#ourPeopleStories .gridBlock .personTitle {
    font-size: 13px;
    color: black;
    display: block;
    /*margin-top: 5px;
    margin-bottom: 15px;*/
}

#ourPeopleStories .gridBlock .dividingLine {
    border-bottom: 1px solid silver;
}

#ourPeopleStories .gridBlock .readMoreCTA {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #01c2ed;
    position: relative;
    padding: 0 0 0 35px;
}

#ourPeopleStories .gridBlock .readMoreCTA:before {
    background-image: url('/wp-content/themes/aswatson/assets/images/readMoreArrow.png');
    content: " ";
    height: 29px;
    width: 29px;
    display: block;
    position: absolute;
    left: 0;
    top: -6px;
}

#ourPeopleStories .gridBlock .readMoreCTA:hover {
    text-decoration: underline;
}

#ourLeadershipStories #readOurStoriesHeader {
    font-size: 30px;
    font-family: Questrial, Arial, sans-serif;
    font-weight: bold;
    color: #e31836;
}

#ourLeadershipStories .gridBlock {
    width: 100%;
    min-height: 355px;
    background-color: #f9f9f9;
    border: solid 1px #dedede;
    margin-bottom: 20px;
}

#ourLeadershipStories .gridBlock img {
    width: 100%;
    height: auto;
}

#ourLeadershipStories .gridBlock .personDetails {
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 10px;
    font-family: Questrial, Arial, sans-serif;
}

#ourLeadershipStories .gridBlock .personName {
    font-family: HelveticaNeue;
    font-size: 21px;
    line-height:27px;
    font-weight: bold;
    color: #333;
}

#ourLeadershipStories .gridBlock .personTitle {
    font-family: HelveticaNeue;
    font-size: 16px;
    line-height: 20px
;
    color: #333;
}

#ourLeadershipStories .gridBlock .dividingLine {
    border-bottom: 1px solid silver;
}

#ourLeadershipStories .gridBlock .readMoreCTA {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #01c2ed;
    position: relative;
    padding: 0 0 0 35px;
}

#ourLeadershipStories .gridBlock .readMoreCTA:before {
    background-image: url('/wp-content/themes/aswatson/assets/images/readMoreArrow.png');
    content: " ";
    height: 29px;
    width: 29px;
    display: block;
    position: absolute;
    right: 0;
    top: -6px;
}

#ourLeadershipStories .gridBlock .readMoreCTA:hover {
    text-decoration: underline;
}


/* MEDIA QUERIES */


/*  FIX FOR GRIDBLOCK HEIGHT */

@media only screen and (max-width: 900px) {
    #ourPeopleStories .gridBlock,
    #ourLeadershipStories .gridBlock {
        min-height: auto;
    }
}


/****** OUR PEOPLE STORY PAGE CSS - 29TH AUGUST 2017 ******/


/* FIX FOR WORDPRESS ADDING BRS EVERYWHERE */

#ourPeopleStory br {
    display: none;
}

#ourPeopleStory .workingBR {
    display: block;
}


/******** STYLING ********/
.our-people h1 span {
    display: block;
    margin-bottom: .5em;
}
.our-people h1 span.name {
    font-size: 85%;
}
.our-people .ourPeopleStoryContent,
#ourPeopleStory .ourPeopleStoryContent {
    font-family: Questrial, Arial, sans-serif;
    float: left;
}
@media (min-width: 500px) {
    .our-people .ourPeopleStoryContent,
    #ourPeopleStory .ourPeopleStoryContent {
        width: 60%;
    }
}
.our-people .company-info,
#ourPeopleStory .ourPeopleStoryJobTitle {
    font-size: 18px;
    display: block;
    color: black;
    margin: 15px 0;
}
.our-people .more,
#ourPeopleStory .ourPeopleStoryMoreTitle {
    font-size: 18px;
    color: #a27ec6;
    margin: 12px 0;
}

.our-people .ourPeopleStoryText,
#ourPeopleStory .ourPeopleStoryText {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 18px;
}

.our-people .ourPeopleStoryViewVacancies,
#ourPeopleStory .ourPeopleStoryViewVacancies {
    font-size: 20px;
    color: #7d7d7d;
    margin: 40px 0 10px;
}
.our-people .vacanciesCTA,
#ourPeopleStory .vacanciesCTA {
    background-color: #0ec2ec;
    padding: 6px;
    color: white !important;
    text-decoration: none;
    border: 1px solid #0ec2ec;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.our-people .vacanciesCTA,
#ourPeopleStory .vacanciesCTA:hover {
    background-color: white;
    padding: 6px;
    color: #0ec2ec !important;
    text-decoration: none;
    border: 1px solid #0ec2ec;
}
.our-people .backToOurStoriesCTA,
#ourPeopleStory .backToOurStoriesCTA {
    color: #e31836;
    display: block;
    margin: 30px 0 18px;
}

#ourPeopleStory .backToOurStoriesCTA:hover {
    color: #e31836;
}

#ourPeopleStory .ourPeopleStoryPhoto {
    /*width: 35%;*/
    font-family: Questrial, Arial, sans-serif;
    /*float: right;*/
}

#ourPeopleStory .ourPeopleStoryPhoto img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 580px) {
    #ourPeopleStory .ourPeopleStoryContent {
        width: 100%;
        float: left;
    }
    #ourPeopleStory .ourPeopleStoryPhoto {
        width: 100%;
        float: none;
    }
}


/* IN PAGE LINK FORMATTING CHANGES REQUESTED BY HANKS AND MALINA - 29TH AUGUST 2017 */

.inPageLink {
    text-decoration: underline;
    color: #e31836;
}

.inPageLink:visited {
    text-decoration: underline;
    color: #e31836;
}

.inPageLink:hover {
    text-decoration: underline !important;
    color: #e31836 !important;
}


/* flexslider.css line 52 - Override plugin*/

#wrapper .flex-direction-nav a {
    top: 25% !important;
}


/*public.css line 19 - Override plugin*/

#wrapper .metaslider .caption-wrap {
    position: static !important;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 0.7;
    margin: 0;
    display: block;
    width: 100%;
    color: white;
    line-height: 1.4em;
}


/*  New style - copy of #wrapper style  */

#header-wrapper {
    width: 100%
}

.flex-pauseplay {
    /*position: absolute;*/
    width: 100%;
}

.flex-pause,
.flex-play {
    margin: 0 auto;
    display: block;
    width: 20px;
    height: 20px;
    /*margin: 5px 0 0 150px;*/
    position: relative;
    top: 20px;
}

.flex-control-nav {
    bottom: 0 !important;
}


/*
.flex-control-nav li
{
    position: relative;
    top: -30px;
}*/

.flex-viewport {
    margin-bottom: 10px;
}



@media only screen and (max-width: 600px) {
    .flex-pause,
    .flex-play {
        width: 30px;
        height: 30px;
    }

    .flex-control-nav li {
        top: -34px;
    }
}
#wrapper .metaslider .flexslider {
    margin: 0 0 20px 0;
}

/* ENVIRA GALLERY CHANGES FOR MOBILE */
@media only screen and (max-width: 870px) {
    .envirabox-theme-base .envirabox-close {
        right: 0px !important;
    }

    .envirabox-thumbs>ul>li {
        margin: 0px !important;
    }

    .envirabox-slide .envirabox-image-wrap {
        top: -130px !important;
    }

    .envirabox-infobar {
        display: none !important;
    }
}

/* TIMELINE CHANGES 4-4-19 */
.cd-timeline-block {
    font-family: "Questrial", Helvetica, Arial, sans-serif;
}
.cd-timeline-content .the-excerpt {
    font-size: 14px;
}

/* TO STOP OVERLAPPING ENTRIES */
@media only screen and (min-width: 822px) {
    .cd-timeline-block {
        min-height: 272px;
        /*margin-top: 1.5em !important;*/
    }

    .cd-timeline-block {
        margin: -3.5em 0;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }
}
article header+a:empty {
    display: none !important;
}
#content.grid_8 .featured-image {
    margin-bottom: 0;
}
.category-latest-news article>a {
    margin-bottom: 5px
}
.latest-news-thumbnail {
    background-size: cover;
    background-position: 50% 50%;
    height: 150px;
    width: 150px;
    float: left;
    margin: 24px 14px 5px 0;
}



/* New portfolio page - Aaron */

.all-brands-list img {
    max-width: 92px;
}
.all-brands-list img.hidden {
    display: none;
}
.all-brands-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.portfolio-items li,
.all-brands-list li {
    list-style: none
}
.portfolio-items,
.all-brands-items {
    margin: 0;
}
.location {
    margin-right: 1rem;
    display: inline-block;
    width: calc(50% - 2rem);
    vertical-align: top;
}
.location .portfolio-title {
    position: relative;
    border-bottom: solid 2px black;
}
.portfolio-items li {
    cursor: pointer;
    padding: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.portfolio-items {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
.all-brands-list li {
    position: relative;
}
.all-brands-list li:after {
    content: "";
    position: absolute;
    top: 100%;
    height: 2px;
    width: 0;
    left: 50%;
    background-color: red;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width ease-in-out .2s;
    -o-transition: width ease-in-out .2s;
    transition: width ease-in-out .2s;
}
.all-brands-list li.active:after {
    width: 100%;
}
.portfolio-items li .brand-icon {
    width: 70px;
    display: none;
}
.map-container {
    position: relative;
}
.map {
    position: relative;
    z-index: 99;
}
.map-dot,
.map-dot-testing {
    position: absolute;
    opacity: 0;
    width: 30px;
    height: 30px;
    background: red;
    border-radius: 50%;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.map-dot-testing {
    z-index: 999;
    opacity: 1;
    background: transparent;
    -webkit-box-shadow: inset 0 0 0 3px red;
    box-shadow: inset 0 0 0 3px red;
}
.map-dot.active {
    opacity: 1;
}

@media (max-width: 768px) {
    .map-container {
        display: none;
    }
    .location {
        display: block;
        width: 100%;
    }
    .location .portfolio-title {
        cursor: pointer;
    }
    .location .portfolio-title:after {
        content: "";
        background: url(img/down-arrow.png) no-repeat 50% 50% / contain;
        width: 22px;
        height: 22px;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .location .portfolio-title.active:after {
        background: url(img/up-arrow.png) no-repeat 50% 50% / contain;
    }
    .location .portfolio-items {
        display: none;
    }
    .portfolio-items {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
    .portfolio-items li {
        display: table;
        padding: .1rem 1em;
        width: 100%;
        border-bottom: solid 1px #ccc;
    }
    .portfolio-items li:hover {
        background: #eee;
    }
    .portfolio-items li:after {
        content: "";
        clear: both;
    }
    .portfolio-items li a {
        display: block;
    }
    .portfolio-items li a span,
    .portfolio-items li a img.brand-icon {
        display: inline-block;
    }
    .portfolio-items li a img {
        float: right;
    }
}
.page-id-270 #menu-item-22174 { /* hide a menu item on careers page */
    display: none;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
#ourPeopleStories,
#ourLeadershipStories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 300px) {
    #ourPeopleStories .gridBlock,
    #ourLeadershipStories .gridBlock {
        margin: 1% 0 1%;
        width: 100%;
        display: block;
    }
    #ourPeopleStories .gridBlock .personTitle,
    #ourLeadershipStories .gridBlock .personTitle {
        margin: 5px 0 10px;
    }
}
@media (min-width: 500px) {
    #ourPeopleStories .gridBlock,
    #ourLeadershipStories .gridBlock {
        margin: 1% 0 1% 2%;
        width: 47%;
    }
    #ourPeopleStories .gridBlock,
    #ourPeopleStories .gridBlock .personDetails,
    #ourLeadershipStories .gridBlock,
    #ourLeadershipStories .gridBlock .personDetails {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #ourPeopleStories .gridBlock .personDetails .dividingLine,
    #ourLeadershipStories .gridBlock .personDetails .dividingLine {
        margin-top: auto;
    }
    #ourPeopleStories .gridBlock .personDetails {
        margin: 10px 5%;
        min-height: 172px;
    }
    #ourLeadershipStories .gridBlock .personDetails {
        margin: 10px 5%;
        min-height: 152px;
    }
    #ourPeopleStories .gridBlock:nth-of-type(2n + 3),
    #ourLeadershipStories .gridBlock:nth-of-type(2n + 3) {
        clear: both;
    }
}
@media (min-width: 900px) {
    #ourPeopleStories .gridBlock {
        width: 31%;
    }
    #ourLeadershipStories .gridBlock {
        width: 22%;
    }
    #ourPeopleStories .gridBlock:nth-of-type(3n + 4),
    #ourLeadershipStories .gridBlock:nth-of-type(3n + 4) {
        clear: both;
    }
}
.cli-switch .cli-slider:before,
.cli-switch .cli-slider::after {
    white-space: nowrap;
}

.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
    max-height: none;
    overflow-y: auto;
}
#cookie-law-info-bar .inline-block {
    display: inline-block;
}
/* Make links red */
#main #content a {
    color: #e31836;
}

#main #content a.black {
    color: black;
}
tr td a + br {
    display: none;
}
img.hidden {
    display: none;
}
.type .latest-news-thumbnail {
    height: 162px;
    width: 212px;
}
.type-gallery {
    margin-bottom: 3rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 4rem;
}

.type-gallery div.type-wrapper {
    border: 1px solid #eee;
    padding: 1rem;
}
.type-wrapper .entry-title {
    font-size: 18px;
}

.brandimages-storefront {
    margin: 0 0 20px 0;
}

.brandimages-storefront img {
    width: 200px;
    margin: 0 10px 0 0;
}

.brandimages-storefront img:nth-child(3) {
    margin: 0;
}


@media (max-width: 979px) {
    .brandimages-storefront img {
        width: 100%;
        margin: 0 0 20px 0;
    }
}


@media screen and (max-width: 767px) {
    h1#page-content-title {
        font-size: 28px;
        font-weight: bold;
    }
}

/* Modify main navigation bar for one line display in iPad*/
@media screen and (max-width: 1024px) {
    .navbar #menu-nav-menu>li>a {
        font-size: 22px;
        line-height: 40px;
        padding-bottom: 0;
    }
    .navbar #menu-nav-menu > li {
        margin-right: 0;
        margin-bottom: 12px;
    }
}

a#cookie_action_close_header_reject {
    display: none;
}

#sidebar_one {
    padding-top: 10px;
}


body:lang(zh) .navbar .nav>li {
    margin-right: 50px;
}

body:lang(zh) .home #main .container_12 p,
body:lang(zh) .home #main .the-excerpt div,
body:lang(zh) .home #main .the-excerpt li,
body:lang(zh) .home #main .the-excerpt ul,
body:lang(zh) .home #main #timelineAnnouncement p #readMore {
    letter-spacing: 2px;
}

body:lang(zh).home #main .entry-content p {
    letter-spacing: 1px;
}

body:lang(zh) .entry-content  {
    letter-spacing: 1px;
}

body:lang(zh) .sidebar-entry-title,
body:lang(zh) #sidebar_one {
    letter-spacing: 1px;
}

body:lang(zh) .navbar .nav>li {
    margin-right: 30px;
    letter-spacing: 1px;
}

@media screen and (min-width: 796px) {
    #header-wrapper{
        padding: 15px 0 5px;
    }

    .home .container_12 .grid_12, .home .container_16 .grid_16{
        width: 100%;
    }

    .home .grid_1,
    .home .grid_2,
    .home .grid_3,
    .home .grid_4,
    .home .grid_5,
    .home .grid_6,
    .home .grid_7,
    .home .grid_8,
    .home .grid_9,
    .home .grid_10,
    .home .grid_11,
    .home .grid_12,
    .home .grid_13,
    .home .grid_14,
    .home .grid_15,
    .home .grid_16,
    .home .one_half,
    .home .one_third,
    .home .two_third,
    .home .one_quarter,
    .home .three_quarter{
        margin-left: 0;
        margin-right: 0;
    }
}

/* hide admin bar */
/* .admin-bar {
    margin-top: -32px;
}
@media  screen and (max-width: 782px) {
    .admin-bar {
        margin-top: -46px;
    }
}
.admin-bar #wpadminbar{
    display: none;
} */

#cd-timeline .te-animated.cd-timeline-img {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 60px;
    height: 60px;
}