/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/


primarycolor {
	color: #f2e609;
}

secondarycolor {
	color: #5c6875;
}

secondarycolor light {
	color: #b6b6b6;
}


/*************** Typo ***************/
h1, h2, h3, h4, h5, h6, h7 {
    line-height: 1.3 !important;
}


/*************** Links ***************/
a {
    -webkit-transition: color .2s ease, border .2s ease;
    transition: color .2s ease, border .2s ease;          
}

.site-content a {
    text-decoration: underline !important;
    color: #777777;
}

a:visited {
	color: #777777;
}

a:hover, a:focus, a:active {
	color: #f2e609;
}

.main-navigation a:visited {
    color: #333333;
}



/*************** Header ***************/

.site-header {
    margin-top: 1em;
    margin-bottom: .7em;
}

.site-branding {
    font-style: italic;
    font-weight: 600;
}
 
.site-logo-div {
    margin-right: 1em;
}

.header-right-wrapper {
    
}

.site-brand-inner {
}

.site-logo-div {
    float: left;
}


.site-title {
    margin-top: 1.2em !important;
    margin-bottom: .5em !important;
}

.site-description {
    position: inherit !important;
}


.site-title p {
    font-size: 2.5rem !important;
}

.site-title a {
    color: #545454 !important;
    font-size: 2.5rem !important;
}

.site-description {
    color: #545454 !important;    
    font-size: 1rem !important;
    line-height: 1.2 !important;
}


@media (max-width: 680px) {
    .site-logo-div {
        margin-right: 5em !important;
        max-width: 350px !important;
    }

    .site-logo-div img {
        height: 120px;
    }    
    #nav-toggle {
        position: absolute !important; 
        margin-right: 1.2em !important;
        right: 1.2em !important;
    }    
}


/*************** Menu ***************/
.onepress-menu li a:hover {
    color: #FFF;
}

.onepress-menu-mobile {
    
}


/*************** Hero ***************/
#hero .hero__content,
#hero .hero-small-text {
    text-align: left !important;
}

.btn-theme-primary {
    color: #000;
}


#primary {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/*************** Frontpage ***************/
.home #primary {
    margin-top: 4em;
}

.home .entry-content {
    width: 70% !important; /* Media Query 768 */
    margin-bottom: 0;
}


/* Flexbox */
.flexbox
{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: center;
}

.flexbox > div
{
    flex:1 1 auto;
    margin: .5em;
}


@media (max-width: 680px) {

}


/*************** Referenzen Frontpage ***************/
.referenzen-wrapper {
	position: relative;
	z-index: 1;
	background-color: #FFF;
    margin-bottom: 4em;
}

.referenzen-inside-wrapper {
	width: 100%;
	height: 100%;
}

.referenzen-singlebox {
	width: 33%;
    background-color: #f2e609;
    color: #000;
}

.referenzen-referenzen-image {
}

.referenzen-text {
    padding: 1em;
}


/***** Slider *****/ 
.flexslider {
    height: 100%;
}

.slides li {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.flexslider .flex-direction-nav {
    visibility: hidden;
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 600px) {
}

@media (max-width: 680px) {
     .flexbox {
        display: block;
    }
    .referenzen-singlebox {
        width: 100%;
    }
}




/*************** Footer ***************/
.site-footer {
    margin-top: 4em;
}

.page-template-template-frontpage .site-footer {
    margin-top: .8em;
}

.site-footer .footer-heae {
	text-align: left;
}

.site-footer .footer-heae a {
	color: #FFFFFF;
}

.site-footer .footer-heae a:hover {
	color: #d11d17;
}

.site-footer .titel-footer-heae {
	color: #FFFFFF;
	margin-bottom: 20px;
	letter-spacing: 0.8px;
}