/*
    Theme Name: myTheme
    Theme URI: https://www.hamiltrowebsitedesign.com
    Description: FRED GELB THEME
    Version: 1.
    Author: hamiltro
*/

@font-face {
	font-family: 'FuturaPT';
	src: url('./fonts/FuturaPT-Light.eot');
	src: url('./fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
		url('./fonts/FuturaPT-Light.woff') format('woff'),
		url('./fonts/FuturaPT-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

/* PALETTE / VARIABLES
*****************************************/
:root {
	--color-a: #777;
	--color-a-button: #333;
	--color--a-button-background: rgba(248,210,142,0.1);
	--color--a-button-border: #ccc;
	--color--a-button-hover: rgba(116,56,27, 1.0);
	--color--a-button-background-hover: rgba(248,210,142,0.9);
	--color--a-button-border-hover: rgba(116,56,27, 0.4);
	--color-a-hover: #74381b;
	--color-accent1: rgba(116,56,27, 1.0); /* #74381b */
	--color-accent2: rgba(248,210,142,1.0); /* #f8d28e */
	--color-background: WHITE;
	--color-border-subtle: TRANSPARENT;
	--color-footer: #CCC;
	--color-footer-a: #DDD;
	--color-footer-a-hover:#FFF;
	--color-footer-background: #261c13;
	--color-footer-border: #888;
	--color-footer-credit: #777;
	--color-footer-credit-a:#DDD;
	--color-footer-credit-a-hover:#FFF;
	--color-form-input-border: TRANSPARENT;
	--color-form-button-bg: TRANSPARENT;
	--color-form-button-text: TRANSPARENT;
	--color-form-button-bg-hover: TRANSPARENT;
	--color-iconStyle: #744b37;
	--color-iconStyle-hover: rgba(116,56,27, 1.0); /* #74381b */
	--color-mainNav-text-link: #777;
	--color-mainNav-text-link-hover: #74381b;
	--color-navbar-wrapper-background: TRANSPARENT;
	--color-outline: #DDD; /* tabbing */
	--color-overBanner: #FFFFFF;
	--color-pageTitle: #74381b; /* WHITE */
	/*--color-readMore-a: #666666; - in case it needs to be different from other buttons
	--color-readMore-a-background: #DBE9F3;
	--color-readMore-a-border: #DBE9F3;
	--color-readMore-a-hover: #616161!important;
	--color-readMore-a-hover-background: #CDDBE5;
	--color-readMore-a-hover-border: #CDDBE5;*/
	--color-siteTitle: BLACK; /* GREY */
	--color-siteTitle-hover: GREY; /* GREY */
	--color-sub-menu-li-bg: rgba(238,238,238,0.98);
	--color-sub-menu-li-bg-hover: rgba(243,243,243,0.98);
	--color-sub-menu-li-border: rgba(209, 209,209,0.25);
	--color-text: #666;
	--color-wpcf7-sent: GREY; /* GREY */

	
	
	--font-body: 'Open Sans', sans-serif; 
	--font-nav:   'FuturaPT', 'Open Sans', sans-serif;
	--font-quote: Baskerville, 'Palatino Linotype','Century Schoolbook L', 'Times New Roman', serif;
	--font-readMore:  'FuturaPT', 'Open Sans', sans-serif;
	--font-siteTitle:  'FuturaPT', Georgia, 'Open Sans', sans-serif;
}
	

/*HEADER: TITLE AREA
****************************************
div.siteTitle {border: 1px solid grey;}
div.mainNavigation  {border: 1px solid grey;}
div.navbar-icon {background-color: yellow;}
div.navbar-collapse {background-color: #e2f6d3;}
*/
	
div.siteTitle.flexItem {
	font-size: 1.6rem;	
	text-transform: uppercase;
	width: 6em;
}

div.mainNavigation.flexItem {
	width: calc(100% - 7em);
}

.siteTitle h1 {
	font-size: 1.5em;
	letter-spacing: 0;
}

@media (max-width: 450px){
	.siteTitle h1 {letter-spacing:0.1em;}
	div.siteTitle.flexItem {padding-left: 0px;}
}

.theMainTitle {
	font-weight: bold;
}

.theSubTitle{
	font-weight: 200;
	letter-spacing:0.01em;
}

.bannerImage	{
	background-image: url('/wp-content/uploads/2021/12/gelb-banner-01.jpg');
}

.bannerImage, .bannerImg	{
	width: 100%;
	min-height: 200px;
	background-color:var(--color-background);
	background-position: center top;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	padding: 0;
}

.bannerImage .sectionInner {
    padding: 5rem 0 3rem;
}
.slider .slick-slide img {
    max-height: 600px;
	margin-bottom: 0;
}
.home_carou {
    position: relative;
}
.sliderinfo {
    color: transparent;
    position: absolute;
    bottom: 5px;
    padding: 10px;
    width: 100%;
}
.sliderinfo:hover {
    background: #ffffff7a;
    color: var(--color-accent1);
    color: #333;
}
h1.slider-heading:hover {
    color: rgba(0,0,0,1);
}
.pagination{
	text-align: center;
	padding-bottom: 10px;
}
.mainContent p img.aligncenter{
	display: block;
}
/*HEADER: NAVIGATION AREA
*********************************************/

/*.navbar-wrapper .container	{
	max-width: 1270px;
}*/
.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item>a {
	padding: 0 10px 0 0.4em;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.09rem;
}

.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item>a:last-child	{
	padding-right:0;
}

@media (max-width: 951px) {
	.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item {text-align: center;}
	.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item>a{
	padding: 16px 10px 16px 0.4em;		
	}
}

.navbar-nav > li {padding-top:0;}

.sub-menu {
	width: 240px !important;
	font-size: 0.8em;
	text-transform: uppercase;
	padding-top:10px;	
}

@media (max-width: 951px)	{
	.sub-menu	{
		width: 100%;
	}
}

.sub-menu > li {
	position: relative;
}

.icon-bar,
.navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar	{
	height: 2px;
	margin: 2.5px;
}


/* [HOMEPAGE] CAROUSEL 
**********************************************/

.home_carou img {
    margin: 0 5px;
}
.wideCarousel .center.slider .slick-list{
	margin: 0px 40px;
}
.center.slider .slick-prev{
	left: 0px;
}
.center.slider .slick-next{
	right: 0px;
}

@media (max-width:768px){
	.center.slider .slick-next {
		right: -6px;
	}
	.center.slider .slick-prev {
		left: -6px;
	}
	.wideCarousel .center.slider .slick-list {
		margin: 0px 30px;
	}
	.slider .slick-slide img {
		max-height: 360px;
		margin-bottom: 0;
	}
}
@media (max-width:640px){
	.slider .slick-slide img {
		max-height: 300px;
		margin-bottom: 0;
	}
}
@media (max-width:520px){
	.slider .slick-slide img {
		max-height: 270px;
		margin-bottom: 0;
	}
}

/*FOOTER
*******************************************************/

@media (min-width:651px){
	.showmobile{
		display:none;
	}

}
@media only screen and (max-width: 482px)
{
	.about_section{
		padding-left:10px;
		padding-right:10px;
	}
	.about_content{
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

}
@media (max-width:650px){
	.showdesk{
		display:none;
	}
}

.caret {
display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* TEMP STYLES
***************************************************/
p.editLink	{display:block;}