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

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

/*** 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, h2, h3, h4, h5, h6 {overflow-wrap: normal;}

sup {
    position: relative;
    top: -0.5em;
    font-size: 12px;
    margin-right: 2px;
}

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

.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: inherit;
    font-family: sans-serif;
    border: 0;
    padding: 10px !important;
    border: 1px solid #eeeeee;
}
.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 0;
}
.gform_wrapper input[type=email]:focus {
    border: 1px solid #eeeeee;
}
.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: inherit;
    font-family: inherit;
}
.gform_wrapper .gform_footer {
    text-align: right;
}
.gform_wrapper input[type=submit] {
	border: 0;
    background-color: #333333;
    color: #ffffff;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: inherit;
    font-size: inherit;
    transition-duration: .3s;
    border-radius: 0px;
    padding: 8px 28px;
    cursor:pointer;
}
.gform_wrapper input[type=submit]:hover {
    transition-duration: .3s;
    opacity:0.9;
}
.gform_legacy_markup_wrapper .gform_footer {
    margin: 0px 0 0;
}
/* 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);
}
/* ------------- 3. Nav Menu ------------- */
/** #####  CALL TO ACTION BUTTON in the menu item  ##### 
/* Desktop & tablet, call to action menu */
.menu_cta {
    background-color: #fff;
    color: #212121;
    border: 1px solid #212121;
    padding: 0 !important;
    border-radius: 25px;
}
.menu_cta a {
    color: #212121 !important;
    padding: 11px 20px 13px 20px !important;
}
/* Mobile call to action menu */
@media (max-width: 980px) {
    .menu_cta {
        margin: 20px 40px 20px;
    }
    .menu_cta a {
        text-align: center;
}}

/* ##### DROPDOWN MENU WIDTH ##### */
.nav li ul {
    width: 300px !important; /* Width of the dropdown menu */
}
.nav li li ul {
    left: 300px !important; /* Use the same size as above */
}
#top-menu li li a {
    width: 260px; /* Make this 40 less then the width of the dropdown menu */
}
/* remove the hover grey when current on dropdown-menu */
.nav ul li a:hover {opacity: 1; background-color: rgba(0, 0, 0, 0);}

.et-menu li li a {
    padding: 6px 15px;
    width: 260px;
}
.et_pb_menu .et-menu-nav>ul ul {
padding: 10px 0;} 


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

/* Vertically Center Text in 2 columns - Make equal heights check */

.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}
li {padding-bottom: 0.4em;}

a {text-underline-offset: 2px;}