.portfolio_nav { display:none; }
.top_bar.fixed
{
	position: fixed;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;
	z-index: 999;
	visibility: visible !important;
	top: 0px;
}

.top_bar.fixed #menu_wrapper div .nav
{
	margin-top: 16px;
}

.top_bar.fixed #searchform
{
	margin-top: 8px;
}

.top_bar.fixed .header_cart_wrapper
{
	margin-top: 21px;
}

.top_bar.fixed #menu_wrapper div .nav > li > a
{
	padding-bottom: 24px;
}

.top_bar.fixed .logo_wrapper img
{
	max-height: 40px;
	width: auto;
}
#wrapper
{
	overflow-x: hidden;
}
.mobile_menu_wrapper
{
    display: none;
}
body.js_nav .mobile_menu_wrapper 
{
    display: block;
}
.gallery_type, .portfolio_type
{
	opacity: 1;
}
#searchform input[type=text]
{
	width: 75%;
}
.woocommerce .logo_wrapper img
{
	max-width: 50%;
}




@media only screen and (max-width: 768px) {
	html[data-menu=leftmenu] .mobile_menu_wrapper
	{
		right: 0;
		left: initial;
		
		-webkit-transform: translate(360px, 0px);
		-ms-transform: translate(360px, 0px);
		transform: translate(360px, 0px);
		-o-transform: translate(360px, 0px);
	}
}


#copyright, .footer_bar_wrapper .social_wrapper
{
	float: none;
	margin: auto;
	width: 100%;
	text-align: center;
}

.footer_bar_wrapper .social_wrapper ul, #page_content_wrapper .footer_bar_wrapper .social_wrapper ul
{
	text-align: center;
	margin-bottom: 20px;
}

.footer_bar_wrapper .social_wrapper ul li
{
	float: none;
}

.footer_bar
{
	padding: 30px 0 30px 0;
}

.post_header_title, .post_header.grid
{
	text-align: center;
}



html[data-style=fullscreen] .top_bar.hasbg, .top_bar.hasbg, .top_bar.scroll.black
{
	border: 0;
}

.top_bar.hasbg
{
	background: rgba(0,0,0,0.00);
}

#page_caption, #page_caption .page_title_wrapper
{
	text-align: left;
	float: left;
}

#page_caption .page_title_wrapper .page_title_inner
{
	position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}

.post_caption 
{
	position: relative;
}

#page_caption hr.title_break, .post_caption hr.title_break
{
	display: none;
}

#page_caption h1
{
	width: 55%;
    display: block;
    float: left;
}

#page_caption .page_tagline, .post_caption .page_tagline
{
	width: 45%;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0.5em;
}

.post_caption
{
	text-align: left;
	float: left;
	width: 100%;
}

.page_tagline
{
	font-style: normal;
}

.post_caption .page_tagline
{
	right: 30px;
}

#portfolio_wall_filters
{
	width: 45%;
	float: right;
	text-align: right;
	margin-left: 0 !important;
}

@media only screen and (min-width: 1100px) {
	#page_caption .page_tagline 
	{
		right: 90px;
	}
}




.two_cols.gallery .element img, .three_cols.gallery .element img, .four_cols.gallery .element img, .five_cols.gallery .element img, .two_cols.gallery .element:hover img, .three_cols.gallery .element:hover img, .four_cols.gallery .element:hover img, .five_cols.gallery .element:hover img, .post_img img, .post_img:hover img, #horizontal_gallery_wrapper .gallery_image_wrapper.archive img, .horizontal_gallery_wrapper .gallery_image_wrapper.archive img
{
	transition: all 4.5s ease-out;
    -webkit-transition: all 4.5s ease-out;
}


:root {
--gold-100: #F2ECE1;
--gold-400: #E0B567;
--gold-500: #AD9262; 

--header-gold: #f2ece1de;

--main-radius: 4px;

}


.top_bar.hasbg {
background: rgb(50 50 50 / 89%);
    backdrop-filter: blur(4px);
border: 0px solid;
}

#menu_wrapper div .nav li.menu-item-700 {
background: var(--gold-500);
}


.right {
text-align: right;
}

.supersize {
    font-size: 120px;
    font-weight: bold;
    font-family: 'Open Sans';
line-height: 130px;
    margin-top: 50px;
}

.based {
    font-weight: bold;
    font-size: 18px;
}

p.white.bold {
font-weight: bold;
    font-size: 18px;
}


.fa-clock-o {
display: none;
}

.w60{
width: 60%;
margin: 0 auto;
}

.w70{
width: 70%;
margin: 0 auto;
}

.video{
box-shadow: 0px 3px 26px #0000008d;
    max-width: 800px;
    height: 450px;
    margin: 0 auto;
}

.video iframe {
width: 100%;
}

.top_contact_info{
    width: 100%;
    text-align: center;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], textarea {
	background-image: none!important;
	border: 2px solid;
border-radius: 3px;
padding: 6.5px;
}

span.required{
color: #AD9261;
font-weight: bold;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, textarea:focus {
	background-color: #f5f5f5!important;
	border: 2px solid #AD9261!important;;
border-radius: 3px;
}

input[type=submit] {
padding: 10px 20px!important;
color: #fff!important;
border: 1px solid #AD9261!important;
background-color: #AD9261!important;
float: right;
}

input[type=submit]:hover {
padding: 10px 20px!important;
color: #AD9261!important;
border: 1px solid #AD9261!important;
background-color: transparent!important;
}



#logo_right_button{
display: none !important;
}

.counter_subject {
font-size: 17px!important;
}

.white {
color: #fff!important;
}
.withbg .one_half_bg {
    background: rgba(255,255,255,0.85)!important;
}

#mainButton {
padding: 10px 20px;
color: #fff!important;
border: 1px solid #fff;
background-color: transparent;
}

#mainButton:hover {
background-color: #fff!important;
color: #000!important;
}

.mainButtonWhite {
padding: 10px 20px;
color: #AD9261!important;
border: 1px solid #fff;
background-color: #fff;
}

.mainButtonWhite:hover {
background-color: #AD9261!important;
color: #fff!important;
}


.mainButtonHeader {
padding: 12px 24px;
color: #fff;
border: 1px solid var(--gold-400);
background-color: var(--gold-400);
border-radius: var(--main-radius);
font-size: 24px;
}

.mainButtonHeader:hover {
background-color: var(--gold-500);
color: #fff;
}

#bigMainButton  {
padding: 20px 30px;
color: #fff!important;
border: 2px solid #fff;
background-color: transparent;
font-size:clamp(16px, 2vw, 20px)!important;
}

#bigMainButton:hover {
background-color: #fff!important;
color: #AD9261!important;
}


h1 {
color: #AD9261;
font-size: 45px;
font-weight: bold;
text-align: center;
}

#photos h2 {
color: #fff!important;
font-size: 50px!important;
}

/*h2.ppb_title{
color: #fff!important;
}*/

body h2 {
color: var(--gold-500);
margin-bottom: 15px;
}

body h3 {
color: #AD9261;
font-size: 20px;
font-weight: bold;
}

.withbg .feature_title {
display: none;
}

#casa .ppb_subtitle{
font-size: 20px;
color: #fff;
}
#casa .ppb_title {
font-size: clamp(120px, 15vw, 264px);
font-weight: 900;
color: var(--header-gold);
}

.block{
background-color: #fff;
width: 100%;
box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
    min-height: 248px;
}

#highlights {
margin-top: -100px;
}

.iconPlaceholder{
padding: 25px 0 10px 0;
    text-align: center;
}

.textPlaceholder {
text-align: center;
padding: 0px 15px 25px 15px;
}

#calpCasa {
display: none;
}

#overlapping .standard_wrapper{
padding: 0 160px;
}

.outerBlock {
 position: relative;
min-height: 45vh;
}

.overlappingBlock {
position: absolute;
width: 50%;
min-height: 450px;
}

.under {
background-color: #AD9261;
left: 2.5%;
top: 60px;
z-index: 1;
box-shadow: 0px 3px 26px #00000029;
}

.under div {
padding: 5% 12% 5% 5%;
}

.under h3 {
color: #fff!important;
}

.above {
background-image: url('http://casaverel.nl/wp-content/uploads/2021/08/IMG_3743-copy-2-e1630150016856.jpg');
background-size: cover;
top: 0px;
left: 47.5%;
z-index: 2;
 box-shadow: 0px 3px 26px #0000008D;
}

.animate_counter_wrapper {
padding: 50px 0;
}

.counter_subject {
color: #393939!important;
font-size: 18px;
font-weight: bold!important;
}

.mainBtn {
padding: 20px;
border: 2px solid #AD9261;
background-color: #AD9261;
color: #fff;
transition-duration: 0.3s;
}

.mainBtn:hover {
padding: 20px;
border: 2px solid #AD9261;
background-color: #fff;
color: #AD9261;
transition-duration: 0.3s;
}

.p50{
padding: 50px 0;
}

.wifi {
padding: 50px 0;
    text-align: center;
}

.wifiIcon {
height: 64px;
}

.counter_subject {
color: #393939!important;
opacity: 0.7;
margin-top: 5px;
}

svg {
    margin: 0 auto;
    display: block;
}

@media only screen and (min-width: 960px) and (max-width: 1200px){
.outerBlock {
 position: relative;
min-height: 50vh;
}

.block {
min-height: 300px;
}

}

@media only screen and (min-width: 770px) and (max-width:960px){
.outerBlock {
 position: relative;
min-height: 60vh;
}
}

.sidebar_wrapper {
display: none;
}

@media only screen and (max-width: 767px)
#top_contact_hours, #top_contact_number {
    display: block!important;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#logo_right_button{
display: block !important;
}

#highlights .one_fourth {
width: 22%!important;
float: left!important;
margin-right: 4%!important;
margin-bottom: 0!important;
clear: none !important
}

#highlights .one_fourth.last{
margin-right: 0%!important;
}

.block {
min-height: 325px; 
}

#calpCasa {
display: none;
}

#overlapping .standard_wrapper {
padding: 0!important;
}

.one_half .one_third {
width: 33%!important; 
clear: none!important;
}
}

@media only screen and (max-width: 767px) {
.w60 {
width: unset;
        padding: 10px 20px 30px 20px;
}
.w70{
width: unset;
        padding: 10px 20px 30px 20px;
}

.right {
text-align: center;
}

#logo_right_button{
display: block !important;
}

.page_content_wrapper{
display: block!important;
}

#highlights .one_fourth,
#highlights .one_fourth.last {
    width: 95%!important;
    float: left !important;
    clear: none !important;
    margin: 2.5% !important;
}

#overlapping {
display: none!important;
}

.divider {
display: none!important;
}

.one_half .one_third {
width: 33%!important; 
clear: none!important;
}

#calpCasa {
display: block!important;
}

.white {
color: #fff!important;
}

svg {
    width: 90%;
}

.nav_wrapper_inner {
padding: 0!Important;
}}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#logo_right_button{
display: block !important;
}}