/* =Responsive Structure / mobile first
----------------------------------------------- */



@media (min-width: 900px) { /* 900 pixels et plus */

    .iconBackLink { font-size: 40px; }
    .contentWrapper { box-shadow: inset 0 0 10vw rgba(0, 0, 0, 0.1); }
    
    .navBar h1 { float: left; padding: 18px; width: 35%; text-align: left; }
    .rightAreaNavBar { display: block; float: right; width: 35%; min-height: 1px; padding: 10px 18px; text-align: right; }
    .controls { display: inline-block; }
    .controls a { margin: 0; }
    
    .dropdown-menu { left: auto; right: 0; }
    
    .pageHeader { padding-bottom: 26px; }
    .pageHeader.destinationHeader h1 { font-size: 4vw; }
    .pageHeader .titleWrapper h1 .iconBackLink { right: -4vw; }
    .menuWrapper { padding: 30px 0; }
    .menuWrapper > ul { display: flex; max-width: 900px; margin: 0 auto; }
    .menuWrapper > ul > li { flex-basis: 25%; }
    .menuWrapper > ul > li:not(:first-child) { margin-left: 30px; }
    .menuWrapper li { border: 0; }
    .menuWrapper li a { font-size: 16px; }
    .menuWrapper li h6 { border-radius: 3px; color: #002A3F; margin-bottom: 10px; }
    
    .share { top: 50%; left: calc(100% - 1px); width: auto; padding: 0; margin-top: -18px; }
    .shareBtn span { display: none; }
    .shareBtn:after { margin: 0; border-radius: 0 5px 5px 0; top: 0; width: 36px; height: 36px; }
    
    .carouselWrapper .slick-arrow { font-size: 84px; width: 70px; height: 84px; background: transparent; transition: transform 0.2s ease; }
    .carouselWrapper .slick-arrow:hover { background: transparent; transform: scale(1.1); }
    .carouselWrapper .slick-arrow:active { transform: scale(1); }
    .carouselWrapper .slick-arrow.slick-next { right: -60px; margin-top: -63px; }
    .carouselWrapper .slick-arrow.slick-prev { left: -60px; margin-top: -63px; }
    
    .card > a:hover { transform: scale(1.02); }
    .card > a:active { transform: scale(1); }
    
}

@media (min-width: 992px) { /* 992 pixels et plus */
    .pageHeaderMain, .pageHeaderMain:before { background-color: #ffdc01; }
}

@media (min-width: 1010px) { /* 1010 pixels et plus */
    .pokerTable { padding: 80px 0 80px; }
    .pokerTable:before { content: ''; z-index: 0; position: absolute; left: 40px; right: 40px; top: 40px; bottom: 40px; border: 7px solid rgba(255,255,255,.3); border-radius: 40px; }
    .pokerSigns > span:before { font-size: 170px; position: absolute; z-index: 0; }
    .pokerSigns > span.coeur:before { top: 40px; left: 40px; }
    .pokerSigns > span.pic:before { top: 40px; right: 40px; }
    .pokerSigns > span.trefle:before { bottom: 40px; left: 40px; }
    .pokerSigns > span.carreau:before { bottom: 40px; right: 40px; }
}

@media (min-width: 1100px) { /* 1100 pixels et plus */
    .controls a { margin: 0 5px; }
}