/*
Theme Name:     GOTB Child Theme
Theme URI:      https://geeksonthebeach.ca
Description:    GOTB Master
Author:         Geeks On The Beach
Author URI:     https://geeksonthebeach.ca
Template: gotb_master
Version:        4.0
*/
/* This file was modified 2020-12-22 by Aspen Grove Studios to customize metadata in header comment */

/* =Theme customization starts here
------------------------------------------------------- */

/**
 * 1. general styles
 *  a. Gravity contact form
 * 2. Header
 * 3. Nav Menu
 * 4. Content
 * 5. Footer
 * 6.  additional-[page name]
**/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}

/* ------------- 1. general styles ------------- */



h1 {
text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.3);}



h1,h2,h3,h4,h5 {
    font-family: latienne-pro, serif!important;
}

.buttons {
    font-family: latienne-pro, serif!important;
    font-weight:700!important;
    font-size:17px!important;
}

.links-transparent a{
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.8)!important;
    color:#ffffff!important;
}

.links-transparent a:hover{
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.8)!important;
    color:#ffffff!important;
}

 .links-text a{
    border-bottom: 1px solid rgba(0, 0, 0, 0.39)!important;
    color:#0a0a0a!important;
}

.links-text a:hover{
    border-bottom: 1px solid #0a0a0a!important;
    color:#0a0a0a!important;
}


.et_pb_newsletter_button_text a {
    font-family: latienne-pro, serif!important;
}

/* grow icons effect */
.mp_m_blurb_grow:hover .et_pb_image_wrap {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.mp_m_blurb_grow:hover .et_pb_image_wrap {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0);
}



/* ------------- a. Gravity contact form ------------- */


.gform_wrapper {
    max-width: 100%;
    background-color: #ffffff;
    padding: 30px 50px;
    border-radius: 10px;
    box-shadow: 0px 50px 40px -20px rgba(0,0,0,0.13);
}



.gform_wrapper ul.gform_fields li {
    list-style: none;
}

.gform_wrapper ul.gform_fields {
    padding-left: 0 !important;
}

.gform_wrapper .hidden_label label {
    display: none;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper textarea, .gform_wrapper select {
    border-radius: 0px !important;
    background-color: #fff;
    color: #000;
    border: 0;
    padding: 15px !important;
    border: 2px solid #e6e6e6;
}

.gform_wrapper input[type=email]:focus {
    border-bottom: 1px solid black!important;
}

.gform_wrapper input[type=text]::placeholder,
.gform_wrapper input[type=email]::placeholder,
.gform_wrapper input[type=tel]::placeholder,
.gform_wrapper textarea::placeholder,
.gform_wrapper select::placeholder {
    color: #2d2d2d;
}

.gform_wrapper .gform_footer {
    text-align: right;
}

.gform_wrapper input[type=submit] {
color: #ffffff!important;
    border: 1px solid #ffffff;
    border-radius: 100px;
    font-weight: bold;
    font-family: latienne-pro, serif;
    text-transform: uppercase!important;
    background: linear-gradient(#940305, #e41821)!important;
    padding-top: 14px!important;
    padding-right: 28px!important;
    padding-bottom: 14px!important;
    padding-left: 28px!important;
    box-shadow: 0px 20px 40px -10px rgba(91, 0, 1, 0.46);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(4deg);}

.gform_wrapper input[type=submit]:hover {
    padding-left: 40px;
    padding-right: 40px;
    opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.gform_wrapper li.hidden_label input {
    margin-top: 0px!important;
}

#top-header.fixed-header{
    position: fixed !important;
    top: 0px !important;
    background: rgb(0 0 0 / 83%);
}

#top-header.fixed-header .container{ padding-top: 0px; }


@media only screen and (min-width: 641px){
.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px!important;
}}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 400;
    font-size: inherit;
}

::-webkit-input-placeholder { color: #2d2d2d !important; } /* Chrome/Opera/Safari */

::-moz-placeholder { color: #2d2d2d !important; } /* firefox 19+ */

:-ms-input-placeholder { color: #2d2d2d !important; } /* ie */

:-moz-placeholder { color: #2d2d2d !important; } /*below firefox 19 */


/* ------------- 2. Header ------------- */


/* secondary top menu bar */
#et-info {
    float: right;
}

/* Change hamburger icon on mobile menu */
.mobile_menu_bar:before {
    position: relative;
    top: 2px;
    color: #fff!important;
    left: 0;
    font-size: 45px!important;
    border-radius: 0;
    content: "\61";
}

.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_mobile_menu li a, .mobile_menu_bar:before, .et_nav_text_color_light #top-menu>li>a, .et_nav_text_color_dark #top-menu>li>a, #top-menu a, .et_mobile_menu li a, #et_search_icon:before, #et_top_search .et-search-form input, .et_search_form_container input, #et-top-navigation .et-cart-info {
    color: #fff;
}

/* *************Mobile menu ************ */

.et_mobile_menu {
    border-top: 1px solid #ededed!important}

.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
    z-index: 9999;
    color: #fff!important;
}




#main-header .et_mobile_menu .always-visitable {
    position: relative;
}
#main-header .et_mobile_menu .always-visitable .hover-link {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    right: 60px; /* right area continues to expand or collapse */}

/* primary navigation */
.et_header_style_centered nav#top-menu-nav {
    margin-top: -20px;
}
/* secondary navigation */

#et-secondary-menu {
    float: right;
    margin-top: 10px!important;
margin-right: 10px;}

/* Button header menu */
.button_tickets {
    color: #ffffff!important;
    border: 1px solid #ffffff;
    border-radius: 100px;
    font-family: latienne-pro, serif;
    text-transform: uppercase!important;
    background: linear-gradient(#940305, #e41821)!important;
    padding-top: 14px!important;
    padding-right: 28px!important;
    padding-bottom: 0px!important;
    padding-left: 28px!important;
    box-shadow: 0px 20px 40px -10px rgba(91, 0, 1, 0.46);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(4deg);
}

.button_tickets a {
color: #ffffff!important;
    font-size: 20px;
    letter-spacing: -0.2px;
   font-family: latienne-pro, serif;
}

/*.button_tickets:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}*/

.button_tickets:active {
    color: #000
}

.button_tickets:active:after {
    background: transparent;
}

@media (max-width: 980px){
.noshowmobile {
    display:none!important;
}}

/* .button_tickets::after {
  content: url(/wp-content/uploads/ticket-icon-button.png);
height:14px;
    position: absolute;
    margin:0;
    line-height: 1em;
} */

#top-menu li a, .et_search_form_container input {
    font-weight: 700;
    font-style: normal;
    margin-right: 24px;
    text-transform: none;
    text-decoration: none;
    border-bottom: 2px dashed hsla(0, 0%, 100%, 0.25);
    padding: 20px;
    border-radius: 0px;
    color: #ffffff;
    font-family: latienne-pro,serif;
}


#top-menu li a {
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.3);
}



@media (max-width: 980px) {
#logo {
    max-height: 160px!important;
}}

@media (min-width: 981px){
#logo {
    height: 150% !important;
    max-height: 150% !important;
    width: auto;
    max-width: 100% !important;
    }
}




@media (min-width: 981px){
.et_fullwidth_nav #main-header .container {
    margin-top: -60px;
}}

.et_header_style_centered #logo{
    float: left!important;
}


.select_page { visibility: hidden!important; }

@media (max-width: 980px) {
 #main-header, #main-header .nav li ul, .et-search-form {
    background-color: #ffffff00!important;
}}


@media (max-width: 980px){
.et_header_style_centered #main-header .mobile_nav {
    background-color: rgba(0, 0, 0, 0)!important;
}}

@media all and (min-width: 981px) and (max-width: 1150px) {.et_header_style_centered nav#top-menu-nav {
    margin-top: -30px;
}


#top-menu li {
    display: inline-block;
    font-size: 14px;
    padding-right: 0px;
}

.et_header_style_centered nav#top-menu-nav {
    float: right;
}
}


/* ------------- 3. Nav Menu ------------- */

.nav li ul {
    visibility: hidden;
    margin-top: 1px;
}





/* ##### DROPDOWN MENU WIDTH ##### */

.nav li ul {
    width: 260px !important; /* Width of the dropdown menu */
}

.nav li li ul {
    left: 260px !important; /* Use the same size as above */
}

#top-menu li li a {
    width: 220px!important; /* Make this 40 less then the width of the dropdown menu */
}

#et-secondary-nav li>ul {
    width: 260px;
}


/* remove the hover grey when current on dropdown-menu */
.nav ul li a:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
}

/* fix arrow align with menu title  */
#et-secondary-nav .menu-item-has-children > a:first-child:after, #top-menu .menu-item-has-children > a:first-child:after {
    top: 1px;
}



/*  Making the Menu Fixed on Mobile 
@media (max-width: 980px) {
    .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
        position: fixed;
    }
}*/



/* Dropdown Menu */

#et-secondary-nav li {
    text-align: left!important;
}


#et-secondary-nav li ul {
    background-color: #ffffff;
    border-radius: 20px;
    color: #000000!important;
    border: 1px solid #000000;
    /* border-radius: 100px; */
    text-transform: none!important;
    background: #fff;
    box-shadow: 0px 20px 40px -10px #121212c7;
}


#et-secondary-nav li li a {
    padding: 0.4em!important;
    width: 100%;
    font-size: 15px!important;
    line-height: 1.2em;
     text-align: left!important;
}

#et-secondary-nav ul li a:hover {
    background-color: #ffffff;
}

#et-secondary-nav li li {
    padding: 0 1em;
    margin: 0;
}


/* ------------- 4. Content ------------- */

/* ------------- 5. Footer ------------- */

/* Geeks on the Beach Footer Logo */

div p.credits {
    float: left;
    background: url(/wp-content/uploads/gotb-bw.png) 50% 50% no-repeat transparent;
    width: 89px;
    height: 60px;
    overflow: hidden;
    opacity: .6;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

div p.credits:hover {
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}

div p.credits a.gotb-link {
    display: block;
    background: url(/wp-content/uploads/gotb-color.png) 50% 50% no-repeat transparent;
    width: 89px;
    height: 60px;
    text-indent: -999em;
    opacity: 0;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

div p.credits a:hover.gotb-link {
    opacity: 1;
    moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.gotbcopyright {
    position: absolute;
    right: 60px;
    padding-top: 20px;
    bottom: 15px;
}


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

    #footer-info {
        position: relative;
        height: 115px;
        text-align: center;
    }
    #footer-info p.credits {
        position: absolute;
        width: 89px;
        height: 60px;
        left: 50%;
        margin-left: -44.5px;
    }
    #footer-info div.gotbcopyright {
        position: absolute;
        /*width: 400px;*/
    top: 50px;
    left: 34%;
    right: 0;
    margin-left: -64%;
    }
    #footer-info div.gotbcopyright p {
            margin-left: 22%;
    }

/*********/

header#main-header {
    height: 0px;
}

.mobile_nav.opened .mobile_menu_bar:after {
    content: "\2716" !important;
    background: none;
    background-image: none !important;
    border: none;
    color: #000 !important;
    padding: 0px !important;
    box-shadow: none;
    border-radius: 0px;
    z-index: 9999;
        font-size: 17px;
}

#mobile_menu{ z-index: 9; }

.et_header_style_centered .et_menu_container .opened .mobile_menu_bar{
    position: absolute !important;
    right: 20px !important;
    top: -40px !important;
     z-index: 9999;
    color: #000!important;
    font-size: 17px;
}

header#main-header .container{ width: 100%; }

#mobile_menu{ padding-top: 50px; }

.logo_container {
    max-width: 80%;
    margin: 0 auto;
}

.mobile_nav.closed .mobile_menu_bar:after{
    margin-right: 30px;
}

.et_header_style_centered #et_mobile_nav_menu {
    margin-top: 0px;
}

ul#mobile_menu {
    top: -63px;
    padding-bottom: 75px;
}

.button_tickets a{
    width: max-content; 
    padding: 7px 0% !important;
}

.button_tickets{
    margin: 17px 0px 8px 45px;
    width: max-content;
    padding-top: 3px!important;
    padding-bottom: 0px!important;
}

.et_mobile_menu li.button_ghostlywalks a,
.et_mobile_menu li.button_history a,
.et_mobile_menu li.button_chinatown a{
    font-size: 20px !important ;
    font-family: latienne-pro,serif;
}

.et_mobile_menu li a {
    font-size: 17px !important;
}

.et_mobile_menu li a {
    border-bottom: 1px solid #f0f0f0;
    color: #666;
    padding: 15px 5%!important;
    display: block;
}

img#logo{ z-index: 9999; }

#et_mobile_nav_menu{ z-index: 999; }

.logged-in  .et_header_style_centered #main-header .container {
    padding-top: 0;
}

.et_non_fixed_nav.et_transparent_nav #main-header{
    position: relative !important;
    padding: 0px 0;
}

.et_header_style_centered #main-header .container {
    padding-top: 20px;
}

/*********/
}

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

#logo {
    max-height: 130px!important;
}

.mobile_nav.closed .mobile_menu_bar:after {
    margin-right: 10px;
    padding-top: 8px!important;
    padding-right: 25px!important;
    padding-bottom: 6px!important;
    padding-left: 25px!important;
}

}

.et_header_style_centered .et_menu_container .mobile_menu_bar {
    position: absolute;
    right: 5px;
    top: -5px;
}


#menu-tours-footer a {
  font-family: latienne-pro,serif;
}

#menu-tours-footer a:hover {
opacity:0.6;
}



@media screen and (min-width: 981px) {
.underline {
  background-repeat: repeat-x;
}
    
.underline--stars {
    background-image: linear-gradient(120deg,rgba(255, 255, 255, 0.65) 0%,#9e030700 100%);
    background-repeat: no-repeat;
    background-size: 70% 0.2em;
    background-position: center;
    background-position: 20% 88%;
    transition: background-size 0.25s ease-in;
}
}