/*--------------------------------------------------------------

 Theme Name: Elegant Child
 Description: Adaption of Free WordPress Theme by WPExplorer
 Author: Gabriel Stabentheiner
 Parent Theme URI: http://www.wpexplorer.com/elegant-free-wordpress-theme/
 License: GNU General Public License version 2.0
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Template: wpex-elegant
 Text Domain: wpex-elegant-child
 
*/

/* TYPOGRAPHY */

/* dosis-regular - latin */
/* dosis-300 - latin */
@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 300;
	src: local(''),
		 url('fonts/dosis-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/dosis-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
  /* dosis-regular - latin */
  @font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		 url('fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/dosis-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
  /* dosis-600 - latin */
  @font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 600;
	src: local(''),
		 url('fonts/dosis-v27-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/dosis-v27-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
  /* dosis-700 - latin */
  @font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		 url('fonts/dosis-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/dosis-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local(''),
		 url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
  /* open-sans-600 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local(''),
		 url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  

/* von Theme übernommen >>>> */
body {
	font-family:Dosis;
	font-weight:200;
	font-size:18px;
	line-height:1.5;
   }
   .site-text-logo a {
	font-family:Dosis;
   }
   .page-header-title {
	font-family:Dosis;
   }
   #copyright {
	font-family:Open Sans;
	font-size:14px;
   }
/* <<<< */
   
html {
 font-size:100%;
}
body {
 font-size: 1rem;
}
h1, h2, h3, h4, h5, h6 {
 font-family: "Open Sans", "Helvetica", Arial;
}
h2 {
 font-size: 26px;
}
h3 {
 font-size: 22px;
}
body a {
 color: #222;
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
 color: #ff4f47;
}
.clear {
 clear: both;
}

/* HEADER */
#header {
 padding:15px 0 10px;
}
/* TEXT-LOGO */
.site-text-logo {
 max-width: 300px;
 line-height: 0.8;
 text-indent: -14px;
 margin-left: 14px;
}
.site-text-logo a::first-line {
 color: #222;
}
/* MENÜ */
#site-navigation-wrap {
 position: absolute;
 top: unset;
 right: 0;
 bottom: 0;
 height: 47px;
 margin-top:0px;
}
#site-navigation .dropdown-menu > li {
 margin-left: 8px;
}
.sf-menu a {
 line-height: 1;
 padding:10px 12px 19px;
}
#header #site-navigation .dropdown-menu > .current-menu-item > a, 
#header #site-navigation .dropdown-menu > .current-menu-item > a:hover {
 color: #ffffff !important;
 background: #ff4f47;
}
/* Untermenü */
.sf-menu ul {
 margin-top: 8px;
 min-width: 142px !important;
}

/* SPRACHUMSCHALTER: */
.wpml-ls-item {
	display: none !important; /* temp */
    position: absolute !important;
    top: -57px;
    right: 0;
}
#menu-item-wpml-ls-2-it {
    right: 30px;
}
.wpml-ls-menu-item .wpml-ls-flag + span {
 display: none;
}

/* Mobile Menu */
#sidr-main {
 font-family: Dosis, Helvetica, Arial, sans-serif !important;
}
#sidr-main a {
 color: #ccc !important;
}

/* SLIDER */
.flexslider .slides > li, #homepage-slider-wrap {
 height: 500px;
}
#homepage-slider-wrap, #slider-thumbnail {
 background: #fff url('/wp-content/uploads/Ripple-1.5s-200px.svg') no-repeat center;
 box-shadow: 0 0 5px 1px rgba(86, 116, 120, 0.25);
 font-family: 'Open Sans', Arial, sans-serif;
}
.flexslider .slides img, #slider-thumbnail img{
 position: relative;
 object-fit: cover;
 object-position: 50% 50%;
 width: 100%; 
 height: 100%;
}
.homepage-slide-content {
 top: 350px;
}
.homepage-slide-title {
 font-size: 1.5rem;
 padding:15px;
}
.homepage-slide-caption {
 padding: 10px 15px;
 font-size: 1.125rem;
 opacity:0.9;
}
.homepage-slider-slide:not(.slide-35) .homepage-slide-caption:after {
 font: normal normal normal 14px/1 FontAwesome;
 content: "\f14c";
 padding-left: 10px;
 font-size: 1.2em;
 line-height: 1;
}

/* FEATURED IMAGE */
#slider-thumbnail {
 height: 500px;
 overflow: hidden;
 margin-bottom: 10px;
}

/* Individuelle Anpassungen für jedes Slider- und Thumbnail-Bild: */

/* Thera(peutisches) Coaching / SEE und 
   Zu meiner Person / SABINE: */
.flexslider .slides .slide-33 img, .page-id-14 #slider-thumbnail img,
.flexslider .slides .slide-31 img, .page-id-18 #slider-thumbnail img {
 object-position: 50% 35%;
}
/* Berufliches Coaching / ALLEE: */
.flexslider .slides .slide-32 img, .page-id-16 #slider-thumbnail img {
 object-position: 50% 85%;
}
.flexslider .slides .slide-32 .homepage-slide-content {
 top: 20px;
}
/* Kontakt und Info / HÜGEL: */
.flexslider .slides .slide-25 img, .page-id-22 #slider-thumbnail img {
 object-position: 50% 15%;
}

/* HOME-PAGE */
 .home #main {
	padding:20px 0 40px;
 }
 
.home h1 {
 margin: 40px calc(50% - 200px) -15px;
 text-align: center;
 font-size: 2.5rem;
 color: #444;
 line-height: 1;
 padding: 5px 0 10px;
 border-bottom: 1px solid #ff4f47;
}
 
.home #homepage-content {
  margin: -40px 0 40px;
}
 
 #homepage-features {
 margin-top: 40px;
}

 /* Portfolio Entries: */
 #homepage-portfolio {
  margin-top:60px;
 }
 #homepage-portfolio h2 {
 display:none;
}
.portfolio-entry-media {

 text-align: center;
}
.portfolio-entry-details {
 margin: 10px auto;
 max-width: 400px;
}
.portfolio-entry-text {
 font-size: 18px;
 font-weight: normal;
 font-family: Dosis, Helvetica, Arial, sans-serif !important;
 line-height: 1.4em;
}
.sabine-foto {
 margin: 0 2em 50px 0 !important;
}
.sabine-foto-200px {
    margin-top: -10px;
    padding-right: 20px;
}
 .sabine-h2 {
  padding-top: 5px;
 }
.home .contact-box {
  margin-top:60px;
}

/* ENTRY */
.entry h3, .entry h4, .entry h5, .entry h6 {
 margin:40px 0 10px;
}
.entry ul {
 margin: 10px 0 30px 30px;
}

/* BUTTON */
.btn-wrapper {
    margin:50px auto;
    text-align: center;
}
a.btn-contact {
 background: #ff4f47;
 font-size: 1.125rem;
 font-weight: bold;
 padding:9px 20px 10px 15px;
 color: #fff !important;
 box-shadow: 0 0 10px 3px rgba(86, 116, 120, 0.3);
}
.btn-contact .fa {
 margin-right:10px;
}
#wrap a.btn-contact:hover {
 color: #fff !important;
 background: -moz-linear-gradient(top, #ff4f47 0%, #c9103e 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ff4f47 0%, #c9103e 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ff4f47 0%, #c9103e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 box-shadow: 0 0 10px 3px rgba(86, 116, 120, 0.5);
}
#wrap a.btn-contact:active {
 color: #fff !important;	
 border: 1px solid #ff4f47;
 box-shadow: 0 0 5px -2px rgba(86,116,120,0.7);
}

.contact-box {
 position: relative;
 margin: 70px -20px 80px;
 padding: 20px 20px;
 background: #fff;
 box-shadow: 0 0 7px 2px rgba(86, 116, 120, 0.5);
 border: 2px solid #ff4f47;
 text-align: center;
}
.contact-box p {
 font-size: 20px;
 line-height: 1.5em;
 margin-bottom: 10px;
}
.inline-link {
 padding:0 10px;
white-space: nowrap;
}
.inline-link .fa {
 padding-right:5px;
}
.contact-box>h2:first-child, .contact-box>h3:first-child {
 margin:0 0 15px;
}
.contact-box>h3 {
 font-family: Dosis, Helvetica, Arial, sans-serif !important;
 font-size: 24px;
}
.contact-box .btn-contact {
 position: relative;
 bottom: -25px;
}

/* CF7 */
.wpcf7-form input:not([type="submit"]),
.wpcf7-form select,
.wpcf7-form textarea {
 padding: 7px 10px;
}

#google-map {
 max-width: 100%;
}

/* FOOTER */
#footer-wrap {
 background: #999;
}
.footer-widget {
 padding:30px 0;	
}
#footer-widgets .widget-title {
 margin: 0 0 10px;
}
#footer-wrap a:hover {
 color: #ff4f47 !important;
}
#footer-wrap .footer-widget a {
 color: #333;
}
.footer-widget  ul > li:first-child {
 border-top: 1px solid #666;
 padding-top:10px;
}
.footer-widget  ul > li {
  padding: 5px 0 0;
  border-bottom: none;
}
#copyright-wrap {
 line-height: 25px;
}
    
/* Cookie Consent */
#cookie-law-info-bar, #cookie-law-info-again {
 box-shadow: 0 0 10px 3px rgba(86, 116, 120, 0.8);
}
#cookie-law-info-bar span {
 vertical-align: unset;
}

.cli-plugin-main-link {
 font-weight: normal;
 text-decoration: none;
 padding: 0 5px;
 font-style:italic;
}
.cli_user_consent_state {
    margin: 30px 0;
    background: #888;
    padding: 8px 15px;
    color: #fff;
    font-weight: bold;

 /* Infotext ausblenden, der ist nicht korrekt */
 color: transparent;
 font-size: 0;
}
.cli_manage_current_consent {
  font-size: 1rem;
}

/* 404 page */
body.error404 #main {
 min-height: 50vh;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 10vh;
}



@media only screen and (max-width: 1280px) {
	.cli-button-wrapper {
 	 display: block;
	 margin-top:10px;
	}
}
@media only screen and (max-width: 991px) {
	.homepage-slide-caption {
     font-size: 1rem;
   }    
   #site-navigation .dropdown-menu > li {
    margin-left: 0;
 }
}
@media only screen and (max-width: 959px) {
	#site-navigation-wrap {
	 height: 85px;
 	}
 	.sidr-class-wpml-ls-first-item {
 		margin-top:15px;
 	}
 	.sidr-class-wpml-ls-item a {
	 padding: 4px 0 !important;
	 border: none !important;
 	}
	.sidr-class-wpml-ls-native {
	 display:inline-block;
	 margin-left:7px;
	}
}
@media only screen and (max-width: 767px) {
 .flexslider .slides > li, #slider-thumbnail, #homepage-slider-wrap {
  height:auto;
  max-height:500px;
  min-height: 300px;
 }
 .flexslider .slides img, #slider-thumbnail img {
  min-height: 300px;
  transform:none;
 }
 .homepage-slide-content {
  display: block !important;
  top:10px !important;
 }
 .slide-35 .homepage-slide-content,
 .homepage-slide-caption {
  display: none !important;
 }
 .homepage-slide-title {
    font-size: 1.2rem;
    padding: 10px 15px;
 }
 #homepage-slider-wrap .flex-direction-nav li a {
    margin-top: -25px;
    height: 50px;
    line-height: 50px;
    width: 40px;
 }
 #main {
	padding:15px 0;
 }
 .home #main {
	padding:0 0 30px;
 }
.home h1 {
 font-size:2rem;
 background:none;
 color:#444;
 margin-bottom: -30px;
}
 .sabine-foto {
 	float:none !important;
 	display: block !important;
 	margin-bottom:10px;
 }
 .sabine-h2 {
  padding-top: 0;
  margin-top: 25px !important;
 }
 .footer-widget {
  padding:20px 0 0;
 }
}
@media only screen and (max-width: 479px) {
	#header {
    margin-left: 0;
	 width: calc(100% - 20px);
	}
	.site-branding {
    width: 200px;
    margin-left: 10px;
 }
	#site-navigation-wrap {
    height: 70px;
}
 .flexslider .slides > li, #slider-thumbnail, #homepage-slider-wrap,
 .flexslider .slides img, #slider-thumbnail img {
  min-height: 200px;
 }
	.homepage-slide-inner {
    width: 100% !important;
	}
 	.homepage-slide-content {
  	 top:0 !important;
 	}
 	.homepage-slide-title {
    font-size: 1.1rem;
    padding: 7px 12px;
 	}
 	.page-header-title {
    font-size: 28px;
 	}
	.home h1 {
	 text-align:left;
	 margin: 40px 0 -30px;
	}
 	.sabine-foto-200px {
 	float:none !important;
 	display: block !important;
	margin-left: -15px !important;
	}
}
@media only screen and (max-width: 360px) {
	.site-branding {
    width: 175px;
    margin-left: 10px;
 }
 	.homepage-slide-title {
    font-size: 1rem;
    padding: 5px 10px;
 	}
 }

/* IE HACKS: */
@media screen and (min-width:0\0) { 
	#site-navigation-wrap {
	 margin-top:9px;
	}
	.flexslider .slides img, #slider-thumbnail img{
	 height: auto;
	 transform: translateY(-25%);
	}
}