/*
Theme Name:Idyllic Child
Theme URI: http://themefreesia.com/themes/idyllic
Author: Theme Freesia
Author URI: http://themefreesia.com
Description: Idyllic is the next generation and Ultra Responsive, Multipurpose, Corporated, Fully Optimized For Agency, Business, Corporate, CV, Personal, Portfolio, Fashion, Fitness, Financial, Ecommerce, Event, Services, SEO, Video and Blog or any other type of business WordPress theme, containing all the features you need to create a stunning website. The theme consists of well organized components so it’s easy to edit and customize everything to create a specific website for your needs. It is designed for Business but this is competent for every kind of site which is designed and developed by Theme Freesia. With a focus on business sites, it features multiple sections on the front page as well as widgets, multiple navigation and social menus, a logo, Color Options and more. This theme supports popular plugins like Breadcrumb NavXT, WP-PageNavi, Contact Form 7, Jetpack by WordPress.com, Polylang, bbPress, wooCommerce and many more. It is 100% translation ready and you can easily customize with lots of options using Customizer. It consists contact us template, gallery template,Corporate Template, widgets and Sidebar. Get free support at https://tickets.themefreesia.com/ and View demo site at http://demo.themefreesia.com/idyllic.
Version: 1.0
Text Domain: idyllic-child
Template: idyllic
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: threaded-comments, right-sidebar, four-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, post-formats, footer-widgets, sticky-post, theme-options, translation-ready, e-commerce, education, portfolio

All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
==================================================
*/

@font-face {
    font-family: Overpass;
    src: url(assets/fonts/overpass/overpass-regular.otf);
    font-weight: normal;   
}

@font-face {
    font-family: Overpass;
    src: url(assets/fonts/overpass/overpass-bold.otf);
    font-weight: bold;
}

@font-face {
    font-family: Overpass;
    src: url(assets/fonts/overpass/overpass-extrabold.otf);
    font-weight: 800;
}

html::before {
  content: ' ';
  display: block;
	background-image: url('assets/img/bg_landscape.png');
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -10;
}

/*.is-sticky #sticky-header{
background-color: rgb(255,255,255);
}

#sticky-header{
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
*/

.ics-calendar-date-wrapper:nth-of-type(even){background-color:#ffffff;}
.ics-calendar-date-wrapper:nth-of-type(odd){background-color:#f9f9f9;}
.ics-calendar-date-wrapper{border-bottom:1px solid #dddddd;padding-top: 0.25em;}

.site-info{
  padding-top:30px;
}

.myfooter:after{
  content: "";
  display: table;
  clear: both;
}

.contact {
  font-size:12px;
  display:inline-block;
  vertical-align:top;
  padding-left:30px;
  text-align:left;
}

.contact h1{
  font-size:inherit;
  margin:0;
}

.contact td{
  background-color: transparent;
  padding: 0px;
}

.contact tbody{
  background-color: transparent;
}

.wp-block-latest-posts.is-grid{
margin: 0;
}

.top_region{
  width:100%;
 /* float:left;
  display:inline-block;*/
}

.ics-calendar{
  width:100%;
  /*float:right;
  display:inline-block;*/
margin:0!important;
}

.ics-calendar:after{
  content:"";
  clear:both;
}

.ics-calendar-label{
  font-size:large;
}

.ics-calendar-date{
  font-size:medium;
}

.ics-calendar-list-wrapper .ics-calendar-date {
margin: 0 0 0.25em 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list{
  text-align:center;
}

.ics-calendar-list-wrapper {
border-top: double 3px #dddddd;
margin-top: -1px;
}

body,
button,
input,
select,
textarea{
	font-family: "Overpass" !important;
}

body
{
	text-align: justify;
}


.main-header.clearfix{
float: left;
vertical-align: bottom;
display: -webkit-flex;
display: flex;
	width:100%
}

#head-wrapper{
width: 100%;
display: inline-block;
-webkit-align-self: flex-end;
align-self: flex-end;
}

#head-wrapper div{
text-align:right;
}


#page {
background-color: rgb(255,255,255)!important;
}

.slider-content{
  right:0px;
  position:relative;
  top:398px;
}

@media (max-width: 1024px){
.ls-wrapper{
display:none;
}
}
::selection{ background: #f1a009;}

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.h5{
	font-family: "Overpass";
text-align: left;
}


.main-navigation a {
	font-family: "Overpass", sans-serif;
}

.boxed-layout #sticky-header, .boxed-layout-small #sticky-header {
width: inherit;

}

.main-navigation{
	margin-right:0px;
}

.main-navigation ul li ul li ul {
	left: 200px;
	top: 10px;
}

.main-navigation a{
	line-height:25px;
	background-color: rgba(255,255,255,0.8);
}
.main-navigation >ul>li{
	padding-top:3px;
}

.main-navigation > ul > li:hover > ul, .main-navigation > ul > li.focus > ul{
	top:28px;

}

/*.main-navigation a:hover, .main-navigation a:focus, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a, .main-navigation li.current-menu-ancestor.menu-item-has-children > a:after, .main-navigation li.current-menu-item.menu-item-has-children > a:after, .main-navigation ul li:hover > a:after, .main-navigation li.menu-item-has-children > a:hover:after, .main-navigation li.page_item_has_children > a:hover:after*/

.main-navigation ul li.current-menu-item,
/*.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,*/

.main-navigation ul li ul li a:hover, .main-navigation ul li ul li a:focus, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover
{
background-color: #f1a009;
color:#fff;
}

.main-navigation ul li ul li:before {
width:100%;
left:0px;
}

.is-sticky .main-navigation > ul > li:hover > ul {
	top: 28px;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style-type: none !important;
}


#myspecialrow .item1 { grid-area: Amtsbezeichnung; padding:8px;}
#myspecialrow .item2 { grid-area: Name; padding:8px;}
#myspecialrow .item3 { grid-area: Vorname; padding:8px;}
#myspecialrow .item4 { grid-area: Sprechstunde; padding:8px;}

#myspecialrow {
  display: grid;
  grid-template-columns: 15% 35% 25% 25%;
  grid-template-areas:
    'Amtsbezeichnung Name Vorname Sprechstunde';
border-bottom:1px solid #dddddd;
}
#myspecialrow .even{background-color:#ffffff;}
#myspecialrow .odd{background-color:#f9f9f9;}

.myhashtag{
font-size:30px !important;
padding-right:40px;
}
.hashinitial{
/*font-weight: 900;*/
	font-weight: 800;
font-size: calc(130%); 
}

@media only screen and (max-width: 480px)
{
body{
text-align:left;
}

.main-header.clearfix{
float:none;
display: -webkit-flex;
display: flex;
flex-direction:column;
-webkit-flex-direction:column;
}

.main-navigation >ul>li{
	padding-top:0px;
}

#site-branding{
align-self:center;
-webkit-align-self:center;
}

#head-wrapper{
width: 100%;
display: inline-block;
-webkit-align-self: flex-end;
align-self: flex-end;
margin-right:0;
}

.main-navigation {
clear: both;
margin-right: 0;
width: 100%;
left: 0;
}

#head-wrapper div{
text-align:center;
}

 #myspecialrow {
  width: 100%;
  grid-template-columns: 20% 40% 40%;
    grid-template-areas:
    'Amtsbezeichnung Name Vorname'
	'Sprechstunde Sprechstunde Sprechstunde';
 }
#myspecialrow .item1 {padding:4px;}
#myspecialrow .item2 {padding:4px;}
#myspecialrow .item3 {padding:4px;}
#myspecialrow .item4 {padding:4px;text-align:right;}
	.wp-block-latest-posts.is-grid li{
		margin: 0 0 1.25em 0 !important;
	}
}

@media (max-width: 700px)
{
.myhashtag{
font-size:20px !important;
}
}

#myspecialrow:hover > div{background-color: #f3f3f3}

.main-navigation ul li ul li a{text-transform: none!important;}


table, 
th, 
td {
	border: 0;
}

tbody{
background-color:white;
}


@media only screen and (min-width: 480px)
{

#head-wrapper{
padding-right:60px;
}

#magnifier{
	position:absolute;
right:30px;
-webkit-align-self:center;
align-self:center;
width:30px;
}

.magnifier-icon {
  cursor: pointer;
  opacity: 1;
  transition: opacity 2s;
}

.magnifier-icon:before {
    content: "";
    display: block;
    border: 2.5px solid #484848;
    
    width: 15px; 
    height: 15px; 
    border-radius: 7.5px;
    
    animation: open .5s ease 0s 1 forwards;
  }
  
.magnifier-icon.is-open:before {    
    animation: close calc(.5s*.5) ease calc(.5s*.5) 1 forwards;
  }

.magnifier-handle-x,
.magnifier-handle{
  content: "";
  display: block;
  width: 12px;
  height: 3px;
  transform: rotate(45deg);
	position:absolute;
  background: #484848;
  animation: x-stroke-out .5s ease 0s 1 forwards;
  
}

.magnifier-handle-x {
  animation: x-stroke-turn .5s ease 0s 1 forwards;
}

.is-open .magnifier-handle,
.is-open .magnifier-handle-x {
    animation: x-stroke-in .5s ease 0s 1 forwards;
  }

.magnifier-handle-x {
  animation: x-stroke-turn-out .5s ease 0s 1 forwards;
}

  .is-open .magnifier-handle-x {
    animation: x-stroke-turn .5s ease 0s 1 forwards;
  }

@keyframes close {
  0%   { border-radius: 7.5px; width: 15px; height: 15px; }
  80%  { border-radius: 12.5px; width: 25px; height: 25px; }
  100% { border-radius: 12.5px; width: 25px; height: 25px; }
}
@keyframes open {
  0%   { border-radius: 12.5px; width: 25px; height: 25px; }
  20%  { border-radius: 12.5px; width: 25px; height: 25px; }
  100% { border-radius: 7.5px; width: 15px; height: 15px; }
}

@keyframes x-stroke-in {
  0%   { top: 15px; left: 10px;}
  80%  { top: 11.5px; left: 5px; height: 2px; width: 15px; }
  100% { top: 11.5px; left: 5px; height: 2px; width: 15px; }
}
@keyframes x-stroke-out {
  100% { top: 15px; left: 10px;}
  30%  { top: 11.5px; left: 5px; height: 2px; width: 15px; }
  0%   { top: 11.5px; left: 5px; height: 2px; width: 15px; }
}

@keyframes x-stroke-turn {
  0%   { top: 15px; left: 10px;}
  70%  { top: 11.5px; left: 5px; height: 2px; transform: rotate(45deg);}
  85%  { transform: rotate(145deg); }
  100% { top: 11.5px; left: 5px; height: 2px; width: 15px; transform: rotate(135deg);}
}
@keyframes x-stroke-turn-out {
  100% { top: 15px; left: 10px;}
  30%  { top: 11.5px; left: 5px; height: 2px; transform: rotate(45deg); }
  15%  { transform: rotate(145deg); }
  0%   { top: 11.5px; left: 5px; height: 2px; width: 15px; transform: rotate(135deg);}
}
}

article:not(.ics-calendar-list-wrapper){
min-height:300px;
}

.LEHtable th
{
    font-weight: bold;
	text-align:center;
}

.LEHtable td:not(td:first-child)
{
    width: 80px!important;
	text-align:center;
}

.entry-meta,
.entry-meta a {
font-family:inherit;
}

.cat-links, .cat-links a, .tag-links, .tag-links a, .entry-format, .entry-format a {
font-family:inherit;
}

.slider-content {
position: absolute;
right: 0%;
text-align: right;
top: 0%;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
margin: 0 auto;
max-width: 70%;
}


.h5 > .su-spoiler-title{
	font-size:20px!important;
	font-weight:normal!important;
}
.h5 .su-spoiler-icon{
	top:7px!important;
}


/* WP Booking Form (Infoabend) */

.optionalAdresse::after{
content:"Am Samstag, den 11. März, finden Schulhausführungen in Kleingruppen statt. Falls Sie dieses Angebot wahrnehmen möchten, können Sie Ihre gewünschte Uhrzeit buchen; andernfalls wählen Sie bitte keine Uhrzeit aus! Ein Termin pro Familie genügt hierbei.";
}

.fields label{
	text-align:left;
}

.sbfieldCalendar, .slots>span{
	display:none!important;
}

.cff-checkbox-field > .dfield{
width:100%!important;
}

.availableslot{
	width:68px!important;
}

input[type="checkbox"]{
margin:0px!important;
}

.captcha{
margin-left:0px!important;

}

.captcha::after{
font-size:0.8125em;
content:"Bei den mit * markierten Feldern handelt es sich um Pflichtfelder.";
}

ul li a, ol li a {
color: #ff4530;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
	align-items: flex-start;	
}

.posted-on{
	display:none!important;
}

.main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after, .main-navigation li li.page_item_has_children > a:after {
	padding-left:3px;
}