/*
Theme Name: Sinergio
Author: Sinergio
Author URI: https://www.sinergio.be/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* ======================================
VARIABELE
====================================== */
/* ======================================
INCLUDES FUNCTIES
====================================== */
/* ======================================
ALGEMEEN
====================================== */
body {
background-color: #FFF9F2;
}
.golf-onder::after {
position: absolute;
content: "";
background-image: url("./afbeeldingen/golven.svg");
background-repeat: repeat-x;
background-size: 1200px;
background-position: bottom;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 40px;
}
.golf-boven::before {
position: absolute;
content: "";
background-image: url("./afbeeldingen/golven.svg");
transform: rotate(180deg);
background-repeat: repeat-x;
background-size: 1200px;
background-position: bottom;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 40px;
}
.variations_form.cart {
padding: 20px !important;
background: #10505112 !important;
border-radius: 7px !important;
}
.variations_form.cart th.label {
padding: 0 !important;
}
.variations_form.cart tr {
display: flex !important;
align-items: center !important;
}
label[for="gift-card-amount"] {
color: #0E4F51 !important;
font-size: 14px !important;
margin-bottom: 0 !important;
margin-right: 15px !important;
}
a.reset_variations {
display: none !important;
}
.variations_form.cart input, .variations_form.cart textarea {
padding: 7px !important;
border-radius: 3px !important;
border: 1px solid #105051 !important;
resize: vertical !important;
width: 100% !important;
}
.variations_form.cart .quantity input {
width: 60px !important;
}
button.wc-variation-selection-needed {
background: #0E4F51 !important;
}
button.wc-variation-selection-needed:hover {
opacity: 0.7 !important;
}
.woocommerce-order-received .inhoud_container .show-checkout {
display: none !important;
}
/* ======================================
EXTRA
====================================== */
a, input, textarea, select, button {
outline: 0;
}
.elementor-widget-text-editor p:last-child {
margin-bottom: 0;
}
/* ======================================
IMPORTS
====================================== */
/* ======================================
HEADER
====================================== */
/* ======================================
LOGO
====================================== */
/* ======================================
NAVIGATIE
====================================== */
/* ======================================
OVERZICHT
====================================== */
/* ======================================
INDIVIDUEEL
====================================== */
/* ======================================
WINKELMAND
====================================== */
/* ======================================
AFREKENEN
====================================== */
/* ======================================
THANK YOU
====================================== */
.forminator-module-edit-link {
display: none !important;
}
.cmplz-blocked-content-container {
position: relative;
}
.cmplz-blocked-content-container::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
}
.forminator-g-recaptcha.cmplz-placeholder-element {
background: none !important;
}
.forminator-g-recaptcha.cmplz-blocked-content-container {
box-shadow: none !important;
margin-bottom: 0 !important;
}
.forminator-g-recaptcha.cmplz-blocked-content-container::after {
display: none !important;
}
.cmplz-blocked-content-notice {
border-radius: 10px !important;
border: none !important;
padding: 15px !important;
color: white !important;
background: #302f3e !important;
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.4) !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.cmplz-blocked-content-notice:hover {
background: #434159 !important;
}
/* Labels zichtbaar en duidelijk */
label.forminator-label {
display: block !important;
color: white !important;
font-weight: 500 !important;
margin-bottom: 6px !important;
font-weight: bold !important;
font-size: 14px !important;
font-family: "Bricolage Grotesque", sans-serif !important;
}
/* Velden (input, textarea, select) */
.forminator-input, .forminator-textarea, .forminator-select {
background-color: #ffffff !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
/* lichte afronding */
padding: 10px !important;
width: 100% !important;
font-size: 16px !important;
box-sizing: border-box !important;
font-family: "Bricolage Grotesque", sans-serif !important;
}
/* Bij hover of focus */
.forminator-input:focus, .forminator-textarea:focus, .forminator-select:focus {
border-color: #888 !important;
outline: none !important;
}
/* Verzendknop */
.forminator-button {
background-color: #D8FF4F !important;
/* highlight kleur */
color: #0E4F51 !important;
/* tekstkleur */
padding: 12px 24px !important;
border: none !important;
border-radius: 4px !important;
font-weight: bold !important;
cursor: pointer !important;
box-shadow: none !important;
transition: background-color 0.3s ease, color 0.3s ease !important;
font-family: "Bricolage Grotesque", sans-serif !important;
}
.forminator-button:hover {
background-color: #cde847 !important;
/* iets donkerder bij hover */
color: #0E4F51 !important;
}
/* ======================================
FOOTER
====================================== */
/* ======================================
SINERGIO
====================================== */
.sinergio img {
height: 30px;
width: auto;
}
/* ======================================
RESPONSIVE
====================================== */
/* BIG SCREEN */
/* MID SCREEN */
/* SMALL SCREEN */
/* TABLET */
/* SMARTPHONE */
/* EXTRA */
/* ======================================
NUTTIGE FUNCTIES
=========================================
@include transition; -> Transitie functie ophalen
@include transition_easyload; -> Transitie easyload functie ophalen
@include displayflex; -> Display Flex
========================================= */