/*
Theme Name: Wizardly Child
Description: Wizardly Child Theme
Author: Wizardly
Template: oshin
Version: 1.2
*/

@import url("../oshin/style.css");


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
============== HEADER / HERO IMAGE / NAVIGATION ================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#navigation a, #navigation-right-side a, #navigation-left-side a {
    color: #678276 !important;
}   


body.header-transparent.admin-bar #header #header-inner-wrap.no-transparent.top-animate, body.sticky-header.admin-bar #header #header-inner-wrap.no-transparent.top-animate {
    box-shadow: 0 1px 1px transparent;
    background-color: rgba(255, 255, 255, 1) !important;
    background: rgba(255, 255, 255, 1) !important;
}

body.header-transparent #header-inner-wrap #header-wrap {
    line-height: 90px !important;
} 

#header-inner-wrap.top-animate, body.header-transparent.top-animate #header #header-inner-wrap.no-transparent.top-animate {     
    box-shadow: 0 1px 1px transparent;
    background-color: rgba(255, 255, 255, 1) !important;
    background: rgba(255, 255, 255, 1) !important;
 }
 
 div#header-inner-wrap {
         box-shadow: 0 1px 1px transparent;
    background-color: rgba(255, 255, 255, .0) !important;
    background: rgba(255, 255, 255, .0) !important;
 }

#header-inner-wrap.background--dark.transparent .be-mobile-menu-icon, #header-inner-wrap.background--dark.transparent .be-mobile-menu-icon span, #portfolio-title-nav-bottom-wrap .background--dark .home-grid-icon span {
    background-color: #678276 !important;
}

#header-controls-left .header-widgets a {
    margin-right: 1.5em;
    color: #678276 !important;
}


#header-controls-right .header-widgets a {
    margin-left: 1.5em;
    color: #678276 !important;
}
span.header-widgets a:hover {
    opacity: .4;
    transition: opacity .8s;
}

.header-widgets i {
    font-family: "Hans Kendrick Medium";
}

#daily-menu p {
    font-family: "Hans Kendrick Heavy" !important;
}

.style8 .logo a {
    margin: 0 auto !important;
    text-align: center !important;
    max-width: 47px !important;
}

#footer a:hover {
        opacity: .4;
    transition: opacity .8s;
}

/*----CUSTOMIZE THE HEADER AREA----*/
@media only screen and (min-width: 1023px) {
.hamburger-nav-controller-wrap {
    float: right;
}

div#header-controls-right {
    width: 45%;
}

div#header-controls-left {
    width: 45% !important;
    text-align: right;
}
}

/*--@media only screen and (min-width: 768px) {
div#header-controls-left {
    width: 45% !important;
    clear: right;
    text-align: right;
}

div#header-controls-right {
    width: 45% !important;
    clear: left;
    text-align: left;
}
}--*/


#slidebar-menu a {
    font-family: "Libre Baskerville" !important;
    font-size: 16px;
    font-weight: bold;
}


/*----------STORY HEADER BACKGROUND COLOR---------*/
/*--.page-id-20 div#header-wrap {
    background: rgba(103, 130, 118, .7) !important;
}

.page-id-20 div#header-wrap a {
   color: #fff !important;
}

.page-id-20 #header-inner-wrap.background--dark.transparent .be-mobile-menu-icon, #header-inner-wrap.background--dark.transparent .be-mobile-menu-icon span, #portfolio-title-nav-bottom-wrap .background--dark .home-grid-icon span {
    background-color: #fff !important;
    color: #fff !important;
}

.page-id-20 #header .be-mobile-menu-icon span {
    background-color: #fff !important;
}----*/


span.top-bar-widgets a {
    font-size: 12px !important;
    color: #fff !important;
    font-family: 'Libre Baskerville';
    font-weight: 900;
}

div#header-top-bar {
    position: fixed;
    width: 100%;
    margin: 0 auto;
}

#drinks .ui-accordion .ui-accordion-content {
    padding: 0 40px 20px !important;
    margin-top: 1em !important;
    background-color: #F2F1ED !important;
    font-size: 15px;
    text-align: center;
}

#drinks .accordion .accordion-head {
    font-size: 26px !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
    padding: 20px 20px 0;
    letter-spacing: 2px !important;
    font-family: "Hans Kendrick Heavy" !important;
    text-align: center;
        margin: 0 auto;
}

.tatsu-row.drinks-row {
    background-color: #F2F1ED;
}

#drinks .ui-accordion-header-active:before, .ui-accordion-header:before {
    margin-right: 5px !important;
}

#drinks .tatsu-module.tatsu-text-inner.clearfix {
    margin-bottom: 0 !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
===================== CONTENT AREA / BODY ======================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.icon-arrow_carrot-up:before {
    content: "\e734";
    color: #fff;
}

a.tatsu-shortcode {
    font-family: "Hans Kendrick Heavy";
}

#daily-menu .tatsu-column-pad div:nth-child(2) {
background-color: rgba(242, 241, 237, .7);
padding: 77px 0;
}

#daily-menu .tatsu-column-pad div:nth-child(2) p {
min-height: 100px;
line-height: 40px !important;
}


#daily-drink .grid-wrap .grid-col {
background-color: rgba(242, 241, 237, .7);
padding: 35px 0;
}

#daily-drink .grid-wrap .grid-col {
min-height: 100px;
line-height: 25px !important;
}

.accordion .accordion-head {
        font-size: 16px !important;
        line-height: 26px !important;
    text-transform: none !important;
    letter-spacing: 2px !important;
    font-family: "Hans Kendrick Heavy" !important;
}

.ui-accordion .ui-accordion-content {
    padding: 20px !important;
    margin-top: 1em !important;
    background-color: #fff !important;
     font-size: 15px;
}   

.accordion .accordion-head  h3 {
        font-size: 16px !important;
        line-height: 26px !important;
}    

textarea.txt_area.autoclear {
    height: 150px;
}

.special-heading-wrap.style2 .special-heading {
    padding: 10px 25px !important;
}

#say-hello hr {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    border: 1.5px solid #CEB651 !important;
    max-width: 75px !important;
    text-align: center !important;
}

/*-------STORY PAGE SPECIAL TITLE---------*/

.page-id-20 #story-header .special-heading-wrap.style2 .special-heading {
    border: 0 !important;
    background: rgba(206,182,81,0.86) !important;
    border-color: rgba(206,182,81,0.86) !important;
    padding: 5%;
}    

input.contact_submit.tatsu-button.rounded.largebtn {
    font-family: "Hans Kendrick Heavy" !important;
}

input.contact_submit.tatsu-button.rounded.largebtn:hover {
       background: rgb(206,182,81) !important;
       color: #fff !important;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
=================== FOOTER / FOOTER WIDGETS ====================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer-content-inner-center {
    display: inline-grid;
    font-size: 7px;
}

#footer-wrap {
    max-width: 1000px !important;
    margin: 0 auto;
}


#footer div {
    text-align: center;
}


#footer hr {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    border: 1.5px solid #CEB651 !important;
    max-width: 75px !important;
    text-align: center !important;
}

#footer-wrap a {
    margin-right: 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
=================== CSS ANIMATION BACKGROUND ===================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
=================== PLUGIN / PLUGIN WIDGETS ====================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
======================== MEDIA QUERIES =========================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media only screen and (min-width: 768px) {
#home-header .tatsu-single-image-inner {
    width: 75vh !important;
    text-align: center;
    margin: 0 auto !important;

}

/*--body #header-inner-wrap.top-animate #navigation, body #header-inner-wrap.top-animate #navigation-left-side, body #header-inner-wrap.top-animate #navigation-right-side, body #header-inner-wrap.top-animate .header-controls, body #header-inner-wrap.top-animate #header-wrap, body #header-inner-wrap.top-animate #header-controls-right, body #header-inner-wrap.top-animate #header-controls-left {
    line-height: 155px;
}--*/


.top-animate .style5 .logo, .style6 .logo {
    margin-top: 60px;
    margin-bottom: 15px;
}
}

/*------------IPAD PORTRAIT-----------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}    


/*------------IPHONE PORTRAIT-----------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {

.home .logo {
    display: none !important;
}

div#header-top-bar {
    display: none !important;
}

span.header-widgets a {
    font-size: 9px;
    line-height: 15px;
    letter-spacing: 0 !important; 
    margin: 0 auto !important;
}

#header-controls-left {
    display: inline;

    margin: 0 auto !important;
    float: none !important;
    line-height: 5px !important;

}

#header-controls-right {
    display: inline;
    margin: 0 auto !important;
    float: none !important;
    line-height: 5px !important;
     padding-top: 15px !important;
}

.shiftnav-inner {
    background-color: #678276 !important;
}

.shiftnav-inner a {
    color: #fff !important;
}

span.header-widgets {
    text-align: center !important;
    margin:   2em;
    width: 100% !important;
}

#header-controls-left .header-widgets a {
    color: #678276 !important;
    margin: 0 auto !important;

    padding: 0 !important;
    margin-right: 0 !important;
}

#header-controls-right .header-widgets a {
    color: #678276 !important;
    margin: 0 auto !important;

    padding: 0 !important;
    margin-right: 0 !important;
}

#home-header .tatsu-section-pad.clearfix {
    padding-top: 0 !important;
}

#food.tatsu-section.tatsu-clearfix {
        background: none !important;

}

#menu.tatsu-section.tatsu-clearfix {
        background: none !important;

}

#drinks.tatsu-section.tatsu-clearfix {
        background: none !important;
}

#good-to-know .tatsu-empty-space {
    height: 15px !important;
}

#footer div {
    text-align: center;
    line-height: 25px !important;
}

#footer hr {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}    

/*-.contact_form.contact_form_module.oshine-module.style2.style1-input {
    padding: 0 3% !important;
}--*/

#say-hello .tatsu-column-pad {
    padding: 15px 0 0 !important;
    text-align: center !important;
}
#say-hello .tatsu-column.tatsu-one-col {
    margin: 0 auto !important;
    max-width: 85%;
}

.page-id-20 .logo {
    display: none !important;
}
}