/*
Theme Name: BroodServeerwagen
Theme URL: www.broodserveerwagen.nl
Author: Anton 
Author URI: www.madebyanton.nl
Version: 1.0
Tags: MadeByAnton 
*/

@import url('https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap');

body{font-family: 'Slabo 27px', serif; color:rgba(38,38,38,1); font-size:1em; font-weight:400;}
h1,h2,h3,h4,h5,h6{font-family: 'Slabo 27px', serif; font-weight:400;}
h1 {font-size:1.5em; } 
h2{font-size:1.5em; color:rgba(38,38,38,1);}
h3{font-size:1.25em; color:rgba(38,38,38,1);}
h4{font-size:1.5em; color:rgba(38,38,38,1);}
h5{font-size:1.4em; color:rgba(38,38,38,1);}
h6{font-size:1.3em; color:rgba(38,38,38,1);}
.logo{width:150px; height:auto; margin:15px; display:inline-block;}
.logo img{width:100%; height:auto;}

/* COULOR SCHEMES */
.bg-primary{background:rgba(38,38,38, 1) !important; color:rgba(255,255,255, 1) !important;}/* DARK GREY */
.bg-secondary{background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,115,128,1) 0%, rgba(0,96,107,1) 100%); color:rgba(255,255,255,1) !important;}/* MAIN BLUE  */
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6{color:#ffffff;}
.bg-tertiary{background: rgba(0, 115, 128, 1); color:#ffffff;}/* MAIN BLUE  */
.bg-quaternary{background:#f5f5f5;}
.bg-white{background:rgba(255, 255, 255, 1) !important; color:rgba(38,38,38,1) !important;} /* MAIN WHITE */
.bg-gradient{background: rgba(0,168,163, 1); background: linear-gradient(90deg, rgba(0,115,128, 1) 0%, rgba(0,168,163, 1) 100%);color:rgba(255,255,255,1) !important;}
.bg-gradient h2, .bg-gradient h3, .bg-gradient h4, .bg-gradient h5, .bg-gradient h6{color:#ffffff;}
.banner a{color:rgba(255,255,255,0.75);}

.txt-primary{color:rgba(38,38,38,1);} /* MAIN DARK */
.txt-secondary{color:rgba(0, 115, 128, 1);} /* MAIN BLUE */
.txt-quaternary{color:rgba(255,255,255,1);} /* WHITE */

a{color:rgba(3,133,87, 1); text-decoration:none; transition: 0.3s;} /* MAIN BLUE */
a:hover{color:rgba(0, 115, 128, 1); text-decoration:none;}

.bg-secondary a{color:rgba(255,255,255,0.65); text-decoration:underline; transition: 0.3s;}
.bg-secondary a:hpver{color:rgba(255,255,255,0.95);}

.btn-primary {color: rgba(255,255,255,1) !important; background-color: rgba(0, 115, 128, 1) !important; /* MAIN BLUE  */  border: 1px solid rgba(0, 115, 128, 1) !important;}
.btn-primary:hover{color:rgba(0, 115, 128, 1) !important; background-color: transparent !important;  border: 1px solid rgba(0, 115, 128, 1) !important;}

.btn-secondary {color: rgba(255,255,255,1) !important; background-color: rgba(0,115,128, 1) !important; /* MAIN GREEN  */  border: 1px solid rgba(0,115,128, 1) !important;}
.btn-secondary:hover{color:rgba(0,115,128, 1) !important; background-color: transparent !important;  border: 1px solid rgba(0,115,128, 1) !important;}

.slider-title{text-transform:lowercase !important;}
.image-holder img{width:100%; height:auto;}
p.has-large-font-size{font-size:1em !important;}
a i.whatsapp{color:rgba(67, 197, 83, 1) !important;}

.border-top{border-top:6px solid rgba(0,115,128, 1)!important;} /* GREEN */

section.product-holder:nth-child(odd) {background: #f1f1f1;}
button:focus {outline: none;}

/** WPFORMS BUTTON COLOR **/
.wpforms-form button{height:45px !important; line-height:45px !important; padding:0 !important; color: rgba(255,255,255,1) !important; background-color: rgba(0,115,128, 1) !important; /* MAIN GREEN  */  border: 1px solid rgba(255,255,255,1) !important;}
 
/** WPFORMS SUBMIT BUTTON **/
button.wpforms-submit{height:45px !important; line-height:45px !important; padding:0 15px!important;}
 
/** WPFORMS SUBMIT BUTTON Hover **/
button.wpforms-submit:hover{}

/* MENU */
span.menu-icon{margin-left:15px;}
#main-menu{margin:0 auto;}
a.logolink{display: block; width: 30px; float: left;  height: 30px; margin:4px;}
.dropdown:hover .dropdown-menu {display: block;}
.navbar-fixed {top:60px;z-index: 100;position: fixed;width: 100%;}
.navbar-dark .navbar-nav .nav-link {color: rgba(26,26,26,1);}
.navbar-dark .navbar-nav .nav-link:hover {color: rgba(221,178,166, 1);}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: rgba(221,178,166, 1);}
ul li.menu-item{padding-right:15px;}
#menu-header-menu{padding-left:15px;}

/* FOOTER MENUS */
footer ul {list-style:none; padding:0px;}

h6.footer-title{color:rgba(255,255,255,1); font-size:1em;}

footer, footer h2 {color:#ffffff;}
footer a{color:#ffffff;}
footer a:hover{color:color:#f5f5f5; text-decoration:none;}
.footer-copyright a{color:rgba(38,38,38,1);}

/* HOMEPAGE */
.section-homepage h2{text-shadow: 2px 2px 4px rgba(221,178,166, 1); color:rgba(255,255,255,1);}

/* QUOTE BANNER */
.quote-banner{padding-top:150px; padding-bottom:150px;}
.quote-banner h3{color:rgba(255,255,255,1) !important; text-shadow: 1px 1px #000;}
.banner-overlay-content {position: relative; z-index: 20;}
.banner-overlay-content h3{line-height:45px; color:rgba(255,255,255,1) !important;}
.banner-bg-image { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; z-index: 0;}
img.banner-bg-image { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;';}

/* SLIDER */
.homepage-services-slider, .homepage-services-slider h3 {text-shadow: 2px 2px 4px rgba(221,178,166, 1); color:rgba(255,255,255,1);}
.homepage-services-slider a {color: rgba(255,255,255,1); background-color: rgba(221,178,166, 1) !important; /* MAIN LIGHT PINK */  border: 1px solid rgba(221,178,166, 1) !important; padding:8px 15px; border-radius:5px; text-shadow:none;}
.homepage-services-slider a:hover{color:rgba(0, 115, 128, 1) !important; background-color: rgba(255,255,255,1) !important;  border: 1px solid rgba(221,178,166, 1) !important; text-shadow:none;}

/* JUMBOTRON */
.jumbotron{margin-bottom:0px;}

/* BREADCRUMB */
.breadcrumb{background:none;}

/* GALLERY */
.gallery-item {width:100%; height: 300px; display:block; overflow:hidden; background-size: cover;  background-position: center;}
.gallery-item-default{background-image: url('/wp-content/themes/broodserveerwagen/images/default-image.jpg') !important; background-repeat: no-repeat;}
.gallery-item img {width: 100%; height: auto;}
.card-body h3 {font-size:1em;}
.card-title{color:rgba(38,38,38, 1) !important;}

/* NEWS */
.news-item-default{background-image: url('/wp-content/themes/broodserveerwagen/images/default-image.jpg') !important; background-repeat: no-repeat;}
.image_100{width:100% !important; height:auto !important; max-width: 100%;}
.news-item {width: 100%; min-height: 200px; display: block; overflow: hidden; background-size: cover; background-position: center;}
.news-photo img{width:100% !important; height:auto !important; max-width: 100%;}

.shadowblock{-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15);}
.product-photo-holder img {width:100%; height:auto;}

/* HEADERS */
.header-title{text-shadow: 0px 0px 3px #ffffff; font-size:2em;}
.home-page-header{padding-top:75px; padding-bottom:75px; color:rgba(255,255,255,1); position:relative;}
.header-banner h1{color:rgba(255,255,255,1) !important; font-size:1.3em; line-height:1.1em;}
.default-page-header{min-height:350px; margin:0 auto;}
.default-page-header-image{background-image: url('/wp-content/themes/broodserveerwagen/images/default-image.jpg') !important; background-repeat: no-repeat;}

/* HOMEPAGE */
ul.text {list-style: none; border-bottom: 0; padding: 0;   margin: 10px auto;   width: 260px;  display: block;   height: 34px;   text-align: center;}
ul.text li {display: inline-block; float: left; font-weight: 400; font-size: 1em; color: #fff; opacity: 1; transition: all 0.5s ease-in-out; max-width: 1em;}
ul.text.hidden li.spaced {padding-left: 0;}
ul.text li.spaced {padding-left: 0.5em;}
ul.text.hidden li.ghost { opacity: 0;  max-width: 0;}


/* CONTACT & FORM */	
.formholder{}
.formholder input.custom-form[type=text], input[type=email], input[type=file], input[type=tel], input[type=search], input[type=password], textarea, select {width: 100%; padding: 5px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; color:#ffff; font-size:0.8em; border:1px solid #fff; background:transparant;}
.formholder input.custom-form[type=submit] {width: 100%;  background-color: rgba(78, 35, 106, 1) !important;  border:1px solid rgba(78, 35, 106, 1) !important;  color: rgba(255, 255, 255,0.75) !important; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; transition: 0.3s;}
.formholder input.custom-form[type=submit]:hover {background-color:rgba(255,255,255,1) !important; border:1px solid rgba(78, 35, 106, 1) !important; color: rgba(78, 35, 106, 1) !important;}
.formholder textarea.custom-form{color:#ffff; font-size:0.8em; border:1px solid #fff; background:transparant;}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.homepage-intro h1, .page-title h1, .homepage-post h2 {font-size:1.6em;}
	.dropdown:hover .dropdown-menu {display: block;}
	.gallery-item {height: 250px;}
	.card-body h3 {font-size:1.1em;}
	.header-banner h3{font-size:1.8em; line-height:1.1em;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.homepage-intro h1, .page-title h1, .homepage-post h2{font-size:1.7em;}
	.gallery-item {height: 225px;}
	.news-linkholder{text-align:left;}
	a.logolink{margin: 9px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.homepage-intro h1, .page-title h1, .homepage-post h2{font-size:1.8em;}
	.gallery-item {height: 275px;}
	.card-body h3 {font-size:1em;}
	.header-banner h3{font-size:2em; line-height:1.1em;}
}