/*
Theme Name: R.U.S.Z.
Author: Pushing Pixels - Daniela Maurer, Daniel Kurdoghlian
Author URI: https://pushingpixels.at
Template: vamtam-landscaping
Text Domain: wp_rusz
*/

/* cooper black  https://fonts.adobe.com/fonts/cooper-black?src=GoogleFonts */
@import url("https://use.typekit.net/buw7vsr.css");
/*
Cooper Std Black Italic
font-family: cooper-black-std, serif;
font-weight: 400;
font-style: italic;

Cooper Std Black
font-family: cooper-black-std, serif;
font-weight: 400;
font-style: normal;
*/

/********************************
 *          Titelbild           *
 ********************************/
.has-background .meta-header-inside {
    display: flex;
    align-items: center;
    height: 35vh;
    max-height: 400px;
}
.has-background .meta-header-inside h1 {
    font-size: 2.4em;
    text-shadow: 0 0 5px black;
}

@media only screen and (max-width: 992px){
    /************************************
     *          Titelbild Tab           *
     ************************************/
    body.responsive-layout #sub-header.has-background .meta-header-inside {
        height: 25vh !important;
    }
    body.responsive-layout #sub-header.has-background .meta-header-inside h1 {
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 768px){
    /************************************
     *        Titelbild Handy           *
     ************************************/
	header.main-header .first-row.header-content-wrapper {
		padding-top: 45px;  /* Abstand oben damit sich der language switcher ausgeht */
	}
    body.responsive-layout #sub-header.has-background .meta-header-inside {
        height: 15vh !important;
    }
    body.responsive-layout #sub-header.has-background .meta-header-inside h1 {
        font-size: 1.1em;
    }
}


.fixed-header-box .logo-wrapper .logo.text-logo,
.fixed-header-box .logo-wrapper .site-tagline
{ display: none !important;}
@media only screen and (max-width: 900px){
    .fixed-header-box .logo-wrapper .logo.text-logo,
    .fixed-header-box .logo-wrapper .site-tagline
    { display: inline-block !important;}
    #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-flyout ul.mega-sub-menu {
        width: 100% !important;
    }
    #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
    {
        text-align: center;
    }
    .responsive-layout header.main-header .first-row .logo-wrapper .text-logo,
    .responsive-layout header.main-header .first-row .logo-wrapper .site-tagline {
        font-family: cooper-black-std, serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
    }
    .responsive-layout header.main-header .first-row .logo-wrapper .site-tagline {
        color: #525353 !important;
    }
    body.responsive-layout .ajax-portfolio-title {
        font-size: 140% !important;
    }
}


.breadcrumbs-wrap {
    padding: 0;
    margin: 10px;
}
.breadcrumbs {
    max-width: 1413px;
    margin: 0 auto;
}


#sub-header .text-shadow {
    -webkit-animation: none !important;
    animation: none !important;
}

.page-header {
    left: 50% !important;
    transform: translateX(-50%) !important;
    flex-direction: column !important;
}

.page-header h1 {
    text-align: center !important;
}
.page-header .page-header-line {
    width: 50vw !important;
    height: 4px !important;
    background: #ec6727 !important;
}

#top-nav-wrapper .fl-rich-text *,h1,h2,h3,h4,h5,h6,
.cooper-black,
.cooper-black * {
    font-family: cooper-black-std, serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
 }

.rounded-box > .fl-node-content {
    border-radius: 50%;
}


.white_link a:hover {
    text-decoration: none;
    color: #ffffff;
    border-color: #ffffff;
}

.zoom-pic {
    position: relative;
    overflow: hidden;
}
.zoom-pic img {
    transition: all 0.6s linear !important;
    transform: scale(1.0) !important;
}
.zoom-pic:hover img {
    width: 100%;
    height: auto;
    transform: scale(1.1) !important;
}


#comments_text_above {
    margin: 0;
}
#comments_text_above + .respond-box { padding-top: 0; }


#geraeteliste table {
    width: 100%;
}
#geraeteliste table th {
    font-weight: 700;
}
#geraeteliste table th:nth-child(+n+2),
#geraeteliste table td:nth-child(+n+2) {
    width: 15%;
    text-align: center;
}





#main-footer .vamtam-button {
    border: 0 !important;
    box-shadow: none !important;
}

.social_icon_group .fl-icon-group {
    display: flex;
    justify-content: center;
}

/* booking */
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title {
    color: #ec6727;
}
body table.booked-calendar td.today .date span {
     border: 2px solid #ec6727;
}



#social_icon_group_large .fl-icon { margin: 0 3em 3em; }
#social_icon_group_large .fl-icon i { font-size: 6.3rem; }
#social_icon_group_large .fl-icon .fa-facebook-square,
#social_icon_group_large .fl-icon .fa-twitter-square {
    font-size: 5.5rem;
    padding-top: 0.4rem;
}

/* comments / guestbook */
.cbp-wrapper-outer .comment-inner .comment-time {
    color: #525353;
}
label[for="wp-comment-cookies-consent"] { color: #000; }
body.page-template-guestbook-php #commentform .comment-note {
    background-color: #fff;
    padding: 0 .2em;
}

#footer-main-links a {
    padding: 0 0.5em;
}
#footer-main-links a:hover,
#footer-main-links a:active,
#footer-main-links a:focus {
    color: #ec6727;
}

#footer_menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0;
}
#footer_menu ul a {
    padding: 0.2em 0.4em;
    margin: 0 1em;
    text-align: center;
    display: inline-block;
}

@media (max-width: 600px){

    #footer_menu ul {
        list-style: none !important;
        display: block;
        margin: 0;
        text-align: center;
    }
}

.fl-subscribe-form {
    text-align: center;
}
#nl_footer .fl-subscribe-form-inline {
    justify-content: center;
    align-items: center;
}
#nl_footer .fl-subscribe-form-inline input[type=text] {
    margin-bottom: 0;
}
#nl_footer .fl-subscribe-form-inline .fl-form-field,
#nl_footer .fl-subscribe-form-inline .fl-form-button {
    margin-bottom: 10px;
}

#scroll-to-top {
     background: #fff;
     color: #ec6727;
    border: 1px solid #ec6727;
 }

