/*
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... */ 
.fl-animated.fl-fade-up {
	animation: fl-fade-up 1s ease;
	-webkit-animation: fl-fade-up 1s ease;
}
@-webkit-keyframes fl-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 fl-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);
  }
}




.fl-animated.fl-fade-down {
	animation: fl-fade-down 1s ease;
	-webkit-animation: fl-fade-down 1s ease;
}
@-webkit-keyframes fl-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 fl-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);
  }
}

* {
    -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;
}
.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: .25em;
	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 ****/
/************************/



/************************/
/* 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;
    }
    
}