@charset "utf-8";
/* Collor schemes 
Orange. #ff7900
Grey. #51626f
Green. #769835
Deep Red. #af0237
Lite Red. #d80333
Deep Yellow. #f09829
Lite Yellow. #f9c258 
Blue. #3dafbb
*/


/*-----------------------------------------------------*/
/* Active Tile colors */
.sport-page .image-grey {}
.sport-page .image-grey .cta-button { background-color: #51626f;}
.sport-page .image-grey .rollover-content { background-color: rgba(81, 98, 111, 0.8);}

.sport-page .image-green .cta-button { background-color: #769835;}
.sport-page .image-green .rollover-content { background-color: rgba(118, 152, 53, 0.8);}
.sport-page .image-green .content:hover .cta-button:before { color: #769835;}

.sport-page .image-orange .cta-button { background-color: #ff7900;}
.sport-page .image-orange .rollover-content { background-color: rgba(255, 121, 0, 0.8);}
.sport-page .image-orange .content:hover .cta-button:before { color: #ff7900;}

.sport-page .social-orange .initial-content { background-color: rgba(255, 121, 0, 0.7); }
.sport-page .social-orange .rollover-content { background-color: rgba(81, 98, 111, 0.7); }
.sport-page .social-orange .cta-button { background-color: #51626F;}
.sport-page .social-orange .content:hover .cta-button:before { color: #51626f;}

.sport-page .social-grey .initial-content { background-color: rgba(81, 98, 111, 0.7); }
.sport-page .social-grey .rollover-content { background-color: rgba(255, 121, 0, 0.7); }
.sport-page .social-grey .cta-button { background-color: #ff7900;}
.sport-page .social-grey .content:hover .cta-button:before { color: #ff7900;}

.sport-page .flat-grey .initial-content { background-color: #51626F;}
.sport-page .flat-grey .rollover-content { background-color: #769835}
.sport-page .flat-grey .cta-button { background-color: #769835;}
.sport-page .flat-grey .content:hover .cta-button:before { color: #769835;}

.sport-page .flat-orange .initial-content { background-color: #ff7900;}
.sport-page .flat-orange .rollover-content { background-color: #51626f}
.sport-page .flat-orange .cta-button { background-color: #51626f;}
.sport-page .flat-orange .content:hover .cta-button:before { color: #51626f;}

.sport-page .flat-green .initial-content { background-color: #769835;}
.sport-page .flat-green .rollover-content { background-color: #ff7900;}
.sport-page .flat-green .cta-button { background-color: #ff7900;}
.sport-page .flat-green .content:hover .cta-button:before { color: #ff7900}


/*-----------------------------------------------------*/
/* Active Article colors */
.sport-article .top .back-button,
.sport-article .share ul,   
.sport-article .share a { background-color: #FF7900; }

.sport-article .top .back-button:hover { background-color: #51626f; }

.sport-article .article a { color: #FF7900; }

.sport-article .article a:hover { color: #51626f; }

/*-----------------------------------------------------*/
/*Lifestyle Tile colors */
.italia-page .image-orange .cta-button { background-color: #ff7900;}
.italia-page .image-orange .rollover-content { background-color: rgba(255, 121, 0, .8);}
.italia-page .image-orange .content:hover .cta-button:before { color: #ff7900;}

.italia-page .image-grey .cta-button { background-color: #51626f;}
.italia-page .image-grey .rollover-content { background-color: rgba(81, 98, 111, .8);}
.italia-page .image-grey .content:hover .cta-button:before { color: #51626f;}

.italia-page .image-blue .cta-button { background-color: #3dafbb;}
.italia-page .image-blue .rollover-content { background-color: rgba(61, 175, 187, .8);}
.italia-page .image-blue .content:hover .cta-button:before { color: #3dafbb;}

.italia-page .social-orange .initial-content { background-color: rgba(255, 121, 0, 0.7); }
.italia-page .social-orange .rollover-content { background-color: rgba(61, 175, 187, 0.7); }
.italia-page .social-orange .cta-button { background-color: #3dafbb;}
.italia-page .social-orange .content:hover .cta-button:before { color: #3dafbb;}

.italia-page .social-blue .initial-content { background-color: rgba(61, 175, 187, 0.7); }
.italia-page .social-blue .rollover-content { background-color: rgba(255, 121, 0, 0.7); }
.italia-page .social-blue .cta-button { background-color: #ff7900;}
.italia-page .social-blue .content:hover .cta-button:before { color: #ff7900;}

.italia-page .flat-grey .initial-content { background-color: #51626F;}
.italia-page .flat-grey .rollover-content { background-color: #3dafbb}
.italia-page .flat-grey .cta-button { background-color: #3dafbb;}
.italia-page .flat-grey .content:hover .cta-button:before { color: #3dafbb;}

.italia-page .flat-orange .initial-content { background-color: #ff7900;}
.italia-page .flat-orange .rollover-content { background-color: #51626f}
.italia-page .flat-orange .cta-button { background-color: #51626f;}
.italia-page .flat-orange .content:hover .cta-button:before { color: #51626f;}

.italia-page .flat-blue .initial-content { background-color: #3dafbb;}
.italia-page .flat-blue .rollover-content { background-color: #ff7900;}
.italia-page .flat-blue .cta-button { background-color: #ff7900;}
.italia-page .flat-blue .content:hover .cta-button:before { color: #ff7900}


/*-----------------------------------------------------*/
/*italia Article colors */

.italia-article .top .back-button, 
.italia-article .share ul,
.italia-article .share a { background-color: #51626f;}

.italia-article .top .back-button:hover { background-color: #FF7900; }

.italia-article .article a { color: #51626f; }

.italia-article .article a:hover { color: #FF7900; }

/*-----------------------------------------------------*/
/*Heritage Tile colors */
.heritage-page .image-deepred .cta-button { background-color: #AF0237;}
.heritage-page .image-deepred .rollover-content { background-color: rgba(175, 2, 55, .8);}
.heritage-page .image-deepred .content:hover .cta-button:before { color: #AF0237;}

.heritage-page .image-litered .cta-button { background-color: #d80333;}
.heritage-page .image-litered .rollover-content { background-color: rgba(216, 3, 51, .8);}
.heritage-page .image-litered .content:hover .cta-button:before { color: #d80333;}

.heritage-page .image-deepyellow .cta-button { background-color: #f09829;}
.heritage-page .image-deepyellow .rollover-content { background-color: rgba(240, 152, 41, .8);}
.heritage-page .image-deepyellow .content:hover .cta-button:before { color: #f09829;}

.heritage-page .social-deepred .initial-content { background-color: rgba(175, 2, 55, .7); }
.heritage-page .social-deepred .rollover-content { background-color: rgba(240, 152, 41, .7); }
.heritage-page .social-deepred .cta-button { background-color: #f09829;}
.heritage-page .social-deepred .content:hover .cta-button:before { color: #f09829;}

.heritage-page .social-deepyellow .initial-content { background-color: rgba(240, 152, 41, .7); }
.heritage-page .social-deepyellow .rollover-content { background-color: rgba(175, 2, 55, .7); }
.heritage-page .social-deepyellow .cta-button { background-color: #af0237;}
.heritage-page .social-deepyellow .content:hover .cta-button:before { color: #af0237;}

.heritage-page .flat-deepred .initial-content { background-color: #af0237;}
.heritage-page .flat-deepred .rollover-content { background-color: #f09829}
.heritage-page .flat-deepred .cta-button { background-color: #f09829;}
.heritage-page .flat-deepred .content:hover .cta-button:before { color: #f09829;}

.heritage-page .flat-litered .initial-content { background-color: #d80333;}
.heritage-page .flat-litered .rollover-content { background-color: #f9c258}
.heritage-page .flat-litered .cta-button { background-color: #f9c258;}
.heritage-page .flat-litered .content:hover .cta-button:before { color: #f9c258;}

.heritage-page .flat-deepyellow .initial-content { background-color: #f09829;}
.heritage-page .flat-deepyellow .rollover-content { background-color: #af0237;}
.heritage-page .flat-deepyellow .cta-button { background-color: #af0237;}
.heritage-page .flat-deepyellow .content:hover .cta-button:before { color: #af0237}

.heritage-page .flat-liteyellow .initial-content { background-color: #f9c258;}
.heritage-page .flat-liteyellow .rollover-content { background-color: #d80333;}
.heritage-page .flat-liteyellow .cta-button { background-color: #d80333;}
.heritage-page .flat-liteyellow .content:hover .cta-button:before { color: #d80333}

/*-----------------------------------------------------*/
/*Heritage Article colors */

.heritage-article .top .back-button, 
.heritage-article .share ul,
.heritage-article .share a { background-color: #af0237;}

.heritage-article .top .back-button:hover { background-color: #f09829; }

.heritage-article .article a { color: #af0237; }

.heritage-article .article a:hover { color: #51626f; }

/*-----------------------------------------------------*/
/* Aside banners colors */

.banner:hover .cta-button { background-color: #FFF !important; } 

.banner-sport-image .initial-content,  
.banner-sport-image .cta-button, .banner-sport-image .over-content { background-color: #FF7900; }
.banner-sport-image:hover .cta-button:before { color: #FF7900;}

.banner-italia-image .initial-content,  
.banner-italia-image .cta-button, .banner-italia-image .over-content { background-color: #51626f; }
.banner-italia-image:hover .cta-button:before { color: #51626f;}

.banner-heritage-image .initial-content,  
.banner-heritage-image .cta-button, .banner-heritage-image .over-content { background-color: #af0237; }
.banner-heritage-image:hover .cta-button:before { color: #af0237;}

.banner-sport, .banner-sport .initial-content, 
.banner-sport:hover .cta-button, 
.banner-sport-image .cta-button { background-color: #FF7900; }
.banner-sport:hover, 
.banner-sport .cta-button { background-color: #51626f; }
.banner-sport:hover .cta-button:before { color: #51626f; }

.banner-italia, .banner-italia .initial-content, 
.banner-italia:hover .cta-button, 
.banner-italia-image .cta-button { background-color: #51626f;}
.banner-italia:hover, 
.banner-italia .cta-button, 
.banner-italia-image:hover .cta-button { background-color: #FF7900;}
.banner-italia:hover .cta-button:before { color: #FF7900; }

.banner-heritage, .banner-heritage .initial-content, 
.banner-heritage:hover .cta-button, 
.banner-heritage-image .cta-button { background-color: #af0237;}
.banner-heritage:hover, 
.banner-heritage .cta-button, 
.banner-heritage-image:hover .cta-button { background-color: #f09829;}
.banner-heritage:hover .cta-button:before { color: #f09829; }