/*
 Theme Name:   Eastside Zen
 Description:  Child Theme based on Ultra Theme
 Author:       OFF unit
 Author URI:   https://offunit.com
 Template:     themify-ultra
 Version:      1.0.0
*/

/* Custom Fonts */
@import url('https://fonts.googleapis.com/css2?family=Imperial+Script&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* font-family: "Roboto", sans-serif; font-family: "Imperial Script", cursive; */

/* Variables */
:root { --white: #fff; --black: #000; --cyan: #c4dcde; --sky-blue: #d8e6dd; --teal: #174c60; --gold: #ffce81; --main-copy: #353535; }

/* Reset */
body { font-family: "Roboto", sans-serif; color: var(--main-copy); }
#headerwrap, #footerwrap {border: none; }
#content { padding:0; }
h2 { font-size: 3em; line-height: 1em; }
h2 span { text-transform: none; font-size: 1.5em; font-weight: 400; margin: -50px 0 0 -10px; }

/* Sticky header hot fix */
.fixed-header .header-bar, .fixed-header .search-button, .fixed-header .header-widget {
    display: block;
}

#header { padding: 0; }
.transparent-header #headerwrap.fixed-header { background-color: rgba(255, 255, 255, .5); height: 100px;  }
.fixed-header #header { padding-block: 0; }

#site-logo { margin: 0; top: 0px; position: relative; height: 180px; }

#main-nav-wrap { padding-top: 20px; }
.main-nav li, .footer_menu li, .module .nav.transparent li, .on_page_menu li, .footer-nav li { border-right: 2px var(--teal) solid; }
.main-nav li:last-child, .footer_menu li:last-child, .module .nav.transparent li:last-child, .on_page_menu li:last-child , .footer-nav li:last-child{ border: none; }
#main-nav a { color: var(--teal); font-weight: 600; text-transform: uppercase; }
#main-nav a:hover, #main-nav .current-menu-item>a, #main-nav .current_page_item>a { color: #297089; }
#main-nav .highlight-link>a { background-color: hsl(196, 62%, 24%, .8); color: var(--gold); }


.boxed-text { font-size: 1.5em; font-weight: 600; padding: .5em; margin-bottom: .5em; text-transform: uppercase; width: 100%; border: solid 2px var(--teal); }

.boxed-label { font-size: 1.5em; font-weight: 600; padding: .5em; margin-bottom: .5em; text-transform: uppercase; width: 100%; border: solid 0 var(--teal); background-color: var(--sky-blue); }

.font-cursive { font-family: "Imperial Script", cursive; }
.text-transform--uppercase { text-transform: uppercase; }
.text-align--center { text-align: center; }
.text-align--right { text-align: right; }
.color--white { color: var(--white); }
.color--black { color: var(--black); }
.color--teal { color: var(--teal); }
.color--gold { color: var(--gold); }
.color--sky-blue { color: var(--sky-blue); }

#footerwrap { padding: 0 2em; }

.footer-nav { width: 100%; text-align: right; margin-top: 5% !important;  }
.footer-nav a { color: var(--teal) !important; font-size: 1em; text-transform: uppercase; font-weight: 600; margin: 0 .8em !important; }

.footer-text-inner { text-align: right; color: var(--teal); }
.footer-text-inner a { color: var(--teal); }


@media (max-width: 680px) {
	.fixed-header #site-logo img:not(.tf_sticky_logo) { max-height: 80px; }
}