/*{;} 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');

.edit-link { display: none; }

/*{;} GENERAL -- */
html { scroll-behavior: smooth; }
body, button, input, textarea { font-family: 'Open Sans',sans-serif !important; }
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; } /* Paarse markering bij a:focus weghalen */
#main { min-height: calc(100vh - 375px); padding: 21px 21px 0 21px; }/* Footer vastzetten met een minimum height */
body::after { background-image: url("https://tmggrondwerken.nl/wp-content/themes/dewebdeveloper/assets/images/bg.jpg"); background-attachment: fixed; font-family: 'Open Sans',sans-serif; line-height: 1; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -999; }
body { position: relative; }
.col-full { width: 100%; margin: 0 auto; }
#content .col-full { background: rgba(255,255,255,.9); padding: inherit; min-width: 1100px; width: 100%; }
.right-sidebar .content-area { width: 68%; float: left; margin-right: 0; }
.right-sidebar .widget-area { width: 32%; float: right; margin-right: 0; }
strong { font-weight: 700 !important; }

/*{;} HEADINGS -- */

h1, h2, h3, h4, h5, h6 {
	color: #026ca9;
	font-weight: 800;
	line-height: 150%;
}

h1, .alpha {
	font-size: 24px;
	padding-bottom: 10px;
}

h2, .beta {
	font-size: 1.7rem;
	font-weight: 600;
}

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

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

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

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

/*{;} CONTAINERS -- */

/*{;} BUTTONS -- */

button { background: #C40069; color: #FFF; }
button:hover { background: RGB(196, 0, 105, 0.15); color: #C40069; transition: .5s; }

/*{;} LINKS -- */

a { color: #0000FF; }

/*{;} TABELLEN -- */

/*{;} 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; }

/*{;} OVERGENOMEN -- */
h2 { font-size: 22px; padding-bottom: 20px; }
.sidebar.contact { background: #333; padding: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.sidebar h4 { font-size: 20px; font-weight: 700; color: #fff; padding: 0 0 20px; font-weight: 700; padding-bottom: 10px; }
.sidebar ul li { font-size: 18px; font-weight: 300; background-position: top 7px left; }
.sidebar p { font-size: 18px; font-weight: 300; color: #fff; line-height: 180%; padding: 0; margin-bottom: 0; }
.dwd-content-left.post-vervolg { padding-right: 20px; }
.sidebar.contact ul li:nth-child(2) { padding-top: 5px; }
.sidebar.contact ul li { margin: 0; padding: 0; background: 0 0; color: #fff; }
.sidebar.contact ul li a { font-weight: 700; color: #fff; text-decoration: none; }
.dwd-content-left.post-vervolg ul li { line-height: 180%; background: url('https://tmggrondwerken.nl/wp-content/themes/dewebdeveloper/assets/images/list-img.png') no-repeat; background-position: top 3px left; padding: 0 0 0 30px; font-weight: 300; }
.content ul li { line-height: 180%; background: url('https://tmggrondwerken.nl/wp-content/themes/dewebdeveloper/assets/images/list-img.png') no-repeat; background-position: top 3px left; padding: 0 0 0 30px; font-weight: 300; }
.sidebar.usps h4 { color: #006bad; margin-bottom: 10px; }
.hentry .entry-content a { color: #026ca9; font-weight: 700; text-decoration: underline; }

/*{;} SLIDER, SERVICE BLOKKEN UITSCHAKELEN --*/
#text-2 { display: none; }
.home #text-2 { display: block; }
#custom_html-5 { display: none; }
#custom_html-5 .gamma.widget-title { display: none; }
.home #custom_html-5 { display: block; padding: 10px; }
#text-3 { display: none; }
.page-id-136 #text-3, .page-id-346 #text-3 { display: block; }
#text-3 .gamma.widget-title { display: none; }
#text-4 { display: none; }
.page-id-184 #text-4, .page-id-348 #text-4 { display: block; }
#text-4 .gamma.widget-title { display: none; }
#text-5 { display: none; }
.page-id-225 #text-5, .page-id-243 #text-5 { display: block; }
#text-5 .gamma.widget-title { display: none; }

#text-6 { display: none; }
.page-id-232 #text-6 { display: block; }
#text-6 .gamma.widget-title { display: none; }

#text-7 { display: none; }
.page-id-255 #text-7 { display: block; }
#text-7 .gamma.widget-title { display: none; }

#text-8 { display: none; }
.page-id-282 #text-8 { display: block; }
#text-8 .gamma.widget-title { display: none; }

#text-9 { display: none; }
.page-id-298 #text-9 { display: block; }
#text-9 .gamma.widget-title { display: none; }

#text-10 { display: none; }
.page-id-312 #text-10 { display: block; }
#text-10 .gamma.widget-title { display: none; }

/*{;} OVERIG ELEMENT --*/
.page-id-203 .entry-header { display: none; }
.page-id-270 .alignright.size-large.is-resized, .page-id-326 .alignright.size-large.is-resized  { margin-left: 0 !important; margin-right: 35px; }
.page-id-336 .wp-block-image .alignright { margin-left: 0 !important; margin-right: 35px !important; }
.page-id-342 .alignright.size-large.is-resized { margin-left: 0 !important; margin-right: 35px !important; }

/*{;} META SLIDER ++ */
.ms-edit-frontend { display: none; } /* BACKEND KNOP */
.header-widget-region .col-full { padding: 0 5px !important; min-width: 1100px; width: 100%; }
#text-2 li img { border-radius: 10px; }
.caption-wrap { width: 100% !important; background: transparent !important; }
.caption { background: #006bad; font-style: italic; font-weight: 300; border-radius: 10px; max-width: fit-content; margin: 0 auto; margin-bottom: 25px !important; font-size: 1.3rem !important; padding: 19px !important; }
.metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav li a.flex-active { background: #cc0 !important; }
.metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a, .metaslider.ms-theme-simply-dark ul.rslides_tabs li a, .metaslider.ms-theme-simply-dark div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a, .metaslider.ms-theme-simply-dark .coin-slider .cs-buttons a { background: #026ca9 !important; }
.metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav li a.flex-active, .metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover, .metaslider.ms-theme-simply-dark ul.rslides_tabs li.rslides_here a, .metaslider.ms-theme-simply-dark ul.rslides_tabs li a:hover, .metaslider.ms-theme-simply-dark div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a.active, .metaslider.ms-theme-simply-dark .slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a:hover, .metaslider.ms-theme-simply-dark .coin-slider .cs-buttons a.cs-active, .metaslider.ms-theme-simply-dark .coin-slider .cs-buttons a:hover { background: #cc0 !important; }

#home-slider { margin: 20px 0 25px 0; }
#text-2 .gamma.widget-title { display: none; }
.entry-title { font-size: 24px; padding-bottom: 10px; font-family: 'Open Sans',sans-serif; color: #026ca9; font-weight: 800; line-height: 150%; }
.content-left, .content-left p { line-height: 180%; color: #333; font-size: 14px; padding: 0 20px 20px 0; }
.content-left h2 { color: #026ca9; font-weight: 800; line-height: 150%; font-size: 22px; padding-bottom: 20px; margin-top: 10px; }
.content-left h3 { color: #026ca9; font-weight: 800; line-height: 150%; font-size: 18px; padding-bottom: 20px; }
.content-left ul li a { color: #fb773d !important; text-decoration: underline; font-weight: normal !important; }
.content-left ul { list-style: none; margin-left: 0; padding-left: 0; }
.content blockquote p { font-size: 19px; }
blockquote {
	width: 100%;
	position: relative;
	padding: 0 20px;
	margin: 0 0 20px;
	font-style: italic;
	border-left: 4px solid #026ca9;
	max-height: 70px;
}

/*{;} SERVICE BLOKKEN --*/
.dwd-service-blok-banner h2 { text-align: center; clear: both; font-size: 20px; color: #fff; padding: 20px 0; background: #026ba4; width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 25px; font-weight: 800; font-family: 'Open Sans',sans-serif; }
#custom_html-5 p:nth-child(1) { font-size: 24px; font-weight: 300; line-height: 150%; color: #333; max-width: 870px; margin: 0 auto; padding: 30px 0 50px 0; font-family: 'Open Sans',sans-serif; }
#custom_html-5 { background: rgba(255,255,255,.9); }

/*{;} ZIJBALK */
.dwd-icon { display: inline; margin-right: 10px; }
.sidebar.usps ul li { line-height: 100%; list-style: none; }
#custom_html-2 li, #custom_html-2 ul { list-style: none; margin: 0 !important; padding: 0; }
#custom_html-2 { margin-bottom: 30px; padding-right: 21px; padding-top: 21px; }
.sidebar.usps ul { margin-left: 0; padding-left: 0; }
.sidebar.usps span { color: #333; }
#custom_html-4 .gamma.widget-title { display: none; }

/*{;} HEADER -- */
#masthead { background: #FFFFF0; min-height: 191px; max-height: 191px; margin-bottom: 0; }
#masthead .col-full { width: 100%; }
#masthead::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 64px; background: #026CA9; width: 100%; z-index: -55; }
.header-widget-region { z-index: 999; }
.header-widget-region .col-full { position: relative; }
#custom_html-4 { position: absolute; right: -25px; top: -173px; }
#custom_html-4 li { text-align: right; font-size: 22px; font-weight: 300; color: #333; list-style: none; line-height: 1; }
#custom_html-4 a { font-size: 20px; text-shadow: none; color: #026ca9; font-weight: 900; text-decoration: none; font-family: 'Open Sans',sans-serif; }
.site-branding { max-width: fit-content; position: relative; bottom: 12px; right: 20px; }

/*{;} MOBIELE NAVIGATIE --*/
#custom_html-6 .gamma.widget-title { display: none; }


/*{;} BANNER -- */
.attachment-full.size-full.wp-post-image { max-width: 300px; float: left; }

/*{;} NAVIGATIE -- */
#site-navigation .menu a { font-weight: 300 !important; font-size: 16px; color: #fff !important; text-decoration: none; }
#menu-main-menu .current-menu-item a { font-weight: bold !important; }
.nav-menu li a { padding-left: 0 !important; }

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


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

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

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

/*{;} VERVOLG PAGINAS -- */
#main article, #main { margin-bottom: 0 !important; }
.entry-content div { max-width: fit-content; float: left; }
.entry-content p { font-weight: 400; font-size: 13.5px; line-height: 180%; color: #222; }
.post .image { float: left; width: 300px; padding: 10px 40px 0 0; }
.post .image img { width: 100%; height: auto; display: block; }
.entry-header img { display: none; }
.dwd-afbeelding-onder { display: inline-block; }
.post { float: left; width: 100%; clear: both; }
.content p { line-height: 180%; color: #333; font-size: 14px; /* padding: 0 20px 20px 0; */ }
.dwd-content-left.post-vervolg p:nth-child(1) img { float: left; width: 300px; padding: 10px 40px 0 0; }
.dwd-eerste-header b { color: #026ca9; font-weight: 800; line-height: 150%; display: block; font-size: 22px; padding-bottom: 20px; }
.dwd-content-left.post-vervolg h2 b { color: #026ca9; font-weight: 800; line-height: 150%; font-size: 22px; padding-bottom: 20px; }
.dwd-content-left.post-vervolg h2 { margin-top: 10px; }
.dwd-content-left.post-vervolg p:last-child img { float: ; display: inline; }
.dwd-content-left.post-vervolg ul { line-height: ; list-style: none; margin-left: 0; padding-left: 0; }
.dwd-content-left.post-vervolg ul a { color: #fb773d; font-weight: normal; }
.dwd-content-left.post-vervolg ul { font-size: 13.5px; line-height: 180%; color: #222; }
.dwd-content-left.post-vervolg h2 { color: #026ca9; font-weight: 800; line-height: 150%; display: block; font-size: 22px; padding-bottom: 20px; }
.dwd-content-left.post-vervolg h3 { font-size: 18px; padding-bottom: 20px; color: #026ca9; font-weight: 800; }

.page-id-151 .gallery-item img { width: 95% !important; height: auto !important; }
.page-id-151 #gallery-1 img { border: 2px solid #cfcfcf; }
.page-id-151 #gallery-1 { min-width: 100%; }

.page-id-219 .alignright.size-large.is-resized { margin-right: 55px; }
.page-id-223 .alignright.size-large.is-resized { margin-left: 0 !important; margin-right: 25px !important; }
.page-id-268 .alignright.size-large.is-resized { margin-left: 0 !important; margin-right: 35px; }

.content td { font-size: 14px; padding: 5px; color: #333; border: 1px solid #ffa401; background: transparent !important; }
table { border-collapse: collapse; border-spacing: 0; }
.content table { width: 100%; margin: 0 0 20px; }

/*{;} CONTACTFORM --*/
.wpcf7-form.init p { font-weight: 700; font-size: 15px; }
.wpcf7-list-item { min-width: 100% !important; }
.wpcf7-form.init input, .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid { background: #FFF; border: 1px solid #000; padding: 3px; }
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label { display: inline-block; font-size: 15px; }
.wpcf7-form-control.wpcf7-submit.has-spinner { background: #026ba4; color: #FFF; border: 0; padding: 12px; }

/*{;} FOOTER -- */

.site-info img { display: inline-block; border-radius: 0; position: relative; top: 2px; }
#colophon .site-info a { text-decoration: none; color: #6d6d6d; }
.site-info a { color: #026ca9 !important; text-decoration: underline !important; }
.dwd-development a { color: #AAA !important; }
.site-footer { clear: both; background: #333; width: 100%; padding: 20px 0 40px; margin: 20px 0 0; }
.site-info, #colophon .site-info a { padding: 10px; font-size: 14px; color: #ccc; line-height: 150%; }
.dwd-development, .dwd-development a { color: #AAA !important; font-size: .8em !important; text-decoration: none !important; }
.dwd-development img { max-width: 9px !important; position: relative; bottom: ; top: 0 !important; left: 2px; }

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

@media (min-width: 1400px) {

}

@media (min-width: 1200px) and (max-width: 1399px) {

}

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

}

@media (max-width: 1111px) {
	.header-widget-region .col-full { min-width: 100%; padding: 0 !important; }
	.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img { width: 350px; max-width: 100%; }
	.site-branding { min-width: 100%; text-align: center; position: unset; }

	.dwd-service-blok-image img { border-radius: 10px 10px 0 0; min-width: 100%; }
	#text-2 { padding-left: 20px; padding-right: 20px; }
	.textwidget.custom-html-widget { padding: 0 20px; }
	#custom_html-5 p:nth-child(1) { font-size: 19px; text-align: center; }
	#custom_html-5 .textwidget.custom-html-widget { padding: 0; }
	#content .col-full { min-width: unset; }

}

@media (max-width: 1100px) {
	.col-full { padding: 0 !important; }
	.col-full { margin: 0 !important; min-width: 100% !important; }

}

@media (max-width: 960px) {

}

@media (min-width: 901px) {
	#custom_html-6 { display: none; }

}

@media (min-width: 1067px) and (max-width: 1100px) {
	#site-navigation { max-width: 100%; margin-left: 35px; }

}

@media (min-width: 901px) and (max-width: 1066px) {
	.primary-navigation a { font-size: 14px !important; }
	.primary-navigation { margin-left: 38px; }

}

@media (max-width: 900px) {
	#masthead { min-height: 274px; }
	.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img { padding-top: 15px; }
	#custom_html-4 { position: absolute; left: 0; top: -179px; min-width: 100%; right: 0; }
	#custom_html-4 ul { padding-left: 0; margin-left: 0; margin-right: 0; }
	#custom_html-4 li { text-align: center; }
	#custom_html-6 .textwidget.custom-html-widget { position: absolute; top: -50px; /* width: 100%; */ min-width: 100%; }
	.metaslider .caption-wrap { position: revert !important; margin-top: 145px !important; }
	#home-slider { margin-top: 0; }
	#custom_html-6 { position: relative; }
	.widget select { max-width: 100%; min-width: 100%; padding: 10px; }
	#masthead::after { bottom: -14px; height: 85px; }

	.right-sidebar .content-area { width: 100%; }
	.right-sidebar .widget-area { width: 100%; }

	.primary-navigation { display: none; }
	.header-widget-region { margin-bottom: -15px; }
	.site-header .site-branding img { margin: 0 auto; }

}

@media (max-width: 768px) {
	#site-navigation { display: none; }

}

@media (min-width: 768px) {
	.site-header .site-branding img { height: auto; max-width: 350px; max-height: none; }
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { padding: 15px 23px; position: relative; bottom: -14px; }

}

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

}

@media (min-width: 481px) and (max-width: 767px) {
	#primary { background: rgba(255,255,255,.9); }
	#secondary { background: rgba(255,255,255,.9); }

}

@media screen and (max-width: 480px) {
	.alignleft.wp-image-32.size-medium { margin: 25px 0; }
	.site-info, #colophon .site-info a { text-align: center; }
	.dwd-content-left.post-vervolg p:nth-child(1) img { min-width: 100%; padding: 15px; padding-left: 0; }
	.dwd-content-left.post-vervolg p:last-child img { padding: 15px; padding-left: 0; }
	blockquote p { font-size: 16px !important; }

	#primary { background: rgba(255,255,255,.9); }
	#secondary { background: rgba(255,255,255,.9); }

	#custom_html-5 { margin-bottom: 15px; }

}

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

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

}


}

/*
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
*/