/*---------------------------------------------------------------------------------

 Theme Name:   Zeggut
 Theme URI:    https://creapolis.nl
 Description:  Divi Child Theme
 Author:       Creapolis Media | Michel Schilder
 Author URI:   https://creapolis.nl/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Opmaak voor de tekst ipv of naast het logo */
#logo-text {
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
	color: #505050;
	font-size: 20px;
	font-weight: bold;
}

/* Kleur van de active links in het menu */
#top-menu li.current-menu-item > a {
	color: rgba(0, 0, 0, 0.6) !important;
}

/* Footer headings */
.footer-widget > div > h4 {
	color: white;
	font-weight: bold;
}

#footer-info {
	float: none;
}

.footer-cr{
	font-weight: bold;
}

.footer-kvk {
	float: right;
}



@media screen and (max-width: 1260px) {
  #top-menu li{padding-right:8px;}
}
@media screen and (max-width: 1150px) {
  #top-menu li{padding-right:5px;}
}
@media screen and (max-width: 1150px) {
  #top-menu li{padding-right:3px;font-size:.9em;}
}
@media screen and (max-width: 1100px) {
  #top-menu li{padding-right:1px;font-size:.85em;}
}
@media screen and (max-width: 1050px) {
  #top-menu li{padding-right:0px;font-size:.8em;}
}

/* telluz nl flag */
#menu-item-539 a{color:#fff;}
#menu-item-539 a:before{
  content:'';
  position:absolute;
  display:inline-block;
  width:22px;
  height:20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Sodipodi ('http://www.sodipodi.com/') --%3E%3C!-- /Creative Commons Public Domain --%3E%3C!-- --%3E%3Csvg xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://web.resource.org/cc/' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:svg='http://www.w3.org/2000/svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:ns1='http://sozi.baierouge.fr' id='svg378' viewBox='0 0 1063 708.66' version='1' y='0' x='0' %3E%3Crect id='rect171' style='fill-rule:evenodd;stroke-width:1pt;fill:%23ffffff' rx='0' ry='0' height='708.66' width='1063' y='0' x='0' /%3E%3Crect id='rect256' style='fill-rule:evenodd;stroke-width:1pt;fill:%2321468b' rx='0' ry='0' height='236.22' width='1063' y='475.56' x='0' /%3E%3Crect id='rect255' style='fill-rule:evenodd;stroke-width:1pt;fill:%23ae1c28' height='236.22' width='1063' y='0' x='0' /%3E%3Cmetadata %3E%3Crdf:RDF %3E%3Ccc:Work %3E%3Cdc:format %3Eimage/svg+xml%3C/dc:format %3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Ccc:license rdf:resource='http://creativecommons.org/licenses/publicdomain/' /%3E%3Cdc:publisher %3E%3Ccc:Agent rdf:about='http://openclipart.org/' %3E%3Cdc:title %3EOpenclipart%3C/dc:title %3E%3C/cc:Agent %3E%3C/dc:publisher %3E%3Cdc:title %3EFlag of the Netherlands%3C/dc:title %3E%3Cdc:date %3E2008-02-07T14:44:36%3C/dc:date %3E%3Cdc:description /%3E%3Cdc:source %3Ehttps://openclipart.org/detail/13053/flag-of-the-netherlands-by-anonymous-13053%3C/dc:source %3E%3Cdc:creator %3E%3Ccc:Agent %3E%3Cdc:title %3EAnonymous%3C/dc:title %3E%3C/cc:Agent %3E%3C/dc:creator %3E%3Cdc:subject %3E%3Crdf:Bag %3E%3Crdf:li %3Ecountry%3C/rdf:li %3E%3Crdf:li %3Eeurope%3C/rdf:li %3E%3Crdf:li %3Eeuropean union%3C/rdf:li %3E%3Crdf:li %3Eflag%3C/rdf:li %3E%3Crdf:li %3Enation%3C/rdf:li %3E%3Crdf:li %3Enetherlands%3C/rdf:li %3E%3C/rdf:Bag %3E%3C/dc:subject %3E%3C/cc:Work %3E%3Ccc:License rdf:about='http://creativecommons.org/licenses/publicdomain/' %3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Reproduction' /%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Distribution' /%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23DerivativeWorks' /%3E%3C/cc:License %3E%3C/rdf:RDF %3E%3C/metadata %3E%3C/svg%0A%3E%0A");
  background-repeat:no-repeat;
  background-size: contain;  
}


/* CSS for buttons - Icon Right */
.dl-icon-right {
  --btn-background: #0c71c3; /* set background color */
}

#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right::after {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  right: -40px;
  width: 40px;
  background: var(--btn-background);
  margin: 0;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right:hover{
  padding-right:50px;
}
#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right:hover::after {
  right: 0;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right {
  overflow: hidden;
}



.grecaptcha-badge{display:none;} 



/* De zeggut meting slider */
.nf_text_slide_wrapper{
  overflow-y:hidden;
  position:relative;
  width:100%;
  height:100px;
  box-sizing: border-box;    
  margin:0;
  padding:0;
}

.nf_text_slide_wrapper li:nth-child(1) { animation-delay: 0s }
.nf_text_slide_wrapper li:nth-child(2) { animation-delay: 8s }
.nf_text_slide_wrapper li:nth-child(3) { animation-delay: 16s }
.nf_text_slide_wrapper li:nth-child(4) { animation-delay: 24s }
.nf_text_slide_wrapper li:nth-child(5) { animation-delay: 32s }
.nf_text_slide_wrapper li:nth-child(6) { animation-delay: 40s }
.nf_text_slide_wrapper li:nth-child(7) { animation-delay: 48s }

@keyframes nf_text_slide_anim {
  0%   { transform:translateY(-150px); visibility:visible;}
  3%   { transform:translateY(0px); }
  14%   { transform:translateY(0px); }
  18%   { transform:translateY(150px); visibility:hidden;}
  100% { transform:translateY(150px); visibility:hidden;}
}

.nf_text_slide_wrapper li{
  position:absolute;
  top:0;
  z-index:9;
  display:flex;
  align-items: flex-end;
  justify-content: center;
  transform: translateY(-150px);
  visibility:hidden;
  animation: nf_text_slide_anim 56s cubic-bezier(0, .5, .5, .5) infinite; 
  line-height:1.5;
  padding-left:35px;
}

.nf_text_slide_wrapper:hover li {
    animation-play-state: paused;
} 
 .nf_text_slide_wrapper li:before {
  margin-right:10px;
  content: '”'; /*open-quote*/
}
.nf_text_slide_wrapper li:before{
    font-family: sans-serif;    
    display: block;
    width: 40px;
    height: 40px;
    vertical-align: top;
    color: #fff900;
    font-size: 9em;
    left: -15px;
    top: -15px;
    position: absolute;
    line-height: 1;
}













/* Slider header */

.nf_texthead_slide_wrapper{
  position:relative;
  list-style:none;
  list-style-type:none;
  max-width:100%;
  width:100%;
  box-sizing: border-box;
  min-height:100px;
  padding:0 !important;
}


.nf_texthead_slide_wrapper li:nth-child(1) { animation-delay: 0s }
.nf_texthead_slide_wrapper li:nth-child(2) { animation-delay: 8s }
.nf_texthead_slide_wrapper li:nth-child(3) { animation-delay: 16s }
.nf_texthead_slide_wrapper li:nth-child(4) { animation-delay: 24s }

@keyframes nf_texthead_slide_anim {
  0%   { transform:scale(0); visibility:visible;}
  1%   { transform:scale(1); }
  24%   { transform:scale(1); }
  26%   { transform:scale(0); visibility:hidden;}
  100% { transform:scale(0); visibility:hidden;}
}

.nf_texthead_slide_wrapper li{
    overflow:visible;
    position:absolute;
    top:0;
    width:100%;
    height:auto;
    z-index:9;
    display:inline-block;
    transform: scale(0);
    visibility:hidden;
    animation: nf_texthead_slide_anim 32s cubic-bezier(0, .1, .3, .1) infinite; 
    line-height:1.5;
    padding:20px;
    background-color:rgba(0,0,0,.75);
    border-radius:16px;
}

.nf_texthead_slide_wrapper:hover li {
    animation-play-state: paused;
} 
 .nf_texthead_slide_wrapper li:before {
    content: 'i';
}
.nf_texthead_slide_wrapper li:before{
    background-color:#fff;
    border-radius:100%;
    width: 20px;
    height: 20px;
    vertical-align: top;
    color: #121212;
    font-size: 14px;
    font-weight: bold;
    top: -10px;
    left: -10px;
    position: absolute;
    line-height: 1;
    display:flex;
    justify-content: center;
    align-items: center;
  }