/*
Theme Name: Hillstar Child
Template: hillstar
Author: Extend Themes
Author URI: https://extendthemes.com/
Description: Hillstar is a beautiful, very customizable, multipurpose theme that you can use to create amazing websites through drag and drop. It comes with a pre-designed home page, 5 header designs and over 35 ready-to-use content blocks that you can easily customize. You can also design your own custom blocks by combining more than 25 drag and drop components. Hillstar offers lots of customization options (video background, slideshow background, header content types, etc) to help you create a website that stands out in no time. It is also designed with responsiveness, to work on mobile devices right out of the box. Hillstar is the only theme you will ever need! CHECK OUT THE DEMOS: https://colibriwp.com/go/hillstar-demos
Tags: entertainment,food-and-drink,portfolio,one-column,two-columns,right-sidebar,grid-layout,custom-header,custom-menu,custom-logo,full-width-template,theme-options,translation-ready,featured-images,threaded-comments
Version: 1.0.23.1729805067
Updated: 2024-10-24 21:24:27

*/

#colibri .style-34 {
	padding-bottom: 6px;
}
.overlay-image-layer {
background-color: rgb(46, 68, 89)!important;
opacity: 0.7!important;
}

.h-offcanvas-panel .offscreen-header, .h-offcanvas-panel .offscreen-footer {
    display: none;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

#colibri .h-navigation_sticky .style-41 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a, #colibri .h-navigation_sticky .style-41 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a:hover, #colibri .h-navigation_sticky.style-41 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a, #colibri .h-navigation_sticky.style-41 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a:hover {
    color: #2E4459;
}

#colibri .h-navigation_sticky .style-41 > div > .colibri-menu-container > ul.colibri-menu.bordered-active-item > li::after {
    background-color: #2E4459;
}


.foto-gallerij-PEPS {
	max-width: 1200px;
	margin: 0 auto;
}


.sl-wrapper .sl-image img {
    border: 20px white solid;
	box-sizing: border-box;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
    border: solid white 3px;
}

#colibri .h-navigation_sticky .style-9 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a, #colibri .h-navigation_sticky .style-9 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a:hover, #colibri .h-navigation_sticky.style-9 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a, #colibri .h-navigation_sticky.style-9 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a:hover, #colibri .h-navigation_sticky .style-41 > div > .colibri-menu-container > ul.colibri-menu > li:hover > a {
	color: #2e4459;
}

#colibri .h-navigation_sticky .style-9 > div > .colibri-menu-container > ul.colibri-menu.bordered-active-item > li::after {
	background-color: #2e4459;	
}

#colibri h1 {
    font-family: Cormorant;
    font-weight: 500;
    text-transform: uppercase;
	color: #2e4459;
}

.contact-form-title h2 {
    font-family: Cormorant;
    font-weight: 500;
    text-transform: uppercase;
	color: #2e4459;
	padding-bottom: 20px;
	font-size: 38px;
}

.page-footer {
font-size: 0.01px;	
}

.credit-footer {
	color: #fab95d;
	z-index: 999;
	position: absolute;
	width: 100%;
	height: 30px;
	text-align: center;
	margin: -50px 0 0 0;
	font-size: 14px;
	font-weight: 300;
}

#colibri .style-5-image, #colibri .style-37-image {
    max-height: 130px;
}

#colibri .style-2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

#colibri .h-navigation_sticky .style-5-image, #colibri .h-navigation_sticky.style-5-image, #colibri .h-navigation_sticky .style-37-image, #colibri .h-navigation_sticky.style-37-image {
    max-height: 90px;
}

/* Contact */

textarea, input[type="range"], input {
    width: 100%;
    box-sizing: border-box;
    border: solid grey 1px;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
	font-family: "Open Sans", sans-serif
}

input[type="submit"] {	
	background: #2e4459;
	color: #fab95d;
	border: none;
	font-weight: 500;
}

.h-offcanvas-panel .offscreen-content {
    background-color: #2e4459;
}

#colibri .style-50 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a, #colibri .style-50 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a:hover, #colibri .style-50 > div > .colibri-menu-container > ul.colibri-menu > li:hover > a  {
	color: #fab95d;
	font-size: 18px;
	padding-top: 8px;
    padding-bottom: 8px;
}

#colibri .style-18 > div > .colibri-menu-container > ul.colibri-menu > li > a, #colibri .style-18 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a, #colibri .style-18 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a:hover, #colibri .style-18 > div > .colibri-menu-container > ul.colibri-menu > li > a:hover, #colibri .style-50 > div > .colibri-menu-container > ul.colibri-menu > li > a {
	font-size: 18px;	
	padding-top: 8px;
    padding-bottom: 8px;
}

.h-mobile-menu.h-menu.h-global-transition-all::before {
    content: "";
    display: block;
    width: 90%;
    height: 220px;
    background-image: url('https://www.pepsflowers.nl/WP/wp-content/uploads/2024/10/PEPS-Flowers-site-logo2.png');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
	padding: 40px;
	box-sizing: border-box;
}


@media (max-width: 600px) { 
	
	.h-page-title__outer h1 {
		    font-size: 3em;
	}
	
	#colibri .style-621 h1, #colibri .style-631 h1, #colibri .style-637 h1, #colibri .style-605 h1,  #colibri .style-615 h1, #colibri .style-541 h1, #colibri .style-549 h1, #colibri .style-555 h1, #colibri .style-562 h1, #colibri .style-569 h1, #colibri .style-576 h1 {
		font-size: 2.1em;
	}
	
.h-heading h4:last-child {
font-size: 1.05em;
}
	
#colibri .style-408 h2, #colibri .style-344 h2, #colibri .style-357 h2 {
font-size: 1.9em;		
}
	
.h-column__v-align {
    margin-bottom: 20px;
}

}