body {font-weight: normal; } p {font-weight: normal; } .main_nav li {font-weight: normal; } li {font-weight: normal; } a {font-weight: normal; } button {font-weight: normal; } h1 {font-weight: normal; } h2 {font-weight: normal; } h3 {font-weight: normal; } h4 {font-weight: normal; } h5 {font-weight: normal; } h6 {font-weight: normal; } .portal_logo img { height: 40px; margin-left: 0px; margin-bottom: 0px; }
.above_nav { background-color: #333333; }
.search_box input[type="text"] { border-color: #CCCCCC; }
.currency select { border-color: #CCCCCC; }
#footer_top { background-color: #FFFFFF; }
#footer_top { border: solid 1px #FFFFFF;}
#footer_bottom { background-color: #FFFFFF; }
#footer_bottom { border: solid 1px #FFFFFF;}
#footer_top, #footer_top a { color: #000000; text-decoration: none; }
#footer_top a:hover { color: #000000; text-decoration: none; }
#footer_top ul li ~ li { border-left: 1px solid #003580; }
.main_nav { background-color: #003580; }
.main_nav a { color: #FFFFFF; font-size: 13px; font-weight: bold; text-transform: None; text-decoration: none; }
.main_nav li:hover { text-decoration: none; }
.main_nav a:hover { color: #006CE4; font-weight: bold; text-transform: None; }
.second_menu, .sub_menu { background-color: #006CE4; }
.second_menu, .sub_menu a { color: #FFFFFF; font-size: 14px; font-weight: normal; text-transform: capitalize; text-decoration: none; }
.second_menu, .sub_menu a:hover { color: #FFFFFF; font-weight: normal; text-transform: capitalize; text-decoration: underline; }
.sidebar .categories h3 { background-color: #FFFFFF; }
.sidebar .categories li a { color: #FFFFFF; }
.sidebar .categories li.current a { color: #FFFFFF; }
.sidebar .categories li.current { background-color: #FFFFFF; }
.btn.btn-blue { background-color: #0071C2; border-color: #0071C2; color: #FFFFFF; text-transform: None; }
.btn.btn-blue:hover { background-color: #00487A; color: #FFFFFF; border-color: #00487A; text-transform: None; }
#main_content { padding-top: 50px; padding-bottom: 35px; }
.ui-accordion .ui-accordion-header { background-color: #003580; }
.ui-accordion .ui-accordion-header { border: solid 1px #FFFFFF;}
.panel-primary { border-color: #003580; } 
.panel-primary>.panel-heading { background-color: #003580; border-color: #003580; } 
.panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #003580; } 
.panel-primary>.panel-heading .badge { color: #003580; } 
.panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #003580; } 
.panel-primary>.panel-heading>* { color: #FFFFFF; } 
h1, h2, h3, h4, h5, h6 { color: #003580; }
a:hover { color: #333; }
.btn { color: #003580; font-size: 14px; font-weight: normal; }
a.btn:hover { color: #003580; }
button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #FFFFFF; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover { background-color: #FFFFFF; }
button, a { color: #003580; text-decoration: none; }
button:hover, a:hover { color: #003580; text-decoration: none !important; }
.reports h2 { margin-top: 0px; font-size: 23px; }
.reports p { font-size: 12px; }
.image_link { display: block; width: 194px; }
.image_link img { width: 194px; height: 50px; }
.portal_head { z-index: 999; }
header, .portal_head { background-color: #003580; }
header, .head_links a, footer { color: #FFF; }
label[for="nav-trigger"] { color: #FFF; }

header .form-control:focus {
    border-color: #febb02;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(254 187 2 / 60%);
    border-width: 3px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(254 187 2 / 60%);
}

body {
    font-family: "Avenir Next Regular";
}

.portal_logo img { margin-top: 0; }

#header_left picture {
    top: 10px;
    position: relative;
}

header .main_nav a, .btn {
    font-family: "Avenir Next Regular";
    font-weight: 600;
}

h1 {
    font-family: "Avenir Next Bold";
    font-weight: 500;
}

h2, h3, h4, h5, h6 {
    font-family: "Avenir Next Regular";
    font-weight: 500;
}

/* RESPONSIVE */
/* Bigger Desktop */
@media only screen and (min-width: 1200px) {
    .product_detail .favourite_product {
        height: 40px;
        margin-left: 20px;
        position: relative;
        top: 3px;
        z-index: 1;
    }

    .row.pagebuilder {
        padding-top: 10px;
    }
}


/* Desktop */
@media only screen and (min-width: 768px) {
    .wrap_products_listing .listing_product  {  
        border: none;
    }

    .home .row_3 { 
        width:90%;
        margin:0 auto;
    }

    .home .row_3 .card-container {
        padding:20px;
    }
    .home .row_3 .card-container .resourceContainer { 
        padding:5%;
    }

}

.category_categories .cat_desc  {margin-bottom:30px}


/* SPACING BELOW BREADCRUMB + ECO SUGGESTIONS */
body.product_detail .breadcrumb {
    margin-bottom: 70px;
}

body.product_detail #ecoProductsContainer {
    margin-top: 65px;
}

#ecoProductsContainer h2 {
    margin-bottom: 30px;
}

#ecoProductsContainer #ecoProductsContent {
    margin-bottom: 20px;
}


/* SPACING BETWEEN PRODUCT BUTTONS AND ADDITIONAL INFO PANEL */
.additional_details_box_container {
    margin-top: 30px;
}


/* SPACING BETWEEN PRODUCTS SELECTION SCREEN GRID */
#productsContainer .col {
    padding: 10px 15px 30px;
}


/* BASKET SUMMARY HEADING COLOUR */
.basket h1 {
    color: #003580;
}

/* MAIN BUTTON BUTTONS */
.btn {
    border-radius: 1px;
}

/* FAVOURITE HEART COLOUR */
.favourite_product.favourited i.fa-heart {
    color: #FFB700;
    display: block;
}


/* HOME PAGE - START */
.home p.big {
    font-family: "Avenir Next Bold";
    font-size: 48px;
    line-height: 48px;
}

.home .row_1 .cols .img-text {
    color: #fff;
    font-family: "Avenir Next Bold";
    font-size: 42px;
    left: 13%;
    line-height: 36px;
}

.home .row_2 .cols .img-text {
    color: #003fa0;
    left: 13%;
}

/*
.home .row_2 .cols .img-text p.big {
    margin: 0 0 20px;
}


*/
.home .row_2 .banner-container .img-text p:nth-child(2) {
   margin-bottom:35px;
 } 
.home .row_3 .cols .img-text {
    color: #fff;
    font-family: "Avenir Next Bold";
    font-size: 20px;
    line-height: 22px;
    left: 10%;
    position: absolute;
    top: 15%;
    text-align:left;
}

.home .row_4 .cols .text_box {
    color: #003fa0;
    left: 3%;
    padding: 80px 0;
    position: relative;
}

.ui-accordion .ui-accordion-header {color:#fff;}

/* HOME PAGE - MOBILE */
@media only screen and (max-width: 768px) {

    header .container .row.no-bottom-margin .col-sm-12,
header .container .row.no-bottom-margin .col-md-5 {
padding-left:0;
} 

.home .row_3 .cols .img-text { 
        top:10%
    }

    .portal_head img,
    .portal_logo img{ width:231px;}

    .portal_head .row .col-sm-12 {padding-left:0;}

    .cycle-prev { left:30px; }
    .cycle-next { right:30px; }

    .home .row_1.row {
        margin-left:-30px;
        margin-right:-30px;
    }

    .home .row_1 .cols .img-img img {
        height:200px;
        object-fit: cover;
        object-position: right;
    }

    .home .row_1 .cols .img-text {
        text-align:left;
        width:100%;
        left:30px;
        transform:translate(0, -50%);
    }

    .home .row_2 .banner-container .img-img {
        display:none;
    }

    .home .row_2 .banner-container .img-text {
        position:relative;
        top:unset;
        left:unset;
        transform:unset;
        padding:40px 0 20px;
        text-align:left;
    }

    .home .row_2 .banner-container .img-text p:nth-child(2) {
    margin-bottom:25px;
    } 

    .home .row_3 .col_4 {
        display: none;
    }

    .wrap_products_listing .listing_product {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .wrap_products_listing .image { border: none; }

    .home .pagebuilder .cols {
        text-align: initial;
    }

    .home .row_2 .cols .img-text {
        position: relative;
        width: 100%;
    }

    .home .row_3 .col_1 .img-text {
        font-size: 28px;
        line-height: 32px;
        top:50%;
        transform:translateY(-50%);
    }

    .home .row_3 .col_2 {
        clear: both;
    }

.home .row_4 .cols.col-xs-6 {width:100%}

    .container {
        padding:0 30px;     
    }
 
    .stock_status {
        margin-left:0;
    }

    .prod_info .btn + .btn {
        margin-left:0;
    }

    .saved_basket,
    .mobile_basket.product_in_cart,
   .mobile_basket.totals_actions {
        padding:10px 20px;
    }


}


/* HOME PAGE - DESKTOP */
@media only screen and (min-width: 769px) and (max-width: 1199px) {
    .home .row_1 .cols .img-text {
        font-size: 70px;
        line-height: 64px;
        top: 42%;
    }
    .home .row_2 { 
        width:90%;
        margin:0 auto;
    }
    .home .row_3 .cols .img-text {
        font-size: 28px;
        line-height: 26px;
    }

    .home .row_4 .cols .text_box {
        left: 6%;
    }
}


/* HOME PAGE - BIGGER DESKTOP */
@media only screen and (min-width: 1200px) {
    .home .row_1 .cols .img-text {
        font-size: 60px;
        line-height: 60px;
        top: 42%;
    }

    .home .row_3 .cols .img-text {
        font-size: 30px;
        line-height: 32px;
    }

    .home .row_3 .col_1 .img-text {
        font-size: 45px;
        line-height: 44px;
    }

    .home .row_4 .cols .text_box {
        left: 9%;
    }
}


/* HOME PAGE - ROW 2 IMG DISPLAY */
.home .row_2 .cols .img-img {
    opacity: 0;
}

@media only screen and (min-width: 1024px) {
    .home .row_2 .cols .img-img {
        opacity: 1;
    }
}


/* HOME PAGE - END */


/* LOGIN PAGE */
#sso_button_container { margin-bottom: 20px; }

#login_form_container {
    margin-bottom: 10px;
}

#login_form_collapse {
    cursor: pointer;
    font-size: 18px;
}

/* Mobile Line Between Tiles */
.wrap_products_listing .listing_product {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
}


/* CHECKOUT */
#understanding_agree_tax_duties_help {
    color: #f00;
}

#understanding_agree_tax_duties_help a {
    color: #f00;
    font-weight: bold;
}
/* BOOTSTRAP 5 - ROW TEXT AMENDMENTS */
.home .row_2 .img-text {
    color: #003fa0;
}

.home .row_4 .text_box {
    color: #003fa0;
}

.home .row_3 .img-text {
    font-family: "Avenir Next Bold";
    font-size: 44px;
    line-height: 32px;
}

.home .row_3 .col .img-text {
    color: #fff;
    font-family: "Avenir Next Bold";
    left: 10%;
    position: absolute;
    top: 15%;
    text-align: left;
}

.home .row_1 .col .img-text {
    font-size: 60px;
    line-height: 60px;
    top: 42%;
    font-family: Avenir Next Bold;
    color: #fff;
}

.home .row_3 .col .img-text {
    font-size: 30px;
    line-height: 32px;
}

.home .row_3 .col_1 .img-text {
    font-size: 45px;
    line-height: 44px;
}

.home .row_4 .col .text_box {
    left: 6%;
}

.home .row_4 .col .text_box {
    color: #003fa0;
    left: 3%;
    padding: 80px 0;
    margin-left: 72px;
    position: relative;
}

header .row, .portal_head .row {
    margin-top: 0;
    padding-top: 15px
}

header .form-control {
   border-width: 3px;
}

.row.no-top-margin {
    margin-top: 0;
    padding-top: 0;
}