/**
* Theme Name: 	Custom Isle Child
* Theme URI: 	office@ogood.at
* Description: 	Child Theme of Shop Isle
* Author: 		Markus Schmdit
* Autor URI: 	office@ogood.at
* Template: 	shop-isle
* Version: 		1.0.0
* Anpassung:	24.08.2022 Google Font Thema
*/

/* Google Schriften lokal hosten  */
/* roboto-condensed-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-ext_latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-ext_latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* volkhov-regular - latin */
@font-face {
  font-family: 'Volkhov';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/volkhov-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/volkhov-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/volkhov-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/volkhov-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/volkhov-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/volkhov-v17-latin-regular.svg#Volkhov') format('svg'); /* Legacy iOS */
}
/* volkhov-700 - latin */
@font-face {
  font-family: 'Volkhov';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/volkhov-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/volkhov-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/volkhov-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/volkhov-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/volkhov-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/volkhov-v17-latin-700.svg#Volkhov') format('svg'); /* Legacy iOS */
}

/* Google Schriften lokal hosten Ende */


body {
	font-family: "Arial, Helvetica Neue",Helvetica, sans-serif !important;
	color: black;
}
.main {
	color: black;
}
.font-alt {
    font-family: "Arial, Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

ul li {
	font-size: 14px;
}
ul, ol {
    margin: 0 0 1.5em 0em;
}
h4 {
	color: rgba(128, 3, 1, 1);
}
.widget .widget-title { 
    font-family: "Arial, Helvetica Neue",Helvetica,sans-serif;
}


/* -----Header Overrides----- */
#extra-header-box {
	display: block;
	box-sizing: border-box;
	height: 60px;
	position: fixed;
	background: white;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
#extra-header-box #notekey {
	position: absolute;
	width: 54px;
	top: 0;
	left: 0;
}
#extra-header-box #notelines {
	top: 20px;
	left: 54px;
	right: 181px;
	position: absolute;
	text-align: center;
	background: url(images/notenlinien_bg.png) repeat-x;
}
#extra-header-box #logo {
	position: absolute;
	width: 181px;
	top: 0;
	right: 0;
}
.navbar-header {
	display: none !important;
}
.navbar-right {
    float: left !important;
    margin-right: -15px;
}
.page .navbar-custom {
    background-color: rgba(255, 255, 255, 1) !important;
}

.navbar-fixed-top {
    top: 88px;
}
.navbar.navbar-scroll-point {
	top: 88px;
}
.navbar-custom {
    font-size: 15px;
	font-family: "Arial", sans-serif;
	background-color: rgba(255, 255, 255, 1) !important;
	color: black;
	z-index: 999;
}
.navbar-custom .nav li > a {
    position: relative;
    color: rgba(0, 0, 0, 0.7);
}
.navbar-custom .sub-menu, .navbar-custom .children {
    background: rgba(250, 250, 250, 1);
}
.current_page_item {
	color: rgb(154, 0, 0);
}
.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .sub-menu > li > a:focus,
.navbar-custom .sub-menu > li > a:hover {
	color: rgb(154, 0, 0);
	background: none;
} 

.page-header-module.module {
    margin-top: 142px;
}
h1.module-title {
	display: none;
}




/* -----Front Page Overrides----- */

.module-title {
	color: rgba(128, 3, 1, 1);
	font-weight: bold;
}
#entry-start-text {
	font-size: 16px;
	text-align: center;
	padding: 0 18%;
}
.home-section {
	margin-top: 152px;
}

.headline-pic {
	float: left;
	width: 16%;
	margin: 0% 1% 2% 0;
}
.headline-pic img {
	width: 127px;
}
.headline-text {
	float: left;
	width: 80%;
	margin-bottom: 3%;
}
.headline-text h2 {
	color: rgba(128, 3, 1, 1);
}
video {
	width: 86%;
}

/* -----Content Page Overrides----- */

.page-header-module::before {
    background: rgba(34,34,34, 0)!important;
}
.page-header-module.module {
    background-image: url("/wp-content/uploads/2020/04/Griessl-HB-6281-klein1.jpg")!important;
}


.col-sm-8 {
    /*width: 66.66666667%;*/
    background-image: url('/wp-content/uploads/2019/02/background-img.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.no-background {
	background-image: unset;
}
.headline-img {
	max-width: 60%;
}
article {
	background-color: rgba(255, 255, 255, 0.8);
	min-height: 635px;
}
article h2 {
	font-family: "Arial, Helvetica Neue",Helvetica,sans-serif;
	font-size: 30px;
	font-weight: bold;
}
article p {
	font-family: "Arial, Helvetica Neue",Helvetica,sans-serif;
	font-size: 14px;
}
form

/* -----Content MITARBEITER----- */
.row-empl {
	width: 100%;
	margin-bottom: 3%;
	border-bottom: 1px solid gray;
}
.img-box {
	width: 25%;
	margin-right: 2%;
}
.img-box img {
	width: 100%;
}
.row-empl p {
	width: 100%;
}

/* -----Content NEWS----- */
.post {
	padding: 2%;
    -webkit-box-shadow: 0px 0px 8px -2px #969696;
    box-shadow: 0px 0px 8px -2px #969696;
	margin: 0 0 40px;
}
.entry-content p {
	font-family: "Arial, Helvetica Neue",Helvetica,sans-serif;
}
.entry-title a {
	color: rgb(154, 0, 0);
}
#comments {
	display: none;
}
.entry-thumbnail {
	margin-bottom: 2%;
}

form {
	padding: 2%;
	-webkit-box-shadow: 0px 0px 8px -2px #969696;
    box-shadow: 0px 0px 8px -2px #969696;
}

/* -----Content PRODUKTE----- */
.product-overview-wrapper {
	width: 29%;
	float: left;
	margin: 3% 2%;
	position: relative;
	box-shadow: wheat;
	box-shadow: 2px 2px 6px 2px gray;
	padding-bottom: 3%;
}
.product-overview-wrapper img {
	width: 100%;
}
.overlay {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 20%;
	background-color: rgba(128, 3, 1, 0.8);
}
.overlay p {
	text-align: center;
	margin-top: 6%;
	font-size: 16px;
	color: white;
}
.company-logo-wrapper {
	width: 100%;
	overflow: auto;
}
.popular {
	width: 100%;
	overflow: auto;
	margin-top: 5%;
}
.product-row {
	overflow: auto;
	padding: 3%;
	border-bottom: 1px solid grey;
}
.row-image {
	width: 25%;
	float: left;
	box-shadow: 1px 1px 6px 1px gray;
	padding: 2%;
}
.row-description {
	width: 70%;
	float: left;
	margin-left: 5%;
}

@media (max-width: 768px) {
	#extra-header-box {
		display: none!important;
	}
	.navbar-fixed-top {
		top: 0px;
		background-color: rgba(128, 3, 1, 0.9) !important;
	}
	.navbar-fixed-top .navbar-collapse, #custom-collapse {
		position: absolute;
		background: rgba(128, 3, 1, 0.9) !important;
	}
	.page-header-module.module {
		margin-top: 54px;
	}
	.navbar-header {
		display: table !important;
	}
	.page .navbar-custom {
		background-color: rgba(128, 3, 1, 1) !important;
	}
	.navbar.navbar-scroll-point {
		top: 0;
	}
	.navbar-custom .nav li > a {
		color: rgba(255, 255, 255, 0.7);
	}
	.navbar-custom .sub-menu, .navbar-custom .children {
		background: rgba(26, 26, 26, 0.9);
	}
	.navbar-custom .nav li > a:hover {
    color: rgba(255, 255, 255, 0.9);
}
	.home-section {
		margin-top: 54px!important;
	}
	.headline-img {
		max-width: 80%;
	}
	.module, .module-small {
		padding: 70px 0;
	}
	.product-overview {
		overflow: hidden;
	}
	.product-overview-wrapper {
		width: 46%;
	}
	.row-image {
		width: 100%;
	}
	.row-description {
		width: 100%;
	}
	video {
		width: 86%;
	}
	
}