/*
Theme Name: Divi Child Theme
Theme URI: https://divi-theme.nl
Description: Child theme for the Divi Theme
Author: Karen Nijst
Author URI: https://kahlowebsites.nl
Template: Divi
Version: 1.3
*/
/* cormorant-garamond-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/cormorant-garamond-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/cormorant-garamond-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/cormorant-garamond-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/cormorant-garamond-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/cormorant-garamond-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/cormorant-garamond-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/cormorant-garamond-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/inter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/inter-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* ---------------------------
   Lokaal gehoste Raleway font-varianten
------------------------------ */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-500italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/raleway-v36-latin-700italic.woff2') format('woff2');
}

/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/raleway-v36-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Toepassen op headings */
/* h2 54px, h3 27px, h4 21 px, h5 19 px, h6 16*/

/* homepage h2 50, 44, 36
h3 Inter 30, 30, 30 
h4 50, 46, 30 */

/* max-width: 1024px h2 42px, h3 24px, h4 16 px, h5 19 px, h6 14
	max-width: 767px h2 36 h3 24 h4 16 h5 16*/

h1{
  font-family: 'Cormorant Garamond', Georgia, "Times New Roman", serif;
  font-weight: 700!important;
}
.home #achtstappen h3,
.home .et_pb_section_11 h3, 
.home h2,
.home h4,
.page-id-778 h2,
.page-id-778 h4,
.page-id-778 #achtstappen h3,
.page-id-778 .et_pb_section_11 h3{
  font-family: 'Cormorant Garamond', Georgia, "Times New Roman", serif!important;
  font-weight: 700!important;
}
#pageBuilder h2:first-of-type {
	margin: 40px 0;
}
blockquote {
    border-color: #e5c649!important;
}
/* MENU */
#et-top-navigation li {
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
/* opmaak link */
.et_pb_text_inner a,
#pageBuilder a{
  text-decoration: underline dotted !important;
  transition: color 0.2s ease;
}

pre {
  overflow: auto;
  padding: 0px;
  font-family: 'Courier New', monospace;
  white-space: pre-wrap;
  word-break: break-word;
  font-weight: 600;
  font-size: 1rem;
	line-height:1.4em; 
	margin: 30px 0;
color: #7c7373; 
}


#contact h5{
	font-size:18px!important;
	font-weight: 300!important;
}

#uitsnede h6
{
	color:#FFF!important; 

}


#main-header .container{
	width:94%; 
}
/* ---------------------------
   Corps (body) standaard instellen
------------------------------ */
body, p, li, span, td, th, input, textarea, select, .et_pb_text, .et_pb_module {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal !important;
}
strong, button, h2, h3, h4, h5, h6, .et_pb_toggle_title, .entry-content a {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700 !important;
  font-style: normal !important;
}






/* Verberg de eerste <ul> in #top-menu-nav alleen op pagina-ID 778 */
/* Verberg standaardmenu op pagina-ID 778 */
.page-id-778 #top-menu-nav ul:not(.english-menu) {
    display: none;
}


/*opmaak h1, h2 etc en p staat in de template */


.menu-item-ENG {
  display: none !important;
}
.home .menu-item-ENG {
  display: inline-block !important;
}


.home .menu-item-ENG a {
    display: inline-block!important;
    background-image: url('https://alamaika.nl/wp-content/uploads/EngelseVlag.jpg');
    background-size: contain; /* Zorgt ervoor dat de vlag in het vak past */
    background-repeat: no-repeat;
    width: 38px; /* Breedte van de afbeelding */
    height: 25px; /* Hoogte van de afbeelding */
    text-indent: -9999px; /* Verbergt de tekst 'EN' */
    vertical-align: middle; /* Zorgt voor betere uitlijning */
    padding: 0; /* Verwijdert eventuele padding */
    margin: 12px 0 0 5%;
}
.menu-item-NL a {
    display: inline-block!important;
    background-image: url('https://alamaika.nl/wp-content/uploads/NederlandseVlag.jpg');
    background-size: contain; /* Zorgt ervoor dat de vlag in het vak past */
    background-repeat: no-repeat;
    width: 38px; /* Breedte van de afbeelding */
    height: 25px; /* Hoogte van de afbeelding */
    text-indent: -9999px; /* Verbergt de tekst 'EN' */
    vertical-align: middle; /* Zorgt voor betere uitlijning */
    padding: 0; /* Verwijdert eventuele padding */
    margin: 12px 0 0 5%;
}
.et-fixed-header .menu-item-ENG a,
.et-fixed-header .menu-item-NL a
{
	 margin: 0!important;
}

.wp-caption {
    border: 0px solid #ddd;
    text-align: center;
    background-color: transparent; 
    margin-bottom: 10px;
    max-width: 96%;
    padding: 8px;
}

#Laatste_berichtenKolom1 .et_pb_image_container img {
  border-radius: 20px 20px 0 0;
}
.wp-caption p.wp-caption-text {
    font-size: 14px;
    padding: 0 4px 5px;
    margin: 0;
}

@media (max-width: 768px) {
    .et_pb_gallery_item {
        width: 98%!important; /* Voor kleinere schermen, zoals tablets in portrait mode, twee foto's per rij */
    }
	.et_pb_gallery_image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Zorgt ervoor dat de afbeelding de volledige breedte inneemt */
}
}



.mobile_menu_bar:before{
	color:#242322!important;
	font-size: 50px;
}
#top-menu li a:hover {
    color: #996d4b; /* Verandert de kleur op hover */
    transform: scale(1.05); /* Vergroot de tekst subtiel */
}

#top-menu li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 50%;
    background-color: #996d4b; /* Kleur van de onderlijn */
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

#top-menu li a:hover::after {
    width: 100%; /* Zorgt ervoor dat de lijn zichtbaar wordt */
}
.et_mobile_menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #666;
    padding: 12px 5%;
    display: block;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.et_mobile_menu li a:hover, 
.et_mobile_menu li a:focus {
    background-color: rgba(153, 109, 75, 0.1); /* Subtiele achtergrondkleur op hover of focus */
    color: #996d4b; /* Verandert de tekstkleur bij hover of focus */
}

.et_mobile_menu li:last-child a {
    border-bottom: none;
}

#main-header {
    line-height: 23px;
    font-weight: 500;
    top: 0;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: none!important;
     box-shadow: none!important; 
    position: relative;
    z-index: 99999;
}

.et_boxed_layout #page-container,
.et_boxed_layout #page-container .container,
.et_fixed_nav.et_boxed_layout #page-container #main-header
{
    width: 100%;
    max-width: 1400px;
    margin: auto;
}
#et-top-navigation {
    float: right;
    margin-right: 18px;
}
.et-pb-contact-message {
    position: relative;
    color: #FFF !important;
}
.telefoonnummer {
    color: white;
}
.et_pb_text ul {
    padding-top: 1em;
}

@media only screen and (min-width: 981px) {
    #logo {
        max-height: 80px !important;
    }
	.et-fixed-header #logo
	{
		max-height: 60%!important;
	}
}
@media (max-width: 1200px){
	  img.alignleft,
  img.alignright,
  .wp-caption.alignleft,
  .wp-caption.alignright {
    width: 55% !important;
    max-width: 55% !important;
  }
}
@media (max-width: 980px){
#logo {
    max-height: 90%;
}
.et_pb_module.et_pb_text_align_center-tablet ul {
    list-style-type: circle; /* Kies een stijl voor opsommingstekens */
    padding-left: 0; /* Verwijder standaard padding */
    text-align: center; /* Centreer de tekst in de ul */
}

.et_pb_module.et_pb_text_align_center-tablet ul li {
    display: inline-block; /* Zorgt ervoor dat lijstitems naast elkaar staan */
    margin-right: 20px; /* Afstand tussen items */
}

.et_pb_module.et_pb_text_align_center-tablet ul li::before {
    content: '•'; /* Aangepast opsommingsteken */
    color: red; /* Kleur van het opsommingsteken */
    padding-right: 10px; /* Afstand tussen opsommingsteken en tekst */
}
	  img.alignleft,
  img.alignright,
  .wp-caption.alignleft,
  .wp-caption.alignright {
    width: 35% !important;
    max-width: 35% !important;
  }

}
@media (max-width: 600px){
 img.alignleft,
  img.alignright,
  .wp-caption.alignleft,
  .wp-caption.alignright {
    float: none;
    display: block;
    margin: 0 auto 1em;
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  .page-id-2 .et_parallax_bg.et_pb_parallax_css {
    width: 100%;
    background-size: auto !important;
    background-position: 50% 0px;
    z-index: 0;
    position: absolute;
}
}


/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  .page-id-2 .et_parallax_bg.et_pb_parallax_css {
    width: 100%;
    background-size: auto !important;
    background-position: 50% 0px;
    z-index: 0;
    position: absolute;
}
}