/*
Theme Name: Ostrich Education Child
Theme URI: https://themeostrich.com/downloads/ostrich-education-pro/
Template: ostrich-education
Author: Theme Ostrich
Author URI: https://themeostrich.com/
Description: Ostrich Education Theme is a multi-purpose feature rich WordPress education theme. It is designed with utmost care to offer a professional look and feel. Ostrich Education is perfectly crafted for education, corporate, portfolio, digital agency, blog, entertainment and all informative websites. It is clean, sleek, flexible and SEO friendly. Besides, this theme is translation ready and retina ready. Every feature that your education needs to deliver the right impression upon potential clients and targeted audiences is wrapped up in theme.
Tags: two-columns,right-sidebar,custom-background,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,portfolio,blog
Version: 1.0.3.1622675236
Updated: 2021-06-02 23:07:16

*/

@font-face { 
font-family: "sofia-pro"; 
src: url(/themes/ostrich-education-child/fonts/Sofia-Pro-Bold-Az.otf) format(otf); 
}
@font-face { 
font-family: "source-bold"; 
src: url(/themes/ostrich-education-child/fonts/SourceSansPro-Bold.otf) format(otf); 
}
@font-face { 
font-family: "source-reg"; 
src: url(/themes/ostrich-education-child/fonts/SourceSansPro-Regular.otf) format(otf);  
}

p{
    font-family: source-reg, arial, sans-serif;
}

a {
    color: #7d77c7;
    text-decoration: none;
}

a:hover{
    color: #7ba285;
}

h1 {
    font-family: source-bold, arial, sans-serif;
    font-weight: bold;
    text-align: left;
    font-size:50pt;
    line-height: 1;
    padding-top: 30px;
}

h2 {
    font-family: source-bold, arial, sans-serif;
    color: #9793c7;
    font-weight: bold;
    line-height: 1;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 35pt;
}

h5 {
    line-height: 1;
}

#info-icon {
    position: absolute;
    left: 20%;
    width: 10%;
    top: 20px;
}

.site-branding {
    float: left;
    padding: 0px 0;
    display: flex;
    align-items: center;
    min-height: 100px;
}
.site-logo img {
    max-height: 100px;
    width: auto;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.services-wrap {
    background-color: #7ba285;
	margin: 20%;
	margin-top: 0;
	height: 6vw;
}

#Mehr-start {
    width: 100%;
    position: relative;
}


article:nth-child(2n) .services-wrap {
    background-color: #f7df7e;
    color:black;
}

.intro-text {
    width: 100%;
    border-radius: 8px;
    padding-top: 50px;
    position: relative;
    padding-left: 20%;
    padding-right: 20%;
    top: 20px;
}

article:nth-child(3n) .services-wrap {
    background-color: #aba8cf;
    align-content: center;
    display: grid;
}

article:nth-child(3n) .services-wrap .icon{
    margin-top: 6%;
    }

.services-wrap .icon {
    margin: 0;
}

.entry-title {
    font-size: 20pt;
    margin: 0;
    font-family: sofia-pro, arial, sans-serif;
    font-weight: bold;
}

.kangaroo-left {
	width: 25%;
	float: left;
}

.kangaroo-right {
	width: 25%;
	float: right;
}

.kangaroo-container {
    position: absolute;
	width: 55%;
	right: 5%;
	margin-top: 5%;
}


#page{
    box-shadow:none;
    min-height:100%;
}

#content-wrapper {
    position: relative;
    padding-right: 10%;
    padding-left: 3%;
}

#page-site-header {
    padding: 50px;
    text-align: center;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-position: 50%;
}

#page-site-header .page-title {
    color: #7ba285;
    margin: 0;
    padding-top: 100px;
    font-size: 60px;
}

#projecte-text {
    text-align: left;
    width: 60%;
}

.Pojekt-link {
    width: 25%;
    position: relative;
    float: left;
    margin: 3%;
    margin-bottom: 0;
    margin-top: 0;
}

.Pojekt-link2 {
    width: 25%;
    position: relative;
    float: left;
}

#veroffen-home {
	background-color: rgba(247, 223, 126 ,0.5);
	margin-top: 10%;
	padding-bottom: 10%;
}

.veroff-link1 {
    width: 25%;
    position: relative;
    float: left;
    margin-right: 10%;
    margin-left:2.5%;
}

.veroff-link2 {
    width: 25%;
    position: relative;
    float: left;
    margin-right: 10%;
}

.veroff-link3 {
    width: 25%;
    position: relative;
    float: left;
    margin-right:2.5%;

}

#colophon {
    background-color: #555;
    bottom: 0;
    position: relative;
    width: 100%;
}

.site-info {
    background-color: #555;
    width: 100%;
    text-align: center;
}

#colophon .site-info a {
    color: #fff;
    text-align: center;
}






/*LINK COLOR*/

.backtotop {
    background-color: #555;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #555;
    color: #fff;
}

textarea:focus {
    color: #333;
    border-color: #555;
    outline: thin dotted;
}

.latest-news-header {
    background-color: #555;
}

.contact-details ul li a svg {
    margin-right: 15px;
    fill: #555;
}

.contact-details ul li a:hover, 
.contact-details ul li a:focus {
    color: #555;
}

.site-title a:hover,
.site-title a:focus {
    color: #555;
}

.site-description {
    color: #555;
}

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

.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg {
    fill: #555;
}

.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:focus {
    color: #555;
}

.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    background-color: #555;
    border: 1px solid #555;
}

.navigation.post-navigation a:hover,
.navigation.posts-navigation a:hover,
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus {
    color: #555;
}

.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:focus svg,
.navigation.posts-navigation a:focus svg {
    fill: #555;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #555;
}

#secondary .cat-links a,
#secondary a:hover,
#secondary a:focus {
    color: #555;
}

.tagcloud a {
    background-color: #555;
}

.reply a:hover,
.reply a:focus {
    background-color: #555;
}

.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #555;
}

.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #555;
}

.section-subtitle {
    color: #555;
}

.hero-slider-wrapper .entry-title a:hover,
.hero-slider-wrapper .entry-title a:focus {
    color: #555;
}

.slick-dots li.slick-active button {
    background-color: #555;
}

.slick-dots li button {
    border: 2px solid #555;
}

.button {
    background-color: #555;
}

.nav-tabs li.active a, ul.nav-tabs li a:hover {
    color: #555;
}

.courses-wrapper span.cat-links a:hover,
.courses-wrapper span.cat-links a:focus {
    color: #fff;
    background-color: #555;
}

.courses-wrapper .entry-title a:hover,
.courses-wrapper .entry-title a:focus {
    color: #555;
}

.video-button {
    background-color: #555;
}

.post-item-wrapper .entry-title a:hover,
.event-news-wrapper .entry-meta a:hover,
.event-item-wrapper .entry-title a:hover {
    color: #555;
}

.events-articles-wrapper .posted-on span.year {
    background-color: #555;
}

.counter-icon i {
    color: #555;
    font-size: 52px;
}

#recent-news .entry-title a:hover,
#recent-news .entry-title a:focus {
    color: #555;
}

.contact-wrapper .icon svg {
    fill: #555;
} 

.contact-wrapper input[type="submit"] {
    background-color: #555;
}

.entry-meta a {
    color: #555;
}

.entry-meta a:hover time,
.entry-meta a:focus time {
    color: #555;
}

.blog-post-wrapper .entry-title a:hover,
.blog-post-wrapper .entry-title a:focus,
span.byline a:hover,
span.byline a:focus,
.blog-widget ul li h3 a:hover,
.blog-widget ul li h3 a:focus {
    color: #555;
}

.single-wrapper .entry-meta span a:hover,
.single-wrapper .entry-meta span a:focus,
.single-wrapper .cat-links a,
.single-wrapper .entry-meta span.byline a.fn:hover,
.single-wrapper .entry-meta span.byline a.fn:focus {
    color: #555;
}

.single-wrapper .entry-meta > span a:hover,
.single-wrapper .entry-meta > span a:focus {
    color: #555;
}


#colophon .widget-title,
#colophon .widgettitle {
    color: #555;
}



@media screen and (min-width: 1024px) {
    .main-navigation ul#primary-menu ul li.current-menu-item > a,
    .main-navigation ul#primary-menu ul li:hover > a,
    .main-navigation ul#primary-menu ul li:focus > a {
        color: #555;
    }
    .main-navigation ul ul li.menu-item-has-children:hover > a > svg,
    .main-navigation ul ul li.menu-item-has-children > a:hover > svg {
        fill: #555;
    }
    
}

.h1-home{
    color:#333;
    padding-top: 100px;
    margin-bottom: 30px
}

.mehr-erfahren {
    color: rgba(0,0,0,0.5);
    font-size: 20pt;
    padding-left: 5%;
}


.ring-h2{
    font-size: 25pt;
    line-height:1.2
}

.overlay{
    display: none;
}