/*{;} TEMPLATE INFO ℹ️

    Theme Name: De Web Developer
    Theme URI: https://www.dewebdeveloper.nl/
    Author: Bouke Lourens
    Author URI: https://www.dewebdeveloper.nl/bouke-lourens-ceo-webontwikkelaar/
    Description: Dit child theme is gebouwd op het oorspronkelijke framework van het Storefront thema van de ontwikkelaars van WooCommerce. Het hoofdthema is geoptimaliseerd op snelheid, clean opgebouwd in de code en bovendien erg uitgebreid voor WooCommerce webwinkel doeleinden. Tevens is dit child thema ook prima te gebruiken bij informatieve websites. Baseline is clean en voorzien van de nodige fixes. Inclusief FontAwesome, Classic builder blocks, SiteOrigin & jQuery. Footer beschikt over automatische datum & sitename generatie. Release datum eerste  𝘃𝗲𝗿𝘀𝗶𝗲 𝟏.𝟎: 0̲1̲/̲0̲9̲/̲2̲0̲2̲1̲ ⭐ Release datum 𝘃𝗲𝗿𝘀𝗶𝗲 𝟏.𝟐: 1̲1/̲0̲6̲/̲2̲0̲2̲3̲
    License: GNU General Public License v2 or later
    License URI: license.txt
    Requires PHP: 5.6.0
    Tags: storefront, maatwerk, websites, webshops, 1:1design, amsterdam, noord-holland, child-theme, logodesign, dtp, grafische, vormgeving, siteorigin, aos, fontawesome, woocommerce, bouke, lourens, seo, zoekmachine, optimalisatie, jquery, php, snippet, cookies, banner, header, headings, devs, websitebuilder, guru, linux
    Text Domain: dewebdeveloper
    Template: storefront
    Version: 1.2

-- */

/*{;} UPDATE GESCHIEDENIS ℹ️

    Laatst bewerkt door: Bouke lourens
    Updates: 29/10/2023 08:32PM

-- */

/*{;} IMPORT ++ */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*{;} ANIMATIES ++ */


/*{;} GENERAL -- */
html { scroll-behavior: smooth; }
body, button, input, textarea { font-family: 'Roboto', sans-serif; }
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus,
input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus { outline-color: transparent !important; transition: 0; } /* Paarse
 markering bij a:focus weghalen */
#main { min-height: calc(100vh - 375px); }/* Footer vastzetten met een minimum height */
#page { background-color: #1C1B19; }
.page-title { margin: 0 0 1.41575em; font-family: 'Rubik', sans-serif; color: #E5CF7F; background-image: linear-gradient(45deg, #FBF4A1, #8F5E25); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; font-family: 'Domine', serif; }

/*{;} HEADINGS -- */
p {
	margin: 0 0 1.41575em;
	font-family: 'Domine', serif;
	color: #E5CF7F;
	background-image: linear-gradient(45deg, #FBF4A1, #8F5E25);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-size: 1.05rem;
}

.entry-title {
	color: #E5CF7F;
	font-family: 'Domine', serif;
	font-size: 3rem;
	background-image: linear-gradient(45deg, #FBF4A1, #8F5E25);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}

h1, .alpha {
	font-size: 2.5rem;
	font-weight: bold;
}

h2, .beta {
	font-size: 1.7rem;
	font-weight: 600;
}
h2 {
	font-family: 'Domine', serif;
	color: #E5CF7F;
	background-image: linear-gradient(45deg, #FBF4A1, #8F5E25);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-size: 3rem;
}

h2 + h3, .beta + h3 {
	font-size: 1.5rem;
	font-weight: 600;
	border-top: 0;
}

h3 {
	color: #A88142;
	font-weight: 600;
	font-size: 1.7rem;
	margin-bottom: 0;
}

h4, .delta {
	font-size: 1.25rem;
}

h5, .h5 {
	font-size: 1rem;
}

h6, .h6 {
	font-size: .8rem;
}

/*{;} CONTAINERS -- */

/*{;} BUTTONS -- */

#site-navigation-menu-toggle {
	background: transparent !important;
}
button {
	color: #111;
	font-size: 1rem;
	font-family: 'Domine', serif;
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7);
	background: linear-gradient(-45deg, #FBF4A1, #A88142, #FBF4A1, #A88142) !important;
	background-size: auto;
	background-size: auto !important;
	background-size: 400% 400% !important;
	animation: gradient 7s ease-in-out infinite;
}
.banner-btn.btn-2 { background: transparent !important; border: 2px solid; color: #FBF4A1; }
.banner-btn {
	color: #111;
	font-size: 1.4rem;
	font-family: 'Domine', serif;
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7);
	background: linear-gradient(-45deg, #FBF4A1, #A88142, #FBF4A1, #A88142);
	background-size: 400% 400%;
	animation: gradient 7s ease-in-out infinite;
}


/*{;} LINKS -- */

a { color: #0000FF; }

/*{;} ZOEKEN -- */
.search-field { background: #1C1B19 !important; }
.widget_search form:not(.wp-block-search)::before { color: #F7EF9D; }
input[type="search"]::placeholder { color: RGBA(229, 207, 127, 0.4); }

/*{;} LIST ITEMS -- */

.widget ul { list-style: square; margin: 0 30px; }
.widget ul li { padding: .25em 0; }
ol li { padding: .25em 0; }
ol { margin: 0 30px; }

/*{;} QUOTES -- */

/*{;} TOPBAR -- */
#menu-topbar a { color: #E5CF7F; background-image: linear-gradient(45deg, #FBF4A1, #8F5E25); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }
.secondary-navigation { position: absolute; left: 0; right: 0; top: 0; background: #1C1B19; min-width: 100%; }

/*{;} HEADER -- */
#masthead { background: transparent; }
.site-header { border-bottom: 0 !important; }
.custom-logo { z-index: 9999; position: relative; }
#masthead .col-full { max-width: 100em; }

/*{;} BANNER -- */
#dwd-header-row-1 { position: absolute; top: 0; width: 100%; }
.dwd-slider-inner { color: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.dwd-slider-inner .widget h1 { color: #E5CF7F; font-family: 'Domine', serif; font-size: 6rem; background-image: linear-gradient(45deg, #FBF4A1, #8F5E25); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; margin-bottom: 25px; }
#dwd-section-row-1::before { content: ""; position: absolute; background-image: url("/wp-content/themes/dewebdeveloper/assets/images/schilderwerk-schild.png"); width: 260px; height: 348px; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 0; overflow: 0.25; bottom: 40px; right: -170px; animation: floating 6s infinite; display: none; }
.glow { color: #A88142; margin-bottom: -24px; font-size: 2.2rem; }
.dwd-slider-inner-col-in div:nth-child(1) div { display: inline-block; margin-right: 5px; }

/*{;} NAVIGATIE -- */
.primary-navigation { margin-top: 70px; }
#menu-main-menu { font-family: 'Domine', serif; text-shadow: 1px 1px 10px #000; }
#menu-main-menu a { color: #E5CF7F; font-size: 1.2rem; font-weight: 800; }
#site-navigation { position: relative; bottom: 70px; }
#menu-main-menu-1 li a:hover { font-size: 1.1rem; font-weight: bold; }

/*{;} SECTION ROW 1 -- */
.dwd-section-row-1-col { display: inline-block; min-height: 400px; }
.dwd-section-row-1-col h2 { padding-top: 25px; }
#dwd-section-row-1 { padding: 115px 0 185px 0; margin-top: 627px; position: relative; }
#dwd-section-row-1-inner h2 { font-family: 'Domine', serif; color: #E5CF7F; background-image: linear-gradient(45deg, #FBF4A1, #8F5E25); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; font-size: 3rem; }
#dwd-section-row-1-inner h3 { color: #A88142; text-shadow: 1px 1px 10px #000; font-weight: 600; font-size: 1.7rem; margin-bottom: 0; margin-bottom: -30px; }
.dwd-section-row-1-image img { max-width: 320px !important; margin-top: -240px; position: relative; z-index: 999; animation: floating 7s infinite; float: right; }
#dwd-section-row-1 h2 { color: #E5CF7F; background-image: linear-gradient(45deg, #FBF4A1, #8F5E25); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; font-size: 3rem; }
#dwd-section-row-1-col img { max-width: 120px !important; margin-bottom: -12px !important; background: #262626; border-radius: 100px; padding: 18px; }
#dwd-section-row-1-inner img {
	display: inline;
	min-width: 283px;
	border-radius: 50%;
	padding: 7px;
	background: linear-gradient(-45deg, #FBF4A1, #A88142, #FBF4A1, #A88142);
	background-color: rgba(0, 0, 0, 0);
	/* background-size: auto; */
	/* background-color: rgba(0, 0, 0, 0); */
	/* background-size: auto; */
	background-size: 400% 400%;
	animation: gradient 7s ease-in-out infinite;
}
#dwd-section-row-1-inner .textwidget p { margin-left: 0; }
.dwd-section-row-1-col h2 { font-size: 2.1rem !important; }

/*{;} SECTION ROW 2 -- */
#dwd-section-row-2 {
	padding: 100px 0;
	background: #262626;
	position: relative;
	overflow: hidden;
	z-index: 2;
	background: rgb(38, 38, 38, .75);
	padding-bottom: 150px;
}
#dwd-section-row-2::after {
	content: "";
	height: 7px;
	width: 100%;
	position: absolute;
	top: 0;
	background: rgb(172,135,70);
	background: linear-gradient(145deg, rgba(172,135,70,1) 0%, rgba(251,244,161,1) 49%, rgba(172,135,70,1) 100%);
	background: linear-gradient(-45deg, #FBF4A1, #A88142, #FBF4A1, #A88142);
	background-color: rgba(0, 0, 0, 0);
	background-size: auto;
	background-size: 400% 400%;
	animation: gradient 7s ease-in-out infinite;
}
#dwd-section-row-2::before {
	/* background-image: url("/wp-content/themes/dewebdeveloper/assets/images/slang-links.svg"); */
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 357px;
	position: absolute;
	content: "";
	top: 0;
	z-index: 0;
	opacity: 0.038;
}
#dwd-section-row-1::after {
	content: "";
	position: absolute;
	background-image: url("/wp-content/themes/dewebdeveloper/assets/images/vensterbank-plaatsen-schild.png");
	width: 189px;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	overflow: 0.25;
	bottom: 200px;
	right: 511px;
	animation: floating 8s infinite;
	display: none;
}
#dwd-section-row-2 #dwd-section-row-1-inner p {
	padding-left: 0 !important;
	max-width: 990px;
	font-size: 1.05rem;
	line-height: 1.5;
}

/*{;} SECTION ROW 3 -- */

/* PARRALEL FIXED BANNER */
#rellax-main { overflow: hidden; padding: 40px 0 70px 0; position: relative; }
#rellax-main .textwidget.custom-html-widget { max-height: 830px; overflow: hidden; }
.one.rellax {
	background: url("/wp-content/themes/dewebdeveloper/assets/images/slang-links.svg");
	padding: 937px;
	min-width: 100%;
	z-index: 1;
	position: relative;
	margin: 0;
	background-size: cover;
	top: 0;
	opacity: 0.2;
	margin-top: -1139px;
	margin-bottom: -110px;
}


#diensten-desk {
	position: relative;
	z-index: 234;
}

.one.rellax::before {
	content: "";
	/* background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url(""); */
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	/* opacity: 0.25; */
}
.three { background-color: var(--dwd--huiskleur-wit) !important; margin: 0 !important; }
.rellax { width: 100%; min-width: 100%; position: absolute; left: 0; margin: 0; }
.parallax-banner-tekst p { color: var(--dwd--huiskleur-wit); font-weight: 900; font-family: Cormorant,serif !important; font-size: 1.8rem; line-height: 1.5; }
.parallax-banner-tekst { max-width: 1000px; margin: 0 auto; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.parallax-banner-tekst h2 { color: var(--dwd--huiskleur-wit); font-size: 7rem; font-weight: 900; margin-bottom: 1px; }

/*{;} SECTION-ROW-4 --*/
#dwd-section-row-4 { margin-top: -210px; text-align: center; }
.offerte-formulier { max-width: 760px; margin: 0 auto; background: #232323; padding: 35px; padding-top: 75px; margin-top: 95px; }
.offerte-formulier h2 { color: #E5CF7F; background-image: linear-gradient(45deg, #FBF4A1, #8F5E25); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; font-size: 2.1rem; }
.wpcf7-list-item-label { color: #999; }
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea, textarea:focus { background: #1C1B19; color: RGB(251, 244, 161, .7); font-family: Poppins,sans-serif; }
input[type="checkbox"], input[type="radio"] { padding: 0; accent-color: #F4EA99; }
.wpcf7 input[type="file"] { padding: 25px; background: #1C1B19; float: ; color: RGB(251, 244, 161, .7); max-width: 100%; width: 630px; margin-bottom: 24px; }
.offerte-formulier li { list-style: none; }
.wpcf7-form-control-wrap input { width: 100%; }
.wpcf7-form-control.wpcf7-submit.has-spinner { color: #111; font-size: 1.4rem; font-family: 'Domine', serif; box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7); background: linear-gradient(-45deg, #FBF4A1, #A88142, #FBF4A1, #A88142); background-size: auto; background-size: 400% 400%; animation: gradient 7s ease-in-out infinite; width: 100%; }
.wpcf7-form-control.wpcf7-textarea { max-width: 630px; margin-top: 17px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: transparent; color: #dc3232; }
#dwd-section-row-1-inner p {
	/* color: RGB(251, 244, 161, .7); */
	font-weight: 100;
	/* padding: 0 370px; */
	text-align: justify;
	font-size: 1rem;
	line-height: 1.25;
	color: #E5CF7F;
	background-image: linear-gradient(45deg, #FBF4A1, #8F5E25);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	max-width: 758px;
	margin: 0 auto;
}
.offerte-formulier p { -webkit-text-fill-color: inherit; }
.wpcf7-not-valid-tip { text-align: left; }
#dwd-section-row-4-inner { max-width: 100%; width: 750px; margin: 0 auto; }

.dwd-balloon {
	font-weight: bold;
	position: absolute;
	bottom: 55px;
	left: 0;
	padding: 12px 20px;
	border-radius: 50px;
	background: linear-gradient(-45deg, #FBF4A1, #A88142, #FBF4A1, #A88142);
	/* background-size: auto; */
	/* background-color: rgba(0, 0, 0, 0); */
	/* background-size: auto; */
	/* background-color: rgba(0, 0, 0, 0); */
	/* background-size: auto; */
	background-size: 400% 400%;
	animation: gradient 7s ease-in-out infinite;
	color: #000;
	font-size: 1.2rem;
}
.slide.slick-slide {
	position: relative;
}

/* Zoek resultaten */
.search-box-flex li { list-style: none; }
.search-submit {
	color: #111;
	font-size: 1.4rem;
	font-family: 'Domine', serif;
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7);
	background: linear-gradient(-45deg, #FBF4A1, #A88142, #FBF4A1, #A88142) !important;
	background-size: auto !important;
	background-size: 400% 400% !important;
	animation: gradient 7s ease-in-out infinite;
}
.page-content .search-field {
	background: #232322 !important;
	padding: 22px;
	max-width: 150px;
	border-radius: ;
}

.search-box-flex h2 a {
	color: #E5CF7F;
	background-image: linear-gradient(45deg, #FBF4A1, #8F5E25);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-family: 'Domine', serif;
}
.h-readmore {
	margin: 30px 0;
}
.h-omschrijving {
	color: #E5CF7F;
	background-image: linear-gradient(45deg, #FBF4A1, #8F5E25);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	max-width: 630px;
}

/*{;} FOLLOWUP PAGES --*/
#dwd-fu-main h2 { font-size: 2rem; margin-top: 45px; }
#dwd-fu-main .textwidget:first-child { max-width: 760px; }

/*{;} FAQ PAGINA -- */
#section-row-1-acc button { background: #232323 !important; color: #E5CF7F; }
.panel { border-left: 23px dashed RGB(229, 207, 127, .2); }
.contact-1--wrap li { font-family: 'Domine', serif; color: #E5CF7F; background-image: linear-gradient(45deg, #FBF4A1, #8F5E25); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; font-size: .8rem; font-style: italic; }
.accordion { border-bottom: 1px dashed RGB(229, 207, 127, .3); }

/* -- Cookiebanner -- */
.unic-bg { background-color: rgba(0, 0, 0, 0.5) !important; }
.bg-gray-300.text-sm.md\:text-base.hover\:bg-gray-400.text-gray-800.font-bold.py-2.px-4.rounded.outline-none.m-2 { background: #E5CF7F !important; font-size: 1rem; font-weight: 500; color: #FFF !important; }
.flex.p-1 { visibility: hidden !important; }

/*{;} COOKIEBANNER --*/
.cookies-eu-banner { position: fixed; background: rgba(40,39,40,.94); color: #E5CF7F; left: 0; padding: 10px; text-align: center; bottom: 0; width: 100%; z-index: 999; font-size: .9rem; font-weight: 300; line-height: 1.5; z-index: 9999; }
.cookies-eu-banner button { text-decoration: none; background: transparent; color: #fff; border: 1px solid #E5CF7F; cursor: pointer; padding: 4px 7px; margin: 2px 0; font-size: 13px; transition: background 0.07s, color 0.07s, border-color 0.07s; font-family: Poppins,sans-serif !important; font-weight: 400; margin-left: 5px; }
.cookies-eu-banner button:hover { background: #333; color: #FFF; }
.cookies-eu-banner a { color: #A88142; padding: 5px; margin-left: 8px; font-size: .8rem; border-bottom: 1px dashed; font-weight: 400; }
.hidden { display: none; }

/*{;} CONTACTPAGINA --*/
#contactform-contact-page { max-width: 760px; /* margin: 0 auto; */ background: #232323; padding: 0 25px; padding-top: 35px; padding-top: 75px; }
.aanvraag-formulier-container-1 p { -webkit-text-fill-color: RGB(251, 244, 161, .7); }
.aanvraag-formulier-container-1 ul { list-style: none; }


/*{;} FOOTER -- */

.site-info img { display: inline-block; border-radius: 0; position: relative; top: 2px; }
#colophon .site-info a { text-decoration: none; color: #6d6d6d; }
.site-footer { background-color: #232323; color: #E5CF7F; padding: 0; }
.site-info, #colophon .site-info a {
	font-size: .85rem;
	padding: 10px;
	color: #E5CF7F;
	background-image: linear-gradient(45deg, #FBF4A1, #8F5E25);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}

#dwd-footer-main .custom-logo { max-width: 240px; }
#colophon {
	position: relative;
}
#colophon::before {
	content: "";
	height: 7px;
	width: 100%;
	position: absolute;
	top: 0;
	background: rgb(172,135,70);
	background: linear-gradient(145deg, rgba(172,135,70,1) 0%, rgba(251,244,161,1) 49%, rgba(172,135,70,1) 100%);
	background: linear-gradient(-45deg, #FBF4A1, #A88142, #FBF4A1, #A88142);
	background-color: rgba(0, 0, 0, 0);
	background-size: auto;
	background-color: rgba(0, 0, 0, 0);
	background-size: auto;
	background-size: 400% 400%;
	animation: gradient 7s ease-in-out infinite;
	}
	#colophon {
	background: linear-gradient(rgba(35, 35, 35, 0.9), rgba(35, 35, 35, 0.9)), url("/wp-content/themes/dewebdeveloper/assets/images/slang-links.svg");
	background-size: cover;
}
	.dwd-widget-title {
	color: #E5CF7F;
	background-image: linear-gradient(45deg, #FBF4A1, #8F5E25);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-weight: 600;
}




/*{;} -----  [ MEDIA QUERIES ] ----- -- */

@media (min-width: 1585px) {
	.col-full {
	width: 1500px;
	max-width: 100%;
}
.menu-topbar-container { max-width: 1500px; margin: 0 auto; }

}

@media (min-width: 1550px) {


}

@media (min-width: 1400px) {

}

@media (min-width: 1200px) and (max-width: 1399px) {
	.dwd-slider-inner .widget h1 {
		font-size: 3.3rem;
	}
	.dwd-slider-inner { top: 43%; }

}

@media (min-width: 993px) and (max-width: 1199px) {

	#menu-main-menu a { font-size: 1.1rem; }

}

@media (min-width: 768px) and (max-width: 1600px) {
	.sow-slider-base ul.sow-slider-images li.sow-slider-image video.sow-background-element {
	position: absolute;
	z-index: 1;
	overflow: hidden;
	top: 0;
	min-width: 410%;
	left: 0;
	min-height: 300%;
}

}

@media (min-width: 768px) and (max-width: 1499px) {


}

@media (min-width: 768px) and (max-width: 1550px) {
		.secondary-navigation .menu { padding-right: 35px; }

}

@media (min-width: 768px) and (max-width: 1130px) {
	.dwd-slider-inner .widget h1 { font-size: 4rem; }
	.dwd-slider-inner { max-width: 100%; width: 670px; }
	#menu-main-menu a { padding-bottom: 0; }

}

@media (min-width: 768px) and (max-width: 992px) {

}

@media (max-width: 768px) {
	#diensten-desk { display: none; }
  .menu-toggle {
      font-family: 'Snippet', sans-serif !important;
      position: relative !important;
      top: 100px;
    }

    button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before {
      content: "";
      display: inline-block;
      height: 2px;
      width: 46px;
      position: relative;
      top: 0px;
      left: 0;
      margin-top: -1px;
      transition: all,ease,.2s;
      border-radius: 3px;
      padding: 0px;
      margin-bottom: 5px;
    }

    button.menu-toggle, button.menu-toggle:hover {
      border-color: 0;
    }

    .menu-toggle {
      padding: 7px !important;
      max-width: 68px !important;
      font-size: 0 !important;
      border: 0 !important;
    }

    button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
      background-color: #d5d5d5;
      border-color: transparent;
      color: #333333;
    }

		#site-navigation-menu-toggle { background: transparent; }
		button.menu-toggle::after, button.menu-toggle::before, button.menu-toggle span::before { background-color: #F7EF9D; }
		#site-navigation-menu-toggle { top: -20px; }
		.dwd-slider-inner { position: absolute; left: unset; transform: none; top: 250px; }



}

@media (min-width: 768px) {
		#diensten-mobile { display: none; }
		#masthead .col-full {
				display: flex;
				align-items: center;
		}

		#masthead .main-navigation {
				text-align: right;
		}

		.woocommerce-active .site-header div.site-branding {
				width: auto;
		}

		.site-header .site-branding img { position: relative; bottom: 26px; }


}


@media screen and (max-width: 767px) {
	#menu-main-menu-1 li:last-child a { border: 0; }
  button.menu-toggle, button.menu-toggle:hover { border-color: transparent; }
	#menu-main-menu-1 li a { color: #E5CF7F; background-image: linear-gradient(45deg, #FBF4A1, #8F5E25); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; border-bottom: 1px dashed; }
	.cookies-eu-banner button { margin: 10px 10px 0 10px; }


}

@media (min-width: 481px) and (max-width: 767px) {

	#menu-main-menu-1 { background: #1C1B19; padding: 35px; margin-top: 65px; }
	.dwd-section-row-1-image img { margin-top: 50px; max-width: 270px !important; }
	#dwd-section-row-1 { margin-top: 480px; }
	.dwd-slider-inner .widget h1 { font-size: 3rem; }
	.sow-slider-base ul.sow-slider-images li.sow-slider-image video.sow-background-element { position: absolute; width: auto; height: auto; z-index: 1; overflow: hidden; top: 0; min-width: 560%; left: 0; min-height: 860%; }
	.dwd-section-row-1-col { display: block; }
	.dwd-section-row-1-col h2 { margin-left: 20px; font-size: 1.25rem; line-height: 1.9; }

	.handheld-navigation { position: absolute; width: 101%; top: 150px; left: -3px; }
	.glow { font-size: 1.7rem; }
	.site-branding { width: 100%; }
	.banner-btn { font-size: 1.3rem; }

	#dwd-section-row-1 { padding-bottom: 100px; }
	#dwd-section-row-1-inner img { min-width: 100%; }

	#dwd-section-row-1-inner p { padding: 0; font-size: 1.1rem; }


	#dwd-footer-main { padding-top: 80px; }
	.dwd-section-row-1-image img { max-width: 240px !important; margin-top: -6px; }
	.dwd-section-row-1-image { position: absolute; top: -200px; right: 0; }

	.aanvraag-formulier-container-1 ul { margin: 0; }
	.one.rellax { margin-bottom: -390px; }

}

@media screen and (max-width: 480px) {
	#menu-main-menu-1 { background: #1C1B19; padding: 35px; margin-top: 65px; }
	.dwd-section-row-1-image img { margin-top: 50px; max-width: 270px !important; }
	#dwd-section-row-1 { margin-top: 480px; }
	.dwd-slider-inner .widget h1 { font-size: 2.59rem; }
	.sow-slider-base ul.sow-slider-images li.sow-slider-image video.sow-background-element { position: absolute; width: auto; height: auto; z-index: 1; overflow: hidden; top: 0; min-width: 560%; left: 0; min-height: 860%; }
	.dwd-section-row-1-col { display: block; }
	#dwd-section-row-1 h2 { margin-left: 0; }
	.dwd-section-row-1-col h2 { margin-left: 20px; font-size: 1.25rem; line-height: 1.9; }
	.one.rellax { margin-top: -790px; padding: 810px; background-position: center; margin-bottom: -230px; }

	.handheld-navigation { position: absolute; width: 101%; top: 150px; left: -3px; }
	.glow { font-size: 1.5rem; }
	.site-branding { width: 100%; }
	.banner-btn { font-size: 1rem; }

	#dwd-section-row-1 { padding-bottom: 100px; }
	#dwd-section-row-1-inner img { min-width: 70%; }

	#dwd-section-row-1-inner p { padding: 0; font-size: 1.1rem; }
	.cf7-cf-turnstile { text-align: left; }
	#dwd-section-row-1-inner h2 { text-align: left; }
	#dwd-section-row-1-inner h3 { text-align: left; }

	#dwd-footer-main { padding-top: 80px; }
	.dwd-section-row-1-image img { max-width: 190px !important; }
	.dwd-section-row-1-image { position: absolute; top: -200px; right: 0; }

	.aanvraag-formulier-container-1 ul { margin: 0; }
	.offerte-formulier h2 { font-size: 1.8rem; text-align: left; }
	.offerte-formulier p { font-size: .86rem; text-align: left; }
	.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email { margin-bottom: 25px; }



}

@media screen and (max-width: 319px) {

}


/*
==============================================
ANIMATIES
==============================================
*/

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(8%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(8%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

/*
Einde van dit CSS bestand. Merk je enige bugs op? Meldt het ons dan via workaround@dewebdeveloper.nl!
© 2020 - 2023 - De Web Developer Amsterdam - V1.2
*/