/*
Theme Name: Flexwonen NH
Theme URI: https://wwww.studiosoes.nl
Version: 1.0
Description: Child theme for Flexwonen NH 2022 built with Beaver Builder
Author: David Soes
Author URI: https://wwww.studiosoes.nl
template: bb-theme
*/

/* Add your custom styles here... */ 
h4,h5,h6 {
font-weight:400;
}
.fl-logo-img {
max-width:275px;
}
.btn {
background-color:#ee702c;
border-radius:0;
border-top-left-radius:15px;
}
.fl-button {
border-top-left-radius:15px!important;
}
.fl-page-header .btn:hover {
color:#FFF;
background-color:#2d2666;
}
.btn-blue {
background-color:#2d2666;
}

.btn-xxl {
padding: 0rem 1rem;
font-size: 1.4rem;
line-height: 2;
font-weight:bold;
}
.btn_inschrijven {
background:none;
text-decoration:underline;
border:0;
border-radius:0;
padding:0;
color:#ee702c;
}
.btn_inschrijven:hover {
border:0;
background:none;
color:#2d2666;
}
.white, #breadcrumbs a {
color:#FFF;
}
.orange {
color:#ed702c;
}
.blue {
color:#2d2666;
}
.from_price {
font-size:32px;
font-style:italic;
font-weight:300;
}
.blue-box {
border-bottom-left-radius:15px;
background-color:#2d2666;
color:#FFF;
}

.fl-page-nav ul.sub-menu {
border:none;
background-color:#2d2666;
border-bottom-left-radius: 15px;
}
.sub-menu .menu-item a {
background-color:#2d2666;
color:#fff;
}
.sub-menu li > a:hover {
color:#ee702c!important;
text-decoration:underline;
}

.fl-page-header {
background:#70b856;
}
#fl-main-content:before {
background:#70b856;
content: "";
height:110px;
width:100%;
position: absolute;
}
.single-locatie #fl-main-content:before {
height:160px;
}
.home #fl-main-content:before {
height:250px;
}
.fl-post-content {
/*padding-top:15px;*/
}
/*
.fl-page-nav-wrap .menu-item {
background:#70b856;
}*/
.fl-page-nav-right .fl-page-header-wrap {
border:none!important;
}
.fl-page-nav-right .fl-page-nav-collapse {
justify-content:flex-start;
}
.fl-content, .fl-sidebar {
margin-top: 0;
}
.fl-archive .fl-post-title, .single-post .fl-post-title {
font-size:26px;
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
top: 30px;

}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="number"], input[type="search"], input[type="url"], textarea {
background-color: #f2f2f2;
}
.gform_wrapper .gfield_required {
color:#ed702c!important;
}
.fl-post-thumb img, .fl-photo-img {
border-top-left-radius:15px;
}
#gallery-1 img {
border:none!important;
}
#gallery-1 .gallery-item {
padding-right:15px;
}

.locatie-beschikbaar {
position:absolute;
border-top-left-radius:15px;
background:#70b856;
color:#FFF;
display:block;
}
.single-locatie .locatie-beschikbaar {
background:#2d2666;
}
.fl-page-header-container{
padding-top:10px;
}
.fl-page-header-logo {
text-align:left;
}
.gallery .gallery-item {
max-height:200px;
overflow:hidden;
}
.fl-page-nav-col {
padding-left:0!important;
padding-right:0!important;
}
.fl-page-nav-right.fl-page-header-fixed .fl-page-nav ul.sub-menu, .fl-page-header-fixed .fl-page-nav ul.sub-menu {
background:#2d2666;
}
.fl-page-nav-right.fl-page-header-fixed a:hover, .fl-page-header-fixed a:hover {
color:#FFF;
}
@media only screen and (max-width: 768px) {
.header-buttons {
padding-left:15px!important;
}
.btn-xxl {
font-size:1.6rem!important;
}
.fl-logo-img { 
max-width:200px;
}
#breadcrumbs {
padding-top:10px;
}
.gallery .gallery-item {
max-height:135px;
}
}

@media only screen and (min-width: 992px) {
  /*
.fl-page-header, #fl-main-content:before {
background: linear-gradient(90deg, rgba(112,184,86,1) 65%, rgba(255,255,255,1) 65%);
}
*/
.thumbnail_wrapper {
height:290px;
display:block;
}
.fl-page-nav-col {
padding-top:50px;
}
}
@media only screen and (min-width: 768px) {
.fl-page-nav-col {
justify-content: center !important;
display:flex!important;
}
.fl-page-nav-wrap {
background:#70b856;
border:none;
}

.single-locatie .fl-post-thumb {
position:absolute;
margin-top:-140px;
}
.fl-page-nav ul.sub-menu ul.sub-menu {
top:-10px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 15px;
}
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav .sub-menu li.current-menu-item > a {
color: #ee702c;
}
.current-menu-ancestor > a {
color:#FFF!important;
}
.addvacatures span {
position:absolute;
right:1px;
margin-top:13px;
border-radius:50%; 
font-size:13px;
font-weight:bold;
color:#2d2666!important;
}
    
@media (max-width:650px) {
.addvacatures span {
margin-top:0;
left:73px;
}
}

@media only screen and (max-width: 940px) and (min-width: 600px){
.fl-logo-img {
max-width:160px;
}
}