/*
 Description:  style for Port de Golfe-Juan website only
*/

/* Brandon Grotesque — auto-hébergé, fichiers .otf */
@font-face {
    font-family: 'BrandonGrotesque';
    src: url('fonts/BrandonGrotesque-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'BrandonGrotesque-Italic';
    src: url('fonts/BrandonGrotesque-RegularItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'BrandonGrotesque';
    src: url('fonts/BrandonGrotesque-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'BrandonGrotesqueBold';
    src: url('fonts/BrandonGrotesque-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'BrandonGrotesque';
    src: url('fonts/BrandonGrotesque-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'BrandonGrotesque';
    src: url('fonts/BrandonGrotesque-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

section header > *, .row_content .block_header > * {
    font-family: 'BrandonGrotesqueBold', sans-serif !important;
    font-weight: 500;
}
html .header_logo #logo img {
    max-width: 300px !important;
}
.title, .title .title_link, #last_actu .title a, .block_contact p.title, .row_title .block_header > .title{
    color: #005192 !important;
}
html .header_logo #logo img {
    max-width: 466px;
    width: 100%;
}

html body{
    font-family: 'poppinsregular', sans-serif !important;
}
html body.admin-bar header #modalMenu, html body.admin-bar header #modalSearch, html body.admin-bar #modalSeaport{
    top: 160px !important;
}
@media screen and (max-width: 991px){
    html body.admin-bar header #modalMenu, html body.admin-bar header #modalSearch, html body.admin-bar #modalSeaport{
        top: 180px !important;
    }
}
html header #modalMenu, html header #modalSearch, html header #modalSeaport{
    top: 98px !important;
}
html body.noScrolling{
    overflow: hidden !important;
}
@media screen and (min-width: 768px){
    html header .header_lang ul > li > ul {
        padding-top: 24px !important;
    }
}
@media screen and (max-width: 767px){
    html header #modalMenu, html header #modalSearch, html header #modalSeaport {
        top: 63px !important;
    }
    html body.admin-bar header #modalMenu, html body.admin-bar header #modalSearch, html body.admin-bar #modalSeaport{
        top: 142px !important;
    }
}
li.menu-item.social_header i{
    font-size: 17px;
}
html ul > li.menu-item, html ul > li.menu-item a, html .btn_search_menu, html .hamburger-label, html .btn_read_more.transparent:hover, html .row_content .block_header > *,
html .btn_read_more.with_fleche, html .btn_read_more.transparent:hover, html footer i, html .block_contact p, html .block_contact a, html .middle_row, html .middle_row p, html .middle_row a,
html .container_number_espace, html .breadcrumb > li:not(.active) > *, html .description a, .text a, html .block_text_normal .text a, html .block_text_bold .text a, html .chiffre_place_parking, html .doc_telechargement.offre > a, html .petit_titre.offre_emploi > *{
    color: #005192 !important;
}
html .form-control:focus {
    border-color: #005192;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(0, 81, 146, 0.6);
}
html .col_rubrique_3_colonne:hover .content > * {
    background-color: rgba(0, 81, 146, .8) !important;
}
.row_grille_tarif .col_tarif a:hover > span:last-child,
html ul > li.menu-item, html ul > li.menu-item a, html .btn_search_menu, html .hamburger-label, html .btn_read_more.transparent:hover{
    color: #005192 !important;
}
html section header > *, html article .content_post h2, html article .content_post h3, html #galerie_filter li a, html .date_actu, html form label, html .item_chiffre .valeur_chiffre, html .item_chiffre .unite_chiffre{
    color: #005192;
}
.search-page-title, .search-page-title a,
.content_galerie_vignette .item_galerie_vignette .link_galerie_vignette{
    color: #005192 !important;
}
aside li p{
    color: #005192 !important;
}
#modalSeaport header *{
	color: #005192 !important;
    margin-top: 35px !important;
}
.msg_safari_user {
    text-align: center;
    display: block;
    padding: 15px 0;
}
.msg_safari_user a{
	display: inline-block !important;
	margin: 0 auto !important;
    width: inherit !important;
    height: inherit !important;
    padding: 7px 15px !important;
}
html .iframe-seaport{
    height: 650px;
    padding-bottom: 0 !important;
}
.search-query::-webkit-input-placeholder{
    color: #005192 !important;
}
.search-query::-moz-placeholder{
    color: #005192 !important;
}
.search-query:-ms-input-placeholder{
    color: #005192 !important;
}
.search-query::-ms-input-placeholder{
    color: #005192 !important;
}
.search-query::placeholder{
    color: #005192 !important;
}
html .hamburger-inner, html .hamburger-inner:after, html .hamburger-inner:before {
    color: #005192 !important;
    background-color: #005192 !important;
}
html .nav > li.menu-item.custom_social_menu:hover > a {
    color: inherit !important;
}
html table:not(.table_offre_emploi) tbody > tr:hover {
    background-color: rgb(0 81 146 / 21%) !important;
}
html .nav > li:not(.wpml-ls-item):hover > a, html .nav li.active:not(.wpml-ls-item) > a, html body.golfe .nav li:not(.wpml-ls-item) a:focus, html .nav li:not(.wpml-ls-item) a:hover,
html .nav > li.menu-item.custom_social_menu:hover > a:hover{
    color: #005192 !important;
}
.tag_result span,
html .slick-dots li.slick-active button {
    background-color: #005192 !important;
}
html .slick-dots li button {
    border-color: #005192;
}
.single_post_title, .date_single_post{
    color: #005192 !important;
}
html body .leaflet-marker-icon.important {
    background-color: #005192  !important;
}
html body .leaflet-marker-icon.base {
    background-color: #005192 !important;
}
@media (min-width: 992px){
    html #modalMenu .nav > li.menu-item-has-children > *:first-child::after {
        background-color: #005192;
    }
}
html body.page-id-284 .content_service > div:nth-last-child(5) img {
    max-width: 70%;
}
html body.page-id-284 .content_service > div:nth-last-child(2) img {
    max-width: 65%;
}
html body.page-id-603 .content_service > div:first-child img,
html body.page-id-11652 .content_service > div:first-child img{
    max-width: 55%;
}
html body.page-id-603 .content_service > div:nth-child(3) img,
html body.page-id-11652 .content_service > div:nth-child(3) img{
    max-width: 70%;
}
html body.page-id-603 .content_service > div:nth-child(4) img,
html body.page-id-11652 .content_service > div:nth-child(4) img{
    max-width: 65%;
}
html body.page-id-603 .content_service > div:nth-last-child(2) img,
html body.page-id-11652 .content_service > div:nth-last-child(2) img{
    max-width: 65%;
}
html body.page-id-603 .nos_services_section,
html body.page-id-11652 .nos_services_section
{
    padding: 80px 0 !important;
}
html .row_content.all_tarif_parking:not(.row_title) {
    padding: 20px 0 40px !important;
}
body.page-id-930 .row_content.all_tarif_parking:not(.row_title) {
    margin-top: -40px;
}
html body.page-id-284 .content_service > div:nth-child(4) img {
    max-width: 80%;
}
@media (max-width: 767px){
    html body.page-id-603 .nos_services_section,
    html body.page-id-11652 .nos_services_section{
        padding: 40px 0 !important;
    }
    html .tarif_salle {
        margin-bottom: 0 !important;
    }
    html .iframe-seaport{
        padding-bottom: 0;
        height: 100vh;
    }
}
html .content_item_bateau {
    border: none;
}
.spec_bateau > * {
    display: flex !important;
}
.spec_bateau > *:nth-last-child(1n+2) {
    margin-bottom: 5px;
}
.img_bateau {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0px 3px 15px 0px rgba(128, 128, 128, 0.459);
    z-index: -1;
}
.info_bateau {
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0px 3px 15px 0px rgba(128, 128, 128, 0.459);
    background-color: #fff;
}
.modele_bateau, .tel_contact_bateau, .legende_loc_bateau{
    font-family: 'BrandonGrotesque', sans-serif;
    font-weight: 700;
}
.modele_bateau{
    font-size: 16px;
}
.modele_bateau a{
    color: #005192 !important;
}
.legende_loc_bateau{
    color: #808080;
    max-width: 114px;
    width: 100%;
    display: inline-block;
    margin-right: 15px;
}
html .tel_contact_bateau a{
    color: #005192;
}
/* html .nav > li:not(.wpml-ls-item):hover > a, html .nav li.active:not(.wpml-ls-item) > a, html .nav li:not(.wpml-ls-item) a:focus, html .nav li:not(.wpml-ls-item) a:hover,
html .btn_read_more.with_fleche:hover, html footer a:hover, html footer a:focus, html footer i:hover, html #block_contact a:hover{
    color: #E8F5FF !important;
} */
html footer i:hover{
    /* color: #00a78c !important; */
    color: #005192 !important;
}
html .btn_read_more.with_fleche:hover{
    color: #005192 !important;
}
html .btn_read_more.with_fleche:hover path {
    fill: #005192;
}
html .with_separator.separator_vague::after, html .with_separator.separator_vague.vague_claire::after {
    background-image: url('/wp-content/themes/strappress-child/assets/vagues-sldv.png') !important;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}
html .btn_read_more:hover, html .btn_read_more:focus{
    color: #ffffff !important;
}
html #calculette .form-control, html .row_grille_tarif .col_tarif a:hover{
    border-color: #005192;
}
html .btn_read_more:hover, html .btn_read_more:focus{
    background-color: #005192;
    border-color: #005192;
}
html .col_rubrique_3_colonne:hover .content > *{
    background-color: rgba(94, 160, 248, 0.8);
}
html .btn_read_more:not(.full_bg){
    border-color: #005192;
    color: #005192
}
html .search-query, html #searchsubmit{
    border-color: #005192 !important;
    color: #005192
}
html .btn_read_more.with_fleche svg path, html .row_grille_tarif .col_tarif a:hover svg path, html .col_rubrique_3_colonne svg path{
    fill: #005192;
}
html .col_info_onglet svg path, html #agenda .slick-arrow path, html .mfp-arrow path{
    fill: #005192 !important;
}
html table.table_offre_emploi .doc_telechargement > a:hover span{
    background-color: #005192 !important;
}
html .doc_telechargement.offre svg path {
    fill: #005192 !important;
}
html .doc_telechargement.offre > a > span {
    border-color: #005192;
}
.doc_telechargement.offre > a {
    color: #1B5198;
    width: 100%;
    max-width: 250px;
}
/*html .btn_read_more.with_fleche:hover svg path{
    fill: #00a78c;
} */
html .row_content:not(.listing_manifestation) > div:first-child::after, html .date_event span {
    /* color: #E8F5FF; */
    color: rgba(0, 81, 146, 0.15);
}
html .date_event span {
    /* color: rgba(0, 167, 140, 0.55); */
    color: rgba(0, 81, 146, 0.55);
}
html .mfp-bottom-bar.activeBg {
    background-color: rgba(94, 160, 248, 0.85);
}
html footer a:hover, html footer a:focus, html footer i:hover, html #block_contact a:hover, #galerie_filter li a:hover, #galerie_filter li.active a{
    color: #4FA3D1 !important;
}
@media (min-width: 768px){
    html .bordered-left {
        border-left-color: #005192;
    }
}
.block_contact .text_info_de_contact {
    color: #000 !important;
}
footer .column_logo_footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
}
@media (max-width: 600px){
    footer .column_logo_footer{
        justify-content: center;
    }
}
footer .middle_row {
    border-color:#005192;
}

html body.page-id-284 .btn_more_services {
    top: 100%;
    padding-top: 20px;
}

@media (min-width:1200px){
    html body.page-id-284 #services .content_service .btn_more_services:not(.btn_close){
        bottom: -96px !important;
    }
}

html body.page-id-284 #services .content_service .btn_more_services.btn_close{
    bottom: -97px !important;
}

.item_service {
    margin-bottom: initial !important;
}