/*
Theme Name: Cap Bassin
Description: Thème sur-mesure
Author: Brumisphère
Template: flatsome
Version: 1.1
*/

.grecaptcha-badge {
    display: none !important;
}



/* PORTFOLIO Portfolio Page .*/

body.featured_item-template-default.single.single-featured_item h1.entry-title.uppercase {
    font-size: 42px;
    color: black;
    text-transform: capitalize;
    font-weight: 600;
}

body.featured_item-template-default.single.single-featured_item .featured_item_cats.breadcrumbs.mb-half a {
    color: #A5A8B1;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.portfolio-page-wrapper {
    height: auto;
}

.portfolio-summary.entry-summary {
    position: -webkit-sticky;
    position: sticky;
    top: 180px;
    z-index: 1000;
}

.portfolio .box-label .box-text {
    background-color: #fff;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin: 0 !important;
    background: #F28721;
    text-align: left;
    opacity: 0 !important;
    box-shadow: none;
}

.portfolio .box-label:hover .box-text {
    opacity: 1 !important;
}


/* PORTFOLIO HOMEPAGE .*/

.portfolio h6.uppercase.portfolio-box-title {
    font-family: 'Playfair Display';
    text-transform: capitalize;
    color: white;
    opacity: 1;
    text-shadow: none;
}

.portfolio .portfolio-box .portfolio-box-category {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    color: white;
}

.portfolio span.show-on-hover {
    text-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.home .mb-half {
    margin-bottom: 30px;
}


/* HEADER .*/

.nav-dark .nav>li>a,
.header:not(.transparent) .header-nav-main.nav>li>a {
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    color: black;
    font-size: .8em;
}

.nav-dark .nav>li>a,
.header.transparent .header-nav-main.nav>li>a {
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    color: white;
    font-size: .8em;
}

.header-nav.header-nav-main.nav.nav-right li {
    padding-right: 30px;
}

.header-inner.flex-row.container.logo-left.medium-logo-left {
    padding-left: 30px;
}

.header.transparent:not(.stuck) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}


/* STYLE GENERAL .*/

.banner h1.regular {
    font-weight: 500;
}

.regular {
    font-weight: 500;
}

.regular-title {
    font-weight: 500;
    font-size: 72px;
    margin-bottom: 0;
}

.bolder {
    font-family: "Roboto";
    font-weight: bold;
    font-style: normal;
}

.bold {
    font-weight: 600;
}

.letterspacing {
    letter-spacing: 0.2em;
}

.letterspacing:hover {
    text-decoration: underline;
}

.services:hover {
    background: #f8f8f899;
}

.copyright-footer {
    color: white;
}

.copyright-footer a:hover {
    text-decoration: underline;
}

.menu-menu-header-container {
    display: none;
}

.nav-line-bottom>li>a:before,
.nav-line>li>a:before {
    background-color: #F28721;
}

ul.nav.nav-true.nav-center.nav-line-bottom.nav-uppercase.filter-nav a {
    text-transform: uppercase;
    font-weight: 600;
    color: #A5A8B1;
    padding: 10px 6px;
}

@media screen and (max-width: 850px) {
    ul.nav.nav-true.nav-center.nav-line-bottom.nav-uppercase.filter-nav a {
        padding: 10px 0px;
    }
}

ul.nav.nav-true.nav-center.nav-line-bottom.nav-uppercase.filter-nav .active>a {
    color: black;
}

.home .header:not(.transparent) .header-nav-main.nav>li.active>a {
    color: black;
}

.home .header.transparent .header-nav-main.nav>li.active>a:hover {
    color: white;
}

.home .header:not(.transparent) .header-nav-main.nav>li.active>a:hover {
    color: #007cba;
}

span.bold.letterspacing:hover {
    background-color: #ffffff;
    color: black;
    text-decoration: none;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
}

span.bold.letterspacing {
    font-size: 14px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

span.bold.letterspacing:hover {
    color: black;
}

.stuck a.button.primary.is-large {
    background: rgb(14, 30, 66);
    color: white;
}

.stuck a.button.primary.is-large:hover {
    background: #00a1cf;
    color: white;
}


/* BUTTONS .*/

.nav>li.html {
    font-size: 0.8em;
}

.header-button a.button.primary.is-large::after {
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    display: inline-block;
    padding-left: 0.5em;
    font-weight: 900;
}

a.button.primary.is-large {
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-size: 12px;
    color: #0E1E42;
    border-radius: 0px;
    padding: 8px 24px 8px 24px;
    letter-spacing: 0.1em;
    display: inline-flex;
    align-items: center;
}

a.button.primary.is-large:hover {
    background: rgb(14, 30, 66);
    color: white;
}

.button.secondary {
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-size: 12px;
    color: white;
    border-radius: 0px;
    padding: 10px 20px 10px 20px;
    letter-spacing: 0.1em;
    display: inline-flex;
    align-items: center;
}

.button.secondary:hover {
    background: rgb(14, 30, 66);
}

.icon-angle-right:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f35a';
    display: inline-block;
    font-weight: 400;
}

.icon-angle-left:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f35a';
    display: inline-block;
    font-weight: 400;
    transform: scaleX(-1);
}

.icon-checkmark:before {
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    display: inline-block;
    padding-left: 0.5em;
    font-weight: 900;
}


/* SOCIAL ICON.*/

.social-icons i {
    min-width: 1em;
    color: white;
    padding-bottom: 20px;
}

.social-icons a.plain,
.social-icons a.plain.active {
    color: white;
    padding: 9px 2px;
}


/* BREADCRUMB.*/

nav.rank-math-breadcrumb {
    font-size: 12px;
    padding: 7px 0px;
    color: black;
}

nav.rank-math-breadcrumb a {
    color: black;
}

.rank-math-breadcrumb p {
    padding: 0px;
    margin: 0px;
}

.container .row:not(.row-collapse),
.lightbox-content .row:not(.row-collapse),
.row .gallery,
.row .row:not(.row-collapse) {
    margin-left: 0px;
    margin-right: 0px
}


/* FORMULAIRE */

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form select,
.contact-form textarea {
    padding: 10px 20px !important;
    border: 0px !important;
    font-size: 14px !important;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border: 0px solid #ddd;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    height: 3.3em;
    padding: 0 .75em;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    background-color: #fff;
    box-shadow: none;
    color: #333;
    opacity: 1 !important;
    outline: 0;
}

.wpcf7-submit {
    width: 163px;
    height: 48px;
    padding: 0;
}

.contact-form input[type="submit"] {
    padding: 0 !important;
}

.wpcf7-spinner {
    display: none;
}


/* CUSTOM CSS */

@media (max-width: 849px) {
    .header-main li.html.custom {
        display: block;
    }

    .header-inner .nav {
        flex-wrap: nowrap;
        width: max-content;
    }

    img.alignleft {
        padding-right: 12px;
    }

    ul.nav.nav-true.nav-center.nav-line-bottom.nav-uppercase.filter-nav {
        font-size: 14px;
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        flex-direction: row;
    }

    .portfolio-summary.entry-summary {
        position: relative;
        top: auto;
        text-align: center;
    }

    a.button.primary.is-large {
        padding: 8px 18px 8px 18px;
    }

    li.html.custom.html_topbar_right i.fa.fa-phone {
        background: #F28721;
        border-radius: 100%;
        padding: 13px;
        font-size: 16px;
    }

    li.html.custom.html_topbar_right .fa-phone {
        color: white !important;
    }

    li.html.custom.html_topbar_right .tel-head {
        display: none;
    }

    .portfolio-summary ul {
        text-align: left;
    }
}

@media only screen and (max-width: 48em) {

    .wpcf7-form .large-6,
    .wpcf7-form .large-4,
    .wpcf7-form .large-12 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .social-icon .text-left {
        text-align: center;
    }

    .nav-column>li>a,
    .nav-dropdown>li>a,
    .nav-vertical-fly-out>li>a,
    .nav>li>a {
        color: hsl(0deg 0% 0% / 85%);
    }

    .dark .nav>li>a {
        color: hsl(0deg 0% 100%);
        font-size: 32px;
    }

    /*.portfolio .portfolio-box .box-text-inner {
        width: 70%;
        height: 45px;
    }*/
    .portfolio h6.uppercase.portfolio-box-title {
        font-size: 14px;
    }

    .portfolio span.show-on-hover {
        font-size: 9px;
    }

    .portfolio .box-label .box-text {
        opacity: 1 !important;
    }

    .portfolio .box-label .box-text {
        padding: 5px 10px;
    }
}



/* GDPR */

.moove-gdpr-modal-save-settings {
    background-color: unset !important;
    color: rgb(94, 88, 88) !important;
}

.moove-gdpr-modal-reject-all {
    display: none;
}

.moove-gdpr-cookie-notice button.change-settings-button {
    min-height: unset;
}

.moove-gdpr-branding-cnt {
    display: none !important;
}


/* Add */

a.nav-top-link,
.html_topbar_right * {
    font-size: 14px;
}

.html_topbar_right i {
    margin-right: 5px;
}

@media screen and (min-width:850px) {
    .round-services {
        max-width: 230px;
        margin: 40px;
    }
}

@media screen and (max-width:850px) {
    .round-services {
        max-width: 230px;
        margin: 0px;
    }
}

.featured_item_cats a {
    color: #F28721 !important;
}

.featured_item_cats {
    margin-bottom: 0px;
}

.portfolio-summary {
    font-size: 0.95em;
}

.portfolio-bottom .next-prev-nav i {
    font-size: 1em;
    margin: 0 10px !important;
    top: 2px;
    vertical-align: top;
}

.portfolio-related {
    margin-bottom: 60px;
}

.wpcf7 .wpcf7-not-valid-tip:after {
    display: none;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: transparent;
    color: #fff;
}

.wpcf7 .wpcf7-not-valid-tip {
    background-color: transparent;
    border-radius: 3px;
    color: #F28721;
    line-height: 1.2em;
    margin-top: -10px;
    opacity: .8;
    padding: 5px 8px;
    position: relative;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    color: #fff;
}