/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0
*/

/* The following imports are meant to be left alone 
** (additional css within style.css will override any @import css)
----------------------------------------------------------------------------- */

/* Divi Imports */
@import url("css/general.css");
@import url("css/footer.css");
@import url("css/login-module.css");

/* WooCommerce Imports */
@import url("css/woocommerce-checkout.css");
@import url("css/woocommerce-my-account.css");

/* Theme customization starts here...
----------------------------------------------------------------------------- */

/******************************************************************************\
*** General
\******************************************************************************/

/* Reverse Columns */
@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
	.reverse .et_pb_column {
		margin-bottom: 0px;
	}
	.reverse .et_pb_column:last-of-type {
		margin-bottom: 30px;
	}
} 

/******************************************************************************\
*** Header
\******************************************************************************/

/* Top Menu */
#top-menu li a {
    font-weight: 600 !important;
	letter-spacing: 1px !important;
}

/* Menu */
#top-menu a {
    font-weight: 600 !important;
}

/* Main Header */
#main-header {
    box-shadow: none;
}

/* Transparent Header – Main Header */
.et_transparent_nav #main-header {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Transparent Header – Link Colors (1st Level) */
.et_transparent_nav #et-top-navigation nav > ul > li > a,
.et_transparent_nav #et-top-navigation nav > ul > li > a {
    color: white;
}
.et_transparent_nav #et_search_icon:before {
	transition: all 0.4s ease-in-out;
    color: white;
}
.et_transparent_nav .et-search-form input {
	font-weight: 600;
    color: white !important;
}
.et_transparent_nav .et-search-form input::placeholder {
	font-weight: 600;
    color: #fff;
}
.et_transparent_nav span.et_close_search_field:after {
	color: #fff;
}
.et_transparent_nav a.et-cart-info {
    color: #fff;
}

/* Transparent Header – Link Colors (1st Level) */
.et_transparent_nav .et-fixed-header #et-top-navigation nav > ul > li > a,
.et_transparent_nav .et-fixed-header #et-top-navigation nav > ul > li > a {
    color: initial;
}
.et_transparent_nav .et-fixed-header #et_search_icon:before {
    color: initial;
}
.et_transparent_nav .et-fixed-header .et-search-form input {
    color: initial !important;
}
.et_transparent_nav .et-fixed-header .et-search-form input::placeholder {
    color: initial;
}
.et_transparent_nav .et-fixed-header span.et_close_search_field:after {
	color: initial;
}
.et_transparent_nav .et-fixed-header a.et-cart-info {
    color: initial;
}

@media (min-width: 981px) {
	.et_transparent_nav #main-header.et-fixed-header {
		background-color: #ffffff!important;
	}
}

/* Menu Dropdown */
.nav li ul {
    width: 250px;
}
#top-menu li li a {
    width: 210px;
}
.dropdown-menu-pr0 ul {
	right: 0px !important;
}

/* Mobile Menu – Hamburger Icon */
.mobile_menu_bar:before {
	color: #666 !important;
    font-size: 36px !important;
}
.et_transparent_nav .mobile_menu_bar:before {
    color: #fff !important;
}

/* Mobile Menu */
.et_mobile_menu {
    max-width: 280px;
    width: 50%;
    right: 0;
    left: initial;
    min-width: 220px;
}
.et_mobile_menu li:last-of-type a {
	border-bottom: none;
}
.et_mobile_menu .menu-item-has-children > a {
    font-weight: inherit;
    background-color: transparent;
}

.et_transparent_nav header.et-fixed-header #logo {
    content: url(/wp-content/uploads/2018/11/geclogo-brown-transparent.png)!important;
}

#et-top-navigation .et-cart-info {
    color: #ffffff !important;
	-webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/******************************************************************************\
*** Gravity Forms
\******************************************************************************/

.home.woocommerce div.product form.cart .variations td {
    padding: 0 !important;
}

/******************************************************************************\
*** Gravity Forms
\******************************************************************************/

.gfield input.text, .gfield input.title, .gfield input[type=email], .gfield input[type=password], .gfield input[type=tel], .gfield input[type=text], .gfield select, .gfield textarea {
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    padding: 12px !important;
    color: #ffffff;
}

.gfield input.text:focus, .gfield input.title:focus, .gfield input[type=text]:focus, .gfield select:focus, .gfield textarea:focus {
    color: #ffffff;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 16px;
}

.gform_footer.top_label .et_pb_button {
	color: #ffffff !important;
	cursor: pointer;
	background: #50210b !important;
	border: none !important;
	padding: 0.3em 1em !important;
}

.gform_footer.top_label .et_pb_button:hover {
	padding: 0.3em 1.2em !important;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 400 !important;
}
.gform_wrapper.gravity-theme .ginput_complex label {
    font-size: 13px !important;
    padding-top: 4px !important;
}