/*
Theme Name: Vaccinatie twijfeltelefoon
Theme URI: http://www.wpbeaverbuilder.com
Klant: Vaccinatie twijfeltelefoon
Version: 1.0

template: bb-theme
*/

/* Add your custom styles here... */ 

#menu-hoofdmenu li a:hover span, #menu-hoofdmenu li.current-menu-item a span {border-bottom: solid 2px #40bfef; padding-bottom: 2px;}
#menu-hoofdmenu-1 li a:hover span, #menu-hoofdmenu-1 li.current-menu-item a span {border-bottom: solid 2px #ffffff; padding-bottom: 2px;}
#menu-hoofdmenu li a:hover span.pp-menu-toggle, ul.sub-menu  li a:hover span, #menu-hoofdmenu li.current-menu-item a span.pp-menu-toggle  {border-bottom: none!important;}
#menu-hoofdmenu ul.sub-menu li.current-menu-item a span   {border-bottom: none!important;}
 #menu-hoofdmenu li.current-menu-item ul.sub-menu li a span, .pp-off-canvas-menu a span  {border-bottom: none!important;}

b, strong {   font-weight: 600!important;}


#logo {z-index: 999; position: relative;}
span.pp-advanced-menu-mobile-toggle-label {font-weight:600;}
#fl-main-content { margin-top: -54px;}
.kolomimage > .fl-col-content {        background-position: right 30px bottom;     background-size: 90px auto;}
.kolombutton > .fl-col-content {  padding: 67px 48px; }

h2.wp-block-heading {font-weight: 600!important; color:#193282}



#telefoon .fl-rich-text, #telefoon2 .fl-rich-text, #telefoon3 .fl-rich-text  {        -webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease;}
#telefoon .fl-rich-text:hover, #telefoon2 .fl-rich-text, #telefoon3 .fl-rich-text  {    -webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease;    -moz-transform: scale(1.1);    -webkit-transform: scale(1.1) ;    -o-transform: scale(1.1)  ;    transform: scale(1.1)  ; text-transform: none;}
#telefoon a {color:#FFF!important;}
#telefoon2 a {color:inherit;}
.spreker-ballon {position: relative}
.spreker-ballon #spreekpijl  {position: absolute; bottom:-110px; left:20%; z-index: 99;}

/* Telefoon op volgpagina */
#telefoonblok {position:absolute; right:0; width:35%;color:#FFF; padding-left: 41px;}
#telefoonblok a {color:#FFF; font-weight:600}
/*
h2 {text-transform: uppercase}*/
h4 {margin-top:25px;}

.nobbreak {    white-space: nowrap;}


.tekst_RO a {color:#193282!important; text-decoration: underline; } .tekst_RO a:hover {color:#00c392!important;  }


div.pp-logo:nth-child(6)::before {content: "In samenwerking met: ";
text-align: center;
width: 100%;
	padding-bottom: 10px;}

/*  FAQ 
.faq-blok div.pp-content-post:nth-child(2), div.pp-content-post:nth-child(3), .faq-blok div.pp-content-post:hover:nth-child(2), div.pp-content-post:hover:nth-child(3)  { background-color: #a1def6;}
.faq-blok div.pp-content-post:nth-child(1), div.pp-content-post:nth-child(4), .faq-blok div.pp-content-post:hover:nth-child(1), div.pp-content-post:hover:nth-child(4)   { background-color: #78d2f2;}*/

.veelgesteldevragen .pp-faq-item {border-bottom: solid 1px #40bfef;}
.veelgesteldevragen .pp-faq-item:last-child  {border-bottom: none;}
.veelgesteldevragen .fl-node-content {border-left: solid 1px #40bfef; border-right: solid 1px #40bfef; border-bottom: solid 1px #40bfef; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.veelgesteldevragen .pp-faq-item .pp-faq-content {    padding-left: 63px!important;}

.veelgesteldevragen-bvo .pp-faq-item {border-bottom: solid 1px #5c2874;}
.veelgesteldevragen-bvo .pp-faq-item:last-child  {border-bottom: none;}
.veelgesteldevragen-bvo .fl-node-content {border-left: solid 1px #5c2874; border-right: solid 1px #5c2874; border-bottom: solid 1px #5c2874; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.veelgesteldevragen-bvo .pp-faq-item .pp-faq-content {    padding-left: 63px!important;}

.veelgesteldevragen-hpv .pp-faq-item {border-bottom: solid 1px #971763;}
.veelgesteldevragen-hpv .pp-faq-item:last-child  {border-bottom: none;}
.veelgesteldevragen-hpv .fl-node-content {border-left: solid 1px #971763; border-right: solid 1px #971763; border-bottom: solid 1px #971763; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.veelgesteldevragen-hpv .pp-faq-item .pp-faq-content {    padding-left: 63px!important;}


#categoriegrid_movie .pp-category.pp-category__no-image .pp-category__content {  align-items: center;}



.faq-titel-blok { background-color:#40bfef; padding: 20px 20px 13px; border-top-left-radius: 25px; border-top-right-radius: 25px; margin: 0 20px -20px; }
/*.faq-titel-blok li {margin-left: -25px;}*/

#faq-titel-answer {  padding: 20px 20px 13px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; margin: 0 20px -20px;  border: solid 1px #40bfef;}
/*#faq-titel-answer li {margin-left: -25px;}*/

.faq-titel-blok-bvo { background-color:#5c2874; padding: 0px 20px 13px; border-top-left-radius: 25px; border-top-right-radius: 25px; margin: 0 20px -20px; }
#faq-titel-answer-bvo {  padding: 20px 20px 13px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; margin: 0 20px -20px;  border: solid 1px #971763;}

.faq-titel-blok-hpv { background-color:#971763; padding: 19px 20px 0px; border-top-left-radius: 25px; border-top-right-radius: 25px; margin: 0 20px -20px;  }
#faq-titel-answer-hpv {  padding: 20px 20px 13px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; margin: 0 20px -20px;  border: solid 1px #971763;}

/*
#videofilter ul.pp-post-filters li { padding: 7px 30px; border-radius: 25px; background-color:  rgba(0,195,146,0.29);}
#videofilter ul.pp-post-filters li:hover, #videofilter ul.pp-post-filters li.pp-filter-active { color:  #FFF;}

*/


#opsomming > li  {margin-left: -25px;}


/*  vlaggentab */
#vlaggentab .fl-tabs-label img {opacity: 0.6;}
#vlaggentab .fl-tabs-label.fl-tab-active img, #vlaggentab .fl-tabs-label img:hover {opacity: 1;}



/*  Vlaggen voor menu items */
li.vlagg a span::before{
content: '';
padding-left: 32px;
background-size: 24px 14px!important;
background-repeat: no-repeat!important;
      background-position: left center!important;
}

li.v-nl.vlagg a span::before{background:url("image/nederlands.jpg"); }
li.v-tr.vlagg a span::before{background:url("image/turks.jpg"); }
li.v-en.vlagg a span::before{background:url("image/engels.jpg"); }
li.v-ar.vlagg a span::before{content: 'عربى'!important; background:url("image/arabisch.jpg"); }

/*  Arabisch */
 .pp-faq-item .pp-faq-button-icon.pp-faq-icon-left:lang(ar) {  padding-right: 0px; padding-left:15px; }
.fl-node-jyhrmck93ql4 > .fl-col-content:lang(ar) {  background-color: transparent!important;}
.pp-advanced-menu .menu > li.menu-item-type-wpml_ls_menu_item > a {padding-right: 3px!important; padding-left: 10px!important;}
p:lang(ar), .pp-faq-item .pp-faq-button:lang(ar), ol li:lang(ar), .fl-rich-text:lang(ar)  {  text-align: right;}
.fl-node-wvns8yzt6ihr > .fl-row-content-wrap:lang(ar), .fl-node-ja8czw6p2hl1 > .fl-row-content-wrap:lang(ar) {  background-image: linear-gradient(-90deg, #fff 50%, #193282 50%);}
.fl-node-tfc9guelsw1r > .fl-col-content:lang(ar), .fl-node-gzl03uhf6y49 > .fl-col-content:lang(ar){   padding-right: 60px; padding-left: 0;}

/*  Tooltip */
.tooltip {  position: relative;  display: inline-block;  border-bottom: 1px dotted black;}
.tooltip .tooltiptext {   visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;}
.tooltip:hover .tooltiptext {  visibility: visible;}


abbr {
 border-bottom: 1px dotted black;
  position: relative
}

abbr:hover::after {
	color:#daedea;
  background: #00216d;
  border-radius: 4px;
  bottom: 100%;
  content: attr(title);
  display: block;
  left: 100%;
  padding: 0.4em;
  position: absolute;    
  width: 280px;
  z-index: 1;
}


.faqblok24 {background-color:#40bfef; padding: 15px 20px 5px;-webkit-border-top-left-radius: 35px;
-webkit-border-top-right-radius: 35px;
-moz-border-radius-topleft: 35px;
-moz-border-radius-topright: 35px;
border-top-left-radius: 35px;
border-top-right-radius: 35px;}
.wpml-ls-menu-item .wpml-ls-flag {   border-radius: 3px;margin-top:9px}

.pp-content-grid-image {background-color:#00c392; border-radius:100px;}
.pp-content-grid-image:hover {background-color:#40bfef!important; }

.video24 {float:left; margin-right:10px; width:32%;}
.video24 iframe {max-height:250px;}
div.fl-module-pp-faq.vgv_onderwerp {
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;border-right: 1px double #40bfef;
border-bottom: 1px double #40bfef;
border-left: 1px double #40bfef;}

/*------------------------------------------------------------------
[# Phone Portrait and Landscape]
-------------------------------------------------------------------*/
@media only screen and (max-width: 950px) { 
#toprij { margin-top: -67px} /* was -80px;*/
 .verlooprij > .fl-row-content-wrap {    background-image: none;}
	.kolomimage > .fl-col-content {        background-position: right 10px bottom 10px;     background-size: 50px auto;}
	#telefoonblok {position:relative; right:0; width:100%; color:#FFF;  background-color: #193282; padding: 20px; margin-top: 15px;}
/*.faq-blok div.pp-content-post:nth-child(2), div.pp-content-post:nth-child(4), .faq-blok div.pp-content-post:hover:nth-child(2), div.pp-content-post:hover:nth-child(4)  { background-color: #a1def6;}
.faq-blok div.pp-content-post:nth-child(1), div.pp-content-post:nth-child(3), .faq-blok div.pp-content-post:hover:nth-child(1), div.pp-content-post:hover:nth-child(3)   { background-color: #78d2f2;}*/

.spreker-ballon #spreekpijl {width: 93px; bottom:-64px;}
	
	#faq-titel-blok  {padding-left:10px; padding-right: 10px; }
	#fl-main-content { margin-top: 0;}
.kolombutton > .fl-col-content {  padding: 25px 25px; }
	
	/* FAQ */
	
.veelgesteldevragen .pp-faq-item .pp-faq-button { padding: 10px 20px;}
	.veelgesteldevragen .pp-faq-item .pp-faq-button .pp-faq-button-label { font-size: 16px;}
	/*Videos*/
    .video24 {width:95%;}
	
	/*  MENU */
	li.inspring a {font-size: 17px!important; margin-left: 20px; }
		li.inspring:hover  {border-left: 1px solid #FFF}
	.pp-advanced-menu.off-canvas .pp-off-canvas-menu .pp-menu-close-btn {    float: left!important;    top: 25px;    left: 45px;    }
	
	.veelgesteldevragen .pp-faq-item .pp-faq-content {        padding-top: 0px!important;padding-left: 15px!important;  }
    
    
    #categoriegrid_movie .pp-category.pp-category__no-image .pp-category__content {  height: 75px!important;}
    
    .fl-node-wvns8yzt6ihr > .fl-row-content-wrap:lang(ar), .fl-node-ja8czw6p2hl1 > .fl-row-content-wrap:lang(ar)  {  background-image: none;}
	
    .sticky {   position: static!important; }
    
}