ul > li > ul > li a {
font-family: “shuttleblock-narrow”, sans-serif;
font-weight: 500;
font-style: none;
text-transform:none!important;
}
.menu > ul > li a {
display: block;
font-family: Shuttleblock-narrow, sans-serif;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1;
padding: 13px 16px 12px;
position: relative;
text-decoration: none;
text-transform: none;
transition: none;
}
.menu > ul .menu-dropdown-icon > a {
font-family: “shuttleblock-narrow”, sans-serif;
font-weight: 500;
font-style: normal;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 0.7em;
border-right: 1px solid;
}
.topnav a:hover {
background-color: #071D49;
color: #DA291C;
}
.topnav a.active {
background-color: #DA291C;
color: white;
text-transform: uppercase;
}
.topnav .icon {
display: none;
}
.topnav {
overflow: hidden;
background-color: #071D49;
}
.image-overlay.image-overlay-big {
display:none !important;
}
.image-overlay {
display:none !important;
}
.scoreboard-wrapper {
position: absolute;
width: 100%;
background-color: #fff;
border-bottom: #da291c solid 7px;
}
.article-header.home-hero .header-hero .header-hero-title, .page-header.home-hero .header-hero .header-hero-title {
font-weight: 900;
text-transform: uppercase;
background-color: #da291c;
margin-bottom: -0.5em !important;
width: auto !important;
padding: 2%;
font-family: “shuttleblock-condensed”, sans-serif;
font-size: 3em;
text-shadow: none;
}
.home-center-section .latest-news-list .latest-news-hero {
background-color: #00143F;
height: 30em !important;
margin-bottom: 2em;
}
.mid-hero .header-hero-content {
color: #ffffff;
text-align: center;
text-transform: uppercase;
line-height: 1;
top: 87%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
background-color: rgba(0, 20, 63, 0.75);
width: 50%;
border-top: 6px solid #da291c;
font-family: “shuttleblock-condensed”, sans-serif;
font-weight: 700;
}
.mid-hero .header-hero {
position: relative;
background-color: #1c1c1c;
padding-bottom: 25% !important;
}
.read:after {
content: ‘ \f055’;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-left:5px;
color: #00143F;
}
.header-hero-title a:after {
content: ‘ \f0da’;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-left:5px;
color: #00143F;
}
.header-hero-title a:hover, .read a {
opacity: 0.7;
}
.article-list-title {
/* color: #202025;*/
font-family: “shuttleblock-condensed”, sans-serif;
font-size: 1.4em;
font-weight: 688;
line-height: 1.1em;
text-transform: uppercase;
margin-bottom: 2%;
color: #00143F;
}
.section-title-orange {
color: #ffffff !important;
letter-spacing: 0;
font-size: 24px;
line-height: 1.3;
margin: 0 0 2% 0px;
text-align: left;
text-transform: uppercase;
background-color: #00143f;
padding: 2% !important;
border-bottom: 6px solid red;
border-top:4px solid white;
font-family: shuttleblock-condensed, sans-serif;
font-weight: 700;
font-style: normal;
–mask: linear-gradient(-45deg, #0000 1.24vmax, #000 0);
-webkit-mask: var(–mask);
mask: var(–mask);
}
.section-title-orange:after {
content: ‘\f0da’;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-left:5px;
color: #da291c;
}
.section-title-orange a {
color: #ffffff;
}
.headlines-section .headlines-list-container .headlines-ul li a {
color: #333333;
text-decoration: none;
font-family: “aptly”, sans-serif;
font-weight: 700;
font-style: normal;
}
.headlines-section {
background-color: #ffffff;
padding: 20px 20px 1px 0px !important;
margin-left: 0;
width: 100% !important;
}
.article-list-content {
background-color: #fff !important;
letter-spacing: 0em !important;
font-size: 0.7em !important;
}
.article-list-author {
font-family: “aptly”, sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 0.7em;
color: #9a9a9a;
margin-bottom: 10px;
border-bottom: 0.6px solid;
}
.headlines-section, .generic-section {
padding-top: 0px !important;
}
.mid-hero .header-hero-content .header-hero-excerpt {
display: none;
}
.home-center-section .latest-news-list .latest-news-hero .latest-news-hero-title-container .latest-news-hero-title a {
color: #ffffff;
letter-spacing: 0;
font-size: 1.7em !important;
line-height: 1.3;
text-align: left;
text-transform: uppercase;
background:none!important;
padding: 2%;
padding-left: 0;;
font-family: shuttleblock-condensed, sans-serif;
font-weight: 700;
font-style: normal;
}
.latest-news-hero-title{
background-color: rgba(0, 20, 63, 0.75);
width:120% !important;
padding:1% 1% 0 1%;
border-bottom: 6px solid red;
border-top: 1px solid white;
}
.page-content .page-the-content {
background-color: #fff;
padding-top:0.3%;
}
.container {
background-color: #fff;
width: 100%;
}
.portail-btn{
background-color: #da271C;
}
.home-center-section .latest-news-list .latest-news-hero .latest-news-hero-title-container .latest-news-hero-title a {
color: #ffffff;
letter-spacing: 0;
font-size: 1.7em !important;
line-height: 1.3;
text-align: left;
text-transform: uppercase;
background:none!important;
padding: 2%;
padding-left: 0;;
font-family: shuttleblock-condensed, sans-serif;
font-weight: 700;
font-style: normal;
}
.latest-news-hero-title{
background-color: rgba(0, 20, 63, 0.75);
width:120% !important;
padding:1% 1% 0 1%;
border-bottom: 6px solid red;
}
/*box couleur——————————————————————————– */
.Tableau-Row{
width: 70% !important;
background-color:#cccccc !important;
}
.Tableau-Section{
width: 65% !important;
background-color: #0F0 !important;
float: left;
padding: 5px 10px;
font-family: shuttleblock, sans-serif;
font-weight: 300;
font-size: 0.7em;
line-height: 0.7em;
color: #000 !important;
}
.Tableau-Prix{
width: 30% !important;
background-color: #679DE6 !important;
float: left;
padding: 5px 10px;
font-family: shuttleblock, sans-serif;
font-weight: bold;
font-size: 0.7em;
line-height: 0.7em;
color: #000 !important;
text-align: right;
}
.Tableau-Section-Ico{
width: 5% !important;
background-color: #679DE6 !important;
float: left;
font-size: 0.7em;
padding-left: 1%;
}
.box1{
padding:25px 0px;
background-color:#dddddd;
}
.box1 p{
text-align: center;
font-weight:600 !important;
}
.box2{
padding:10px 0px;
background-color:#071d49;
margin-bottom:40px;
}
.box2 p{
text-align: center;
font-weight:bold !important;
font-size:1.1em;
}
.box-grey{
background-color: #eaeaea;
padding-top:1%;
}
.box-grey-B {
padding: 1em;
max-height: 24em;
background-color: #f1f1f1;
margin-bottom: 2em;
}
.box-grey-C {
padding: 1em;
min-height: 13em;
background-color: #f1f1f1;
margin-bottom: 2em;
height: 11em;
padding-bottom: 10px;
}
.benefits-box {
padding: 20px;
min-height: 300px;
color:black;
}
.box-CTA {
padding: 5px;
min-height: 200px;
box-shadow: -1px 0px 13px 2px rgba(0, 0, 0, 0.1);
/* padding: 1% 2%; */
/* min-height: 43em; */
margin-bottom: 1%;
}
.box-CTA:hover{
opacity: 0.6;
min-height: 200px;
}
.box-CTA-Cheers {
padding: 5px;
box-shadow: -1px 0px 13px 2px rgba(0, 0, 0, 0.1);
padding: 1% 2%;
min-height: 11em;
margin-bottom: 7%;
margin-top: 2%;
}
.box-CTA3 {
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
min-height: 50px;
background-color: #f1f1f1;
margin-bottom: 10px !important;
}
.box-CTA4 {
padding-top: 1px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
min-height: 50px;
background-color: #f1f1f1;
margin-bottom: 10px !important;
}
.boxCTA-B {
box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.1);
padding: 1% 2%;
min-height: 15em;
margin-bottom: 0%;
}
.boxCTA-C {
padding: 1%;
margin-bottom: 20px;
text-align: center;
background-color: #00143F;
border-top: 3px solid #de2a41;
border-bottom: 3px solid #de2a41;
}
.boxCTA-D {
background-color: #f1f1f1;
padding: 1% 9%;
margin-bottom: 2em;
}
.boxCTA-E {
background-color: #DA291C;
padding: 1% 1%;
margin-bottom: 2em;
rotate: -5deg;
margin-top: -1.3em;
width: 60%;
}
.boxCTA-VIP {
background-color: #fff;
box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.1);
padding: 0% 0% 1%;
min-height: 11em;
margin-bottom: 0%;
}
.box-red{
padding: 2em;
min-height: 200px;
margin-bottom: 1%;
background-color: #da291c;
}
.FAQ-FORM-Box {
margin-top: 2% !important;
padding-top: 1em;
background-color: #f1f1f1;
padding: 1em 2em 0;
margin-bottom: 1%;
}
.foogallery {
margin: 2% 0 !important;
}
.rowBG-FixA {
height: 500px;
background-image: url(https://static.cfl.ca/wp-content/uploads/sites/10/2024/08/alouettes_june21juin_1197-1-scaled.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-left: 5px;
padding-top: 9.5em;
}
.Row24{
padding: 8px 10px;
border-bottom: 3px solid #dddddd;
line-height: 0.9em;
color: #fff !important;
font-family: “shuttleblock”, sans-serif;
font-weight: 400;
font-size: 0.7em;
text-align: center;
text-transform: uppercase;
}
.RowGrey {
padding: 1% 1% 3% 1%;
background: #f5f5f5;
height: 2em !important;
padding-bottom: 3%;
}
.RowWhite{
padding: 1% 1% 3% 1%;
background: #ffffff;
height: 2em !important;
padding-bottom: 3%;
}
.player-info-header {
background: #001447 url(https://static.cfl.ca/wp-content/uploads/sites/10/player-background_v1.png) no-repeat !important;
background-position: 5em 10em;
background-size: cover !important;
font-family: “Khand”, sans-serif;
padding: 70px 0 30px;
background-size: 75% !important;
background-position: 30% center !important;
border-bottom: 10px red solid;
}
.latest-news-list-item {
height: 30em !important;
}
.news-homepage-card .article-list-meta {
bottom: 2em;
left: 0;
padding: 0 60px 0 20px;
width: 100%;
background-color: #ffffff;
}
.article-list-item {
margin-bottom: 15px;
height: 440px;
}
.RowTop-2{
margin-top: 2em;
}
.RowTop-5{
margin-top: 5em;
}
.RowFoot-2{
margin-bottom: 2em;
}
.RowFoot-5{
margin-bottom: 2em;
}
.MT-1{
margin-top: 1em!important;
}
.MT-2{
margin-top: 2em!important;
}
.MT-5{
margin-top: 5em !important;
}
.MT-7{
margin-top: 7em !important;
}
.MT-10{
margin-top: 10em !important;
}
.MT-15{
margin-top: 15em !important;
}
.MT-20{
margin-top: 20em !important;
}
.MB-1{
margin-bottom: 1em!important;
}
.MB-2{
margin-bottom: 2em!important;
}
.MB-5{
margin-bottom: 5em!important;
}
.MB-10{
margin-bottom: 10em!important;
}
.PT-1{
padding-top: 1em !important;
}
.PT-2{
padding-top: 2em !important;
}
.PT-5{
padding-top: 5em !important;
}
.MGD-1{
margin-right: 1em !important;
margin-left: 1em !important;
}
.MGD-5{
margin-right: 5em !important;
margin-left: 5em !important;
}
.MGD-10{
margin-right: 10em !important;
margin-left: 10em !important;
}
/* bouton – button ———————————————————————- */
.btn-rouge {
width: 100%;
border: none;
background-color: #fff;
}
.btn-rouge a {
padding: 1% 3%;
color: #fff;
font-family: Shuttleblock, sans-serif;
text-align: center;
font-size: 1.1em;
font-weight: bold !important;
margin-right: 15px;
/* width: 60px; */
background-color: #da291c;
text-transform: uppercase;
}
.button {
background-color: #da291c; /* red */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-family: Khand, sans-serif;
width: 80%;
}
.button a{
color: white;
}
.button:hover {
opacity: 0.6;
}
.button-LRG {
background-color: #da291c;
border: none;
color: white;
padding: 15px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.2em;
font-family: Khand, sans-serif;
width: 100;
font-weight: bold;
text-transform: uppercase;
margin-bottom: -20px;
margin-top: -20px;
}
.button-LRG a{
color: white;
}
.button-LRG:hover {
opacity: 0.6;
}
.button-white {
background-color: #ffffff; /* white */
border: none;
color: #da291c;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-family: Khand, sans-serif;
width: 80%;
}
.button-white a{
color: #da291c;
}
.button-white:hover {
opacity: 0.6;
}
.buttonCTA {
background-color: #da291c;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 0.8em;
font-family: ‘shuttleblock’ !important;
width: 100%;
text-transform: uppercase;
font-weight: bold;
}
.buttonCTA-B {
background-color: #da291c;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 0.8em;
font-family: ‘shuttleblock’ !important;
/* width: 100%; */
text-transform: uppercase;
font-weight: bold;
margin: 0 auto;
display: block;
}
.buttonCTA-B:hover, .buttonCTA:hover {
opacity: 0.6;
}
.buttonCTA-2:hover{
opacity: 0.7;
}
.buttonCTA-B a {
color: white;
}
.buttonCTA-2 {
background-color: #da291c;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 0.6em;
font-family: ‘shuttleblock’ !important;
width: 60%;
text-transform: uppercase;
font-weight: bold;
margin: 0px 20%;
}
.buttonCTA-Red {
background-color: #da291c;
border: none;
color: white;
padding: 3% 10%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 0.5em;
font-family: ‘shuttleblock’ !important;
width: 80%;
text-transform: uppercase;
font-weight: bold;
margin: 0px 10%;
}
.buttonCTA-Red:hover{
opacity: 0.7;
}
.buttonCTA a, .buttonCTA-2 a, .buttonCTA-Red a {
color: white !important;
}
.button-Bleu {
background-color: #00143f;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 0.6em;
font-family: ‘shuttleblock’ !important;
width: 60%;
text-transform: uppercase;
font-weight: bold;
margin: 0px 20%;
}
.buttonCTA-VIP {
background-color: #e4c47b;
border: none;
padding: 1em 3em;
display: inline-block;
font-size: 0.6em;
font-family: ‘shuttleblock’ !important;
width: 60%;
text-transform: uppercase;
font-weight: bold;
margin: 0px 20%;
}
.buttonCTA-VIP:hover{
opacity: 0.7;
}
.buttonCTA-VIP a{
color: #00143F!important;
}
.box-VIP {
text-align: center !important;
margin-top: 0;
}
.field-wrap>div input[type=checkbox], .field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit] {
width: auto;
background-color: #DA291C;
color: white;
}
.w3-btn, .w3-button {
border: none;
display: inline-block;
padding: 8px 16px;
vertical-align: middle;
overflow: hidden;
text-decoration: none;
color: inherit;
background-color: inherit;
text-align: center;
cursor: pointer;
white-space: nowrap;
}
.w3-black, .w3-hover-black:hover {
color: #fff !important;
background-color: #000 !important;
}
.w3-display-left {
position: absolute;
top: 88%;
left: 0%;
transform: translate(0%, -50%);
-ms-transform: translate(-0%, -50%);
}
.w3-display-right {
position: absolute;
top: 88%;
right: 0%;
transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
/*images – logo size——————————————————*/
.img-35 {
width: 35%;
}
.img-60 {
width: 60%;
}
.img-cheers-1{
transform: rotate(-5deg);
box-shadow: -1px 0px 13px 2px rgba(0, 0, 0, 0.1);
max-width:70% !important;
}
.img-cheers-2{
transform: rotate(5deg);
box-shadow: -1px 0px 13px 2px rgba(0, 0, 0, 0.1);
max-width:70% !important;
}
.article-img-2 {
height: auto;
max-width: 100%;
padding: 5%;
}
/* accordion FAQ ———————————————————————- */
.accordion {
background-color: #e1e1e1;
cursor: pointer;
padding: 2%;
outline: none;
transition: 0.4s;
color: #071D49;
}
.accordion-title {
max-width: 95%;
font-size: 0.7em;
font-weight: 700;
}
.accordion-item{
margin-bottom: 1em;
}
.accordion-content{
font-size: 0.7em;
font-weight: 500;
line-height: 1.7em;
color: #000 !important;
}
#FAQ-title{
margin-top: 1em;
}
.FAQ-Question{
font-size: 0.75em;
color: #071D49;
padding: 5px 10px;
font-family: shuttleblock, sans-serif;
font-weight: 500;
/* border-bottom: 2px solid #00143F; */
line-height: 0.7em;
color: #000 !important;
}
/* accordion history ———————————————————————- */
dl {
margin-bottom:10px;
}
dt {
background-color:#071d49;
color:white;
/* font-family:Khand;*/
}
dl.FAQaccordion dd.ui-accordion-content {
padding: 0 20px 20px 20px;
}
dl.FAQaccordion dd.ui-accordion-content ul {
list-style-type: square;
padding-bottom: 20px;
}
dl.FAQaccordion dt.ui-accordion-header {
padding: 5px 0 0px 10px;
height: 3em;
}
dl.FAQaccordion dt.ui-accordion-header em{
text-decoration: underline;
font-size: 75%;
font-weight: normal;
text-transform: initial;
}
dl.FAQaccordion dt.ui-accordion-header:hover {
cursor: pointer;
color:white;
}
dl.FAQaccordion dt.ui-accordion-header:focus {
color:white;
font-weight:bold;
}
/*cta txt————————————————————————— */
.cta-txt-1{
color: #fff; font-weight: bold; text-align: center; font-size: 1.1em;;
}
.cta-txt-2{
color: #fff; font-weight: bold; text-align: center; font-size: 1.3em; margin-bottom: 5px !important;
}
.cta-box1{
}
.cta-box2{
border: 2px solid white; width: 90%; margin: 0 auto; padding: 10px 10px 0px 10px;
}
.txt-CTR{
text-align:center !important;
}
.txt-Right{
text-align:right !important;
}
.txt-AV, .txt-TabAV {
padding: 0;
font-size: 0.7em;
color: #071D49;
line-height: 1.3em;
}
.txt-AV a, .txt-TabAV a {
padding: 0;
font-size: 1.1em;
color: #071D49;
line-height: 1.3em;
font-weight: bold !important;
}
.txt-AV-2 a, .txt-TabAV-2 a {
padding: 0;
font-size: 0.9em;
color: #071D49;
line-height: 1.3em;
font-weight: bold !important;
text-align:right !important;
}
.txt-AV-3 {
padding: 0;
font-size: 0.9em !important;
color: #071D49;
line-height: 1.3em;
font-weight: bold !important;
text-align:right !important;
}
.txt-AV-3-b{
font-size: 0.8em;
padding-left: 2em !important;
line-height: 2em;
}
.txt-Norm{
font-weight: 400;
font-size: 0.8em;
line-height: 1.3em;
}
.txt-Mid, .txt-Mid-B{
padding: 0;
font-size: 0.8em;
color: #071D49;
line-height: 1.3em;
}
.txt-Mid li {
line-height: 1.9em;
}
.txt-Mid-B li {
line-height: 1.4em;
}
.txt-CTA-2{
font-size: 0.7em;
height:125px;
}
.txt-CTA-2-normal{
font-size: 0.7em;
}
.txt-CTA-2-sml {
font-size: 0.5em;
border-left: red 4px solid;
margin-left: 1em;
padding-left: 1em;
}
p.txt-CTA-Rev-wide {
font-family: “shuttleblock-wide”, sans-serif;
font-weight: 500;
font-size: 1.5em;
color: #fff !important;
text-align: center;
text-transform: uppercase;
margin-top: 2%;
margin-bottom: 1%;
line-height: 1em;
}
p.txt-CTA-Blue{
font-family: “shuttleblock”, sans-serif;
font-weight: 300;
font-size: 0.7em;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
margin-top: -15px;
margin-bottom: 5px;
line-height: 1em;
}
.sml-txt-CTA-Rev-wide {
font-family: “shuttleblock-wide”, sans-serif;
font-weight: 500;
font-size: 0.7em;
color: #fff !important;
text-align: center;
text-transform: uppercase;
margin-top: 0px !important;
margin-bottom: 0px!important;
line-height: 1em;
}
.CTA-link{
opacity: 1.0;
}
.CTA-link:hover {
opacity: 0.6;
}
/*divider————————————————————————————*/
.divider_blue{
border-top: 3px solid #071d49;
width:75% !important;
margin:0 auto;
padding:30px 0;
}
.divider_blue15{
border-top: 3px solid #071d49;
width:90% !important;
margin:0 auto;
padding:15px 0;
}
.divider_blueL{
border-top: 5px solid #071d49;
width:40% !important;
}
.divider_blue_5 {
border-top: 3px solid #071d49;
width: 75% !important;
margin: 0 auto;
padding: 5px 0;
}
.divider_blue_1 {
border-top: 1px solid #071d49;
width: 66% !important;
margin: 0 auto;
padding: 5px 0;
}
.divider_red{
border-top: 5px solid #da291c;
width:60% !important;
padding-bottom: 5px;
}
.divider_red-center{
border-top: 5px solid #da291c;
width:60% !important;
padding-bottom: 5px;
margin:0 auto;
}
.divider_red_gauche {
border-top: 5px solid #da291c;
width: 20% !important;
padding-bottom: 5px;
margin-top: 3px;
}
.divider_red2 {
border-top: 5px solid #da291c;
width: 60% !important;
padding-bottom: 5px;
margin: 0 20% 2%;
}
.divider_red2-15 {
border-top: 5px solid #da291c;
width: 60% !important;
padding-bottom: 15px;
margin: 0 20% 2%;
}
.divider_red2-L-15 {
border-top: 5px solid #da291c;
width: 60% !important;
padding-bottom: 5px;
margin: 0% 0% 2% 0%;
}
.divider_gold2-L-15 {
border-top: 5px solid #b89b56;
width: 60% !important;
padding-bottom: 5px;
margin: 0% 0% 2% 0%;
}
.divider_red-Grad {
margin: 1% auto -1%;
text-align: center;
height: 6px;
width: 80%;
background: linear-gradient(90deg, #fff, #da291c, #fff);
border-top: none !important;
}
.divider_top50{
margin-top: 50px;
border-top: 1px solid #f1f1f1;
}
.divider_white{
border-top: 2px solid #ffffff;
width:80% !important;
padding-bottom: 5px;
margin:30px auto 0px !important;
}
/*images-slider —————————————————–*/
.EDDT-slide{
width:200px;
height:300px;
}
/*Icones ——————————————————————————–*/
.Ico-AV {
/* width: 100% !important; */
/* padding-bottom: 1em; */
color: #00143F !important;
font-size: 1.5em;
}
.Ico-AV-SM-Red {
color: #fff !important;
font-size: 1.5em;
background-color: #DE291C;
padding: 3%;
border-radius: 75%;
}
.Ico-AV-SM-Red-AV {
color: #fff !important;
font-size: 0.5em !important;
background-color: #DE291C;
padding: 1%;
border-radius: 100%;
width: 8%;
font-weight: bold;
text-align: center;
float: right;
margin-left: 0.15em;
}
.Ico-AV-SM-Red:hover {
opacity:0.6;
}
.Ico-Prog {
background-color: #Da291c;
padding: 3.6%;
margin-left: 40%;
border-radius: 4em;
width: 2em;
height: 2em;
}
.Ico-BG-CircleRed {
background-color: #Da291c;
padding: 3.6%;
/* margin-left: 40%; */
border-radius: 50%;
width: 20% !important;
height: 2em;
margin: 0px 40%;
}
.Icn-24 {
width: 100% !important;
padding: 8px;
text-align: center;
color: #da291c !important;
}
.ico-Cent{
text-align: center !important;
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-stack-1x {
font-size: 1em;
}
/*Title ——————————————————————————–*/
.titre{
font-family:Shuttleblock, sans-serif;
font-weight:600;
font-size: 19px;
text-transform: uppercase;
}
.titre2{
font-weight: bold;
line-height:1.1em;
color:black;
text-transform:uppercase;
}
.txt-CTA3 {
font-size: 0.9em !important;
margin-bottom: 0px !important;
line-height: 0.8em;
}
.txt-CTA3 a {
color:#00143f;
font-weight:bold!important;
}
.txt-CTA3-Sml {
font-size: 0.6em;
font-weight: 300;
/* margin-left: 5%;*/
}
.txt-CTA4 {
font-size: 0.9em !important;
margin-bottom:0px !important;
line-height: 0.8em;
}
.txt-CTA4 a {
color: #071d49;
}
.txt-CTA-4 a:hover{
opacity: 0.6;
}
.title-Rev-narrow-Lft{
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 500;
font-size:2.5em !important;
font-style: normal;
color: #fff !important;
text-align: left;
text-transform: uppercase;
line-height: 0.8em;
margin-top: 30px;
}
.title-Rev {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 2.7em !important;
font-style: normal;
color: #fff !important;
text-align: center;
text-transform: uppercase;
}
.title-Rev-narrow{
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 500;
font-size:2.5em !important;
font-style: normal;
color: #fff !important;
text-align: center;
text-transform: uppercase;
line-height: 0.8em;
margin-top: 30px;
}
.title2-RED {
color: #DE2A41;
text-align: center;
font-family: ‘shuttleblock-wide’;
line-height: 1.2em;
margin: 1em 0 0.4em 0 !important;
font-size: 1.em;
font-weight: 900;
text-transform: uppercase;
}
.title-VIP {
font-family: “Barlow”, sans-serif;
font-weight: 500 !important;
font-style: normal;
color: #e4c47b !important;
text-align: center;
text-transform: uppercase;
font-size: 1.5em !important;
margin-bottom: -1.6em !important;
z-index: 3;
position: relative;
}
.title-VIP-B {
font-family: “Barlow”, sans-serif !important;
font-weight: 500 !important;
color: #e4c47b !important;
text-align: left;
text-transform: uppercase;
font-size: 2.5em !important;
}
.title2-Rev {
color: #FFF;
text-align: center;
font-family: ‘shuttleblock-wide’;
line-height: 1.2em;
margin: 20px;
font-size: 1.em;
font-weight: 900;
text-transform: uppercase;
}
.Title-txt-AV, .Title-txt-TabAV {
padding: 0;
font-size: 0.85em;
color: #071D49;
line-height: 1.3em;
font-weight:700;
margin-bottom: 3px !important;
}
.page-landing .section-row .item-text .item-title {
color: #00143f;
font-family: shuttleblock-condensed;
font-size: 1.4em;
font-weight: 600;
line-height: 26px;
/* text-transform: uppercase; */
border-bottom: 4px solid #da291c;
border-width: 30% !important;
}
.fg-caption-title {
text-transform: uppercase;
font-family: ‘shuttleblock-narrow’;
}
/*h1 ——————————————————————-*/
h1.page-title {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 2.6em !important;
font-style: normal;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
margin-top: 0.5em !important;
border-bottom: 3px solid;
padding-bottom: 0.7em;
border-width: medium;
}
h1.page-title:after {
border-bottom: 3px solid #0f0;
width: 75% !important;
margin: 0 auto;
padding: 5px 0;
}
/*h2 ——————————————————————-*/
.article-content h2 {
font-weight: bold;
font-family: shuttleblock, sans-serif;
font-size: 2.5em;
line-height: 1em;
font-weight: 800;
color:#000000;
margin-bottom:20px !important;
}
h2.title-blue-TabAV {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 1.6em !important;
font-style: normal;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
margin-top: 0.6em;
}
h2.title2-Blue-AV-2 {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 1.2em !important;
font-style: normal;
color: #00143F !important;
margin: 0px 0px 0px !important;
text-transform: uppercase;
/* margin: 0.8em; */
text-align: left;
/* line-height: 0.95em; */
}
h2.title2-Blue-AV-2-Low {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 1.2em !important;
font-style: normal;
color: #00143F !important;
margin: 0px 0px 0px !important;
}
.title2-Blue-AV-2 {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 1.2em !important;
font-style: normal;
color: #00143F !important;
margin: -19px 0px 10px !important;
text-transform: uppercase;
margin: 0.8em;
text-align: left;
line-height: 0.95em;
}
h2.title-blue, h1.title-blue {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 2.6em !important;
font-style: normal;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
margin-top: 0.5em !important;
}
h2.title-gold {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 2.6em !important;
font-style: normal;
color: #b89b56;
text-align: center;
text-transform: uppercase;
margin-top: 0.5em !important;
}
h2.title-gold-TabAV {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 1.6em !important;
font-style: normal;
color: #b89b56;
text-align: center;
text-transform: uppercase;
margin-top: 0.6em;
}
h2.title-white {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 2.6em !important;
font-style: normal;
color: #fff !important;
text-align: center;
text-transform: uppercase;
margin-top: 0.6em;
}
h2.title-Rev {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size:2.7em !important;
font-style: normal;
color: #fff !important;
text-align: center;
text-transform: uppercase;
margin-bottom:5px !important;
}
h2.title-blue-TabAV {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size:1.6em !important;
font-style: normal;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
margin-top: 0.6em;
}
h2.title-Red{
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size:2.6em !important;
font-style: normal;
color: #DA291C !important;
text-align: center;
text-transform: uppercase;
margin-top: 0.6em;
}
h2.title-Red-2{
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size:1.3em !important;
font-style: normal;
color: #DA291C !important;
text-align: center;
margin-top: 0.6em;
}
h2.title-Red-3{
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size:1.0em !important;
font-style: normal;
color: #DA291C !important;
text-align: center;
margin-top: 0.6em;
}
/*h3 ——————————————————————-*/
.h3{
font-weight: bold;
}
.sub-tle-header{
font-family: Khand, sans-serif;
font-size: 1.6em;
line-height: 1em;
font-weight: 600
}
.txt-medium{
font-size:0.7em;
}
.sub-reg {
font-family: “shuttleblock”, sans-serif;
font-weight: 500;
font-size: 0.8em !important;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
}
.sub-bold {
font-family: “shuttleblock”, sans-serif;
font-weight: 600 !important;
font-size: 0.8em !important;
color: #00143F !important;
line-height: 1em;
}
.sub-narrow {
font-family: “shuttleblock-narrow”, sans-serif;
font-weight: 700 !important;
font-size: 0.8em !important;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
}
.sub-Rev-narrow {
font-family: “shuttleblock-narrow”, sans-serif;
font-weight: 500;
font-size:0.8em;
color: #fff !important;
text-align: center;
text-transform: uppercase;
}
.sub-Rev-narrow-Red {
font-family: “shuttleblock-narrow”, sans-serif;
font-weight: 500;
font-size:0.8em;
color: #da291c !important;
text-align: center;
text-transform: uppercase;
}
.sub-Rev-narrow a{
color: #da291c!important;
}
.sub-Rev-narrow a:hover{
color: #fff!important;
}
.sub-Rev-wide {
font-family: “shuttleblock-wide”, sans-serif;
font-weight: 500;
font-size:0.8em !important;
color: #fff !important;
text-align: center;
text-transform: uppercase;
}
.sub-wide {
font-family: “shuttleblock-wide”, sans-serif;
font-weight: 500;
font-size:0.8em !important;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
}
.sub-wide-Bold {
font-family: “shuttleblock-wide”, sans-serif;
font-weight: 900!important;
font-size:0.8em !important;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
}
.h3.txt-Cent {
text-align: center ;
font-size: 0.8em;
line-height: normal;
color: #00143F;
line-height: 1.2em;
}
.geeks {
width: 100%;
height: 300px;
overflow: hidden;
margin: 0 auto;
}
.geeks img {
width: 200%;
transition: 0.3s all ease-in-out;
}
.geeks:hover img {
transform: scale(1.8);
}
.video-container{
position:relative;
width:100%;
padding-bottom: 56%;
height: 0;
}
.video-container iframe{
position:absolute;
top:0;
left:0;
width:100%;
height: 100%;
}
.video-container video {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;
}
.video-container .caption {
z-index: 1;
position: relative;
text-align: center;
color: #dc0000;
padding: 10px;
padding-top: 25%;
}
.profile-sections {
background-color: rgb(255 255 255) !important;
}
.sponsors-header .sponsors-label {
display: none;
}
/*p ——————————————————————-*/
.txt-Cent {
text-align: center;
font-size: 0.8em;
line-height: normal;
color: #00143F;
line-height: 1.2em;
}
.txt-CTA-3 {
color: #da291C;
text-decoration: none;
/* font-family: “Shuttleblock-condensed”, sans-serif; */
font-weight: 700;
font-style: normal;
font-size: 1.1em;
}
.txt-CTA-3:after{
content: ‘\f0da’;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-left:5px;
color: #da291c;
}
/*.txt-CTA-3:before{
content: ‘\f08e | ‘;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-left:5px;
color: #da291c;
}*/
.txt-CTA-3 a:hover{
opacity: 0.6;
}
p.txt-Rev{
font-family: “shuttleblock”, sans-serif;
font-weight: 300;
font-size: 0.7em;
color: #fff !important;
text-align: center;
text-transform: uppercase;
margin-top: -15px;
margin-bottom: 5px;
line-height: 1em;
}
#sml-txt-Rev{
font-size: 0.7em !important;
line-height: 2em;
color: #fff !important;
text-align: center !important;
font-family: “shuttleblock-wide”, sans-serif;
}
.txt-sml-Rev{
font-size: 0.6em !important;
color: #fff !important;
line-height: 1.0em;
text-align: center !important;
}
.txt-sml-Blue{
font-size: 0.7em !important;
color: #00143F!important;
line-height: 1.0em;
text-align: center !important;
}
.txt-sml-Rev2{
font-size: 0.3em !important;
color: #fff !important;
line-height: 0.3em !important;
text-align: center !important;
}
.txt-sml-Rev-Acc{
font-size: 0.7em !important;
color: #fff !important;
line-height: 1.5em;
text-align: left!important;
font-weight:light!important;
padding-top:5%;
}
/* Tableau des Avantages ——————————————————————- */
.tabcontentBox-AV {
border: 4px solid #071D49 ! Important;
padding: 20px 15px 20px 5px ! Important;
margin: 0px 10px 10px 10px ! Important;
min-height: 28em;
}
.boxCTA-AV {
/* background-color: #f1f1f1;*/
height: 50% !important;
padding: 12px;
margin-bottom: 2em;
}
.boxCTA-A {
background-color: #f1f1f1;
min-height:300px;
padding: 12px;
}
.tab-AV {
overflow: hidden;
margin:0 1% 0;
}
#tableau-AV{
margin: 2em 0px 3em 0px;
}
/* Style the buttons inside the tab */
.tab-AV button {
background-color: #da291c;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 8px 15px;
transition: 0.3s;
font-size: 0.9em;
font-family: shuttleblock, sans-serif;
font-weight: 900;
line-height: 0.9em;
text-transform: uppercase;
margin-right: 0.3%;
border-radius: 5px 5px 0 0;
}
/* Change background color of buttons on hover */
.tab-AV button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab-AV button.active {
background-color: #00143f;
border-top: solid 2px #00143F;
border-left: solid 2px #00143F;
border-right: solid 2px #00143F;
color: #ffffff;
}
/* Style the tab content */
.tabcontent-AV {
display: none;
padding: 1px;
}
.dollarFR:after {
content: ‘ $’;
}
.dollarEN:before {
content: ‘$’;
text-align:right!important;
}
/* Tableau des prix abonnement ———————————————————— */
.tabcontentBox2 {
border: 4px solid #071D49 ! Important;
padding: 20px 5px ! Important;
margin: 0px 10px 10px 10px ! Important;
height: 35em;
}
.tabAV {
overflow: hidden;
margin:0 1% 0;
}
/* Style the buttons inside the tab */
.tabAV button {
background-color: #da291c;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 8px 15px;
transition: 0.3s;
font-size: 0.9em;
font-family: shuttleblock, sans-serif;
font-weight: 900;
line-height: 0.9em;
text-transform: uppercase;
margin-right: 0.3%;
border-radius: 5px 5px 0 0;
}
/* Change background color of buttons on hover */
.tabAV button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tabAV button.active {
background-color: #00143f;
border-top: solid 2px #00143F;
border-left: solid 2px #00143F;
border-right: solid 2px #00143F;
color: #ffffff;
}
/* Style the tab content */
.tabcontentAV {
display: none;
padding: 1px;
}
.divTable.blueTable-Prix .divTableCell, .divTable.blueTable-Prix .divTableHead-Prix {
padding: 5px 10px;
font-family: shuttleblock, sans-serif;
font-weight: 500;
/* border-bottom: 2px solid #00143F; */
line-height:0.7em;
color:#000 !important;
}
.divTableHead2 {
text-align:left;
line-height: 0.9em;
}
.divTableHead-3 {
text-align:right;
font-size: 0.7em !important;
}
.divTable {
display: table;
width: 100%;
}
.sub-head{
font-weight: 300 !important;
font-size:0.6em;
line-height: 0.8 !important;
}
.sub-head2{
font-weight: 300 !important;
font-size:0.9em;
line-height: 0.8 !important;
text-align:center;
}
.divTable.blueTable-Prix .divTableBody .divTableCell {
font-size: 0.75em;
color: #071D49;
}
.divTableCellAA-Prix {
font-size: 2em;
color: #071D49;
font-weight: bold !important;
text-align: center !important;
}
.divTableCellAB-Prix {
font-size: 2em;
color: #fff !important;
font-weight: bold !important;
text-align: left !important;
}
.divTableCellBB-Prix {
font-size: 2em;
color: #071D49;
font-weight: bold !important;
text-align: left !important;
}
.divTable.blueTable .divTableHeading {
border-bottom: 3px solid #444444;
}
.divTable.blueTable .divTableHeading .divTableHead {
font-size: 20px;
line-height:1.1em !important;
font-weight: bold;
color: #071D49;
border-left: 2px solid #071D49;
padding-left:5px;
text-transform: uppercase;
}
.divTable.blueTable .divTableHeading .divTableHead:first-child {
border-left: none;
}
.blueTable .tableFootStyle {
font-size: 14px;
}
.blueTable .tableFootStyle .links {
text-align: right;
}
.blueTable .tableFootStyle .links a{
display: inline-block;
color: #FFFFFF;
padding: 2px 8px;
border-radius: 5px;
}
.blueTable.outerTableFooter {
border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
padding: 3px 5px;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
.divTableHeading-Txt{
background-color: #0F0;
}
.divTable.blueTable .divTableBody .divTableCell {
font-size: 0.9em;
color: #071D49;
}
.divTableCell1-Prix{
width: 50% !important;
}
.divTableCell2-Prix{
width: 16%;
}
.divTableCell3-Prix{
width: 30%;
}
.tabcontentBox{
border: 4px solid #071D49 ! Important;
padding: 20px 20px ! Important;
margin: 1.6em 1em 1em 1em ! Important;
}
/* Tab bouton —————————————————————————— */
.tab {
overflow: hidden;
margin:0 5% -5%;
}
/* Style the buttons inside the tab */
.tab button {
background-color: #da291c;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 8px 15px;
transition: 0.3s;
font-size: 0.9em;
font-family: shuttleblock, sans-serif;
font-weight: 900;
line-height: 0.9em;
text-transform: uppercase;
margin-right: 0.3%;
border-radius: 5px 5px 0 0;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #00143f;
border-top: solid 2px #00143F;
border-left: solid 2px #00143F;
border-right: solid 2px #00143F;
color: #ffffff;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 1px;
}
/*tableau 3———————————————————————-*/
.PrixReg{
text-decoration: line-through !important;
}
.divTableCell.divTableCell2.divTableCellAB.dollarFR.PrixNum{
text-align: right !important;
color:#f1f1f1;
}
.divTableCell.divTableCell2.divTableCellAB.dollarFR.PrixRabais{
font-weight: bold !important;
}
.divTableCell.divTableCell2.divTableCellAB.dollarEN.PrixNum{
text-align: right !important;
color:#f1f1f1;
}
.divTableCell.divTableCell2.divTableCellAB.dollarEN.PrixRabais{
font-weight: bold !important;
}
@media screen and (max-width: 600px) {
.article-header.home-hero, .page-header.home-hero {
background: #FFFFFF;
padding-bottom: 10px;
margin: 0;
background-image: url(https://static.cfl.ca/wp-content/uploads/sites/13/240903-NG-G15-Covers_v1-Cover-EN.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: 100%;
}
.header-hero-image{
opacity: 0;
height: 20em;
}
.article-header.home-hero .header-hero .header-hero-title, .page-header.home-hero .header-hero .header-hero-title {
margin-bottom: 0em !important;
width: auto !important;
}
.article-list-content {
display: block !important;
}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
.home-center-section .latest-news-list .latest-news-hero {
background-color: #00143F;
height: 20em !important;
margin-bottom: 2em;
}
h2.title-blue, h1.title-blue {
font-family: “shuttleblock-narrow”, sans-serif !important;
font-weight: 700;
font-size: 1.6em !important;
font-style: normal;
color: #00143F !important;
text-align: center;
text-transform: uppercase;
margin-top: 0.5em !important;
}
.tab {
overflow: hidden;
margin: 0 0% -9% 6%;
}
.tab-AV {
overflow: hidden;
margin: 0 0% -0.5% 6%;
}
.tab button, .tab-AV button {
background-color: #da291c;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 0.3em 0.7em;
transition: 0.3s;
font-size: 0.7em !important;
font-family: shuttleblock-condensed, sans-serif;
font-weight: 900;
line-height: 0.9em;
text-transform: uppercase;
margin-right: 0.5%;
border-radius: 5px 5px 0 0;
/* margin-left: 2%; */
}
.boxCTA-B {
box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.1);
padding: 5% 10% !important;
min-height: 15em;
margin-bottom: 0%;
}
.box-VIP {
text-align: center !important;
margin-top: -10%;
}
.boxCTA-VIP {
background-color: #fff;
box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.1);
/* padding: 0% 0% 1%; */
/* height: 16em; */
margin-bottom: 2%;
padding-bottom: 4% !important;
}
}
/* fin media mobile ———————————— */]]>