/*!
Theme Name: Ga creatief
Version: 4.21.1
Description: Ga creatief
Author: Ga creatief
Template:       Divi
*/

/* =Theme customization starts here
------------------------------------------------------- */

.partner {background-image: url("https://www.gacreatief.nu/nieuw/wp-content/uploads/2025/07/1Logo_DrukkerijvanDijk-1.svg"); background-repeat: no-repeat;
background-position: left;
    margin-right: 10px !important;
    width: 110px;}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
	and (orientation: portrait) {.partner {display:none!important;}}



.et-db #et-boc .et-l .et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu ul li:first-child a {
color: #ffffff00 !important;
}

/* logo*/

.et_pb_menu__logo img[src$=".svg"] {width: 400px;}
	
	
/*footer*/
.footer-kolom {margin-right: 1%!important; width: calc(100% / 4)!important;}

/*woocommerce*/
.woocommerce button.button {font-size:14px!important;}

/*ideal*/
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {display: inline !important;}

label .mollie-gateway-icon {float: left; margin-right:15px;}

.woocommerce-checkout #payment ul.payment_methods li img {margin: 0px 10px 0px 0px;}

/*beschrijving productpagina*/
ul.et_pb_tabs_controls:after {border-top: 0px;}

/* Algemene stijl voor alle WooCommerce knoppen */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button{
border-bottom-color: #FC5F45!important; 
border-top-width: 0px!important; 
border-left-width: 0px!important; 
border-right-width: 0px!important; 
border-style: solid;   
border-bottom-width: 3px !important;
font-size:14px;
background-color: #f7f7f7!important;
border-radius: 10px 10px 0px 0px !important;
}

/* Hover effect */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.place-order:hover {}

/* Algemene stijl voor input tekstvelden */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select {
  background-color: #f7f7f7;
  border: 1px solid #cbd5e1;
  border-radius: 10px 10px 0px 0px;}

/* Focus-stijl (wanneer iemand erin klikt of typt) */
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty{
 background-color: #f7f7f7;
 border: 1px solid #cbd5e1;
border-radius: 10px;}

/*error*/
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {width: 85%;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100%; text-align: left;}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
	margin-left:-13px;
	margin-top:20px;}


@media (max-width: 768px)
 {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;}}

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
 background: #a1bf37;}


.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 100%;}

/*woocommerce omschrijving*/
.omschrijving h2 {
    line-height: 1.2em;
    margin-top: 2%;}

/* succes formulier fluent forms*/
.ff-message-success {
    border: 0px solid #ced4da!important;
    box-shadow: none!important;
}