/*
Theme Name: 2.0.8 Dr.Woe Beaver Builder Theme
Theme URI: http://www.drwoe.nl
Version: 2.0.8
Description: Dr.Woe Beaver Builder Child theme.
Author: Dr.Woe
Author URI: http://www.drwoe.nl
template: bb-theme
*/

/* Flowbird
—————————————————————————————
Blauw   	 : 093b88
Roze	   	 : ff4081
Lichtroze	 : FF74B7
*/

/* Divide city list on /locations in multiple columns */
.cities ul {
    column-width: 320px;
    margin-top: 25px;
}
@media (min-width: 992px) {
	.cities {
		margin: 10px 0 250px;
	}
}

/* Round corners on iframes */
.round-corners img,
.fl-rich-text iframe,
.fluid-width-video-wrapper iframe {
    border-radius: 10px !important;
}

/* Move elements to front */
.move-to-front a {
	position: relative;
	z-index: 9999;
}

/*
 * Re-position images on /home
 */
.simple-steps .fl-row-content-wrap {
	background-position: right 70vw top;
	margin-top: -400px !important;
	padding-top: 500px;
}
.location-finder:not(.intro-app) .fl-row-content-wrap {
	background-image: none;
}
.costs .fl-row-content-wrap {
	background-position: left 50vw bottom;
}
@media (min-width: 769px) {
	.intro .fl-row-content-wrap {
			background-position: left 55vw bottom;
			min-height: 888px;
	}
	.simple-steps {
			position: relative;
	}
	.simple-steps .fl-row-content-wrap {
			background-position: right 50vw top;
			min-height: 826px;
	}
	.faq,
	.location-finder,
	.location-additional-content {
			position: relative;
			z-index: 1;     
	}
	.location-finder .fl-row-content-wrap {
			background-position: left 70vw bottom;
			min-height: 826px;
	}
	.costs .fl-row-content-wrap {
			background-position: left 60vw top;
			min-height: 800px;
	}
	.download-app .fl-row-content-wrap {
			background-position: right 70vw top;
			min-height: 628px;
	}
}
@media (max-width: 768px) {
	.intro .fl-row-content-wrap {
		background-position: left 40vw bottom -125px;
	}
	.download-app .fl-row-content-wrap {
			background: none;
	}
	.download-app .fl-row-content-wrap > div {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}
 .top-right-photo .fl-row-content-wrap,
 .intro-app .fl-row-content-wrap {
	background-position: left 65vw top -125px;
}

/*
 * Bullet list
 */
.list-flowbird {
    list-style: none;
    padding-left: 12px !important;
}
.list-flowbird li {
    position: relative;
} 
.list-flowbird li:before {
    color: #ff4081;
    font-size: 18px;
    font-weight: 900;
/*     font-family: "FontAwesome"; */
    font-family: "Font Awesome 5 Free";
    content: '\f00c';
    display: inline-block;
    left: -12px;
    position: relative;
    top: 0;
}

/*
 * Title dot 
 */
.fl-rich-text h1:not(.no-dot):after,
.fl-rich-text h2:not(.no-dot):after,
.fl-heading-text:after {
	content: '.';
	display: inline-block;
	margin-left: 1px;
	color: #ff4081;
}

/*
 * Gravity Forms 
 */
.gform_widget {
	max-width: 680px;
}
.gfield_label {
	color: #093b88;
	color: #666;
	font-weight: 600 !important;
	margin: 0;
}
.gfield_label+div {
	margin-top: 3px !important;
}
input[type=submit].gform_button {
	border-color: #093b88; 
	background-color: #093b88;
	height: 58px;
	width: 198px !important;
	border-radius: 10px;
	font-weight: 500;
	letter-spacing: 0.33px;
}
input[type=submit].gform_button:hover {
	color: #fff;
}

/*
 * Intro 
 */
@media (max-width: 768px) {
	.intro .fl-module-photo {
		display: inline-block;
		max-width: 160px;
		margin: 40px 10px 50px;
	}
}
@media (max-width: 420px) {
	.intro .fl-module-photo {
		display: inline-block;
		max-width: 160px;
		margin: 40px 10px 0;
	}
	.intro .fl-module-photo:last-of-type {
		margin: 15px 10px 50px;
	}
}
.intro h1 {
	margin-bottom: 25px;
}

/*
 * Key features (tiles) 
 */
.key-features .tile {
	max-width: 524px;
}
.tile > div {
	background: #fff;
	padding: 33px 37px 25px !important;
	border-radius: 10px;
	box-shadow: 0 15px 35px -5px rgba(200,200,200,0.7);
	margin-bottom: 24px !important;
	position: relative;
	z-index: 1;
	transition: transform .5s;
}
.tile > div:hover {
	transform: scale(1.025);
}
.tile .fl-rich-text p {
	max-width: 680px;
}  

/* 
 * FAQs 
 */
.faq .uabb-adv-accordion-content,
.faq .uabb-adv-accordion-button {
    border-radius: 10px;
    box-shadow: 0 15px 35px -5px rgba(200,200,200,0.7);   
}
.faq .uabb-adv-accordion-item-active .uabb-adv-accordion-button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 10px 20px -5px rgba(200,200,200,0.25);
    z-index: 1;
    position: relative;
}
.faq .uabb-adv-accordion-item-active .uabb-adv-accordion-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.faq .uabb-adv-accordion-content p {
    max-width: 90%;
}
.uabb-adv-accordion-button {
	transition: transform .5s;
}
.uabb-adv-accordion-item:not(.uabb-adv-accordion-item-active) .uabb-adv-accordion-button:hover {
	transform: scale(1.025);
}
uabb-adv-accordion-item-active
.faq {
    position: relative;
    z-index: 1;
}
.faq .fl-col-small h3 {
    color: #000;
    font-weight: 600;
    line-height: 1.7;
    margin: 26px 0 30px;
}
@media (max-width: 768px) {
	.faq .fl-row-content-wrap > div {
		max-width: 420px;
		margin: 0 auto;
	}
}

/* 
 * Download App section
 */
.app-icon .uabb-image-content {
	border-radius: 22px;
	box-shadow: 0 10px 20px -10px #973E84;
}

/* Set left/right padding for mobile */
@media (max-width: 768px) {
	.fl-row-content-wrap {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/* Tekst links `Learn more` */
.uabb-button.link i {
    color: #ff4081 !important;
    margin-left: 15px !important;
    font-size: 23px;
}


/* DEFAULTS 
——————————————————————————— */
/* Row padding */
.fl-row-content-wrap { 
  padding-top: 95px;
  padding-bottom: 85px;
}
/* Tablet */
@media screen and (max-width: 768px) {
  .fl-row-content-wrap { 
    padding: 75px 0;
  }
}
/* Mobile */
@media screen and (max-width: 520px) { 
  .fl-row-content-wrap { 
    padding: 60px 0;
  }
}

/* Fonts */
h1 {
	margin-bottom: 40px;
}
.fl-rich-text h1 span {
	font-weight: 400;
}
h2 {
  margin-bottom: 25px;
}
h3 {
	margin-bottom: 15px;
}
h4 {
  margin-bottom: 25px;
}
p {
  margin-bottom: 25px;
	letter-spacing: 0.33px;
}
.fl-rich-text p > a {
	text-decoration: underline
}
.fl-rich-text ul {
    margin: -5px 0 20px;
    padding-left: 22px;
}
/* Tablet */
@media screen and (max-width: 768px) { 
  h1, h1 span { font-size: 36px; }
  h2, h2 span { font-size: 28px; }
  p, li { font-size: 12px; line-height: 2 }
}

/* WP Show More */
.wpsm-toggle,
.wpsm-toggle:active,
.wpsm-toggle:visited,
.wpsm-toggle:hover {
  cursor: pointer;
/*   font-size: inherit; */
  font-weight: 600;
}
.wpsm-content-hide {
  display: none !important;
}

/* Prevent whitespace around page */
/* .fl-page {
  overflow: hidden;	
	padding: 0 !important;
} */

/* Enable antialiasing */
body {
	-webkit-font-smoothing: antialiased;
}

/* Gutter width */
.fl-row-content.fl-row-fixed-width,
.fl-row-content.fl-row-fixed-width .fl-col {
  padding-left:  12px;
  padding-right: 12px;
}
.fl-row-content.fl-row-fixed-width .fl-col-group {
  margin-left:  -12px;
  margin-right: -12px;
}
@media (min-width: 1300px) {
  .fl-row-content.fl-row-fixed-width {
    padding-left:  0 !important;
    padding-right: 0 !important;
  }
}

/* Hide `View bewerken` */
.customize-partial-edit-shortcut-button,
[title="View bewerken"],
[title="Edit view"] {
	display: none !important;
}

/* Align center */
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
	text-align: right;
}
@media (max-width: 768px) {
	.align-center-sm {
		text-align: center;
	}  
	.align-center-sm .fl-rich-text ul {
		padding: 0;
	}
	.align-center-sm .fl-rich-text li {
		list-style: none;
	}
}
.align-center .fl-rich-text ul {
	padding: 0;
}
.align-center .fl-rich-text li {
	list-style: none;
}

/* WP Rocket Fade In effect  */
img[data-lazy-src] {
   opacity: 0;
}
img.lazyloaded {
  -webkit-transition: opacity .5s linear 0.2s;
     -moz-transition: opacity .5s linear 0.2s;
      transition: opacity .5s linear 0.2s;
  opacity: 1;
}

/* Buttons */
.fl-module-photo.inline,
.fl-module-button.inline,
.fl-module-uabb-button.inline {
  display: inline-block;
  vertical-align: top;
}


/* Header
——————————————————————————— */

/* Logo size */
.fl-shrink-header .fl-logo-img,
.fl-shrink-header-transition .fl-logo-img {
	max-height: 20px !important;
	max-width: 110px !important;
}
@media screen and (max-width: 992px) {
	.fl-shrink-header .fl-logo-img,
	.fl-shrink-header-transition .fl-logo-img {
		max-width: 110px;
		top: -4px;
		position: relative;
	}
}

/* Box shadow */
.fl-page-header-wrap {
	border: none !important;
	box-shadow: 0 0 10px 2px rgba(200,200,200,0.7);
	position: relative;
	z-index: 8;
}

/* Hamburger */
.fl-page-header .navbar-toggle {
	top: 3px !important;
	right: 12px !important;
}
.fl-page-header .navbar-toggle i:before {
	color: #ff4081;
}

/* Top bar flag item */
/*
.fl-page-bar-nav>li.wpml-ls-menu-item a {
	padding: 2px 8px;
}
.fl-page-bar-nav>li.wpml-ls-menu-item:hover {
	box-shadow: 0 10px 20px -5px rgba(255,64,129,0.5);
}
.fl-page-bar-nav>li.wpml-ls-menu-item:hover a {
	color: #fff;	
}
*/
.fl-page-bar-nav>li:last-of-type a {
	padding-left: 4px;
}

/* Flags */
/*
.wpml-ls-menu-item a>img {
	display: none !important;
}
.wpml-ls-flag-wrap {
	width: 17px;
	height: 17px;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	top: 1px;
	left: -2px;
}
.wpml-ls-flag {
	width: 34px !important;
	height: 18px !important;
	display: inline-block !important;
	max-width: 200%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translatex(-50%);
}
.wpml-ls-current-language {
	margin: 0 5px 0 10px;;
	background: #ff4081;
	border-radius: 12px;
}
.wpml-ls-current-language>a .wpml-ls-native {
	display: none;
	visibility: hidden;
}
.wpml-ls-current-language>a:after {
	top: -3px;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-family: 'flowbird' !important;
	content: "\e901" !important;
	padding: 0 2px;
}
.wpml-ls-native {
	color: #000 !important;
	font-weight: 500;
	padding-left: 5px;
}
.wpml-ls-menu-item .sub-menu {
	background: none !important;
	box-shadow: none !important;
}
*/

/* Top menu flag */
.menu-item-flag img {
	width: 16px !important;
	border-radius: 50% !important;
	margin-right: 3px;
}
.menu-item-flag span {
	position: relative;
	top: 1px;
}
.sub-menu .menu-item-flag img {
	margin-left: -3px;
}
.menu-item-flag .sub-menu {
	border-radius: 6px;
	max-width: 67px;
}
.menu-item-flag:hover {
	text-decoration: none !important;
}
.menu-item-flag .sub-menu {
	top: -7px !important;
	max-width: 68px !important;
}
.menu-item-flag.fl-sub-menu-open .sub-menu {
	left: -3px !important;
} 
.menu-item-flag .sub-menu li {
	margin-bottom: 5px;
	text-decoration: none !important;
}
.menu-item-flag .sub-menu li:last-child {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.fl-page-header-logo {
		margin-bottom: 5px;
	}
	.menu-item-flag > a {
		display: none !important;
		visibility: hidden !important;
	}
	.menu-item-flag .sub-menu {
		display: block !important;
		position: static !important;
		max-width: 100% !important;
	}
	.menu-item-flag .sub-menu li {
		margin-top: 0 !important;
		text-align: center;
	}
	.menu-item-flag .sub-menu a {
		padding-top: 0 !important;
	}
	.menu-item-flag .sub-menu a:before {
		display: none;
		visibility: hidden;
	}
	.fl-page-header-row .fl-page-nav-col {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}

/* Menu search icon */
.fl-page-nav-search {
	background: #ff4081;
	border-radius: 12px;
	box-shadow: 0 10px 20px -5px rgba(255,64,129,0.5);
	height: 35px;
	width: 35px;
	top: -5px;
	margin-left: 15px;
}
.fl-page-nav-search a {
	padding: 0 !important;
}
.menu-item-object-gs_sim:after,
.fl-page-nav-search a:before {
	color: #fff;
	font-size: 14px;
	font-family: 'flowbird' !important;
	content: "\e90d" !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-45%,-50%);
}
.fl-page-nav-search form {
	border: none !important;
}

/* Remove whitespace underneath main menu */
.fl-page-content {
	margin-top: -1px;
}

/* 992 and up */
@media (min-width: 992px) {
	/* Page bar */
	.fl-page-bar {
		border: none !important;
		padding-bottom: 15px; 
		padding-top: 8px;
		position: absolute !important;
		z-index: 9;
		width: 100%;
	}
	.fl-page-bar-nav {
		margin-right: -4px !important;
	}
	.fl-page-bar li>a {
		font-weight: 600;
		letter-spacing: 0.67px;
	}
	.fl-page-bar-container {
		position: relative;
	}
	.fl-page-bar-container:after {
		display: block;
		position: absolute;
		bottom: -8px;
		right: 0;
		background-image: linear-gradient(to right, #fff, #d8d8d8);
		width: 600px;
		height: 1px;
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	/* Nav items */
	.fl-page-bar li {
		height: 24px;
		vertical-align: top;
	}
	.fl-page-nav li>a {
		letter-spacing: 0.67px;
		padding: 29px 0px 30px !important;
		margin: 0 20px;
	}
	.fl-page-nav li>a {
		box-sizing: border-box;
		border-bottom: 4px solid #ffffff;
	}
	.fl-page-nav li.current-menu-item>a,
	.fl-page-nav li>a:hover {
		border-bottom: 4px solid #ff4081;
	}

	/* Shrink header */
	.fl-builder-edit .fl-page-bar,
	.fl-builder-edit .fl-page-header {
		display: none;
	}
	.fl-page-header {
		position: absolute !important;
		width: 100%;
		height: 82px;
	}
	.fl-shrink-header {
		position: fixed !important;
		top: 0 !important;
		height: auto;
	}
	.admin-bar .fl-page {
		margin-top: -32px;
	}
	.admin-bar .fl-shrink-header {
		top: 32px !important;
	}
	.fl-shrink-header .fl-page-header-container.container {
		padding: 0 !important;
	}
	.fl-shrink-header .fl-page-nav li>a {
		padding: 15px 0px 10px !important;
	}
	.fl-shrink-header .fl-page-nav-search {
		top: -1px;
	}
}

/* Tablet & mobile */
@media (max-width: 991px) {
/* 	.fl-logo-img {
		margin-top: 1px;
	} */
	.fl-page-bar {
		display: none;
	}
	.fl-page-header-logo {
		padding: 0 !important;
	}
	.fl-page-header-container.container {
		padding: 12px 20px;
	}
	.navbar-collapse {
		border: none !important;
	}
	.navbar-collapse {
		padding-top: 10px;
	}
	.nav-link {
		text-align: center !important;
	}
	.fl-search-input {
		position: relative;
		max-width: 304px;
		border-color: #f1f1f1 !important;
		border-width: 1px 0 0 0 !important;
		box-shadow: 0 10px 35px -5px rgba(150,150,150,0.5) !important;
		margin: 20px auto 0;
		border-radius: 10px;
		height: 40px !important;
		/* 		padding-top: 10px !important;
		padding-bottom: 10px !important; */
		padding-left: 15px !important;
		color: #9B9B9B !important;
		font-weight: 500 !important;
	}
	.menu-item-object-gs_sim {
		max-width: 304px;
		margin-left: auto !important;
		margin-right: auto !important;
		position: relative;
	}
	.menu-item-object-gs_sim:after {
		width: 28px;
		height: 28px;
		background: #ff4081;
		top: 6px;
		left: auto;
		right: 8px;
		transform: none;
		border-radius: 10px;
	}
	.navbar-nav {
		text-align: center !important;		
	}
	.menu-item {
		border: none !important;
		margin: 10px 0 20px;
	}
	.menu-item a {
		display: inline-block !important;
		border: solid #fff;
		border-width: 0 0 4px 0;
		padding: 15px 0 3px !important;
	}
	.menu-item a:hover,
	.current-menu-item a {
		border-color: #ff4081;
	}
	.menu-item-sign-in,
	.menu-item-help {
		margin: 0 5px;
		display: inline-block !important;
		margin-top: 5px;
	}
	
/*
	.wpml-ls-native,
	.wpml-ls-item a:after,
	.wpml-ls-item a:before {
		display: none !important;
		visibility: hidden !important;
	}
	.wpml-ls-current-language>a .wpml-ls-native {
		display: inline-block;
		visibility: visible;
	}
	.wpml-ls-item {
		vertical-align: top !important;
		margin: 0 10px 0 0 !important;
		background: none;
		display: inline-block !important;
		height: 26px;
	}
	.wpml-ls-item ul {
		display: inline-block;
		position: relative !important;
		left: auto !important;
		text-align: center !important;
	}
	.wpml-ls-item a {
		padding: 0 !important;
		border: none !important;
		vertical-align: top !important;
		margin-top: 8px !important;
		margin-right: 5px
	}
	.wpml-ls-flag-wrap {
		left: 0;
	}
	.wpml-ls-flag {
		transform: none;
		left: 0 !important;
		top: 0;
	}
*/
	.menu-item-help a {
		font-size: 12px !important;
		color: #fff !important;
		padding: 5px 10px !important;
		border: 0 !important;
		border-radius: 6px;	
		background-color: #FF4081;
		box-shadow: 0 10px 20px -5px rgba(255,64,129,0.5);
	}
	.menu-item-sign-in a {
		font-size: 12px !important;
		color: #FF4081 !important;
		padding: 5px 10px !important;
		border: 0 !important;
	}	
}


/* Footer
——————————————————————————— */
html.fl-builder-edit .footer {
	margin-top: 100px;
}
/* Footer bar */
.footer .uabb-button.link i {
  font-size: 18px;
}
@media (max-width: 768px) {
	.footer .fl-module-photo {
		margin: 0 6px 0;
	}
	.footer .fl-module-photo:nth-of-type(1) {
		display: block;
		margin: 5px auto 15px;
		width: 100px;
	}
}

/* Social icon hover colors */
.footer a[href*="facebook"]:hover img,
.footer a[href*="twitter"]:hover img,
.footer a[href*="insta"]:hover img {
	display:none;
}
.footer a[href*="facebook"]:hover,
.footer a[href*="twitter"]:hover,
.footer a[href*="insta"]:hover {
	height: 23px;
	width: 21px;
	display: inline-block
}
.footer a[href*="facebook"]:hover {
  background-color: #3b5998;
  -webkit-mask: url(https://flowbird.nl/wp-content/uploads/2018/10/facebook.svg) no-repeat top;
  mask: url(https://flowbird.nl/wp-content/uploads/2018/10/facebook.svg) no-repeat top;
}
.footer a[href*="twitter"]:hover {
	width: 25px;
  background-color: #1da1f2;
  -webkit-mask: url(https://flowbird.nl/wp-content/uploads/2018/10/twitter.svg) no-repeat top;
  mask: url(https://flowbird.nl/wp-content/uploads/2018/10/twitter.svg) no-repeat top;
}
.footer a[href*="insta"]:hover {
	height: 23px;
	width: 23px;
  background-color: #c32aa3;
  -webkit-mask: url(https://flowbird.nl/wp-content/uploads/2018/10/instagram.svg) no-repeat top;
  mask: url(https://flowbird.nl/wp-content/uploads/2018/10/instagram.svg) no-repeat top;
}

.fl-page-footer-widgets {
	border: none !important;
	padding: 0 12px 0 !important;
	background-position: left 80vw top !important;
}
.fl-page-footer-widgets h4 {
  font-size: 18px;
	text-transform: uppercase;
  margin-bottom: 15px !important;
}
.fl-page-footer-widgets p {
  font-size: 14px;
  line-height: 2;
	font-weight: 600;
}
@media (max-width: 991px) {
	.fl-page-footer-widgets {
		margin-top: 40px;
	}
}
@media (min-width: 992px) {
	.fl-page-footer-widgets .row > div {
		width: 19%;
	}
	.fl-page-footer-widgets .row > div:nth-of-type(2) {
		width: 17%;
	}
}
/* Menu improvements 190325 */
#menu-top-menu .menu-item:hover {
	text-decoration: underline;
}
header .col-md-4 {
	width: 15%
}
header .col-md-8 {
	width: 85%;
}
.fl-toggle-nav-search {
	background: #ff4081;
	border-radius: 12px;
	box-shadow: 0 10px 20px -5px rgba(255,64,129,0.5);
	height: 35px;
	width: 35px;
	top: 19px;
	margin-left: 15px;
	position: relative;
	display: inline-block;
	float: left;
	z-index: 9;
}
.fl-toggle-nav-search a {
	padding: 0 !important;
}
.fl-toggle-nav-search a:before {
	color: #fff;
	font-size: 14px;
	font-family: 'flowbird' !important;
	content: "\e90d" !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-45%,-50%);
}
.menu-item-search {
	overflow: hidden;
}
@media (max-width: 991px) {
	.menu-item-search {
		display: none !important;
		visibility: hidden !important;
	} 
}
.menu-item-search form {
	margin-right: -160px;
	width: 200px;
	position: relative;
	top: -16px;
	margin-left: 15px;
	transition: all 200ms;
	opacity: 0;
}
.menu-item-search form.show {
	margin-right: 0px;
	opacity: 1;
}
.menu-item-search .fl-search-input {
	border-radius: 12px !important;
	padding-left: 44px !important;
	font-weight: 400 !important;
	font-size: 13px !important;
	height: 35px !important;
}
.menu-item-search:after {
	display: none;
}
.fl-shrink-header .fl-search-input {
	position: relative;
	top: -29px !important;
}
.fl-shrink-header .fl-toggle-nav-search {
	top: 6px;
}
.fl-shrink-header .menu-item-search form {
	height: 48px;
	top: 0;
}
/* Hide additional content row if non-existing */
html:not(.fl-builder-edit) .woeloc-display-none {
	display: none;
	visibility: hidden;
}
/* Hide header/footer when query param `app` is present */
/* html.fl-app .fl-page {
	padding-top: 0 !important;
}
html.fl-app .fl-page-bar,
html.fl-app .fl-page-header,
html.fl-app .fl-page-footer-wrap {
	display: none;
	visibility: hidden;
} */