/*
 Theme Name:     Oasis Audio
 Description:    Divi Variant
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Carrois+Gothic|Cormorant+Garamond|Oswald');

/*font-family: 'Oswald', sans-serif;*/

body, p {
	font-family: 'Carrois Gothic', sans-serif;	
/*	font-size: 14px !important;*/
	font-size: 110% !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Carrois Gothic', sans-serif;	
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #337d72;
}

.entry-content h2, .entry-content h3, .entry-content h4 {
	padding-top: 20px;
}

.et_pb_team_member_description h4 {
    font-size: 25px !important;
}

.left50 {
	width: 50%;
	float: left;
}

.right50 {
    float: right;
    width: 50%;
}

#top-header {
    z-index: 9;
}

#top-header #et-info {
	width: 100% !important;
}

#top-header .et-social-icons {
    display: inline-block;
    float: right !important;
}

.et-cart-info {
	display: none;
}

#main-header{
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;}
    #main-header.et-fixed-header {
        top: 0 !important;}

#main-header {
	border-bottom: 5px solid #337d72;
	background: url(../OasisAudioDivi/images/header-background.png) center bottom no-repeat;
/*	background-image: url(../OasisAudioDivi/images/header-background.png);
	background-position: center bottom;
	background-repeat: no-repeat;*/
}

#main-header .container {
	border-bottom: 5px solid #ffffff;
}

#home-slider .et_pb_slide {
	background-color: #e9e9e8;
	background: url(../OasisAudioDivi/images/rotator-background.png) center top no-repeat;
}

/*#et-main-area {
	background: url(../OasisAudioDivi/images/rotator-background.png) center top no-repeat;
	background-position: center top;
	background-size: 100% auto;	
}*/

#main-content, .et_pb_section {
	background: none;
}

#partners-slider, #partners-slider .et_pb_container { 
    height: 285px !important; 
}
#partners-slider, #partners-slider .et_pb_slide { 
    max-height: 285px; 
    max-width: 240px;
}
#partners-slider .et_pb_slide_description { 
    position: relative; 
    top: 25%; 
    padding-top: 0 !important; 
    padding-bottom:0 !important; 
    height:auto !important; 
}

ul.products {
	list-style-type: none !important;
	min-height: 350px !important;
	
}

ul.product-cats li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 4.236em;
    text-align: center;
    position: relative;
}
ul.product-cats li img {
    margin: 0 auto; 
}

.home ul.products {
	min-height: 420px !important;	
}

#series-page ul.product-cats li {
    min-height: 300px;
}

#downloads ul.product-cats li {
    min-height: 330px;
}

.et_pb_fullwidth_header {
	padding: 40px 0 0 0 !important;
}

.page-template-default .et_pb_row.et_pb_row_fullwidth, .page-template-default .et_pb_specialty_fullwidth > .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
}

.cat_see_more {
    text-align: right;
    padding-top: 22px;
}

.authors {
    float: left;
    margin-bottom: 5px;
    position: relative;
    width: 33%;
}

/* @group Woocommerce */

/* Turn off Cart */
.woocommerce-breadcrumb {
	display: none;
}

#sample-single-product {
	clear: both;
	float: left;
	width: 100%;
}

.audio-player, .audio-player audio {
	width: 100%;
	max-width: 330px !important;
}

.iframe_like {
	height: 30px !important;
	padding-top: 9px !important;
}

.woocommerce #content div.product form.cart, .woocommerce div.product form.cart, .woocommerce-page #content div.product form.cart, .woocommerce-page div.product form.cart {
	display: none;
}

.product_meta {
	padding-top: 0px !important;
	font-size: 18px !important;
	line-height: 28px !important;
}

.product_meta h3 {
	padding-top: 7px;
}

.woocommerce div.product div.images img {
    max-width: 330px !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	display: none;
}
	
	
/* @end */

/* @group Gravity Forms */

.workshop-application .gfield_required {
	display: none;
}

.womens-workshop-list {
	width: 175px;
	float: left;
}


.mens-workshop-list {
	width: 175px;
	float: left;
}


/*** FIELD STYLING ***/
input[type=text],
textarea {
	background: #fff;
	border: none;
	border-radius: 0;
	color: #999 !important;
	padding: 15px !important;
}
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button {
	float: right;
	background: transparent;
	border: 2px solid #337d72;
	font-size: 22px;
	color: #337d72;
	padding: 12px 23px;
	border-radius: 5px;
	letter-spacing: 2px;
	cursor: pointer;
	margin-bottom: 20px !important;
}

/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover {
	background: rgba(0, 0, 0, 0.05);
	border: 2px solid transparent;
}

/*** NEWSLETTER FORM ***/
#field_6_2 {
	width: 80% !important;
}

#gform_6 > .gform_footer {
    display: inline-block;
    vertical-align: top;
    padding: 35px 0 0 0;
    width: 20%;
}
 
#gform_6 .gform_body {
    display: inline-block;
    float: left;
    width: 80%;
}

/*** SIDEBAR FORM ***/
#gform_widget-2 {
	background-color: #939862;	
	padding: 25px !important;
}

#gform_widget-2 h4 {
	font-size: 36px !important;
	font-style: normal !important;
}

#gform_widget-2 .gform_wrapper .top_label input.medium {
	width: 100% !important;
}

#gform_widget-2 #field_5_2 {
	padding-right: 3px !important;
}

#gform_widget-2 gform_footer top_label {
	margin-top: 0px !;
}

#gform_widget-2 #gform_submit_button_5 {
	color: #ffffff !important;
	font-family: Oswald;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid #FFFFFF !important;
	border-radius: 0px !important;
	padding: 5px 15px;
	float: left !important;
}



/*** FOOTER FORM ***/

.footer-widget #field_2_2 {
	width: 80% !important;
}

.footer-widget #gform_2 > .gform_footer {
    display: inline-block;
    vertical-align: top;
    padding: 58px 0 0 0;
    width: 20%;
}

.footer-widget #gform_widget-2 {
	background-color: #e9e9e8;	
	padding: 15px !important;
	margin-top: -15px !important;
}
 
.footer-widget #gform_2 .gform_body {
    display: inline-block;
    float: left;
    width: 80%;
}

#main-footer .gform_wrapper .gform_footer input.button {
	border: 1px solid #535353;
}

/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
#gform_widget-2 .gfield_label, #main-footer .gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	display: none !important;
}

#gform_widget-2 div.ginput_container_name span, #main-footer div.ginput_container_name span {
	padding-right: 2px;
}

#main-footer .gform_wrapper ul li.gfield {
	margin-top: 5px;
}

#main-footer .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px;
}

#main-footer .gform_wrapper .top_label input.medium {
	width: calc(100% + 50px) !important;
}

#main-footer .top_label div.ginput_complex.ginput_container.gf_name_has_2{
    width: calc(100% + 85px) !important;
}


#main-footer .gform_wrapper .gform_footer input.button {
	margin-bottom: 0px !important;
}

#main-footer .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	margin: -6px 23px 0 0 !important;
	padding-left: 20px !important;
}

/* @end */

/* @group Footer */
#footer-widgets .footer-widget ul {
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
}

#footer-widgets .footer-widget li::before {
	border: none !important;
}


#footer-widgets .et-social-icons li {
/*    margin-left: 0px !important;*/
    float: left !important;
    margin-right: 2px !important;
    margin-left: 0px !important;
}

#nav_menu-8 {
	width: 150px !important;		
	margin-left: -100px;
}

#custom_html-3 {
	width: 160px !important;		
}
/* @end */

@media only screen and ( min-width:981px ) {
	.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a {
	    color: #ffffff !important;
	}
    /* Set the slider height */
/*    .page-header, .page-header .et_pb_container { 
        height: 450px !important; 
    }
    .page-header, .page-header .et_pb_slide { 
        max-height: 450px; 
    }*/
    
    .et_pb_section {
/*        padding: 2% 0;*/
    }
}

@media screen and (max-width:980px) {
	.mobile_menu_bar::before {
		color: #ffffff !important;
	}
	
	#main-header .container {
	    border-bottom: 3px solid #ffffff !important;
	    
	}
	
	#home-featured-slider, .home .et_pb_section_2 {
		display: none !important;
	}
	
	#sidebar {
		margin-top: 30px !important;
	}
	
	#sidebar #nav_menu-9, #sidebar #woocommerce_product_categories-2 {
		float: left;
		width: 45% !important;
		margin-bottom: 30px;
	}
	
	#sidebar #nav_menu-10 {
		float: right;
		width: 45% !important;
		margin-bottom: 30px;
	}
	
	.home .et_pb_column, 
	.half-width-mobile .et_pb_column {
	    width: 45% !important;
	    margin: 0px 2.5% !important;
	}
	
	ul.product-cats li {
		margin-bottom: 10px !important;
	}
	
	.footer-widget:nth-child(n) {
		width: 100% !important;
	}
	
	#nav_menu-8 {
	    width: 200px !important;
	    margin-left: 0px !important;
	}
	
	#main-footer .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
/*	    margin: -6px 0px 0 0 !important;
	    padding: 12px 5px !important;*/
	}
	
}

@media screen and (max-width:768px) {
	.authors {
		width: 50% !important;
	}
}

@media screen and (max-width:450px) {
	.authors {
		width: 100% !important;
	}
}

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

	#top-header {
		display: none;
	}
	
	.home .et_pb_column {
	    width: 100% !important;
	    margin: 20px 0 !important;
	}
	
	#nav_menu-8 {
		margin-bottom: 0px !important;
	}
	
	#main-footer .top_label div.ginput_complex.ginput_container.gf_name_has_2 {
	    width: calc(100% + 45px) !important;
	}
	
	#main-footer .gform_wrapper .top_label input.medium {
	    width: calc(100% + 83px) !important;
	}
	
	.footer-widget #gform_2 > .gform_footer {
		width: 100% !important;
		padding: 0 !important;
	}
	
	#main-footer .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	    margin: 0 !important;
	    padding-left: 0px !important;
	}
}
	
@media screen and (min-width:768px) {
 
    ul.product-cats {
        margin-left: 0;
        clear: both;
    }
    ul.product-cats li {
        width: 29.4117647059%;
        float: left;
        margin-right: 3.9%;
        min-height: 375px;
    }
    ul.product-cats li:nth-of-type(3) {
        margin-right: 0;
    }
}

