/*
Theme Name: D-Day Museum Custom Theme
Theme URI: https://www.espacelafontaine.com/
Author: D-Day Museum Team
Description: A dedicated, heritage-focused WordPress theme for the official D-Day Museum website. Designed to showcase the history and impact of Operation Overlord and the Normandy landings, highlight the museum’s collections (including the Overlord Embroidery), share archival material and personal stories, promote events and visitor info, and support fundraising and community engagement. Structured for rich educational content, multi-section exhibits, and easy navigation of historical topics, with strong readability and mobile responsiveness.
Version: 1.0
*/
*{
    box-sizing: border-box;
}
body{
    margin: 0px;
}

div#espacelafontaine-header {
    background-color: #000;
} 

body .custom-logo {
    width: 215px !important;
    height: auto !important;
    max-width: 100% !important;
}

.espacelafontaine-content-area {
    font-size: 16px;
    line-height: 24px;
}
.espacelafontaine-container p{
    font-size:16px!important;
}
.espacelafontaine-container {
    max-width: 1200px!important;
    width: 100%;
    margin: auto;
    padding: 20px 20px 20px 20px!important;
}
.espacelafontaine-page-content p a{
	color:#2927a5;
}
.espacelafontaine-page-content li a {
    color:#2927a5;
}
.campaign-list-item_more-btns{
    display:none;
}
.espacelafontaine-content-area h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

.espacelafontaine-content-area h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

.espacelafontaine-content-area h3 {
    font-size: 27px;
    font-weight: bold;
    line-height: 35px;
}

.espacelafontaine-content-area h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

.espacelafontaine-content-area h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.espacelafontaine-content-area h6 {
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}

.espacelafontaine-content-area ol li {
    list-style: decimal;
}

.espacelafontaine-content-area ul li {
    list-style: disc;
}

.espacelafontaine-content-area ol,
.espacelafontaine-content-area ul {
    padding-left: 30px;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 10px 0 !important;
}
ol, ul {
    box-sizing: border-box;
    padding: 0;
}
.espacelafontaine-content-area table {
    border-collapse: collapse;
    width: 100%;
    margin: 25px 0;
}

.espacelafontaine-content-area td,
.espacelafontaine-content-area th {
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 16px;
}

.espacelafontaine-content-area dl {
    margin: 20px;
    padding: 0;
    font-family: Arial, sans-serif;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.espacelafontaine-content-area dt {
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}

.espacelafontaine-content-area dd {
    margin: 0 0 10px 20px;
    padding: 10px;
    border-left: 2px solid #ddd;
    background-color: #fff;
}

.espacelafontaine-content-area li {
    line-height: 30px;
}

.espacelafontaine-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* FontAwesome arrow for top-level menu items */
.menu-item-has-children > a::after {
    content: "\f078";
    font-family: "FontAwesome";
    margin-left: 5px;
    color: #1d70b8;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 10px;
}

.espacelafontaine-nav-menu li.menu-item-has-children:hover > a::after {
    transform: rotate(-180deg);
}

/* Hide arrow for nested submenu items */
.sub-menu .menu-item-has-children > a::after {
    display: block;
   right: 33px;
    top: 5px;
}

.espacelafontaine-navigation {
    position: relative;
    display: inline-block;
    width: 100%;
}

.espacelafontaine-navigation a {
    display: block;
    font-size: 17px;
    line-height: 40px !important;
    color: #fff;
    text-decoration: none;
	font-family: Roboto;
}

.espacelafontaine-navigation a:hover {
    color: #f2f2f2;
    text-decoration: underline;
}


.sub-menu li a {
    line-height: 24px;
    margin: 5px 0;
    color: #1d70b8;
}

.espacelafontaine-navigation li {
    position: relative;
    display: inline-block;
    padding: 0 20px;
}

.espacelafontaine-nav-select {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.espacelafontaine-navigation a:hover,
.espacelafontaine-navigation a:focus {
    color: #1d70b8;
}
.espacelafontaine-navigation .sub-menu a:hover,
.espacelafontaine-navigation .sub-menu a:focus {
    color: #1d70b8;
}

.espacelafontaine-navbar-toggle-wrapper {
    display: none;
}

.sub-menu {
    display: none;
    position: absolute;
    left: 0;
    background: #fff;
    width: 180px;
    text-align: left;
    padding: 10px 0;
    box-shadow: 0 0 6px #ddd;
    top: 34px;
    z-index: 999;
}

.menu-item:hover .sub-menu {
    display: block;
}

.sub-menu li {
    width: 100%;
}

.sub-menu .sub-menu {
    left: auto !important;
    right: 100%;
    top: -10px !important;
}

.espacelafontaine-nav-select .sub-menu > li > .sub-menu {
    display: none;
    position: absolute;
}

.espacelafontaine-nav-select .espacelafontaine-menu__list > li:hover > .sub-menu,
.espacelafontaine-nav-select .sub-menu > li:hover > .sub-menu {
    display: block;
}

.espacelafontaine-footer {
    text-align: center;
}
.aligncenter {
    clear: both;
    display: block;
    margin: auto;
}

.campaign-list-item_key-features ul li {
    list-style: none;

}

.campaign-list-item_key-features ul {
    padding-left: 0;
}

a.su-button {
    background: #1d70b8  !important;
}

.site-header {
    position: unset;
    transform: unset;
    background-color: aliceblue;
    height: 95px;
    max-width: unset;
}
.main-navigation .menu-toggle {
    top: 3rem;
    background: unset;
}
.site-header .logo {
    top: 3rem;
    width: unset;
}
.site-footer .site-info p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0 !important;
}
div#site-info {
    width: 100%;
}
.site-footer ul {
    justify-content: center;
}


#menu-footer-menu{
        display: flex;
    justify-content: center;
    list-style: none;
}
#menu-footer-menu li{
 padding: 0px 20px;
}
#menu-footer-menu li a{
   text-decoration: none;
   color: #1d70b8;
}


@media only screen and (max-width: 590px) {
    .espacelafontaine-container table{
        display: block;
    overflow-x: auto;
    white-space: nowrap;
    overflow-x: scroll;
    }
    #menu-footer-menu li{
 padding: 10px 20px;
}
    #menu-footer-menu{
        flex-direction: column;
        align-items: center;
    }
	  .espacelafontaine-content-area table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    .menu-item-has-children > a::after {
    content: none;
    
}
}
@media only screen and (max-width: 991px) {

    .menu-item-has-children > a::after,
    .sub-menu .menu-item-has-children > a::after {
        display: none;
    }

    .espacelafontaine-table-auto {
        overflow-x: scroll;
        width: 100%;
    }

.site-header .logo {
    top: 4rem;
}
.main-navigation .menu-toggle {
    top: 4.4rem;
}

    .espacelafontaine-navigation {
        position: absolute;
        right: 0;
        top: 95px;
        width: 100%;
        cursor: pointer;
        text-align: left;
        background: #fff;
        box-shadow: 0 0 4px #ddd;
        display: none;
        padding: 14px;
        z-index: 999;
    }

    .espacelafontaine-navbar-toggle-wrapper {
        display: flex !important;
        background-color: #fff;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 30px;
        right: 15px;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        cursor: pointer;
        color: transparent;
    }

    .espacelafontaine-navbar-toggle-wrapper span {
        width: 20px;
        height: 2px;
        background-color: #1d70b8;
        display: inline-block;
        position: relative;
        top: 0px;
        right: 0;
    }

    .espacelafontaine-navbar-toggle-wrapper span::before,
    .espacelafontaine-navbar-toggle-wrapper span::after {
        content: "";
        position: absolute;
        background-color: #1d70b8;
        width: 100%;
        height: 2px;
        left: 0;
    }

    .espacelafontaine-navbar-toggle-wrapper span::before {
        top: -7px;
    }

    .espacelafontaine-navbar-toggle-wrapper span::after {
        top: 7px;
    }


.espacelafontaine-navigation li {
        position: relative;
        display: inline-block;
        Padding: 0 20px;
        margin: 0;
        width: 100%;
        box-sizing: border-box;

    }


    .sub-menu {
        display: block;
        position: relative !important;
        left: 0 !important;
        background: transparent;
        width: 100%;
        padding: 0 !important;
        box-shadow: none;
        top: auto;
    }

    .sub-menu .sub-menu {
        left: 0;
        right: 0;
        top: 0;
    }

    .espacelafontaine-toggle-menu {
        position: absolute;
        right: -7px;
        width: 40px;
        height: 30px;
        font-size: 15px;
        top: 7px;
        cursor: pointer;
        z-index: 999;
        display: block;
        color: #1d70b8;
        transform: rotate(0deg);
        text-align: center;
    }

    .espacelafontaine-toggle-menu i {
        transition: transform 0.3s ease;
    }

    .espacelafontaine-toggle-menu.on i {
        transform: rotate(180deg);
    }

    .espacelafontaine-nav-select {
        display: inline-block;
        width: 100%;
        text-align: left;
        margin: 0;
    }
    .espacelafontaine-nav-select .sub-menu > li > .sub-menu {
    display: block;
    position: relative;
}

.espacelafontaine-nav-select .espacelafontaine-menu__list > li:hover > .sub-menu,
.espacelafontaine-nav-select .sub-menu > li:hover > .sub-menu {
    display: block;
}

}

/*AUTHOR SECTION START*/
.main-title{
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
   background: #394247;
    border-radius: 10px;
    padding: 10px;
    
}
.author_imag img {
    width: 60px;
    min-width:60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
.name_author_out {
    display: flex;
}
.name_author_out span.lbl {
    margin-right: 5px;
}
.name_author_out h4 {
    margin: 0;
    color: #000;
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
}
.name_author_out p{
margin:0 !important;
}
 
 .custom_author_info a{
    text-decoration: none!important;
 }
/*AUTHOR SECTION And Page START*/
 
.main-title {
    text-align: left;
}
 
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.name_author_out {
    display: flex;
    align-items: center;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
 
.name_author_out a p {
    font-weight: 600;
    font-size: 16px;
}
 
.name_author_out a:hover p {
    color: #ea0101;
}
 .espacelafontainet_modifyDetails span{
    color:#fff;
 }
  .espacelafontainet_modifyDetails .custom_author_info a{
    color:#fff;
  }
.espacelafontainet_modifyDetails {
    
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 20px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.author_imag {
    line-height: 0;
}
 
.name_author_out {
    display: flex;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out a {
    color: inherit;
}
 
/*Author Page css*/
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
}
 
.header-avatar-container img {
    padding: 0;
    border: 0;
    width: 75px;
    height: 75px;
    object-fit: cover;
}
 
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-fields-group.profile-fields-group-1 {
    border: 1px solid #eee;
    margin: 1.5rem 0 0;
    padding: 15px 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    letter-spacing: 1px;
}
 
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
}
.home-page.author-box-wrapper {
    padding: 90px 20px 30px;
    box-shadow: none;
    max-width:1500px;
width:100%;
    margin:auto;
}
 
.author-f-name .label, .author-description-name .label {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    color: #222222;
    padding: 0px;
}
.profile-fields-table .data{
    color: #222222;
}
 
.author-f-name {
    display: flex;
    gap: 15px;
    font-size: 20px;
}
 .header-profile-details h2{
    color:#222;
 }
.author-description-name {
    margin-top: 20px;
    font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
    color: #fff ;
    text-decoration-color: #fff ;
}

.custom_author_info span a,
.custom_author_info span b,
.custom_author_info  a p,
.custom_author_info span{
    color:#fff!important;
}
.espacelafontaine-footer{
    padding:20px;
}
.espacelafontaine-footer a{
   color:#c0c0c0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .toplist-techcity__offer-logo:before {
        right: 40px !important;
    }
}


.header-name-container{
    border: none!important;
}
.profile-content-settings {
    border: none!important;
}

/* additional css present  */
/*new css start*/
.home-slider{
	display: none;
}
#top-menu a, #top-menu a:link, #top-menu a:visited, #top-menu a:hover, #top-menu a:active{
	font-size: 14px;
}
body.elf *{
	color: #000000;
}
p#copyright{
	background: none;
}
#mainContent {
    padding: 20px;
	font-family: "roboto";
	max-width: 1140px;
	margin: 0 auto;
	font-size: 16px;
}
#mainContent .single-post-author-info {
    display: flex;
    gap: 20px;
    align-items: center;
}
#mainContent .image img.avatar.photo {
    border-radius: 50%;
}
.section-best-online-casinos-detailed #mainContent p {
    font-size: 25px;
    font-family: "Roboto";
    font-weight: 500;
    color: #58595A;    margin: 0px;
}
.section-best-online-casinos-detailed #mainContent p.update {
    padding-top: 10px;
    font-family: "Roboto";
    font-size: 16px;
}
.section-best-online-casinos-detailed #mainContent .about-author a {
    text-decoration: none;
}
.section-best-online-casinos-detailed .main-title {
    display: block;
    margin: 20px;
    overflow: hidden;
    font-family: "Roboto";
}
.header-name-container {
    border: 1px solid #ccc;
}
.profile-content-settings {
    border: 1px solid #ccc;
}
.profile-tab-content {
    margin: 20px;
}
.profile-fields-table .author-f-name, .profile-fields-table .author-description-name {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.profile-fields-table .data {
    width: 70%;
}
.profile-fields-table  .author-f-name .label, .profile-fields-table .author-description-name .label{
    width: 30%;
}
.header-name-container h2 {
    margin: 15px;
}

.header-avatar-container {
    background: #C5C5C5;
    border-radius: 5px 5px 0px 0px;
    padding: 20px;
}
.profile-fields-group h3.group-title {
        border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
}
.profile-fields-group .profile-fields-table {
    padding-left: 15px;
    padding-right: 15px;
      padding-top: 15px;
}
#mainContent span {
    display: inline-block;
    padding-bottom: 15px;
	  width: 100%;
}
#mainContent table span {
    display: inline-block;
    padding-bottom: 0px;
}
#mainContent h3 span {
    display: inline-block;
    padding-bottom: 0px;
      margin-bottom: 0px;
}
#mainContent h2 span {
    display: inline-block;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#mainContent h4 span {
    display: inline-block;
    padding-bottom: 0px;
}
/*new css end*/
#mainContent ol, #mainContent ul {
    margin-bottom: 0.5em;
    margin-left: 3em;	
		list-style: revert;
}

#mainContent img.aligncenter, #mainContent img{
    margin: 1.0em auto;
    display:block;
}

h1 { font-size: 2.00rem; }
h2 { font-size: 1.74rem; }
h3 { font-size: 1.52rem; }
h4 { font-size: 1.32rem; }
h5 { font-size: 1.15rem; }
h6 { font-size: 1.00rem; }

#mainContent h1, #mainContent h2 ,#mainContent h3 ,#mainContent h4 , #mainContent h5, #mainContent h6 {
    font-weight:revert;
	font-family: roboto;
	margin: 10px auto;
	color: revert !important;
}

#mainContent table{
    margin:1em 0;
    display: block;
    overflow-x : auto;
    border: 0px solid #eaeaea;
    border-collapse: collapse;
     margin: 1.5em 0;
}

#mainContent th, #mainContent td {
    text-align: left;
    border: 2px solid;
    border-collapse: collapse;
        padding: 5px;
}

#mainContent table span {
    margin:5px 0;
}


#mainContent li span {
    display: revert;
	 	margin:5px 0;
}

#mainContent li {
	 	margin: 15px;
}

@media only screen and (max-width : 480px) {
    #mainContent {
    display:block;
        margin: 0;
			padding: 10px;
    }
	#mainContent ol, #mainContent ul {
    margin-bottom: 0.5em;
    margin-left: 1.5em;
}
	#mainContent li span {
    display: revert;
    padding-bottom: 15px;
}
	#mainContent li{
		margin: 10px auto;
	}
}
.section-best-online-casinos-detailed h1, .section-best-online-casinos-detailed p, .section-best-online-casinos-detailed span, .section-best-online-casinos-detailed ul li, .section-best-online-casinos-detailed ol li,.section-best-online-casinos-detailed table tr td {
    font-family: "Roboto";
}
td.header-table-image {
    background-image: none !important;
}
table.header-table-image {
    background-image: none !important;
}
.header-table-image img {
    display: none;
}

/* Titres */
h1, h2, h3, h4, h5, h6,
.espacelafontaine-content-area h1,
.espacelafontaine-content-area h2,
.espacelafontaine-content-area h3,
.espacelafontaine-content-area h4,
.espacelafontaine-content-area h5,
.espacelafontaine-content-area h6 {
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
}

/* Paragraphes */
p,
.espacelafontaine-content-area p,
#mainContent p {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}