/*
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
------------------------------------------------------- */

/**
 * 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 ------------- */

/* ------------- 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: #e5efef00;
    color: #333;
    padding: 10px !important;
    border: 2px solid #e5efef;
}
.gform_wrapper input[type=email]:focus {
    border: 2px solid #e5efef;
}
.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: #333;
}
.gform_wrapper .gform_footer {
    text-align: right;
}
.gform_wrapper input[type=submit] {
    color: #fff!important;
    border-width: 0px!important;
    border-radius: 100px;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-color:#80afb1;;
    padding-top: 15px!important;
    padding-right: 40px!important;
    padding-bottom: 15px!important;
    padding-left: 30px!important;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 600;
    font-size: inherit;
}
.gform_wrapper input[type=submit]:hover {
    background-color: rgba(32, 178, 170, 1);
    transition-duration: .3s;
    padding-left: 35px;
    padding-right: 35px;
}
.presc-section {padding-top:20px!important;}
.gform_wrapper h2.gsection_title {
    color: #014c50;
}

/* 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);
}

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

.et-menu li li a {
    padding: 6px 20px;
    width: 280px;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu {
    border-width: 0px;
    border-radius: 5px;
    right: auto!important;
    left: 0!important;
    padding: 0;
    right: 0;
    width: 280px!important;
}
.nav ul li a:hover, .et_mobile_menu li a:hover {
    background-color: #ffffff!important;
    opacity: 1;
}


@media screen and (min-width: 981px){
.dfh-18 .sub-menu:before {
display:none!important;
}}
/* ------------- 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%;
	}


}

/* ------------- 6. additional-[page name] ------------- */


.underline--magical {
    background-image: linear-gradient(#74a2a5cc 0%,#80afb1 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.6em;
    background-position: 0 100%;
    transition: background-size 0.25s ease-in;
}
.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 12px;
}

@media screen and (min-width: 980px){
.swiper-button-prev, .swiper-button-next {
	display:none!important;
	}
.swiper-container {
    margin-left: 0px!important;
    margin-right: 0px!important;
}}
	
.swiper-button-prev .swiper-button-next {  left: 0px!important;}

@media screen and (max-width: 980px){
.swiper-container {
    margin-left: 50px!important;
    margin-right: 60px!important;
	}}
    
    
.et_mobile_menu .menu-item-has-children > a:after {
    content: '\50';
    font-family: 'ETmodules';
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    right: 10px;
    top: 13px;
}

.et_mobile_menu .menu-item-has-children > a:after {
 font-family: 'ETmodules';
    content: "3"!important;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 800;
}

.dfh-18 .et_mobile_menu li:not(:last-child) a, .dfh-18 .nav li li:not(:last-child) {
    border-bottom: 1px solid rgb(229 239 239)!important;
}


@media screen and (min-width: 980px){ .covid19link {display:none!important;}}