/*
Theme Name: The Pageking Framework
Theme URI: https://www.pageking.nl
Version: 2.0
Description: Framework of the kings
Author: Pageking - Full swing digital agency
Author URI: https://www.pageking.nl
template: bb-theme
*/

/* Add your custom styles here... */ 
body .fl-animated.fl-fade-up {
	animation: pk-fade-up 1s ease;
	-webkit-animation: pk-fade-up 1s ease;
} 
@-webkit-keyframes pk-fade-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes pk-fade-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}




body .fl-animated.fl-fade-down {
	animation: pk-fade-down 1s ease;
	-webkit-animation: pk-fade-down 1s ease;
}
@-webkit-keyframes pk-fade-down {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes pk-fade-down {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

body .fl-animated.fl-fade-left {
	animation: pk-fade-left 1s ease;
	-webkit-animation: pk-fade-left 1s ease;
}
@-webkit-keyframes pk-fade-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0px, 0);
    transform: translate3d(-30px, 0px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes pk-fade-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0px, 0);
    transform: translate3d(-30px, 0px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
button.cc-revoke.cc-bottom:active,
#cmplz-manage-consent .cmplz-manage-consent:active{
    top: unset !important;
    bottom: 0px !important;
    position: fixed !important;
}

/* ALTIJD ANIMATIE OP KNOPPEN */
a.fl-button {
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}
a.fl-button .fl-button-text {
    display: flex; align-items: center; gap: 0.5em;
    letter-spacing: -0.64px;
}
a.fl-button .fl-button-text::after {
    content: '\e5c8'; display: block;
    font-family: "Material Symbols Outlined"; 
    font-size: 1.5rem; transition: all 0.3s ease-out;
}
a.fl-button:hover .fl-button-text::after {
    translate: 4px 0;
}

.fl-col-small {
    max-width: 100%;
}

/* ALS ER MAAR 1 ALINEA IS, GEEN MARGIN GEVEN */
.fl-rich-text >:only-child {
    margin: 0;
}
.fl-rich-text >:first-child {
	margin-top: 0;
}
.fl-rich-text >:last-child {
	margin-bottom: 0;
}
.fl-rich-text > p {
	margin-bottom: 1em;
}
.fl-rich-text h1, .fl-rich-text h2, .fl-rich-text h3,
.fl-rich-text h4, .fl-rich-text h5, .fl-rich-text h6 {
	margin-top: 1em;
	margin-bottom: 0.75em;
}
.fl-rich-text > blockquote {
	margin-block: 1em;
	font-size: 1.5em; padding: 0.5em 0 0.5em 1em;
}
.fl-rich-text > ul,
.fl-rich-text > ol {
	padding-left: 1em; margin-bottom: 1em;
}

/*LIST STYLE UL OL*/
.site-inner ul li, .site-inner ol li{
    list-style-position: inside;
}

.site-inner ul li{
    list-style-type: disc;
}

.site-inner ol li{
    list-style-type: decimal;
}

/*VERWIJDERD OMLIJNING POSTGRID*/
.fl-post-grid-post {
    border: 0px solid #e6e6e6;
}

/* video player lightbox */
.fl-button-lightbox-wrap .mfp-content{
    background: transparent !important;
}
.mfp-iframe{
    border: 0px !Important;
}
div.mfp-wrap .mfp-content button.mfp-close{
    background: transparent !important;
    color: white !important;
    font-size: 39px !important;
    margin-top: -30px !important;
    margin-right: -20px !important;
}

.accordion .accordion-content {
    max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out;
}

/************************/
/**** CSS PER RIJ/ID ****/
/************************/
body h1, h1.fl-heading > .fl-heading-text {
	letter-spacing: -0.02em;
}
body h2, h2.fl-heading > .fl-heading-text,
body h3, h3.fl-heading > .fl-heading-text,
body h4, h4.fl-heading > .fl-heading-text,
body h5, h5.fl-heading > .fl-heading-text {
/* body h6, h6.fl-heading > .fl-heading-text { */
	letter-spacing: -0.04em;
}


/************************/
/* MEDIA QUERIES DESKTOP*/
/************************/
@media screen and (min-width: 993px){
    .pp-content-posts-inner:not(.owl-carousel) .pp-content-post{ 
        width: 31.9% !important;
    }
	.fl-rich-text > blockquote {
		max-width: 75%;
	}
}

/************************/
/* MEDIA QUERIES TABLET */
/************************/
@media screen and (max-width: 992px) {
    
}

/************************/
/* MEDIA QUERIES MOBILE */
/************************/
@media screen and (max-width: 767px) {
    
    .fl-col-small:not(.fl-col-small-full-width) {
        max-width: 100%;
    }
    
    .owl-carousel.owl-loaded{
        overflow: hidden!important;
    }
    
    div.mfp-wrap .mfp-content button.mfp-close{
        background: transparent !important;
        color: white !important;
        font-size: 39px !important;
        margin-top: -40px !important;
        margin-right: 10px !important;
    }
    
}