/*
Theme Name: Enfold Theme
Template: enfold
Author: Tien Vijf
Author URI: http://tienvijf.nl
*/

@import url("../enfold/style.css");

@font-face {
    font-family: 'TAN - GARLAND';
    src: url('TANGARLAND-Regular.woff2') format('woff2'),
        url('TANGARLAND-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 
-----------------------------------------------------------------------------------------
★★★ General
-----------------------------------------------------------------------------------------*/

.only_logged_in {
	display:none;
}

.logged-in .only_logged_in {
	display:block;
}

.hide {
	display:none;
	margin:0;
	padding:0;
	visibility:hidden;
}

/**/

.text_shadow {text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}

.animation {transition: all 0.2s ease-in-out;}

/* Hide admin bar items */

#wp-admin-bar-search,
#wp-admin-bar-new-content,
#wp-admin-bar-wp-logo,
#wp-admin-bar-avia,
#wp-admin-bar-customize {display:none;}

#wpadminbar ul li#wp-admin-bar-seed-csp4-notice {background-color:#ed0000;}

#wpadminbar ul li#wp-admin-bar-seed-csp4-notice a {font-size:10px;}

.av-layout-grid-container {min-height:555px;}

/* 
--------------------------------------------------------
Cookie Consent
--------------------------------------------------------*/

/*.avia-cookie-consent {
	background-color:rgba(255,255,255,.7);
	color:#343434;
	padding:25px;
	text-align:left;
}

.avia-cookie-consent .avia-cookie-consent-button {
	background-color:#242424;
	color:white;
}*/


/*
--------------------------------------------------------
Vertical Align Color Section
--------------------------------------------------------*/

/*#top.home #av_section_1 .container .content {vertical-align: bottom !important;}*/

/* 
-----------------------------------------------------------------------------------------
★★★ Fonts
-----------------------------------------------------------------------------------------*/

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, .widget p, .widget li, p, li, .avia_textblock p, .avia_textblock li, .copyright {

}

h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title {
	font-family: "Antic Didone", serif;
	font-weight: 400;
	font-style: normal;
}

.home #xv_home_hero h1,
.page h1 {
	font-family: 'TAN - GARLAND';
    font-weight: normal;
    font-style: normal;
	font-size:36px;
}

h2 {font-size:36px;}

.home h2 {
	font-family: 'TAN - GARLAND';
    font-weight: normal;
    font-style: normal;
	font-size:36px;
}

h3 {font-size:28px;}

.avia-button {
	border-bottom: 0px !important;
	font-size:16px !important;
	text-transform:uppercase;
}

.avia_textblock p strong {color:black;}

.avia_textblock p strong a,
.avia_textblock p a {
	color:black;
	text-decoration:underline !important;
}

.avia_textblock li a:hover strong,
.avia_textblock li a:hover,
.avia_textblock p a:hover strong,
.avia_textblock p a:hover {color:#80908a !important;}

.xv_boek_titel h2 {
	font-family:'poppins', sans-serif;
	font-size:20px !important;
	font-weight:bold !important;
}

.page-id-40 .av-special-heading {margin-top:30px;}

/*	
-----------------------------------------------------------------------------------------
★★★ Header
-----------------------------------------------------------------------------------------*/

#header {border-top:solid 5px #a0b2ac;}

div .logo svg {max-width:160px;}

/*
--------------------------------------------------------
Menus
--------------------------------------------------------*/

#header_main ul.menu li a span {
	font-size:15px;
	font-weight:400;
	text-transform:uppercase;
}

/* SUB MENU */

/*.sub_menu_socket li a span {}*/

/* ENFOLD + WPML */

/*li.av-language-switch-item {display:none;}*/

/* TOP MENU */



/* FOOTER MENU */



/* 
--------------------------------------------------------
Front page
--------------------------------------------------------*/

/* CENTER GRIDS FIX */

/*#main {background-color:#f6f4f0;}

.home #av-layout-grid-1,
.home #av-layout-grid-2 {
	margin:0 auto;
	max-width:1300px;
	background-color:#f6f4f0; 
}

#av-layout-grid-3 {
    background:#3a3231;
}

#av-layout-grid-3 {
    display: flex;
    justify-content: center;
}

#av-layout-grid-3 .av-gridrow-cell {
    flex: 0 0 650px;
    max-width: 650px;
}

#av-layout-grid-3 .av-gridrow-cell {
    display: flex;
    flex-direction: column;
    justify-content: center; 
}*/


.home #xv_home_hero h1 {
	font-size:50px;
}

#xv_home_hero .xv_poppins_light p {font-weight:300;}

p.xv_poppins_500  {
	color:white;
	font-size:30px;
	font-weight:500 !important;
}

p.xv_poppins_400  {
	color:white;
	font-size:30px;
	font-weight:400 !important;
}

p.xv_poppins_300  {
	color:white;
	font-size:30px;
	font-weight:300 !important;
}

p.xv_poppins_100  {
	color:white;
	font-size:30px;
	font-weight:100 !important;
}

/* 
--------------------------------------------------------
About
--------------------------------------------------------*/

/* 
--------------------------------------------------------
Samenwerken
--------------------------------------------------------*/

.page-id-44 #av-layout-grid-2 {
    background:#3a3231;
}

/* 
--------------------------------------------------------
Contact
--------------------------------------------------------*/

/*
--------------------------------------------------------
Footer + Socket
--------------------------------------------------------*/

.page-id-46 #footer-page #av_section_2 {display:none;}

.xv_stripe {min-height:10px}

.xv_stripe .content {
	padding-top:0;
	padding-bottom:0;
}

.xv_social_column {
	text-align:center;
}

.xv_social_column .av_font_icon {display:inline-block;}

.xv_social_column .avia-icon-pos-left {float:none;}

/**/

.av_font_icon .av-icon-char svg {fill:white !important;}
.av_font_icon .av-icon-char svg:hover {
	fill:#a0b2ac !important;/* GREEN */
	
}

.xv_handige_links li {color:white;}

.xv_handige_links li a {color:white;}

.xv_handige_links li a:hover {text-decoration:underline;}

/**/

.xv_wies_verbeek h3 {
	font-family: 'TAN - GARLAND';
    font-weight: normal;
    font-style: normal;
	font-size:36px !important;
}

.xv_wies_logo img {max-width:222px;}

.xv_blow_logo img {max-width:170px;}

/* BLOW link color */

.wp-image-410 {
  transition: filter 0.2s ease;
}

.wp-image-410:hover {
  filter: invert(63%) sepia(6%) saturate(522%) hue-rotate(118deg) brightness(92%) contrast(87%);
}


/*
--------------------------------------------------------
Gravityforms
--------------------------------------------------------*/

/* --- Base variables (tweak to your taste) --- */
:root {
  --form-text: #111;
  --form-muted: #777;
  --form-border: #e6e6e6;
  --form-border-focus: #111;
  --form-bg: #fff;
  --form-radius: 8px;
  --form-padding-y: 20px;
  --form-padding-x: 16px;
  --form-font: inherit;
}

/* Remove default Gravity spacing */
#gform_1 .gfield {
	margin-bottom: 14px;
}

/* Hide labels completely (since placeholders used) */
#g	form_1 .gfield_label {
  display: none;
}

/* Inputs + textarea */
#gform_1 input[type="text"],
#gform_1 input[type="email"],
#gform_1 textarea {
	width: 100%;
	font-family: var(--form-font);
	font-size: 16px;
	color: var(--form-text);
	background: var(--form-bg);
	
	padding: var(--form-padding-y) var(--form-padding-x);
	border-radius: var(--form-radius);
	border: 1px solid var(--form-border);
	
	outline: none;
	box-shadow: none;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
	appearance: none;
}

/* Placeholder */
#gform_1 ::placeholder {
	color: var(--form-muted);
	opacity: 1;
}

/* Focus state */
#gform_1 input:focus,
#gform_1 textarea:focus {
	border-color: var(--form-border-focus);
	box-shadow: 0 0 0 2px rgba(0,0,0,0.04);
}

/* Textarea slightly taller feel */
#gform_1 textarea {
  min-height: 140px;
  resize: vertical;
}

/* --- GF button matching Enfold main color style --- */
#gform_1 .gform_button {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.2em;
    font-family: var(--enfold-font-family-body, inherit);
    text-align: center;
    display: block;
    float: left;
    max-width: 100%;
    min-width: 139px;

    padding: 15px 30px 13px;
    margin: 3px 0;
    border-radius: 0;
    border: 1px solid var(--enfold-main-color-button-border);
    background-color: var(--enfold-main-color-primary);
    color: var(--enfold-main-color-button-font);
    text-decoration: none;
    outline: 0;

    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.1s ease;
}

/* Hover state */
#gform_1 .gform_button:hover {
    color: var(--enfold-main-color-button-font);
}

/* Active / pressed state */
#gform_1 .gform_button:active {
    transform: translateY(0);
    box-shadow: none;
}


/* Remove Gravity Forms default button styles */
#gform_1 input[type="submit"] {
	border: none;
}

/* Reduce vertical spacing between fields */
#gform_1 .gform_fields {
	row-gap: 25px;   /* adjust to taste */
}

/* Safety: remove extra margin GF adds */
#gform_1 .gfield {
	margin-bottom: 0;
}

.gform_footer {margin-top:0 !important;}



/*
-----------------------------------------------------------------------------------------
★★★ ENFOLD
-----------------------------------------------------------------------------------------*/

.special_amp {
	color:inherit!important;
	font-family:inherit;
	font-size: inherit;
	font-style:inherit;
	font-weight:inherit;
}

/* 
--------------------------------------------------------
Disable image rollover FX
--------------------------------------------------------*/
	
.image-overlay.overlay-type-image,
.overlay-type-extern {display:none !important;}

/* 
--------------------------------------------------------
Remove date and time in portfolio widget
--------------------------------------------------------*/

.news-time {display: none!important;}

/* 
--------------------------------------------------------
Reset text-transform
--------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .iconbox .iconbox_content .iconbox_content_title {text-transform:inherit !important;}	

/* 
--------------------------------------------------------
Resize Social media icons
--------------------------------------------------------*/

/*
#top .social_bookmarks li a,
#top .social_bookmarks li {
	font-size: 18px;
	line-height:50px;
	width:50px !important;height:50px !important;
}
*/

/* 
--------------------------------------------------------
Social media icons background always visible
--------------------------------------------------------*/

#socket .social_bookmarks li a {
	width: 50px !important;
	height: 50px !important;
	font-size: 18px !important;
}

#top #wrap_all .av-social-link-instagram a {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);color:white;}

#top #wrap_all .av-social-link-whatsapp a {background-color:#00e676;color:white;}

#top #wrap_all .av-social-link-linkedin a {background-color:#419cca;color:white;}

#top #wrap_all .av-social-link-facebook a {background-color:#37589b;color:white;}

#socket .social_bookmarks li {margin-right:3px;}

/*#top .social_bookmarks li {margin-left:3px;}

#top .social_bookmarks_rss a {background-color:#ffa133!important;}
#top .social_bookmarks_facebook	a{background-color:#37589b!important;}
#top .social_bookmarks_twitter a{background-color:#46d4fe!important;}
#top .social_bookmarks_mail a{background-color:#9fae37!important;}
#top .social_bookmarks_dribbble a{background-color:#e44885!important;}
#top .social_bookmarks_linkedin a{background-color:#419cca!important;}
#top .social_bookmarks_search a{background-color:#222222!important;}
#top .social_bookmarks_gplus a{background-color:#de5a49!important;}
#top .social_bookmarks_behance a{background-color:#008cfa!important;}
#top .social_bookmarks_flickr a{background-color:#ff0086!important;}
#top .social_bookmarks_forrst a{background-color:#234317!important;}
#top .social_bookmarks_myspace a{background-color:#000000!important;}
#top .social_bookmarks_tumblr a{background-color:#345574!important;}
#top .social_bookmarks_vimeo a{background-color:#31baff!important;}
#top .social_bookmarks_youtube a{background-color:#a72b1d!important;}
#top .social_bookmarks_pinterest a{background-color:#cb2027!important;}
#top .social_bookmarks_skype a{background-color:#12a5f4!important;}
#top .social_bookmarks_instagram a{background-color:#a67658!important;}*/

/* 
--------------------------------------------------------
Hide Rounded Corners on Images
--------------------------------------------------------*/

.avia-content-slider .slide-image,
.avia-content-slider .slide-image img,
.avia_image,
.avia-slideshow li img {
	border-bottom: 0px !important;
	border-radius:0 !important;
}

/* 
--------------------------------------------------------
Hide Rounded Corners on Buttons
--------------------------------------------------------*/

.avia-button {border-radius:0 !important;}

/* 
--------------------------------------------------------
Disable Sidebar on Single Product 
--------------------------------------------------------*/

/*.single-product .sidebar {display:none !important;}*/

/* 
--------------------------------------------------------
Always show MailChimp Subscribe button
--------------------------------------------------------*/
	
#mc_embed_signup .clear {
	clear: inherit;
	display: inherit;
	overflow: inherit;
	visibility: visible;
	width: inherit;
	height: inherit;
}

/* 
-----------------------------------------------------------------------------------------
★★★ Responsive 
-----------------------------------------------------------------------------------------*/	

#template_name {
	background:rgba(255,255,255,.9);
	border:solid 1px silver;
	font-size:10px;
	left:0;
	z-index:999;
}

.only_mobile {display:none;}

/* Remove round corners on ipad and iphone */

input.chrome {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

input[type="checkbox"] {-webkit-appearance: checkbox;}

/* 
-----------------------------------------------------------------------------------------
★★★ Media Queries
-----------------------------------------------------------------------------------------*/	

/* Desktop */
@media only screen and (min-width: 1140px)  {}


/* Tablet */
@media only screen and (max-width: 989px) {}


/* Tablet + Mobile */
@media only screen and (max-width: 767px) {
	
	.only_desktop {display:none;}
	
	.only_mobile {display:block;}
	
	/* Socket */
	
	#socket {text-align:center;}
	
	#socket .copyright {float:none;}
	
	#socket .sub_menu_socket li {
		float:none;
		display:inline-block;
	}
	
	#socket .menu {text-align:center;}
	
	.home #xv_home_hero {background-position:27% 100% !important;}
	
	#top.home #xv_home_hero .container .content {
		padding-bottom:10px;
		vertical-align: bottom !important;
	}
	
	.home #xv_home_hero h1 {
		line-height:1.5em;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}
	
	#xv_home_hero .xv_poppins_light p {text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
	
	.home h2 {
		font-size:26px;
		line-height:1.5em;
	}
	
	.page h2 {
		font-size:26px;
		line-height:1.2em;
	}
	
	#footer-page .flex_column {margin-bottom:40px !important;}
	
	.page-id-38 #av_section_1 {background-image:none !important;background-position:78% 100% !important;  position: relative;}
	
	.page-id-38 #av_section_1::before {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(255,255,255,0.6); /* darker; use rgba(255,255,255,0.4) to brighten */
	}
	
	.page h1 {
		font-size:26px;
		line-height:1.5em;
	}
	
}


/* Mobile */
@media only screen and (max-width: 479px) {
		
		
		
	}