#pum-750 #popmake-750{
	padding:5%;
	background:white;
}

.legal-page h2

 {
	font-size: 1.5em;
	padding-top: 2%;
}


.et_parallax_bg{
	bottom:20%
}

#envirabox-content {

    border-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}


#masonry-images {
    max-width: 1200px;
    left: 0;
    right: 0;
    margin: auto;
	padding-top:0;
}


#masonry-images .et_pb_module:nth-child(1) img{
	    aspect-ratio: auto 1246 / 1072;

}
#masonry-images .et_pb_module:nth-child(2) img{
	    aspect-ratio: auto 1700 / 1072;

}
#masonry-images .et_pb_module:nth-child(3) img{
	    aspect-ratio: auto 2200 / 935;

}
.et_pb_contact p input, .et_pb_contact p textarea {
   
    background-color: white !important;
   
}

.page-id-41 #et_pb_contact_form_0 {
    height: 82vh;
    overflow: auto;
    margin-top: 110px;
    margin-bottom: 110px;
}
.et_pb_image_container img,
.et_pb_post a img {

    aspect-ratio: 5/4;
    object-fit: cover;
    object-position: center;
}

.home .header-content img {
    max-width: 480px;
    width: 100%
}

#page-container {
overflow:hidden;
    opacity: 0;
}

body.loaded #page-container {
    transition: opacity 0.4s ease-in-out !important;
    opacity: 1;
}

/************** ********** MENU ********** ****************/

#et-top-navigation {
    margin-right: .7em
}

#et-top-navigation .mobile_menu_bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(-45%);
}

#et-top-navigation .mobile_menu_bar:before,
#et-top-navigation .mobile_menu_bar:after {
    content: "";
    height: 2px;
    background: white;
    width: 50px;
    display: block;
}

#et-top-navigation .mobile_menu_bar:before,
#et-top-navigation .mobile_menu_bar:after {
    background: #004a5a !important
}

#et-top-navigation .mobile_menu_bar:before {
    margin-top: 40%;
    transform-origin: left;
    transition-duration: 600ms;
    transition-timing-function: ease-in-out;
}

#et-top-navigation .mobile_menu_bar:after {

    margin-top: 33%;

}

#et-top-navigation .mobile_menu_bar:hover:before {
    transform: scalex(50%)
}


body.full-header-page #main-header.et-fixed-header #et-top-navigation .mobile_menu_bar::before,
body.full-header-page #main-header.et-fixed-header #et-top-navigation .mobile_menu_bar::after {
    background: #004a5a;
}

.et_header_style_fullscreen #et-top-navigation .et_toggle_fullscreen_menu {
    padding-bottom: 0;
    padding-top: 0px !important
}

body.full-header-page #main-header:not(.et-fixed-header) .container {
    margin-top: 1em;
}


/*.et_slide_in_menu_container.et_pb_fullscreen_menu_opened{
		transform:translatey(0%) !important}
.et_slide_in_menu_container:not(.et_pb_fullscreen_menu_opened){
transform:translatey(-110%)
}*/
.et_slide_in_menu_container .mobile_menu_bar {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 30px;
    top: 23px !important;
    right: 6% !important;
    flex-direction: column;
}

.et_slide_in_menu_container .mobile_menu_bar:before,
.et_slide_in_menu_container .mobile_menu_bar:after {
    content: "" !important;
    height: 2px;
    background: white;
    width: 42px;
    display: block;

}

.et_slide_in_menu_container .mobile_menu_bar:after {
    transform: rotate(45deg)
}

.et_slide_in_menu_container .mobile_menu_bar::before {
    transform: rotate(-45deg) translate(-1px, 1px);
}

.et_slide_in_menu_container .mobile_menu_bar {
    margin-top: 1.3%;
    margin-right: -1%;
}

/****/




.et_pb_fullscreen_nav_container {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.et_header_style_fullscreen .et_slide_in_menu_container:after {
    content: "";
    background: url(https://cafe-defrance.fr/wp-content/uploads/2023/05/logo_menu.svg);
    position: absolute;
    bottom: -8%;
    right: -10%;
    height: 50%;
    width: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .1;
}

.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    opacity: 1 !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container {
    opacity: 1 !important;
    overflow: hidden;
    padding-top: 40px !important
}

#appended-menu-logo {

    width: 50%;
    min-width: 250px;
    max-width: 500px;
}

.et_slide_menu_top {
    background: transparent !important
}

.menu-side {
    width: 33%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white
}

body #page-container ul#mobile_menu_slide {

    display: block !important;
    height: unset !important;
}

#appended-menu-link,
#home-header-link {
    font-family: 'JustCosmic', Helvetica, Arial, Lucida, sans-serif;
    width: 32px;
    white-space: nowrap;
    height: 32px;

}
#home-header-link{
	width:unset
}
#appended-menu-link span,
#home-header-link {
    padding: 9px 16px;
    border: 1px solid #004a5a;
    border-radius: 80px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

#home-header-link {
    position: absolute;
    bottom: 6%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1.2em;
    width: max-content;
    height: unset;
    padding: .5em 1em !important;
    backdrop-filter: blur(4px);
    background: rgba(255,255,255,.1);
}

.menu-side * {
    color: white;

}

#menu-side-left a {
    font-size: 1.2em
}

#menu-side-left #footer-icons {
    padding-top: 19px
}

#menu-side-right a {

    display: flex;
    justify-content: center;
    align-items: center;
}

#menu-side-right a span {
    border: 1px solid white;
}

#main-header {
    position: fixed !important;
    left: 0;
    padding: 20px 22px !important;

}

#main-header:not(.et-fixed-header) {
    box-shadow: none !important
}

#main-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 3%;
}

#main-header .container:after {
    display: none
}

#main-header .logo_container {
    width: unset;
    position: relative;
    text-align: center;
}

#et-top-navigation,
.et_header_style_fullscreen .et-fixed-header #et-top-navigation,
.et_header_style_fullscreen div#et_mobile_nav_menu {
    padding-top: 24px !important;
    padding-left: 0 !important;
}

#logo {
    max-width: 70% !important;
    transition-duration: 0s !important
}

@media screen and (min-width:980px) {
    body #page-container ul#mobile_menu_slide {
        width: 33% !important;

    }

}

@media screen and (max-width:981px) {
    #menu-side-left{
        display: none
    }


}

@media screen and (max-width:620px) {
    #appended-menu-link {
        display: none
    }
}


/************** ********** BASICS ********** ****************/

.et_pb_button:hover {
    border-radius: 99px !important
}

.row-50 {
    width: 50% !important;

}


.row-70 {
    width: 70% !important;

}



body {
    padding: 1.7em;
}

#page-container {
    margin-top: 0 !important;

}

body.full-header-page #page-container {
    padding-top: 0 !important;

}

body.full-header-page #main-header:not(.et-fixed-header) {
    background-color: transparent !important;
    box-shadow: none !important
}

/*body.full-header-page #main-header:not(.et-fixed-header) #appended-menu-link,
body.full-header-page #main-header:not(.et-fixed-header) #appended-menu-link span {
    filter: brightness(2) saturate(0);
    transition-duration: 0s !important
}*/

.underline-title h1:after,
.underline-title h2:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 250px;
    background: #2b4b5a;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
}

.underline-title h1,
.underline-title h2 {
    margin-bottom: 45px;
    position: relative;
}


#page-container .pop-section {
    position: fixed;
    z-index: 9999999999;
    background-color: rgba(0, 0, 0, .75) !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    backdrop-filter: blur(21px);
    /* display: none; */
    transition-duration: 800ms;
    opacity: 0;
    pointer-events: none;
}

.pop-section.opened {
    opacity: 1 !important;
    pointer-events: all !important
}

.pop-section .et_pb_row {
    padding-top: 9%;

}

.pop-section .et_pb_contact {
    background: #efefef;
    padding: 6%;
}

.et_pb_contact input,
.et_pb_contact textarea {
    background: white;
    color: gray;
}

.et_pb_contact input::placeholder,
.et_pb_contact textarea::placeholder {

    color: gray;
}

.pop-section .et_pb_contact_main_title {
    font-size: 26px;
    background: #efefef;
    padding: 6% 7% 0% 6%;
}

.pop-section .et-pb-contact-message {
    background: #efefef;
    padding-left: 6%;
    padding-top: 3%;

}

.et_pb_contact_submit {
    background: #002730;
    color: white !important;
    text-transform: uppercase;
    margin-top: 15px;
}

.et_pb_contact_submit:hover {
    background: #002730;

}

.et-pb-contact-message ul {
    display: none;

}

/************************ PAGES **************************/

#image-header {
    height: 55vh;
    min-height: 450px;
	    overflow: hidden;

}



html {
    background-image: url(https://cafe-defrance.fr/wp-content/uploads/2023/05/logo_bg-1.svg);
    background-position: 469% 53%;
    background-repeat: no-repeat;
    background-size: 89%;
}

/*html {
    background-image: url(https://cafe-defrance.fr/wp-content/uploads/2023/05/logo_bg-1.svg);
    background-position: 200% -145%;
    background-repeat: no-repeat;
    background-size: 71%;
    background-attachment: fixed;
}*/
.et_pb_section,
body {
    background-color: transparent !important
}

/************************ PRESTA EXT **************************/
#demande-prestation {
    border: 1px solid #2b4b5a !important;
    font-family: 'JustCosmic', Helvetica, Arial, Lucida, sans-serif;
    font-size: 1.4em;
    text-transform: uppercase;
    line-height: 1.3em !important;
}

#masonry-images .et_pb_row {
    width: 100%;
    max-width: 100%;
}

#masonry-images .et_pb_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#masonry-images .et_pb_column .et_pb_image {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.7%;
}

#masonry-images .et_pb_column .et_pb_image_0 {
    width: 41.5%
}

#masonry-images .et_pb_column .et_pb_image_1 {
    width: 56.5%;
}

#masonry-images .et_pb_column .et_pb_image_2 {
    width: 100%
}

/************************ HOME **************************/
body.full-header-page #main-header:not(.et-fixed-header) #logo {
    opacity: 0
}

.et_pb_fullwidth_header {

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-position: 50% 80%;

}



#galerie3 .et_pb_gallery_item {
    margin: 0;
    padding: 0;
    width: 33%
}

#galerie3 .et_overlay {
    display: none;
}

#blue-cards * {
    color: white;
}

#blue-cards .et_pb_text_inner {
    padding: 9%;
}

#blue-cards .et_pb_module {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#blue-cards strong {
    font-family: 'JustCosmic', Helvetica, Arial, Lucida, sans-serif;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 500;

}

#home-signature img {
    max-width: 350px;
    width: 80%;

}

#double-image h2 {
    margin-top: 6%;
    text-transform: initial;
}


#double-image {
    margin-bottom: 4%;

}

#maturation * {
    color: white
}

#maturation .et_pb_text {
    position: absolute;
    padding: 7%;
    /* transform: translateX(60%); */
    right: -25%;
}

#maturation .et_pb_column {
    display: flex;
    align-items: center;
}

#maturation .et_pb_image img {
    min-height: 500px;
    object-fit: cover;
}

#home-prest-ext * {
    color: white
}

#home-prest-ext .et_pb_row {
    width: 100%;
    max-width: 100%;
}

#home-prest-ext .et_pb_text {
    width: 70%
}

#home-prest-ext .et_pb_text h2 {
    text-align: center
}

#home-prest-ext .et_pb_column:nth-child(1) {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

}

#home-prest-ext .et_pb_button_module_wrapper {
    border: 1px solid white;
    border-radius: 99px;
    margin-top: 13%;
}

#blog article {
    border: none;
}

#blog article .wrap {
    background: white;
    padding: 8% 10%;
    width: 90%;
    margin-left: 5%;
    margin-top: -45%;
    z-index: 9999999;
    position: relative;
}

#blog article .entry-title {
    font-size: 1.3em;
    margin: 5% 0;
    text-align: center;
}

#blog article .post-content-inner {
    line-height: 1.35em;
    font-style: italic;
}

#blog article .published {
    display: none
}

#blog .et_pb_row {
    width: 95%;
    max-width: 1500px;
}

#galerie-link * {
    color: white;
}

#galerie-link {
    height: 75vh;
    display: flex;
    justify-content: center;
    margin-bottom: 4%;

}

#galerie-link .et_pb_text {
    font-size: 1.3em;
    text-align: center;
}

#galerie-link strong {
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'JustCosmic', Helvetica, Arial, Lucida, sans-serif;
    font-size: 1.9em;
    padding-bottom: 1%
}

#galerie-link .et_pb_text_inner {
    display: inline-block;
    border: 8px solid #004a5a;
    padding: 2% 4%;
    overflow: hidden;
}

#galerie-link .et_pb_text_inner:after {
    content: "";
    background: #004a5a;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    transition-duration: 550ms;
    transition-timing-function: ease-in-out;
    transform: translatex(-100%)
}

#galerie-link .et_pb_text_inner:hover:after,
#galerie-link .et_animated .et_pb_text_inner:after {
    transform: translatex(0%) !important
}

#galerie-link .et_had_animation .et_pb_text_inner:after {
    transform: translatex(-100%)
}


#galerie-link em {
    font-style: initial;

}

.mfp-title {
    display: none
}

@media screen and (min-width:980px) {
    #blog .column.size-1of3 {
        width: 30.667%;
        margin-right: 2.5%;
        transform: translateX(5%);
    }

    #double-image .et_pb_column:nth-child(2) .et_pb_image {
        transform: translate(0%, 100%) scale(1.5);

    }
}


/********* SINGLE POST **********************/

.single-post h2 {
    text-transform: initial;

}

#blog .et_pb_button {
    border: 1px solid #004a5a !important;
    margin: 1px;
    padding: .5em 1.5em !important;
}

.single-post #main-content {
    background-color: transparent !important;
    background: transparent !important;
}

/********************** Contact **********************/


#horaires h2 {
    padding-bottom: 6%
}

#horaires .et_pb_text:nth-child(2) {
    font-size: 1.5em
}

#formulaire {
    margin-top: 4%
}

#formulaire .et_pb_column {
    padding: 9% 6%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#formulaire .et_pb_text p {
    font-size: 1.5em
}

#formulaire .et_pb_text p a strong {
    border: 1px solid;
    border-radius: 99px;
    padding: 12px 19px;
    margin-top: 3%;
    display: inline-block;
}

#map div[aria-label="Carte"] {
    filter: hue-rotate(196deg) saturate(0.5);
}

/*#map .et_pb_row{
	width:100%;
	max-width:100%
}*/
#map .et_pb_map {
    min-height: 70vh
}

/********************* LA CARTE ****************/
#la-carte .et_pb_title_container {

    margin-bottom: 6%;
}

#la-carte h2 {
    text-transform: initial;
    padding-bottom: 4%;
}

#la-carte .grey-text .et_pb_text_inner {
    position: relative;
    color: darkslategray;
}

#la-carte table {
    border-collapse: collapse;
    border-spacing: 0;
    padding-top: 6% !important;
    margin-top: 6% !important;
    font-weight: 800;
    font-size: 1.1em;
}

#la-carte table,
#la-carte table td {
    border: none !important
}

#la-carte #blue-cards {
    margin-top: 6%
}

/************************ FOOTER **************************/

#main-footer .footer-widget {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: .4
}

#main-footer .widget_media_image {}

#main-footer .menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}

#footer-widgets .footer-widget li {
    padding-right: 8px;

}

#footer-widgets .footer-widget li a {
    font-family: 'JustCosmic';
    font-size: 20px
}

#footer-widgets .footer-widget li:before {
    content: "|" !important;
    top: -4px
}

#footer-widgets .footer-widget li:first-child:before {
    display: none
}

#footer-widgets .footer-widget .fwidget {
    margin-bottom: 8.21%;
}

#footer-widgets {
    padding: 12% 0 !important;
    padding-bottom: 3% !important;

}

#footer-icons {
    display: flex;
    justify-content: center;
}

#footer-icons a {
    padding: 2px 6px;
}

#footer-icons a img {
    width: 31px
}

.footer-widget .custom-html-widget {
    display: flex;
    flex-direction: column;
    align-items: center
}

#footer-bottom {
    display: none
}


/****************** GLOBAL MEDIA QUERRY ********/
@media screen and (min-width:980px) {

    #home-header-link {
        display: none;
    }

}



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

    .header-logo {
        display: none
    }

    #home-header-link {
        display: inline-block;
    }

    .et_pb_fullwidth_header,
    .et_pb_fullwidth_header_container,
    .et_parallax_bg_wrap {

        height: calc(100vh - 140px) !important;
        min-height: calc(100vh - 140px) !important;
    }


   #main-header #appended-menu-link {
     opacity:0;
		pointer-events:none
    }

    .full-header-page #main-header:not(.et-fixed-header) #et-top-navigation .mobile_menu_bar:before,
    .full-header-page #main-header:not(.et-fixed-header) #et-top-navigation .mobile_menu_bar:after {
        background: white !important;
    }

    #home-signature img {

        margin-bottom: 9%;
    }

    #maturation .et_pb_text {

        /* transform: translateX(60%); */
        right: -15%;
    }

    #home-prest-ext .et_pb_column:nth-child(1) {

        padding: 9% 6%;
    }

    #galerie3 .et_pb_gallery_item {
        clear: none
    }

    #home-prest-ext {
        padding-top: 0;
        padding-bottom: 0
    }

    #page-container {
        padding-top: 75px !important
    }
	
	.et_pb_fullscreen_nav_container {
  
    flex-direction: column;
}
	#menu-side-right {

    position: absolute;
    bottom: 5%;
}
	.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a {
    padding: 7px 0;
    font-size:24px
}
	
#et_pb_contact_form_0 {
  
    margin-bottom: unset !important;
}
}

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

    .row-50 {
        width: 90% !important;
    }

    .row-70 {
        width: 90% !important;
    }

    #home-prest-ext .et_pb_column:nth-child(1) {
        padding: 9% 0%;
    }


    
}

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

    h1,
    h1.et_pb_contact_main_title,
    .et_pb_title_container h1 {
        font-size: 2em !important;
    }

    h2 {
        font-size: 1.7em !important;
    }

    
}

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

    .row-50,
    .et_pb_row,
    .row-70 {
        width: 100% !important;
    }

    #appended-menu-logo {

        min-width: 210px;

    }
	#home-header-link {
   
    font-size: 1em;

}
}
@media screen and (max-width:380px) {
h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 {
    font-size: 1.6em !important;
}
}
/*_,.-'~'-.,__,.-'~'-.,__,.-'- SCROLLBAR -.,__,.-'~'-.,__,.-'~'-.,_*/
body::-webkit-scrollbar {
    width: 11px;
}

body::-webkit-scrollbar-track {
    background: white;
}

body::-webkit-scrollbar-thumb {
    background-color: #2B4B5A;
    border-radius: 0px;
}

/*MOZ*/
html {
    scrollbar-color: #2B4B5A white;
}