/* Minification failed. Returning unminified contents.
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(225,22): run-time error CSS1035: Expected colon, found '{'
(353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(363,25): run-time error CSS1035: Expected colon, found '{'
(393,25): run-time error CSS1035: Expected colon, found '{'
(424,19): run-time error CSS1035: Expected colon, found '{'
(442,19): run-time error CSS1035: Expected colon, found '{'
(467,19): run-time error CSS1035: Expected colon, found '{'
(488,30): run-time error CSS1035: Expected colon, found '{'
 */
@aws-brand-heading-color: #0169b4;
@aws-box-border-color: #dadada;
@aws-breadcrum-border-color: #bcc6d2;
@aws-breadcrum-divide-color: #1B5384;
@aws-base-color: #92278f;
@aws-btn-shadow-color: #660066;
@aws-default-text-color: #333333;
@aws-page-title-color: @aws-base-color;
@aws-title-color: @aws-default-text-color;
@aws-box-bg-color: #f2f2f2;
@aws-modalbg-color: #f8ddc8;
@aws-bg-color: #ffffff;
@aws-relsty-bg-color: #e7f6f9;
@aws-relsty-bgborder-color: #b9e6ed;
@aws-filter-bgborder-color: #b2eaee;
@aws-footer-bg-color: @aws-base-color;
@aws-footer-hr-color: #E3cc9a;
@aws-lc-bg-color: #FBD130;
@aws-lc-border-color: #deb600;
@aws-hc-bg-color: #000000;
@aws-green-bg: #e7f3ea;
@aws-green-border: #87ae8e;
@aws-tw-ic-bg-color: #1dcaff;
@aws-fb-ic-bg-color: #3b5999;
@aws-yt-ic-bg-color: #cd201f;
@aws-lnkn-ic-bg-color: #0077B5;
@aws-inst-ic-bg-color: #21759b;
@aws-sub-header-bg-color: #d8eef5;
@aws-white-bg-border-color: #c0e1f5;
@aws-news-label-color: #d3d886;
@aws-accordian-bg: #f2f2f2;
@aws-accordian-transparent: rgba(255, 255, 255, .4);
@aws-calander-transparent: rgba(255, 255, 255, .1);
@aws-hrblursitemap-color:rgba(170,170,170,0.7);
@aws-calander-active:#abd8f7;
@aws-searchbar-color:#c1c1c1;
@aws-placeholder-color:#999999;
@aws-input-border-color:#aaa;
@aws-form-bg-color:#fff6;
@aws-link-highlight-color: #e7f6f9;
@aws-link-border-color: @aws-brand-heading-color;
@aws-hrblur-color:rgba(170,170,170,0.2);
@aws-multireg-popover:#FAFAD2;
@aws-table-bg-color:#F0FBFC;
@aws-table-border-color:#CBF0F4;
@aws-ask-box-color: @aws-brand-heading-color;
@aws-ask-box-hover-color:#035794;
@aws-call-billing-color:#1074ba;
@aws-call-billing-hover-color : #0E5f99;
@aws-watercall-box-color:#1caec6;
@aws-watercall-box-hover-color:#0E5f99;
/*PageHeaderNavigationMenubar-Start*/

@aws-menulink-color: @aws-brand-heading-color;
@aws-menutext-color: #ffadff;
@aws-megamenutext-color: #333333;
@aws-menu-hc-bg-color: @aws-hc-bg-color;
@aws-menu-hc-text-color: @aws-lc-bg-color;
@aws-menu-lc-bg-color: @aws-lc-bg-color;
@aws-menu-lc-text-color: @aws-hc-bg-color;
@aws-footer-search-bg-color: #d7eef4;
/*PageHeaderNavigationMenubar-End*/

/*ImageURLvariable-Start-here*/

@aws-base-url: "../Static/img/aws/";
@aws-svg-bg-url: "@{aws-base-url}/SVG-background/";
@aws-img-bg-url: "@{aws-base-url}/img-background/";
@aws-household-img-url: "@{aws-img-bg-url}water-quality-house/";
@aws-water-supply-level-img-url: "@{aws-img-bg-url}our-water-supply/";
/*ImageURLvariable-Ends-here*/

/* contactus styles starts here*/
@aws-link-hover-color: #F4E9F4;
@aws-contact-call-color: #cccccc;
/* contactus styles ends here*/

/* Newsfocus carousel */
@aws-border-color: #aaaaaa;
@aws-dot-color: #abd8f7 ;
@aws-news-label-color: #D3D886;
@aws-arrowpopover-color : #f7f7f7;
@aws-multireg-popover:#FAFAD2;
/* Newsfocus carousel */

/* No-result */
@aws-noresult-bg-color:#D6EDF4;
/* No-result */

/* Brand-2 design -starts here */

@aws-b2-footer-bg-color: @aws-base-color;
@aws-b2-footer-hr-color: #3086bd;
@aws-b2-letsconnect-box-color : #932D80;
@aws-b2-letscontainer:#FCF2EE;

/* Brand-2 design -ends here */

/** Future ready carousel  **/
@aws-brand2-carouselTXT:#EBF6FA;

/* quicklinks */
@aws-quicklinks-bg-color:#FCFDFE;
@aws-quicklinks-border-color:#EFF3F7;

/* water supply pipework responsibility*/

@aws-watersupply-pipeword-no1-bg-color: #90268F;
@aws-watersupply-pipeword-no2-bg-color: #0079C2;
@aws-watersupply-pipeword-no3-bg-color: #BE76AD;
@aws-watersupply-pipeword-no4-bg-color: #DF356E;
@aws-watersupply-pipeword-no5-bg-color: #AEBC21;
@aws-watersupply-pipeword-no6-bg-color: #E9611F;
@aws-pipework-backtoview-bgcolor:rgb(231,244,250);

@aws-highlight-heading-color:#F9BA7B;
@aws-highlight-color:#FEEAC9;
/** Water Saving Tips **/
@aws-waterSavingTips-prev-color:#00a650;
@aws-static-home-button:#FDBA4D ;
@aws-static-qustions-button:#C9DC5D;
@aws-waterSavingTips-bg-color:#B1DFEF;
@aws-succestext: #1D7A04;
@aws-errortext:#cd201f;

/** for all 8x and 4x Bg-color **/
@aws-theme-bg-box-color: @aws-relsty-bg-color;

/**Feedback color**/
@aws-feedback-color: #307bab;
@aws-submenu-border-color: @aws-relsty-bgborder-color;
.strategic-color {
    background: #F2F9FD;
}

.strategic-section {
    background: #FFFFFF !important;
}

.strategic-campaign {
    padding-top: 3.263em;
    padding-bottom: 3.593em;
}

.strategic-image {
    width: 4.125em;
    height: 4.125em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

.strategic-title {
    min-height: 10em;
    padding-right: 1em;
    padding-left: 1em;
}

.strategic-content {
    min-height: 5em;
    padding-right: 1em;
    padding-left: 1em;
}

.strategic-download {
    margin-top: 1em;
    margin-bottom: 1em;
}

.strate-read-left {
    text-align: right;
}

.strate-read-right {
    text-align: left;
}

.strate-read-right-a {
    padding-left: .5em;
}

.strate-imagehoverdiv {
    text-decoration: none;
}

.strate-imagehover-content {
    cursor: pointer;

    &:hover {
        .strate-imagehover-icon {
            -webkit-animation: arrow-animate-tile 1.2s linear infinite;
            -moz-animation: arrow-animate-tile 1.2s linear infinite;
            animation: arrow-animate-tile 1.2s linear infinite;
        }
    }
}

.strate-imagehover-content .strate-imagehover-icon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
}

.strate-imagehover-content .strate-imagehover-icon:after {
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0.000em;
}

.strate-imagehover-content:hover .strate-imagehover-icon {
    text-decoration: none;
    padding-left: 0.938em;
}

.strate-imagehover-content:hover .strate-imagehover-icon:after {
    opacity: 1;
    right: 0;
}

.custom-strate-camp {
    .strate-camp-box {
        background-color: #FFFFFF;
        float: left;

        .readhoverdiv {
            position: relative;
            width: 45%;
            float: right;
            padding-right: 1.413em;
        }

        .hovertxtlarge {
            width: 75%;
        }

        .readhover-content {
            transition: all 0.5s;
            cursor: pointer;
        }

        .readhover-content .readhover-icon {
            cursor: pointer;
            display: inline-block;
            position: relative;
            transition: 0.5s;
            vertical-align: middle;
            top: 0.1em;
        }

        .readhover-content .readhover-icon:after {
            position: absolute;
            opacity: 0;
            top: 0;
            right: 0.000em;
            transition: 0.5s;
        }

        .readhover-content:hover .readhover-icon {
            padding-left: 0.938em;
        }

        .readhover-content:hover .readhover-icon:after {
            opacity: 1;
            right: 0;
        }
    }

    .strate-camp-box {
        .strate-camp-txt {
            padding: 0px 23.6px 9.7px 19.4px;
            height: 4.7em;
        }

        a {
            color: @aws-ask-box-color;
        }
    }

    .aws-relstr-btn {
        color: @aws-brand-heading-color;
    }

    .custom-camp-btn {
        margin: 0.63em 1.88em 1.88em 1.25em;
    }

    .strate-camp-section .slick-slide {
        margin: 0em 0.94em;
    }

    .strate-camp-section {
        padding: 0 1.250em;
        box-sizing: content-box;
        width: 95%;
    }

    .owl-prev,
    .owl-next {
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
    }

    .owl-theme .owl-nav [class*='owl-'] {
        margin: 0;
    }

    .owl-prev {
        left: -1rem;
        left: -1.250em;
    }

    .owl-next {
        right: -1rem;
    }

    .owl-prev:before {
        content: "\e947";
    }

    .owl-next:before {
        content: "\e94b";
    }

    .owl-prev:before, .owl-next:before {
        font-family: 'icomoon' !important;
        color: @aws-ask-box-color;
        font-size: 2rem;
    }

    .owl-carousel {
        position: relative;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: @aws-ask-box-color;
    }

    .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot span {
        background: @aws-dot-color;
    }

    .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
        background: none;
    }
}

.aws-straight {
    &.theme {
        .custom-strate-camp {
            .strate-camp-box {
                background-color: @aws-theme-bg-box-color;
            }
        }
    }
}

.aws-lc {
    .custom-strate-camp {
        .strate-camp-box {
            background-color: #FFFFFF;
        }

        a {
            color: @aws-hc-bg-color;
        }

        .aws-relstr-btn {
            color: @aws-hc-bg-color;
        }

        .owl-prev:before, .owl-next:before {
            color: @aws-hc-bg-color;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: @aws-hc-bg-color;
            opacity: 1;
        }

        .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot span {
            background: @aws-hc-bg-color;
            opacity: 0.5;
        }
    }
}

.aws-hc {
    .custom-strate-camp {
        .strate-camp-box {
            background-color: #FFFFFF;
        }

        a {
            color: @aws-lc-bg-color;
        }

        .aws-relstr-btn {
            color: @aws-lc-bg-color;
        }

        .owl-prev:before, .owl-next:before {
            color: @aws-lc-bg-color;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: @aws-lc-bg-color;
            opacity: 1;
        }

        .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot span {
            background: @aws-lc-bg-color;
            opacity: 0.5;
        }
    }
}

@media (min-width: 1441px) {
    .custom-strate-camp {
        .owl-prev {
            left: -1rem;
        }

        .owl-next {
            right: -1rem;
        }
    }
}

@media (min-width: 1200px) and (max-width: 1269px) {
    .strategic-content {
        min-height: 6em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .custom-strate-camp {
        .owl-prev {
            left: -1rem;
        }

        .owl-next {
            right: -1rem;
        }

        .strate-camp-box .strate-camp-txt {
            height: 6em;
        }
    }

    .custom-strate-camp .strate-camp-box .hovertxtlarge {
        width: 96%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .strategic-campaign {
        padding-top: 1.875em;
        padding-bottom: 1.625em;
    }

    .custom-strate-camp {
        .owl-prev {
            left: -1rem;
        }

        .owl-next {
            right: -1rem;
        }
    }

    .custom-strate-camp .strate-camp-box .hovertxtlarge {
        width: 88%;
    }
}

@media (max-width: 767px) {
    .strategic-campaign {
        padding-top: 1.875em;
        padding-bottom: 1.625em;
    }

    .custom-strate-camp {
        .strate-camp-section {
            padding: 0;
            width: 100%;
        }

        .custom-camp-btn {
            margin: 0 0 1.250em 0;
        }
    }

    .custom-strate-camp .strate-camp-box .hovertxtlarge {
        width: 82%;
    }
}
