@import url(http://fonts.googleapis.com/css?family=Varela+Round);


html div.wrapper {
border: 0;
}

html.mobile .wrapper {
padding: 0;
}

#article a{
    text-decoration: underline;
}


    .theme-bg-secondary-module {
    
        background-image: url("/content/dam/journey/us/en/private/themes/water-stewardship-theme-(july)/secondary-module/background-position-x-center-background-position-y-55px-background-position-center-52px-background-repeat-no-repeat-background-color-ffffff-1020-360.jpg");
    
    }

    .theme-bg-banner {
    
        height:135px;
        background-image: url("/content/dam/journey/us/en/private/themes/water-stewardship-theme-(july)/desktop-banner/background-position-x-center-background-position-y-55px-background-position-center-52px-background-repeat-no-repeat-background-color-aaaaaa-1020-137.jpg");
    
    }

    html.mobile .theme-bg-banner {
    
        background-image: url("/content/dam/journey/us/en/private/themes/water-stewardship-theme-(july)/mobile-banner/background-position-x-center-background-position-y-55px-background-position-center-52px-background-repeat-no-repeat-background-color-aaaaaa-320-135.jpg");
    background-repeat: no-repeat;
    }

    html.tablet .theme-bg-banner {
    
        background-image: url("/content/dam/journey/us/en/private/themes/water-stewardship-theme-(july)/tablet-banner/background-position-x-center-background-position-y-55px-background-position-center-52px-background-repeat-no-repeat-background-color-aaaaaa-760-135.jpg");
    
    }

    html.theme-bg-main.mobile,
    html.theme-bg-main.tablet,
    .theme-bg-main {
    
        background-image: url("/content/dam/journey/us/en/private/themes/water-stewardship-theme-(july)/background/background-position-x-center-background-position-y-55px-background-position-center-52px-background-repeat-no-repeat-background-color-aaaaaa-1600-2521.jpg");
    background-position-x: center;
background-position-y: -55px;
background-position: center -52px;
background-repeat: no-repeat;
background-color: #aaaaaa;

    }

    .wrapper .theme-color-primary,
    .wrapper .theme-color-title,
    .wrapper .theme-main-title,
    .wrapper .theme-color-section-title {
    color: #000;
    }

    .wrapper .theme-color-secondary,
    .wrapper .theme-secondary,
    .wrapper .theme-secondary-link,
    .wrapper .theme-secondary-link a,
    .wrapper .rich-text a,
    .wrapper .theme-contrast .theme-color-secondary,
    .wrapper .article-blog-template .article-content .articleBody a,
    .wrapper .recipe-template .article-content .articleBody a,
    .wrapper .theme-contrast .theme-secondary,
    .wrapper .packages-t-t a.topic-image .poster-overlay .icon-play,
    .wrapper .m-stay-sip .side-navigation-colum i,
    .wrapper .trending-topic .module-base .trending-top-ten > li .truncate strong.theme-secondary,
    .wrapper .list-large-thumbnail .thumbnail .poster-overlay .icon-play,
    .wrapper .list-large-thumbnail .thumbnail .poster-overlay .rsPlayBtnIcon {
    color: #33ade0;
    }

    .wrapper .theme-bg-primary {
    background-color: #000;
    }

    .wrapper .skyscraper-list .banner {
    background-color: #33ade0;
    }

    .wrapper .button {
    background-color: #33ade0;
    }

    .wrapper .button:hover {
    background-color: #33ade0;
    }

    .wrapper .theme-main-rgba {
    background: rgb(0, 0, 0) transparent;
/* RGBa with 0.7 opacity */
background: rgba(0, 0, 0, 0.75);
/* For IE 8*/
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000 70, endColorstr=#000000 70)";

    }

    .asset-content a {
    color: #33ade0;
background-color: #000000;

    }

    .wrapper .theme-contrast .theme-color-primary {
    color: #ffffff;
    }

    .wrapper .theme-contrast .theme-color-secondary {
    color: #33ade0;
    }

    .wrapper nav.breadcrumb a {
    color: #fff;
    }

    .wrapper  nav.breadcrumb .active span,
    .wrapper nav.breadcrumb a:hover {
    color: #fff;
    }

    .wrapper .theme-font-section-title,
    .wrapper .subNav ul.subNavTopLevel,
    .wrapper p.title-description,
    .wrapper .theme-main-title,
    .wrapper .theme-color-section-title,
    .wrapper .skyscraper-list .banner span,
    .article-blog-template .articleBody > h1,
    .article-blog-template .articleBody > h2,
    .article-blog-template .articleBody > h3,
    .article-blog-template .articleBody > div > h1,
    .article-blog-template .articleBody > div > h2,
    .article-blog-template .articleBody > div > h3,
    .article-blog-template .articleBody .sub-title {
    font-family: 'Varela Round', sans-serif;
    }
.editorial-package .layout-1x3 {
    background-color: transparent;
}

/*Titles in related content */
.list-small-thumbnail.packages .title {
     color: #33ade0;
}

/* More on Jounrey in Article colors */
.more-on-journey ul li a span {
    color: #16b5ff;
}

/* Right Rail Banner Titles in articles */
.skyscraper-list .banner {
    font-size: 19px;
}


/* Bottom Rail title color */
.packages-and-verticals-template .list-large-thumbnail .theme-main-title {
    color: #FFF;
}

/* Article title margin spacing reduction */
.article-blog-template .heading-xlarge {
    margin-top: 22px!important;
}

/* Bottom Rail Thumbnail Titles */
.list-large-thumbnail .headline {
    color: #FFF;
}

/* Bottom Rail Thumbnail Titles that contain <strong>*/
.list-large-thumbnail .headline strong {
    color: #fff;
}

/* removes the outer white glow on the body container */
body div.wrapper {
    box-shadow: none;
    -moz-box-shadow: none;
}

/* makes promo overlay on desktop not go all the way to  the edge of the image */
.promo .overlay.vertical {
    top: 5px;
    height: 260px;
    width: 170px;
    left: 5px;
}

/* makes promo overlay on tablet not go all the way to  the edge of the image */
html.tablet .promo .overlay.vertical {
    height: 201px;
}

/* makes promo overlay on mobile not go all the way to  the edge of the image */
html.mobile .promo .overlay.vertical {
    height: 259px;
}

/* removes the uppercasing from the small module on the right */
.list-small-thumbnail.packages .theme-main-title {

}

.subNavTopLevel li a {
    color: #33ade0;
   font-size: 18px;
}

/* gives more space below the subnav */
.subNavWrapper .subNavTop.subNav {
    padding-bottom: 10px;
}

/* provides layout properties for the subnav links so they will render the small bubble-tail properly */
.subNavTopLevel li a {
    display: block;
    float: none;
    position: relative;
}

/* prevents the subnav text from being uppercased */
.subNavTopLevel li a span {
    text-transform: none;
}

/* colors the subnav text according to the main color */
.subNavTopLevel a {
    color: #000;
}

/* renders the little bubble-tail below the active subnav link */
.subNavTopLevel li a:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent transparent transparent;
    border-width: 8px;
    top: 38px;
    left: 50%;
    margin-left: -8px;
}

/* This will make the selected item in the subnav white */
.subNavTopLevel .selected a {
    color: #fff;
}


/* TODO: When the main and link theme classes are used in combination */
.theme-main.theme-link, .theme-main.theme-link * {
    color: #0eaff7;
    background-color: #000000;
}

/* verticals sub-nav "active" item theme support for tail of arrow-bubble */
ul.verticals-subnav li.active a:before {border-color: transparent transparent;}

.rsBullet:before {
    position: relative;
    display: block;
    margin: -21px 0;
    content: "\2022";
    color: #ffffff;
    font-size: 48px !important;
}
.rsBullet.rsNavSelected:before {
    position: relative;
    display: block;
    margin: -21px 0;
    content: "\2022";
    color: #16b5ff;
    font-size: 48px !important;
}
.rsBullet{
    background: transparent !important;
}

/* When rendered in an Article template, the RoyalSlider bullets need to have a different color scheme */
.article .rsBullet:before {
    color: #16b5ff;
}
.article .rsBullet.rsNavSelected:before {
    color: #16b5ff;
    margin: 0 !important;
}
.article .rsBullet{
    background: transparent !important;
}
.article .rsBullet span {
    display: none !important;
    line-height: 100% !important;
}

.selectboxit-arrow-container {
    background-color: transparent;
}

/* Links inside the article body (usually from referential text) */
section article a {
    color: #16b5ff;
}

/* promo slide background is black */
.layout-1x2-1x1-top {
background: 0, 0, 0;
}

/* CONTENT DIRECTORY OVERRIDES */

/* Force the main theme color onto the selected item in the content directory filter items list */
#video-topics li.item.selected a span {color: color: #16b5ff;!important;}
/* Force the link theme color onto the un-selected items in the content directory filter items list */
#video-topics li.item a span {color: color: #16b5ff;!important;}
/* Force the background fill on the content directory to be white instead of the default light grey */
#video-directory .column .fill {background: #000000 !important;}
#video-topics li.item.selected {background: #000000 !important;}
#video-topics li.item:hover {background: #000000 !important;}

.promo-slideshow-container .rsNav {
   height: 17px !important;
   bottom: 10px !important;
}

.rsDefault .rsBullets { line-height: 39px; }
/* When rendered in an Article template, the RoyalSlider bullets need to have more top padding */
.article .rsDefault .rsBullet { padding-top: 10px !important; }
.article .rsDefault .rsBullets { line-height: 0px !important; }

/* For the Simple Text module */
/* Main theme attributes */
.simple-text-module h2 {
        color: #000000;
        text-decoration: none;  
        font-size: 20px;
 }
.simple-text-module h2 strong,
.simple-text-module h2 b {
        color:  #000000;
}
.simple-text-module h3 strong,
.simple-text-module h3 b {
        color:  #000000;
}
/* Link theme attributes */
.simple-text-module a {
      color: #000000;
        text-decoration: none;
}

/* Must Read Module */
.must-read-module li a {
        color: #0eaff7;
        text-decoration: none;
}

.layout-1x3 {
    padding-top: 30px;
}




/* Customized text layout for this theme only */

}
h2.theme-main.theme-font-main {
    line-height: 19px;
}

/* Makes video list container background black */
.layout-1x3 {
    background: #000000;
}

/* Makes the title fields in the bottom-rail list container use the theme-link color */
.video-list-container .video-list-item .title span,
.video-list-container .video-list-item .title strong {
    color: #ffffff!important;
}
/* Makes the description fields in the bottom-rail list container use the theme-link color */
.video-container .description {
    color: #ffffff;
}

/* Makes the h2 in the bottom-rail list container use the theme-link color */
.layout-1x3 h2 {
    color: #ffffff;
}
.verticals-subnav li { font-size: 18px; }

/* Apply the checkerboard background to the bottom 1x3 module on the overview page of the vertical */
body.verticals div.wrapper div.layout-1x3 {
    background-image: url("http://assets.coca-colacompany.com/4e/ea/2539112747c687c81e354616f557/water-stewardship-promo-module-background.jpg");
padding-bottom: 51px;
-webkit-box-shadow: inset 0px 12px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: inset 0px 12px 10px 0px rgba(0, 0, 0, 0.25);
}

/* 
 since the blogs may have up to 2 images as slices within
 the header, they need to float next to each other
*/
#global-banner .slice { float: left; }

/*------------------------------------------------------------
GLOBAL HEADER overrides...
------------------------------------------------------------*/

#global-banner .container {
    display: block;
    max-height: 96px;
    overflow: hidden;
}

/*------------------------------------------------------------
All right-rail aside overrides...
------------------------------------------------------------*/
section.article aside .related .content-bounds .theme-secondary {
color: #000000!important;

}

section.article aside .shadow-caster .content-bounds .theme-font-main {
     color: #000000;
}

/* ----------------------
TRENDING TOPIC MODULE overrides
------------------------ */
.trending-module h3 strong.theme-secondary,
.trending-module .theme-link .theme-secondary { color: #000000 !important; }
.trending-module .theme-contrast {
     color: #ffffff!important;
}

/* ----------------------
ARTICLE HEADLINE overrides
------------------------ */
.heading-xlarge { font-size: 27px; }

/* override breadcrumb colors*/
.breadcrumbs .breadcrumb .theme-contrast {color:#fff !important;}
nav.breadcrumb {color:#fff;}

}

body {
    -webkit-animation-duration: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
    from{ opacity: 1; }
    to{ opacity: 1; }
}