/*
Theme Name: L Smile
Author: Tris informatique
Author URI: https://www.trisinformatique.com
Version: 4.8.8
Template: enfold
*/

/*popup button*/
.custom-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f15a29; /* Couleur de fond */
    color: white; /* Couleur du texte */
    text-decoration: none; /* Pas de soulignement */
    border-radius: 5px; /* Bords arrondis */
    font-size: 16px; /* Taille du texte */
    font-family: Arial, sans-serif; /* Police */
    text-align: center; /* Centrer le texte */
}

.custom-button:hover {
    background-color: #007198; /* Couleur de fond au survol */
}

/*ninja form bug on ios */

.page-id-6338 .nf-form-cont {
    min-height: 500px;
}

@media only screen and (max-width: 767px) {
    .page-id-6329 .nf-form-cont {
        min-height: 1300px;
    }
}

@media only screen and (min-width: 767px) {
    .page-id-6329 .nf-form-cont {
        min-height: 900px;
    }
}


/*no clicable element */

#top .no-clickable {
    pointer-events: none !important;
}

.trs-image-shadow {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
}

#top .background_orange .iconbox_content {
    background-color: #f15a29;
}

#top .main_color.container_wrap.fullsize {
    border-top: none;
}

#top .background_main_color {
    background-color: rgba(0, 113, 152, 0.1);
    padding: 20px;
}

#top .image_on_top {
    z-index: 89;
}

#socket .copyright {
    width: 100%;
}

#top .tris-theme-color {
    color: #f26a44 !important;
}

#top .trs_custom_div .av-seperator-icon {
    font-size: 1.5em;
    color: grey;
}


/* Buttons */

#top .sticky-buttons>li:hover>a>.sb-label {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0%) !important;
}

#top .sticky-buttons li:nth-child(1) .sb-label {
    color: rgb(255, 255, 255);
    background: #227198
}

#top .sticky-buttons li:nth-child(1) .sb-icon {
    background: #227198;
}

#top .sticky-buttons li:nth-child(2) .sb-label {
    color: rgb(255, 255, 255);
    background: rgb(241, 90, 41);
}

#top .sticky-buttons {
    margin-bottom: 25px;
}

#top .sticky-buttons li {
    margin-right: 10px;
    margin-bottom: 10px;
}


/* MAIN */

@media only screen and (max-width: 989px) {
    #top .main_logo_img {
        margin: -40px 0px 0px 0px !important;
    }
    #top .main_logo_img img {
        height: 25vw;
        width: auto;
    }
}

#top .trs_map_mobile {
    display: none;
}

#top .trs_map_desktop {
    display: table-cell;
}

@media only screen and (max-width: 767px) {
    #top .trs_map_mobile {
        display: block;
        padding: 0px !important;
        padding-left: 0px !important;
        margin: 0px;
    }
    #top .trs_map_desktop {
        display: none !important;
    }
}


/* CATALOG*/

#top .av-catalogue-price {
    padding: 7px;
    background: #f15a29;
    color: white;
    margin-left: auto;
}

#top .av-catalogue-title {
    margin-bottom: 5px;
    padding-right: 0px;
}

.av-catalogue-title-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.av-catalogue-price {
    position: relative;
    width: fit-content;
}

@media only screen and (max-width: 767px) {
    .av-catalogue-price {
        font-size: 0.8em;
    }
}


/* FONT*/


/*Underline*/

.trs-special-underline {}

.trs-special-underline h3 {
    position: relative;
    border-bottom: 1px dotted #D3D3D3 !important;
    padding-bottom: 10px;
}

.trs-special-underline h3::after,
.trs-special-underline .av-catalogue-title::after {
    background: #f15a29;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}

.text-border-blue h1,
.text-border-blue .av-icon-char {
    text-shadow: 2px 0 0 #007299, 0 2px 0 #007299, -2px 0 0 #007299, 0 -2px 0 #007299;
}

#top .h2_blue {
    color: #00769f;
}

#top h3.special_quote {
    font-size: 38px;
    color: #007198;
    font-weight: 100;
}

#top h3.special_quote strong {
    font-weight: 600;
}


/* Tris booking */

#top .tbk-map-canvas {
    display: none;
}


/*SLIDER ARTICLE*/

#top .main_color.container_wrap.fullsize.trs-special-slider {
    border: solid 4px #007198;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    border-left: none;
    border-right: none;
}

.trs-special-slider .slide-meta {
    display: none;
}

.trs-special-slider .avia-content-slider {
    overflow: visible;
}

.avia_desktop .trs-special-slider .avia-content-slider .avia-slideshow-arrows a {
    opacity: 1;
}

#top .trs-special-slider .avia-slideshow-arrows a.prev-slide {
    left: -5%;
}

#top .trs-special-slider .avia-slideshow-arrows a.next-slide {
    right: -5%;
}


/* PORTOFOLIO*/

#top .avia-post-nav {
    top: 90%;
    background-color: rgba(0, 0, 0, 0.5);
}

#top .entry-info-wrap,
.avia-post-nav {
    display: none;
}

#top .sortPortofolio {
    font-size: 2em;
}

@media only screen and (max-width: 675px) {
    #top .sortPortofolio {
        font-size: 1.4em;
    }
}


/* CUSTOM GRID */

#top #av-sc-portfolio-1 .grid-entry {
    transition: none;
    padding: 8px;
    text-align: center;
}

#top .trs_custom_grid .entry-content {
    font-size: 15px;
}

#top .trs_custom_grid .avia-image-container-inner,
#top .trs_custom_grid img {
    width: 100%;
    transition: 1s ease-in-out;
}

#top .trs_custom_grid .av_font_icon {
    margin-top: -40px;
}

#top .trs_custom_grid .av-icon-char {
    background-color: #4a7d9d;
    color: white;
    border-style: solid;
    border-width: 4px;
    border-color: white;
    padding: 13px !important;
    font-size: 2.2em;
}

#top .trs_custom_grid .av-icon-char::before {
    position: relative;
    left: -7px;
}

#top .trs_custom_grid .grid-entry-title {
    margin-top: 10px;
}

#top .trs_custom_grid .avia_textblock {
    padding: 20px;
}

#top .trs_custom_grid .avia_textblock p {
    text-align: center;
    color: grey;
}


/* SLIDER SVG */

#top .trs_svg_slider,
#top .trs_svg_slider svg {
    width: 100vw;
    z-index: 100;
}

#top .trs_svg_slider {
    min-height: 0;
}

#top .trs_svg_slider svg {
    position: absolute;
    bottom: 0;
    opacity: 1;
    /* <============  MODIFIER L'OPACITE DE LA VAGUE */
}

#top .trs_svg_slider path {
    fill: white;
}

#top .trs_svg_slider .container {
    margin: 0px;
    padding: 0px;
    z-index: 100;
    width: 100% !important;
    max-width: 100% !important;
}

#top .trs_svg_slider .content {
    margin: 0px;
    padding: 0px;
}


/* CONTACT CARD */

#top .iconbox.trs-contact-card {
    padding: 20px;
    background: #F8F8F8;
    border-radius: 10px;
}


/* HEADER */

#top #header {
    z-index: 10000;
}

#top #header_main {
    border-bottom: solid 4px #007198;
    border-top-style: none;
}

#top #header_main .logo {
    padding: 5px;
    height: 150%;
    overflow: visible;
}

#top #header_main .logo::before {
    content: '';
    position: absolute;
    left: -35px;
    bottom: -50px;
    width: 300px;
    height: 105px;
    background: url(/wp/wp-content/uploads/2022/01/smileOnly.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    #top #header_main .logo {
        border: none;
    }
    #top #header_main .logo::before {
        display: none;
    }
}
#top #menu-item-7417,
#top #menu-item-7360 {
    margin-left: 30px;
}
#top .menu-item-7417,
#top .menu-item-7360{
    margin-top: 30px !important;
}

#top #menu-item-7417 .avia-menu-text,
#top #menu-item-7360 .avia-menu-text,
#top .menu-item-7360 .avia-menu-text {
    background-color: #007198 !important;
    border-color: #007198 !important;
}

#top #header_meta {
    background-color: white;
    border-bottom-style: none;
}

#top #header_meta .social_bookmarks {
    font-size: 1.5em;
}

@media only screen and (max-width: 767px) {
    #top #header_meta>.container {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    #top #header_meta .social_bookmarks{
        display: flex !important;
        justify-content: end;
        border-color: #e1e1e1;
        color: #808080;
    }
    #top #header_meta .social_bookmarks .social_bookmarks_facebook {
        border-bottom-style: none;
        border-left-style: none;
    }
    #top #header_meta .social_bookmarks .social_bookmarks_facebook:hover{
        color: white;
        background-color: #3b5998;
    }
    #top #header_meta .social_bookmarks .social_bookmarks_instagram {
        border-bottom-style: none;
    }
    #top #header_meta .social_bookmarks .social_bookmarks_instagram:hover{
        color: white;
        background-color: #c3512f;
    }
    #top #header_meta .social_bookmarks .social_bookmarks_linkedin {
        border-bottom-style: none;
        border-right-style: none !important;
    }
    #top #header_meta .social_bookmarks .social_bookmarks_linkedin:hover{
        color: white;
        background-color: #0e76a8;
    }

    #top #header_meta .sub_menu>.avia_wpml_language_switch{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

}

@media (max-width: 1240px) {
    .av-burger-menu-main {
        display: block!important;
    }
    #top .avia-menu .av-main-nav .menu-item {
        display: list-item !important;
    }
    #top .avia-menu .av-main-nav #menu-item-7360{
        display: none!important;
    }
    #top #avia-menu {
        display: flex;
        justify-content: end;
    }
}
@media only screen and (max-width: 1040px) {
    #top .avia-menu .av-main-nav .menu-item {
        display: none!important;
    }
    #top #menu-item-6999 {
        display: list-item !important;
    }

}
@media only screen and (max-width: 767px) {
    #top #header_main .av-logo-container>.inner-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #top #header_main .av-logo-container>.inner-container .main_menu {
        top : auto;
    }
}
@media only screen and (max-width: 520px) {
    #top #menu-item-6999 {
        display: none !important;
    }
}


/* FOOTER */

#top #footer .sub-menu {
    display: none;
}

#top #footer #menu-item-7360,
#top #footer #menu-item-7417{
    display:none;
}

#top .widgettitle {
    margin-top: 1em;
    border-style: solid;
    border-bottom-width: 2px;
    border-color: #4a7d9d;
    font-size: 1.5em;
    color: #f26a44;
}

#top .textwidget {
    font-size: 1.2em;
    color: grey;
}

#top #footer .menu-item {
    font-size: 1.2em;
}

#top .textwidget strong {
    color: grey;
}

#top .widget a {
    color: #4a7d9d;
}

#top .textwidget img {
    height: auto !important;
}

#top .container_wrap {
    background-size: cover;
}
/*Text on top of btn for clinique*/
#top p.txt_btn_menu{
	position: absolute;
	top: -45px;
	width: max-content;
	font-size:12px;
}
@media only screen and (max-width: 1240px) {
	#top p.txt_btn_menu{
		top:-30px;
}

/*FOOTER*/
@media only screen and (max-width: 1215px) {
    #footer .av_one_fourth {
        margin-left: 0px;
        width: 45% !important;
        height: 415px;
        padding: 25px;
    }
}

@media only screen and (max-width: 675px) {
    #footer .av_one_fourth {
        margin: 0!important;
        width: 100% !important;
        height: fit-content;
        padding: 0;
    }
    #footer .widget {
        margin: 30px 0 0 0;
    }
}


/* ninja-form styling*/

#top .nf-field-description{
	z-index:100;
}
/*only for checkbox consent*/
.checkbox-container.label-right .checkbox-wrap{
	flex-direction:column;
}
#top #ninja_forms_required_items,
.nf-field-container {
    margin-bottom: 0px !important;
}

#top .nf-error .nf-error-msg {
    display: none;
}

#top .nf-field-element input {
    height: 50px !important;
	margin-bottom: 0 !important;
}

#top .nf-field-label {
    margin-bottom: 0px !important;
}

#top .field-wrap.textarea-wrap .nf-field-element {
    height: auto !important;
}

#top .file_upload-wrap .nf-field-element {
    height: auto !important;
}

#top .field-wrap.textarea-wrap .nf-field-element,
#top .field-wrap.textarea-wrap .nf-field-element textarea {
    width: 100% !important;
}

input[type="button"] {
    cursor: pointer;
}
/*END ninja form */