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


html div.wrapper {
border: 0;
}

html.mobile .wrapper {
padding: 0;
}

#article a{
    text-decoration: underline;
}


    .theme-bg-banner {
    
        height:135px;
        background-image: url("/content/dam/journey/us/en/private/themes/coke-music-theme-new/desktop-banner/background-color-999-1020-136.jpg");
    background-repeat: no-repeat;
background-color: #FFF9C9;
    }

    html.mobile .theme-bg-banner {
    
        background-image: url("/content/dam/journey/us/en/private/themes/coke-music-theme-new/mobile-banner/background-color-999-320-135.jpg");
    background-repeat: no-repeat;
background-color: #FFF9C9;
    }

    html.theme-bg-main.mobile,
    html.theme-bg-main.tablet,
    .theme-bg-main {
    
        background-image: url("/content/dam/journey/us/en/private/themes/coke-music-theme-new/background/background-position-center-79px-background-repeat-no-repeat-background-color-fff9c9-1600-2520.jpg");
    background-position: center -79px;
background-repeat: no-repeat;
background-color: #FFF9C9;
    }

    .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: #FF9500;
    }

    .wrapper .subNavWrapper li a {
    color: #333;
    }

    .wrapper .subNavWrapper li.selected a {
    color: #FFFFFF;
    }

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

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

    .wrapper .button {
    background-color: #ff9500;
    }

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

    .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*/
background: url(/img/tiles/bg-tile-black-80.png)\0/;
    }

    .asset-content a {
    color: #333333;
background-color: #333333;
    }

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

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

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

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

    .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: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 14 px
    }

html div.wrapper {
	box-shadow:none!important;
}

/* Hero Carousel Slide show title color */
.smart-slideshow.packages-medium .media-caption p.title-description {
    color: #FF9500;
}

/* Article Title heading remove caps */
.article-blog-template .theme-main-title.heading-xlarge {
    text-transform: none!important;
}

/* Right rail content remove caps */
.skyscraper-list .list-item .title {
    text-transform: none;
}

/* Related Article Author Formatting */
.related-content .title .provider {
    color: #e21e31!important;
}

/* Recommended Articles Author Color Format */
.recommended-list .list-item .author a {
    color: #e21e31!important;
}

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

/* 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;
}

/* makes the bubble-tail below the active subnav link visible */
.subNavTopLevel .selected a:before {
    opacity: 1;
    border-color: #FF9500 transparent transparent;
}

/* 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;
}

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

/* This will render the slideshow overlay text closer to whats in production */
smart-slideshow.packages-medium .media-caption p.title-description {
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    margin: 0px 0 5px 0;
    text-align: center;
}






/* Subnav transform overwrite */
.subNavWrapper li a {
    text-transform: capitalize!important;
    font-weight: 900!important;
}

.rsBullet:before {
    position: relative;
    display: block;
    margin: -21px 0;
    content: "\2022";
    color: #FF9500;
    font-size: 48px !important;
}

.rsBullet.rsNavSelected:before {
    position: relative;
    display: block;
    margin: -21px 0;
    content: "\2022";
    color: #fff;
    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: #000;
}

.article .rsBullet.rsNavSelected:before {
    color: #FF9500;
    margin: 0 !important;
}

.article .rsBullet {
    background: transparent !important;
}

.article .rsBullet span {
    display: none !important;
    line-height: 100% !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;
}

.wrapper .button:hover {
    background-image: url("/content/dam/journey/us/en/private/themes/music/gradient-btn.png");
    opacity: 0.8;
    background-color: #FF9500 !important;
}

.headline-section {
    color: #000 !important;
}

.promo .overlay h3 strong {
    color: #fff !important;
}

.wrapper .skyscraper-list .banner, 
html.tablet .skyscraper-list .banner, 
html.mobile .skyscraper-list .banner {
    font-size: 18px;
}

nav.breadcrumb .active span {
    color: #000 !important;
}

.skyscraper-list .content-wrapper {
    background: transparent url("/content/dam/journey/us/en/private/themes/music/banner-fold-right-violet.png") top right no-repeat;
    color: #000;
}

.article-blog-template .articleBody > p a,
.article-blog-template .articleBody > div > p a {
    text-decoration: none;
}

.m-stay-sip .callout .item:hover .title,
.m-stay-sip .callout .item:hover .title:hover,
.m-stay-sip .callout .item a {
    color: #FF9500;
}

.wrapper .skyscraper-list .banner strong,
.wrapper .skyscraper-list .banner span {
    color: #FFF;
}


.packagesContent .list-large-thumbnail h2 {
    margin-top: 16px;
}

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; }
}