/**********************************
 * Ntwu La catalande

 * @author Terence <terence@numeric-wave.tech>
 **********************************/
/*
 * Color Primary : #ca1c3b
 * Color Secondary : #fdc419
 */


/*********************** General ***********************/

@font-face {
    font-family: 'Coyote-SemiBold';
    src: url('fonts/Coyote-SemiBold/Coyote-SemiBold.eot');
    src: url('fonts/Coyote-SemiBold/Coyote-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Coyote-SemiBold/Coyote-SemiBold.woff2') format('woff2'),
    url('fonts/Coyote-SemiBold/Coyote-SemiBold.woff') format('woff'),
    url('fonts/Coyote-SemiBold/Coyote-SemiBold.ttf') format('truetype'),
    url('fonts/Coyote-SemiBold/Coyote-SemiBold.svg#Coyote-SemiBoldDEMO') format('svg');
    font-weight: normal;
    font-style: normal;
}

::selection,
::-moz-selection { background-color: #fdc419; }

body { color: #fff; font-family: 'Roboto', sans-serif; }
img { max-width: 100%; }
a img {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateZ(0);
}

a { color: #ca1c3b;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

a:hover {
    color: #ca1c3b;
}

#main .u-go-to-v1:hover { background-color: #ca1c3b; }
a.hashtag-link { color: #fff; }
a.hashtag-link:hover { color: #ca1c3b; text-decoration: none; }

/*********************** Header ***********************/

header { padding: 10px 0; }
header #navBar a:hover { color: #ca1c3b; }
.navbar-brand { position: absolute; top: -10px; }
.nav-link { color: #000; font-family: "Coyote-SemiBold"; text-transform: lowercase; }

header #navBar .contest-link a:hover { color: #fff; background-color: #fdc419; }

/*********************** Content ***********************/

#content { background: url("img/background-news-home.jpg") 0 0 no-repeat; background-attachment: fixed; background-size: cover; min-height: 55vh; }
#content h1.page-title { text-transform: uppercase; font-family: "Roboto"; font-weight: 700; color: #000; }
#content h2 { font-family: "Roboto"; }
#content h3,
#content h6 { font-family: "Roboto"; font-weight: 700; font-size: 1.1em; text-transform: uppercase; }
#content .item-border { position: absolute; top: 0; bottom: -1px; left: 7px; width: 7px; background-color: #ca1c3b; }
#content .title-container { background-color: #000; color: #fff; font-size: 1em; padding: 10px 15px; }
#content .title-container .h3-subtitle { margin: 0; line-height: 1em; font-family: "Roboto"; font-weight: 700; font-size: 1.1em; text-transform: uppercase; }

#content .tournament-list-row { justify-content: center; }
#content .tournament-item { margin-top: 15px; margin-bottom: 15px; }
#content .tournament-item img { width: 100%; }
#content .news-item .news-item-caption,
#content .tournament-item .tournament-item-caption { position: absolute; top: 0; left: 15px; right: 15px; background-color: #000; color: #fff; }
#content .news-item .news-item-caption .h6,
#content .tournament-item .tournament-item-caption .h6 { float: left; margin-top: 0.5rem;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
#content .news-item .news-item-caption .news-item-title,
#content .tournament-item .tournament-item-caption .tournament-item-title { float: left; padding-left: 10px; max-width: 85%; }
#content .news-item .news-item-caption .news-item-date,
#content .tournament-item .tournament-item-caption .tournament-item-date { float: right; padding-right: 10px; }


/*********************** Home ***********************/

.home-slider .home-slider-item { position: relative; font-family: "Coyote-SemiBold"; text-transform: lowercase; height: calc(100vh - 60px); background-position: center; background-size: cover; }
.home-slider .home-slider-item img { max-width: 100vw; }
.home-slider .home-slider-item a.hashtag-link:hover { color: #fdc419; text-decoration: none; }
.home-slider .home-slider-item .slider-main-logo { position: absolute; top: 25%; left: 0; right: 0; margin: auto; }
.home-slider .home-slider-item .slider-secondary-logo { position: absolute; bottom: 20px; right: 30px; }
.home-slider .home-slider-item .slider-title-container { position: absolute; top: 0; left: 0; right: 0; text-align: center; color: #fff; margin-top: 100px; }
.home-slider .home-slider-item .slider-title-container h2 { font-size: 3em; }
.home-slider .home-slider-item .slider-caption-container { position: absolute; top: 0; bottom: 0; left: 0; right: 65%; display: flex; justify-content: center; align-items: center; color: #fff; }
.home-slider .home-slider-item .slider-caption-container .slider-caption-container-center { max-width: 185px; font-size: 1.2em; }
.home-slider .home-slider-item .slider-caption-container .caption-text-container { padding-right: 25px; font-size: 1.3em; }
.home-slider .home-slider-item .slider-caption-container h3 { font-size: 6em; line-height: 1em; margin-bottom: 0; }
.home-slider .home-slider-item .slider-caption-container h4 { font-size: 3em; line-height: 1em; }
.home-slider .home-slider-item .slider-caption-container h3 span { font-size: 0.5em; vertical-align: bottom; }
.home-slider .home-slider-item .slider-caption-container p { color: #fff; }
.home-slider .home-slider-item .hashtag-slider-container { position: absolute; left: 30px; bottom: 20px; }
.home-slider .home-slider-item .hashtag-slider-container { font-size: 1.5em; letter-spacing: 0.2em; }

.news-twitter-container { padding-bottom: 50px; }
.news-twitter-container h2 { text-align: center; text-transform: uppercase; color: #000; }
.news-twitter-container .news-container .row { padding-bottom: 20px; }
.news-twitter-container .news-container .news-item { position: relative; }
.news-twitter-container .news-container .news-item a:hover .h6 { color: #ca1c3b; }
.news-twitter-container .news-container .news-item a:hover img { opacity: 0.8; }
.news-twitter-container .news-container .news-item img { width: 100%; }
.news-twitter-container .news-container .news-btn-container { padding-bottom: 20px; }
.news-twitter-container .news-container .news-btn-container a { border-radius: 5px; background-color: #000; color: #fff; padding: 5px 15px; font-family: "Roboto"; }
.news-twitter-container .news-container .news-btn-container a:hover { text-decoration: none; background-color: #ca1c3b; }

#content .news-twitter-container .twitter-container .row { position: relative; }
#content .news-twitter-container .twitter-container .row .item-border { left: initial; right: -8px; }

/*********************** Pages ***********************/

/* Tournament Listing */

.tournament-container { padding-bottom: 50px; }
.tournament-container .tournament-item a { display: block; }
.tournament-container .tournament-item a:hover .h6 { color: #ca1c3b; }
.tournament-container .tournament-item a:hover img { opacity: 0.8; }

/* Infos */

#content .page-title-infos { padding: 50px 15px 30px 15px; color: #000; text-align: center; }
#content .map-container,
#content #accordion .card { padding: 0 15px; position: relative; }
#content #accordion .card .accordion-heading { background-color: #000; }
#content #accordion .card .accordion-body { background-color: #fff; color: #000; }
#content #accordion .card .accordion-body p { color: #000; }
#content #map { height: 300px; margin-bottom: 20px; }
#content .card { background-color: transparent; color: #fff; border-radius: 0; }
#content .card h5 { font-family: "Roboto"; font-weight: 700; }
#content .card a { color: #fff; }
#content .card .u-accordion__body a { color: #ca1c3b; }
#content .planning-col .item-border { height: 350px; }
#content .planning-container { background: url("img/vignette-vertical.jpg") 0 0; -webkit-background-size: cover; background-size: cover; min-height: 350px; }
#content .planning-container .planning-content { margin: 5px 0; padding: 15px; }
#content .planning-container .planning-content h4 { font-family: "Roboto"; font-weight: 700; text-transform: uppercase; font-size: 1em; color: #ca1c3b; }
#content .planning-container .planning-content p { font-family: "Roboto"; color: #fff; }
#content .infos-row { padding: 20px 0; }
#content .infos-row .infos-accordion-container { padding: 0; }

.accordion-body a.download-file-page { padding: 10px; background-color: #ca1c3b; color: #fff !important; display: inline-block; }
.accordion-body a.download-file-page:hover { background-color: #fdc419; text-decoration: none; }
.accordion-body a.download-file-page i { margin-right: 5px; }

/* News */

#content .news-row { justify-content: center; }

#content .news-item-detail { padding-top: 50px; }
#content .news-item-detail .banner-container { position: relative; }
#content .news-item-detail .banner-container img { width: 100%; vertical-align: middle; }
#content .news-item.news-item-detail .news-item-caption { left: 0; right: 0; }

#content .news-item-detail .infos-sharer { text-align: right; padding: 15px 0; }
#content .news-item-detail .infos-sharer .sharer-link { border: 1px #666 solid; border-radius: 50%; padding: 5px; color: #666; display: inline-block; }
#content .news-item-detail .infos-sharer .sharer-link i { width: 20px; height: 20px;display: flex; align-items: center; justify-content: center; }
#content .news-item-detail .infos-sharer .sharer-link:hover { color: #fff; background-color: #ca1c3b; border-color: #ca1c3b; text-decoration: none; }

#content .news-item-detail .news-body { padding: 30px 0; }
#content .news-item-detail .news-body h1 { font-weight: 700; font-size: 1.5em; }
#content .news-item-detail .news-body p { color: #000; }

/* Tournament detail */

#content .tournament-item-detail { padding-top: 50px; }
#content .tournament-item-detail.tournament-item { margin: 0 auto; }
#content .tournament-item-detail .banner-container { position: relative; }
#content .tournament-item-detail .banner-container img { width: 100%; vertical-align: middle; }
#content .tournament-item.tournament-item-detail .tournament-item-caption { left: 0; right: 0; }

#content .tournament-item-detail .infos-sharer { text-align: right; padding: 15px 0; }
#content .tournament-item-detail .infos-sharer .sharer-link { border: 1px #666 solid; border-radius: 50%; padding: 5px; color: #666; display: inline-block; }
#content .tournament-item-detail .infos-sharer .sharer-link i { width: 20px; height: 20px;display: flex; align-items: center; justify-content: center; }
#content .tournament-item-detail .infos-sharer .sharer-link:hover { color: #fff; background-color: #ca1c3b; border-color: #ca1c3b; text-decoration: none; }

#content .tournament-item-detail .tournament-body h1 { font-weight: 700; font-size: 1.5em; }
#content .tournament-item-detail .tournament-body p { color: #000; }

#content .tournament-item-detail .shop-link-col { display: flex; justify-content: center; align-items: center; }
#content .tournament-item-detail .shop-link-col a { display: block; background-color: #ca1c3b; color: #fff; padding: 15px; width: 100%; text-align: center; text-transform: uppercase; font-weight: 700; }
#content .tournament-item-detail .shop-link-col a:hover { background-color: #fdc419; text-decoration: none; }

#content .tournament-item-detail .tournament-details-infos-row { padding-bottom: 30px; }
#content .tournament-item-detail .tournament-details-infos-container { background-color: #fff; color: #000; margin-top: 17px; position: relative; }
#content .tournament-item-detail .tournament-details-infos-container .item-border { left: -10px; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-heading { background-color: #000; color: #fff; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-heading h3 { padding: 10px 15px; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-heading a { display: block; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-heading a:hover { background-color: #ca1c3b; text-decoration: none; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-heading a h3 { color: #fff; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-heading a h3 i { float: right; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-heading .cashprize-amount,
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-heading .max-players{ float: right; font-weight: normal; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-body { padding: 15px 15px 30px 15px; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-body.tournament-details-infos-body-cash-prize p { font-weight: 500; color: #ca1c3b; font-size: 1.1em; margin-bottom: 3px; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-body.tournament-details-infos-body-cash-prize b { color: #000; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-body.tournament-details-infos-body-planning h4 { font-size: 1.2em; color: #ca1c3b; }
#content .tournament-item-detail .tournament-details-infos-container p { color: #000; }

#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-body .team-container { border-bottom: #e1e1e1 1px solid; padding: 5px 0; }
#content .tournament-item-detail .tournament-details-infos-container .tournament-details-infos-body .team-container i.fa { margin-right: 10px; }

/* Contact */

.direct-contact-container .direct-contact { text-align: center; }
.direct-contact-container .direct-contact .direct-contact-item { padding: 20px 0; }

/* Press Files */

.tiny-container.pressfiles-item.pressfiles-item-detail { display: flex; align-items: center; justify-content: center; }
.pressfiles-body .pressfiles-container .pressfiles-file-container { text-align: center; }
.pressfiles-body .pressfiles-container .pressfiles-file-container a { padding: 10px; background-color: #ca1c3b; color: #fff; display: inline-block; }
.pressfiles-body .pressfiles-container .pressfiles-file-container a:hover { background-color: #fdc419; text-decoration: none; }
.pressfiles-body .pressfiles-container .pressfiles-file-container a i { margin-right: 5px; }

/* Page */

.page-body .download-file-page-container { text-align: center; margin: 30px 0; }
.page-body a.download-file-page { padding: 10px; background-color: #ca1c3b; color: #fff; display: inline-block; }
.page-body a.download-file-page:hover { background-color: #fdc419; text-decoration: none; }
.page-body a.download-file-page i { margin-right: 5px; }

/* Photos */
#popup-gallery { margin: 0 auto; }

#popup-gallery a { display: block; width: 200px; margin-bottom: 15px; }


    /* Partners */

#content .partner-container { padding-bottom: 50px; }
#content .partner-container .partner-category-title { color: #000; text-align: center; text-transform: uppercase; font-size: 1.4em; margin-top: 15px; }
#content .partner-container .partner-row { justify-content: center; }
#content .partner-container .partner-row .partner-item { margin: 15px 0; }
#content .partner-container .partner-row .partner-item a { display: block; background-color: #fff; padding: 30px 10px; text-align: center; min-height: 160px;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
#content .partner-container .partner-row .partner-item a:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.1);
}


/*********************** Form ***********************/

#content .form-content,
#content .form-content label,
#content .form-content legend { color: #000; }
#content .form-content textarea { min-height: 120px; }
#content .form-content .form-check { display: inline-block; padding-left: 40px; }
#content .form-content .form-check label:hover,
#content .form-content .form-check input:hover { cursor: pointer; }
#content .form-content .form-check .form-check-label { padding-left: 0; }
#content .form-content button.btn-submit { background-color: #ca1c3b; color: #fff; }
#content .form-content button.btn-submit:hover { background-color: #fdc419; }

.select2-results .select2-results__option { color: #000; }

/*********************** Footer ***********************/

#footer { background: linear-gradient(to right, #ca1c3b 49%, #fdc419 100%); padding: 50px; font-family: "Roboto"; }
#footer .logo-footer { width: 250px; display: block; margin: auto; }
#footer .social-footer-list a { color: #fff; }
#footer .social-footer-list a:hover { color: #fdc419; }
#footer h2 { text-transform: uppercase; font-size: 1.3em; font-weight: 700; }
#footer .footer-menu { font-weight: 700; }
#footer ul { font-size: 0.9em; }
#footer .social-footer-list a { width: 2em; height: 2em; }
#footer .footer-bottom-content { align-items: baseline; }
#footer .hashtag-event p { font-weight: 700; font-size: 1.5em; color: #fff; letter-spacing: 0.2em; }
#footer .signature { margin-bottom: 0; }
#footer .signature a { text-decoration: underline; font-weight: 700; }
#footer .signature a:hover { color: #fdc419 !important; }


/*********************** Bootstrap override ***********************/

@media (min-width: 768px){
    #content .tiny-container { max-width: 700px; min-height: 55vh; }
}

/*********************** Responsive ***********************/

@media screen and (max-width: 1200px) {

    /* General */

    .navbar-expand-lg .navbar-nav { margin-right: 0 !important; }

    /* Home */
    .home-slider .home-slider-item .slider-title-container { margin-top: 50px; }

}

@media screen and (max-width: 1100px) {

    /* Home */
    .home-slider .home-slider-item .slider-caption-container { right: 75%; }

}


@media screen and (max-width: 991px) {

    /* General */

    header { min-height: 65px; }
    .navbar-expand-lg .navbar-collapse { text-align: right; margin-top: 75px; }

    /* Home */
    .home-slider .home-slider-item .slider-caption-container { right: initial; left: 0; top: 0; }

    .news-twitter-container .news-container .row { padding-bottom: 0; }
    .news-twitter-container .news-container .row .news-item { margin-bottom: 20px; }

}

@media screen and (max-width: 767px) {

    /* Home */
    .home-slider .home-slider-item .slider-title-container h2 { font-size: 2em; }
    .home-slider .home-slider-item .slider-caption-container { font-size: 0.7em; left: 10%; top: 53%; }
    .home-slider .home-slider-item .slider-caption-container .slider-caption-container-center { max-width: 150px; }

    /* Infos */

    #content .planning-container { min-height: auto; }

    /* Footer */

    #footer .hashtag-event p { text-align: center; }
    #footer .footer-links-container { text-align: center; }
}

@media screen and (max-width: 567px) {

    /* Home */
    .home-slider .home-slider-item .slider-main-logo { max-width: 80%; }
    .home-slider .home-slider-item .slider-secondary-logo,
    .home-slider .home-slider-item .slider-caption-container { display: none; }
    .home-slider .home-slider-item .slider-title-container { margin-top: 30px; }
    .home-slider .home-slider-item .slider-title-container h2 { font-size: 1.5em; }
    .home-slider .home-slider-item .slider-caption-container { font-size: 0.6em; }
    .home-slider .home-slider-item .slider-caption-container .slider-caption-container-center { max-width: 100px; }
}

@media screen and (max-width: 450px) {

    /* Home */
    .home-slider .home-slider-item .slider-title-container { display: none; }
}

/* Under Construction */

.site-in-progress {

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    /*background: url("site_en_construction.jpg") no-repeat;*/
    /*background-origin: border-box;*/
    /*background-size: contain;*/
}

.form-group label.required:after,
.form-group legend.required:after {
    content: '*';
    color: #f4ac5d;
    font-size: 1.1em;
}