/*

Theme Name: Telefoonglaasje Zakelijk
Author: Vincent Meijering
Description: Webdesign Telefoonglaasje
Version: 1
Tags: telefoonglaasje
*/

/*
	ALGEMEEN
				*/

/* kleuren */
.donkerblauw { color: #222E50; }
.blauw { color: #0C8AFF; }
.roze { color: #E73A63; }
.wit { color: #fff; }
.opacity { color: #989DAC; }
.groen { color: #417505; }
.bg-donkerblauw { background-color: #222E50; }
.bg-blauw { background-color: #0C8AFF; }
.bg-roze { background-color: #E73A63; }
.bg-lichtgrijs { background-color: #F1F2F2; }
.bg-groen { background-color: #27B01E; }

/* tekst opmaak */
.dikgedrukt { font-weight: bold; }
.c45 { font-family: 'core_sans_c45_regular', Arial, sans-serif; letter-spacing: -0.40px; }
.c55 { font-family: 'core_sans_c55_medium', Arial, sans-serif; letter-spacing: -0.40px; }
.c65 { font-family: 'core_sans_c65_bold', Arial, sans-serif; letter-spacing: -0.40px; }
.c75 { font-family: 'core_sans_c75_extrabold', Arial, sans-serif; letter-spacing: -0.40px; }
.c85 { font-family: 'core_sans_c85_heavy', Arial, sans-serif; letter-spacing: -0.40px; }
p { font-family: Arial; line-height: 30px; font-size:12px; }
.gh { text-transform: lowercase; }
h1 { font-family: 'core_sans_c65_bold', Arial, sans-serif; letter-spacing: -0.40px; font-size: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 40px; }
h2 { font-family: 'core_sans_c55_medium', Arial, sans-serif; letter-spacing: -0.40px; font-size: 22px; margin: 0px; padding: 10px 0px 3px 0px; line-height: 34px; }
h3 { font-family: 'core_sans_c55_medium', Arial, sans-serif; letter-spacing: -0.40px; font-size: 22x; margin: 0px; padding: 10px 0px 3px 0px; line-height: 34px; }
h4 { font-family: 'core_sans_c55_medium', Arial, sans-serif; letter-spacing: -0.40px; font-size: 22px; margin: 0px; padding: 10px 0px 3px 0px; line-height: 34px; }


.subtitel { font-size: 14px; }

.l20 { font-size: 20px !important; line-height: 36px !important; }
.l18 { font-size: 18px !important; line-height: 34px !important; }
.l16 { font-size: 16px !important; line-height: 32px !important; }

/* algemeen */
body { border-top: 7px #222E50 solid; padding: 0px; margin: 0px; font-size: 12px; color: #222E50; font-family: Arial; min-width: 440px; line-height: 22px; }
mark { background-color: transparent; font-weight: bold; }
.container { margin: auto; padding: 0px 20px 0px 20px; }
.desktop { display: none; }
.tablet { display: none; }
img { border-radius: 5px; }
.clear { clear: both;  }
.vert-middle { vertical-align: middle; }
a {color: inherit; }
.box-shadow { box-shadow: 0px 2px 2px 0px #ECECEC; border-radius: 5px; border: 1px #F1F2F2 solid; }
input[type=text], .woocommerce-checkout .input-text, input[type=password], input[type=email] { border-radius: 5px; border: 1px #EBEBEB solid; padding: 5px 2% 6px 2%; }
button:focus { outline: none; }
.sidebar-content li {line-height: 24px;}
input { outline: none; }
.telefoonglaasje-button a { border-radius: 5px !important; font-size: 14px !important; background-color: #0b8bff !important; padding: 7px 20px 7px 20px; }
.telefoonglaasje-button:hover a { background-color: #222e50 !important; cursor: pointer; }

/*
	STANDAARD THEMA
						*/

/* header-top */
.header-top { margin: 15px 0px 15px 0px; }
.header-top-account { display: block; float: right; width: 20%; text-align: right; }
.header-top-account img { height: 25px; }
.header-top-account-afbeelding { position: relative; }
.header-top-account-counter { position: absolute; bottom: 0; right: 2px; color: #fff; font-size: 8px; padding: 1px 2.2px; border-radius: 50px; }
.header-top-logo { display: block; height: 25px; width: 60%; float: left; text-align: center; }
.header-top-logo a { margin: auto; display: inline-block; height: 25px; }
.header-top-logo img { max-height: 25px; width: auto; }
/* header-menu */
.header-menu-balk { width: 100%; }
.header-menu-zoeken input[type="text"] { width: 94%; margin: 5px 0px 5px 0px; height: 25px; border-radius: 5px; border: 1px #EBEBEB solid; padding: 0px 3% 0px 3%; color: #C5C5C5; }
.header-menu-zoeken input[type="text"]:focus { outline: none; color: #222E50; }
/* header-usps */
.header-usps { background-image: url(../telefoonglaasje_v5/img/border.png); background-repeat: repeat-x; font-size: 12px; background-position: bottom; padding-bottom: 13px; border-top: 1px #ebebeb solid; }
.header-usps ul { margin: 0; padding: 12px 0px 13px 0px; }
.header-usps ul li { list-style: none; display: inline-block; text-align: center; width: 100%; }
.header-usps ul li:nth-child(n+2) { display: none; }
.header-usps ul li img { vertical-align: middle; height: 14px; margin-right: 5px; border-radius: 0px; }
/* hamburger menu */
.hamburger-container { width: 20%; display: block; float: left; }
.hamburger { background-color: #F1F2F2; padding: 5px; border-radius: 5px; display: inline-block; }
.hamburger:hover { cursor: pointer; }
.hamburger .streep { background-color: #222E50; margin: 0px 0px 3px 0px; width: 20px; height: 4px; border-radius: 5px; }
.hamburger .streep:last-child { margin: 0; }
.hamburger-menu { position: fixed; display: none; top: 0; left: 0; height: 100%; max-with: 130px; background-color: #222E50; color: #fff; z-index: 25; padding: 15px 30px 15px 30px; opacity: 0.95; }
.hamburger-menu .menu { padding: 0; }
.hamburger-menu .menu .roze { color: #fff; }
.hamburger-menu .menu .menu-item { list-style: none; width: 200px; font-size: 14px; padding: 10px 0px 10px 0px; }
.hamburger-menu .menu .menu-item a {text-decoration: none; }
.hamburger-menu .menu .menu-item a:hover { font-weight: bold; }
.hamburger-menu .menu .menu-item-has-children .sub-menu { display: none; }
.hamburger-menu .menu .menu-item .menu-item-has-children .sub-menu { display: none; }
.hamburger-menu .hamburger-close { color: #fff; position: absolute; right: 20px; top: 15px; font-size: 22px; }
.hamburger-menu .hamburger-close:hover { cursor: pointer; }
.hamburger-menu ul li:first-child { display: none; }
.hamburger-menu .inloggen { text-decoration: none; list-style: none; font-size: 14px; margin: 10px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: 1px #FFF solid; }
.hamburger-menu .inloggen a { text-decoration: none; }
/* header img */

/* content */
.content { margin: 8px 0px 8px 0px; }

/* footer */
.footer { background-color: #222E50; color: #fff; }
.footer .container { display: block; padding: 30px 20px 30px 20px; }
.footer .container .footer-menu { display: block; }
.footer .container .footer-menu .titel { letter-spacing: 0.80px; font-size: 18px; padding-bottom: 15px; }
.footer .container .footer-menu ul { list-style: none; padding: 0px 0px 20px 0px;}
.footer .container .footer-menu ul a { text-decoration: none; }
.footer .container .footer-menu ul a:hover { text-decoration: underline; }
.footer .container .footer-menu ul li { font-family: 'core_sans_c45_regular', Arial, sans-serif; padding: 6px 0px 6px 0px; }
.footer .container .footer-menu .menu-oplossingen-container { display: block; width: 100%; }
.footer .container .footer-menu .menu-over-telefoonglaasje-container { display: block; width: 100%; }
.footer .container .footer-menu .contact-informatie { display: block; width: 100%; }
.footer-logos { padding: 20px 0px 20px 0px; line-height: 26px; text-align: center; }
.footer-logos img { height: 20px; margin-right: 15px; margin-bottom: 15px }
.footer-logos img:last-child { margin-right: 0px; }
.footer-logo-copyright { padding: 5px 0px 10px 0px; }
.footer-logo-copyright .tussen { margin: 0px 15px 0px 15px; color: #E73A63; }
/* footer-usps */
.footer-usps { font-family: 'core_sans_c45_regular', Arial, sans-serif; background-repeat: repeat-x; font-size: 12px; background-position: bottom; }
.footer-usps ul { margin: 10px 0px 10px 0px; padding: 12px 0px 13px 0px; }
.footer-usps ul li { list-style: none; display: inline-block; text-align: center; width: 100%; }
.footer-usps ul li:nth-child(n+2) { display: none; }
.footer-usps ul li img { vertical-align: middle; height: 14px; margin-right: 5px; border-radius: 0px; }
/* onze-klanten */
.onze-klanten { background-color: #F1F2F2; }
.onze-klanten-titel { font-size: 16px; letter-spacing: -0.45px; padding: 23px 0px 23px 0px; }
.onze-klanten { width: 92%; padding: 4%; }
.onze-klanten .klant { background-color: #fff; border-radius: 5px; margin: 15px 0px 15px 0px; }
.onze-klanten .cell:nth-child(n) { float: left; width: 45%; }
.onze-klanten .cell:nth-child(2n) { float: right; width: 45%; }
.onze-klanten .klant img { width: 100%; height: auto; }

/* onze voordelen */
.sidebar { background-color: #F1F2F2; padding: 25px 30px 25px 30px; margin: 0px 0px 30px 0px; border-radius: 5px; }
.sidebar:last-child { margin: 0px; }
.sidebar p { padding: 0px 0px 5px 0px; }
.sidebar .titel { font-size: 14px; }
.sidebar .subtitel { font-size: 12px; }
.opsomming { padding: 5px 0px 0px 15px; margin: 0; }
.opsomming li { padding: 4px 0px 4px 0px; }

/* aanmelden sidebar */
.sidebar .aanmelden { display: block; margin: 0; padding: 0px 0px 15px 0px; }
.sidebar .aanmelden input { outline: none; }
.sidebar .aanmelden #bedrijfsnaam { margin: 0px 0px 10px 0px; width: 92%; padding: 3% 4% 3% 4%; }
.sidebar .aanmelden #telefoonnummer { padding: 10px 15px 10px 15px; width: 50%; padding: 3% 4% 3% 4%; }
.sidebar .aanmelden #aanmelden { width: 38%; float: right; border: none; color: #fff; border-radius: 5px; padding: 3px 5px 3px 5px; height: 33px; font-size: 12px; font-weight: bold; }
.sidebar .aanmelden #aanmelden:hover { background-color: #222e50; cursor: pointer; }
.sidebar .inschrijven { color: #fff; font-weight: bold; display: inline-block; border-radius: 5px; padding: 5px 10px 5px 10px; float: right; }
.sidebar .inschrijven:hover { background-color: #222e50; cursor: pointer; }
.sidebar .inschrijven a { text-decoration: none; }

/* table */
table.opmaak, ul.opmaak { border-radius: 5px; list-style: none; padding: 0px; margin: 12px 0px 12px 0px; border: 1px #ebebeb solid; width: 100%; }
table.opmaak tr:nth-child(even) td, ul.opmaak li:nth-child(even) { background-color: #F9F9F9; }
table.opmaak tr td, ul.opmaak li { padding: 10px 20px 10px 50px; background-image: url('img/icons/usp.png'); background-repeat: no-repeat; background-position: center left 20px; }
.wp-block-column { margin-bottom: 0px !important; }
.wp-block-columns { padding-top: 12px; }
table.opmaak-geen, ul.opmaak-geen { border-radius: 5px; list-style: none; padding: 0px; margin: 12px 0px 12px 0px; border: 1px #ebebeb solid; width: 100%; }
table.opmaak-geen tr:nth-child(even) td, ul.opmaak-geen li:nth-child(even) { background-color: #F9F9F9; }
table.opmaak-geen tr td, ul.opmaak-geen li { padding: 10px 20px 10px 20px; }

/* contact */
.wpforms-form .wpforms-field-medium { border-radius: 5px !important; border: 1px #EBEBEB solid !important; font-size: 12px !important; }
.wpforms-form .wpforms-field-label { font-size: 12px !important; }
.wpforms-form { margin-top: 10px; }
.wpforms-form .wpforms-submit { background-color: #0C8AFF !important; color: #fff !important; border: none !important; border-radius: 5px !important; }
.wpforms-form .wpforms-submit:hover { background-color: #222e50 !important; }

/* notificatie */
.notificatie { background-color: #27B01E; color: #fff; border-radius: 5px; display: block; padding: 10px 20px 10px 20px; margin-bottom: 20px; }

/* productpagina */
.product-pagina .in-winkelmand { border-radius: 5px; border: 1px #ebebeb solid; padding: 15px 20px 15px 20px; }
.product-pagina .in-winkelmand .single_add_to_cart_button { background-color: #27B01E; border-radius: 5px; outline: none; color: #fff; padding: 7px 15px 7px 15px; border: none; float: right; width: 60%; }
.product-pagina .in-winkelmand .input-text.qty.text { border-radius: 5px; border: 1px #EBEBEB solid; padding: 7px 15px 7px 15px; float: left; width: 30%; }
.product-pagina .content .table { padding: 0px 0px 20px 0px; }
.product-pagina .content .table:first-child { padding: 20px 0px 20px 0px; }
.product-pagina .content .table .row .cell { padding: 0px 0px 20px 0px; }
.product-pagina .content .table .row .cell:last-child { padding: 0px; }
.product-pagina h1 { font-size: 22px; line-height: 34px; padding: 7px 0px 7px 0px; }

/* categoriepagina */
.bekijk-product { background-color: #27B01E; color: #fff; border-radius: 5px; margin: 5px 0px 0px 0px; padding: 3px 7px 3px 7px; text-align: center; display: inline-block; }
.bekijk-product:hover { background-color: #417505; }
.product-prijzen { width: 100%; border-top: 1px #ebebeb solid; padding: 10px 0px 10px 0px; margin-top: 10px; }
.product-prijzen tr th, .product-prijzen tr td { width: 50%; }
.products { display: block; list-style: none; padding: 0px; }
.products .product.type-product { width: 47%; float: left; padding: 0px 0px 30px 0px; }
.products .product.type-product:nth-child(2n) { width: 47%; float: right; }
.products .product img { width: 100%; height: auto; }
.products .product a { text-decoration: none; }
.products .product.type-product .woocommerce-loop-product__title { font-size: 12px; line-height: 22px; height: 75px; }

/* merken en telefooncategorie */
.products .product-category { float: left; width: 47%; }
.products .product-category:nth-child(2n) { float: right; width: 47%; }
.products .product-category .woocommerce-loop-category__title { font-size: 14px; line-height: 22px; height: 50px; text-align: center; }

/* pagination */
.woocommerce-pagination .page-numbers { padding: 20px 0px 20px 0px; margin: 0px auto 0px auto; display: table; }
.woocommerce-pagination .page-numbers li { list-style: none; display: table-cell; padding: 0px 3px 0px 3px; }
.woocommerce-pagination .page-numbers li span, .woocommerce-pagination .page-numbers li a.page-numbers { display: block; padding: 3px 7px 3px 7px; background-color: #F1F2F2; border: 1px #EBEBEB solid; border-radius: 5px; }
.woocommerce-pagination .page-numbers li span:hover, .woocommerce-pagination .page-numbers li a.page-numbers:hover { background-color: #ebebeb; text-decoration: underline; }
.woocommerce-pagination .page-numbers li span.dots { background-color: #fff; border: none; }
.woocommerce-pagination .page-numbers li a { text-decoration: none; }

/* winkelmandpagina */
.woocommerce-cart-form__contents .cart_item .size-woocommerce_thumbnail { max-width: 50px; height: auto; }
.cart_totals .wc-proceed-to-checkout .checkout-button { background-color: #27B01E !important; color: #fff; border-radius: 5px; float: right; }
.cart_totals .wc-proceed-to-checkout .checkout-button:hover { background-color: #417505 !important; }
div.coupon:not(.under-proceed) { display: none !important; }
.woocommerce-cart-form { padding: 20px 0px 0px 0px; }

/* mijn account pagina */
.woocommerce-MyAccount-navigation ul { padding: 0px; border: 1px #ebebeb solid; border-radius: 5px; }
.woocommerce-MyAccount-navigation ul li { list-style: none; padding: 8px 15px 8px 15px; border-bottom: 1px #ebebeb solid; }
.woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; }
.woocommerce-MyAccount-navigation ul li:hover { background-color: #F1F2F2; }
.woocommerce-MyAccount-navigation ul li a { text-decoration: none; }
.woocommerce-MyAccount-navigation ul li.is-active { font-weight: bold; }

/* contact blok */
.telefoonglaasje-contact-hq { border: 1px #EAEAEA solid; border-radius: 5px; border-bottom: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; }
.telefoonglaasje-contact-hq th, .telefoonglaasje-contact-hq td { padding: 12px 30px 12px 30px; }
.telefoonglaasje-contact-hq th { background-color: #F1F2F2; font-family: 'core_sans_c65_bold', Arial, sans-serif; letter-spacing: -0.40px; font-size: 14px; text-align: left; }
.telefoonglaasje-contact-hq tr:nth-child(2n+1) { background-color: #FCFCFC; }
.telefoonglaasje-contact-hq tr:last-child { background-color: #fff;}
.telefoonglaasje-contact-hq tr:last-child td { padding: 12px 0px 0px 0px; }
.telefoonglaasje-contact-hq tr:last-child td img { height: auto; width: 100%; }

/* registratieformulier */
.registratie_formulier h1 { padding-bottom: 10px; }
.registratie_formulier .table { display: table; width: 100%; }
.registratie_formulier .table .row { display: table-row; }
.registratie_formulier .table .row .cell { display: table-cell; padding: 8px 0px 8px 0px; }
.registratie_formulier .table .row .cell input { width: 92%; padding: 8px 4% 8px 4%; }
.registratie_formulier .table .row .cell:nth-child(3n) { padding-left: 25px; }
.registratie_formulier .registreren { float: right; padding: 10px 0px 0px 0px; }
.registratie_formulier .registreren input[type=submit] { color: #fff; border-radius: 5px; border: none; padding: 6px 15px 6px 15px; font-weight: bold; }
.registratie_formulier .registreren input[type=submit]:hover { background-color: #222e50; cursor: pointer; }

/* product informatie */
ul.product-info { padding: 0px; margin: 0px; list-style: none; }
ul.product-info li { padding: 3px 0px 3px 0px; }
ul.product-info li::before { content: "\2022"; color: #E73A63; font-weight: bold; font-size: 16px; display: inline-block; margin-right: 10px; vertical-align: middle; }

/* breadcrumbs */
.woocommerce-breadcrumb a { text-decoration: none; opacity: 0.5; }