/*-------------------------------------------------------
Theme Name: SixAbove Child Theme
Theme URI: https://sixabovestudios.com/
Description: A child theme template for Divi
Author: Sixabove Studios
Author URI: https://sixabovestudios.com/
Template: Divi
Version: 1.1.0
-------------------------------------------------------*/


/* ////////////////////////////////////////////////////////////////

******************************************************************
UNIVERSAL SHIT
******************************************************************

//////////////////////////////////////////////////////////////// */

/* MAKE THE HEADER DARK BY DEFAULT ON CERTAIN PAGES */
.single.single-post #main-header, /* On blog Posts */
.archive.category #main-header, /* On Blog Category Archives */
.error404 #main-header, /* On Blog Category Archives */
.search #main-header /* On Search Results Page */
{background-color: #1e1e1e;}

/* MARGIN/PADDING FIXES */
.nopad{padding-top: 10px; padding-bottom: 0;}
.nomarg {margin-bottom: 0px !important;}
.padbot{padding-bottom: 0px !important;}
.padtop{padding-top: 0px !important;}
.margin-killer{margin: 0 !important;}

@media all and (min-width:1280px) {
.alignbottom {position: absolute; bottom: 0px; line-height: 0;} 
}

/* COLORS */
a {color: #666;}

/* HR LINE BREAK */
hr.new {margin-top: 0px; height: 10px; border: 0; box-shadow: inset 0 -6px 6px -6px rgba(0, 0, 0, 0.2);}

/* STICKY ELEMENTS */
.stickycontainer {align-items: flex-start;}
.stickycolumn {position: -webkit-sticky !important; position: sticky !important; top: 8rem;}


/******** TOGGLES ********/

/* TOGGLE TITLE */
h5.et_pb_toggle_title {font-size: 18px; font-weight: 700; color: #333;}

/* "CLICK TO EXPAND" AFTER TOGGLE TITLE */
.et_pb_toggle_title:after {content: '(click to expand)'; font-size:14px; font-weight:normal;}

/*LINE UNDER TOGGLE TITLE */
.et-db #et-boc .et-l .et_pb_toggle:after {content: ''; width: 100%; height: 10px; margin-top: 8px; display: block; box-shadow: inset 0 -6px 6px -6px rgba(0, 0, 0, 0.2);}

/* TOGGLE PADDING/COLORS */
.et-db #et-boc .et-l .et_pb_toggle {border: none;}
.et-db #et-boc .et-l .et_pb_toggle_close, .et-db #et-boc .et-l .et_pb_toggle_open {background-color: unset; padding: 0px 0px 20px 0px;}
#et-boc .et-l .et_pb_toggle .et_pb_toggle_title, .et-db #et-boc .et-l .et_pb_toggle h5.et_pb_toggle_title {padding: 0}


/******** OTHER ********/

/* CONTACT PAGE STYLES */
.et-pb-contact-message{text-align: center; font-weight: 700; font-size: 16px;}


/*
***********************************
BUTTONS
***********************************
*/

/* UNIVERAL BUTTON STYLES */
.button, .sa-buttons, .single_add_to_cart_button, .single_add_to_cart_button.button.alt {
	font-weight: bold !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border: none !important;
	border-radius: 5px !important;
	background-color: #1e1e1e !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 20px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/* UNIVERAL BUTTON HOVER COLOR AND FX*/
.sa-buttons:hover, .single_add_to_cart_button:hover, .button:hover {
	color: #00ffcc !important; 
  	-moz-transform: scale(1.05);
  	-webkit-transform: scale(1.05);
 	 transform: scale(1.05);
}

/******** WOO BUTTONS ********/
/*REMOVE HOVER ARROWS ON WOO BUTTONS */
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
	content: none !important;
}

/* ADJUST PADDING ON WOO BUTTONS */
.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 15px;
	padding-right: 15px;
}

/* CART PAGE BUTTONS */
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{opacity: .5;}
.woocommerce button.button:hover, .woocommerce button.button:hover[disabled]{opacity: 1;}

/* ADD TO CART BUTTON */
button.single_add_to_cart_button.button.alt, button.single_add_to_cart_button.button.alt.disabled {
    line-height: 2em !important;
}

/* ADD TO CART BUTTON - CART ICON */
button.single_add_to_cart_button.button.alt::before, button.single_add_to_cart_button::before {
	display: inline-block;
	/*font-family: FontAwesome; <-- Font Awesome Cart icon*/
	/*content: "\f07a";  <-- Font Awesome Cart icon*/
	font-family: "ETmodules"!important;
	content: '\e015';
	font-weight: 300;
	opacity: 1;
	font-size: 14px;
	margin: 0 .5em 0 0;
	line-height: unset;
	position: unset;
	transition: none;
}


/*
***********************************
SMASH BALLOON PLUGIN CUSTOM CSS
***********************************
 */
#sb_instagram .sb_instagram_header p {
    font-size: 10px;
}
#sb_instagram .sb_instagram_header .sbi_header_text h3::before {
    content: '@';
}
#sb_instagram .sb_instagram_header .sbi_header_img {
	width: 40px;
}
#sb_instagram .sb_instagram_header .sbi_header_text h3, #sb_instagram .sb_instagram_header .sbi_header_text .sti_bio{
	margin: 0 0 0 50px!important;
}
#sb_instagram .sbi_follow_btn {
	padding-top: 5px;
}


/* ////////////////////////////////////////////////////////////////

******************************************************************
HEADER SHIT
******************************************************************

//////////////////////////////////////////////////////////////// */


/* HEADER TEXT LINK STYLE */
#top-menu li a {/*font-size: 11px !important;*/ letter-spacing: 2px !important;}

/* REMOVE CART FROM MENU */
#et-top-navigation .et-cart-info {display: none;}



/* ////////////////////////////////////////////////////////////////

******************************************************************
HOMEPAGE SHIT
******************************************************************

//////////////////////////////////////////////////////////////// */


/* HOMEPAGE GLOW BACKGROUND */
.body-home {
	background: #1e1e1e;
	background-image: url("/../wp-content/uploads/otherimages/fade.png");
	background-repeat: no-repeat;
	background-position: center top !important;
	background-attachment: unset;
	background-size: unset;
	background-origin: initial;
	}

/* VIDEO HEADER - HEADLINE */
.home-head  {
	font-size: 7vw;
	font-weight: 800;
	line-height: 100%;
	}

@media all and (min-width:1450px) {
.home-head {font-size: 100px !important;}
}

@media all and (max-width:460px) {
.home-head {line-height: 100%;}
}

/* VIDEO HEADER - SUBTEXT */
.home-head-subtext  {margin: 0 auto; font-size: 24px; line-height: 1.5;}

@media all and (min-width:920px) {
.home-head-subtext {width: 520px !important; padding-top: 40px;}
}

@media all and (max-width:919px) {
.home-head-subtext {width: 90% !important; padding-top: 20px;}
}

@media all and (max-width:460px) {
.home-head-subtext {font-size: 18px;}
}


/* BODY HEADLINE */

@media all and (min-width:791px)
{
.home-width  {
	width: 520px !important;
	}
}

@media all and (max-width:790px) 
{
.home-width  {
	width: 90% !important; 
	}
}




/* ////////////////////////////////////////////////////////////////


******************************************************************
PORTFOLIO SHIT
******************************************************************


//////////////////////////////////////////////////////////////// */


@media all and (min-width:980px) {
.elyon-left  {
	width: 49.25% !important;
	margin-right: 1% !important;
	}
}

@media all and (min-width:980px) {
.elyon-right  {
	float: right;
	width: 48% !important;
	}
}


@media all and (min-width:980px) {
.elyon-left-2  {
	width: 50% !important;
	margin-right: 0 !important;
	}
}

@media all and (min-width:980px) {
.elyon-right-2  {
	float: right;
	width: 50% !important;
	}
}



/*
***********************************
SINGLE PROJECT PAGE
***********************************
 */

/*** PORTFOILO TYPE STYLES ***/
.h1-port {
	font-size: 32px;
	margin-right: 15px;
	font-weight: 100;
	line-height: 1.4;
}

/*** FIX BOTTOM PADDING ***/
.single .et_pb_post {
    margin-bottom: 0px;
}

/*** SCROLL DOWN BUTTON FADE-IN ***/
.et_pb_fullwidth_header_scroll { 
opacity: .4;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 5s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: .4;
	}
}


/*** HR STYLES ***/

.hr-port {height: 1px; border: none; color: #666; background-color: #666;}
.hr-port-light {height: 1px; border: none; color: #A9A9A9; background-color: #A9A9A9;}


/*
***********************************
PORTFOLIO PROJECT NAVIGATION
***********************************
 */


.nav-hr {border-top: 1px solid #666;}
.nav-hr-light {border-top: 1px solid #A9A9A9;}


/*** PORT NAV LINK COLORS ***/

.portnav a {
	text-decoration: none;
	text-transform: uppercase;
    letter-spacing: .8px;
	font-size: 12px;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	}

.portnav a:hover {
	margin-right: -10px;
	margin-left: -10px;
	letter-spacing: 1.2px;
	}

.portnav-dark a {color: rgba(255,255,255,0.75) !important;}
.portnav-dark a:hover {color: #666666 !important}

.portnav-light a {color: #666666 !important;}
.portnav-light a:hover {color: rgba(0,0,0,0.75) !important;}


/*** NEXT AND PREVIOUS LINKS (SWAPPED L/R) ***/

.et_pb_posts_nav .nav-previous { float: right; }
.et_pb_posts_nav .nav-next { float: left; }
.et_pb_posts_nav .meta-nav { display: none; }
/* .et_pb_posts_nav .nav-next a:before { content: '← '; } */
/* .et_pb_posts_nav .nav-previous a:after { content: ' →'; } */
.et_pb_posts_nav .nav-next a:before { content: '4'; font-family: ETmodules; font-size:38px; }
.et_pb_posts_nav .nav-previous a:after { content: '5'; font-family: ETmodules; font-size:38px; }

.nav-label, .nav-previous, .nav-next { color: #666; vertical-align: top;}


/*** NAV COLUMN SPACING ***/

.single-project.et_pb_pagebuilder_layout .nav-single {
	margin: auto;
	padding: 0;
	border-top: 1px solid rgba(0,0,0,0);
}

.nav-col-1 {width: 45% !important; float: left; margin: 0 !important; font-size: 10px;}
.nav-col-2 {width: 10% !important; float: left; margin: 0 !important;}
.nav-col-3 {width: 40% !important; float: right; margin: 0; margin-right:0;}


/*** SWITCH TO STACKED NAV WHEN UNDER 565PX ***/

@media all and (max-width:840px) {
.nav-col-1 {width: 100% !important; /* float: right; */ margin: auto; margin-right:0; font-size: 10px;}
.nav-col-2 {width: 100% !important; /* float: right; */ margin: auto; margin-right:0;}
.nav-col-3 {width: 100% !important; /* float: right; */ margin: auto; margin-right:0;}

.et_pb_posts_nav .nav-previous { float: right; width: 100%; text-align: center; padding-top: 8px;}
.et_pb_posts_nav .nav-next { float: left;  width: 100%; text-align: center; padding-bottom: 16px;}

.nav-single {width: 100% !important;}
	
}


/*
***********************************
PORTFOLIO GRID
***********************************
 */


/*** JAYPORT PORTFOLIO OVERALYS ***/

.jayport .et_pb_portfolio_grid .et_pb_portfolio_item h2, .jayport .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2, .jayport .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .jayport .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta, .jayport .et_pb_portfolio_grid .et_pb_portfolio_item:hover img, .jayport .et_pb_portfolio_grid .et_pb_portfolio_item img {
 -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.jayport .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
    opacity: 0 !important;
	transform: translateY(-140px);
	position: absolute;
    margin: auto;
    width: 100%;
	font-size: 10px !important;
}

/* TRYING TO FIX TITLE NOT VERTICALLY CENTERING */

@media only screen and (min-width: 980px) {
	.jayport .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
		margin-top: -7%;
}
}

/* -------------------------------------- */

	
.jayport .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
	opacity: 0 !important;
	transform: translateY(-130px);
	position: absolute;
    margin: auto;
    width: 100%;
}

.jayport .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {
opacity: 1 !important;
transform: translateY(-120px);
}

.jayport .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {
opacity: 1 !important;
transform: translateY(-90px);
}

.jayport .et_pb_portfolio_grid .et_pb_portfolio_item:hover img {
filter: brightness(40%);
	/* MAKE IT ZOOM */
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	/* MAKE IT ZOOM */
}

/* ADD BORDER AROUND LINK  */
.jayport .et_pb_portfolio_item .et_pb_module_header a {
	padding: 7px 12px;
	border: 2px solid #fff;
}

/* -------------------------------------- */


@media only screen and (max-width: 980px) {
.jayport .et_pb_portfolio_grid .et_pb_portfolio_item h2, .jayport .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
    width: 33.3%;
}
}

@media only screen and (max-width: 768px) {
.jayport .et_pb_portfolio_grid .et_pb_portfolio_item h2, .jayport .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
    width: 100%;
}
.jayport .et_portfolio_image img, .et_portfolio_image img {
    width: 100%;
}
.et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n+1),.et_pb_column .et_pb_grid_item:nth-child(2n+1), .et_pb_column .et_pb_grid_item.et_pb_portfolio_item,.et_pb_column .et_pb_grid_item {
    overflow: hidden;
	padding-bottom: 10px;
}
}

/* JAYPORT THREE COLUMN PORTFOLIO GRID LAYOUT */

 
@media only screen and ( min-width: 768px ) {
 
.jayport .et_pb_grid_item {
width: 33% !important;
margin: 0 .5% .5% 0 !important;
	overflow: hidden;
}
 
.jayport .et_pb_grid_item:nth-child(3n) {
	margin-right: 0 !important;
}
 
.jayport et_pb_grid_item:nth-child(3n+1) {
clear: left;
}
 
.jayport .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
}




/* ////////////////////////////////////////////////////////////////

******************************************************************
BLOG SHIT
******************************************************************

//////////////////////////////////////////////////////////////// */


/*
***********************************
SIDEBAR 
***********************************
 */

/* STICKY SIDEBAR */
body #page-container #sidebar {
    position: sticky;
    top: 140px;
}

/* SEARCH WIDGET */
.widget_search #s {
	border-radius: 20px;
}
.widget_search input[type="text"] {
    background-color: #eee;
}
.widget_search #searchsubmit {
    background-color: #1e1e1e;
    width: 80px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    top: 0;
    color: white !important;
}

/* PRODUCT LIST WIDGET */
.widget_products .product_list_widget .product-title {
    line-height: 1.3em !important;
    display: flex;
    margin-bottom: 3px;
	font-weight: 600;
}
.widget_products ul.product_list_widget li img {
    float: left;
    margin-right: 20px;
    width: 64px;
}
.widget_products ul.product_list_widget li .star-rating {
    float: none;
    font-size: .75em;
}

/*
***********************************
POSTS
***********************************
 */

/* Post Title, Universal size */
.entry-title{
    line-height: 46px;
    letter-spacing: 1px;
    font-weight: 200;
    font-style: normal;
    color: #333333;
    font-size: 40px !important;
}
.single-post .entry-title{
    line-height: 54px;
    font-size: 48px !important;
}

/* Post Page Spaceing */
.single-post .entry-content {
    padding-top: 10px;
}

@media (min-width: 981px)
{
.et_right_sidebar #left-area {
	padding-right: 4%;
	}
}

.single-post input#submit {
    border-radius: 15px;
    border: 1px solid #1e1e1e;
    color: #1e1e1e;
}



/* ////////////////////////////////////////////////////////////////

******************************************************************
SHOP SHIT
******************************************************************

//////////////////////////////////////////////////////////////// */


/*
***********************************
SHOP HEADER
***********************************
 */

/* SHOP Title and subtitle i.e. Cart, Checkout */
.shop-title {
	font-weight: 700; 
	font-size: 30px;
}
.shop-subtitle {
	margin: 0 90px;
    font-size: 30px;
}

/* Make it stack when screen size is smaller than 469px*/
@media screen and (max-width: 469px) {
  .shop-subtitle {padding-bottom: 40px;}
}
@media screen and (max-width: 469px) {
  .cart-head {float: left !important;}
}

/* COLOR for cart item count + total text + cart icon */
.cart-customlocation, i.fa.fa-shopping-cart.fa-lg {
	color: #333 !important;
}

/* CART ICON (ETmodules) */
.shop-header-cart-icon {
    float: right;
    display: inline-block;
    margin-top: 4px;
}
.shop-header-cart-icon:before {
    font-family: "ETmodules"!important;
    content: "\e015";
    font-size: 26px;
    line-height: 0;
    margin-bottom: -5px;
	padding: 0 5px 0 10px;
    color: black;
}

/* Shop HR faded line */
.shop-hr {
		width: 100%;
		float: left;
		margin-top: 0px;
    	height: 10px;
    	border: 0;
    	box-shadow: inset 0 -12px 12px -12px rgba(0, 0, 0, 0.2);
}


/*
***********************************
WOOCOMMERCE GENERAL STYLES
***********************************
 */

/* *** Shop Padding *** */
.shop-pad {
	padding-top: 0px !Important;
}
.shop-pad-all {
	padding: 0px !Important;
}

/* *** Star-Rating Color *** */
.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before{
	color: #777 !important;
}

/* *** Woo top Messages (Message bar) *** */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	color: #1e1e1e !important;
	padding: 12px 24px 12px 24px !important;
	font-size: 16px !important;
	/*margin: 1.5em 0 1em 0 !important;*/
	margin: -16px 0 20px 0 !important;
}

/* *** Woo Image Hover Overaly *** */
/* Zoom image on hover */
.et_shop_image:hover, .et_pb_gallery_image:hover, .attachment-woocommerce_thumbnail .size-woocommerce_thumbnail:hover {
    transform: scale(1.05);
    transition: all .3s;
}
/* Contain Zoom for Image Galleries on hover */
.et_pb_gallery_item.et_pb_grid_item {
    overflow: hidden;
}
/* Color overaly on hover */
.et_shop_image .et_overlay,
.product .et_pb_gallery_image .et_overlay{
	background: hsla(0,0%,100%,.5) !Important;
	/* background: rgba(30,30,30,.3); */
}
/* Color overaly on hover */
.et-db #et-boc .et-l .et_overlay:before {
    display: none;
}

/* *** Input boxes - Corner Radius *** */
body.woocommerce.et-db .product #et-boc .et_pb_woopro_add_to_cart_0 .cart .quantity input.qty, .et-db #et-boc body.woocommerce .product .et_pb_woopro_add_to_cart_0 .cart .quantity, .et-db #et-boc body.woocommerce-page .product .et_pb_woopro_add_to_cart_0 .cart .quantity input.qty, .et-db #et-boc body.woocommerce-page .product .et_pb_woopro_add_to_cart_0 .cart .quantity {
    border-radius: 5px !important;
}

/* *** Quantity Input Box Styling *** */
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty {
	font-size: 17px !important;
	color: #1e1e1e !important;
	width: 3.61em !important;
}


/*
***********************************
SHOP PAGE
***********************************
 */

/* *** Prodcut Titles (shop page) *** */
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    font-weight: 700;
}

/* *** Product containter - reduce bottom margin and contain images on hover *** */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin-bottom: 30px !Important;
	overflow: hidden;
}



/*
***********************************
PRODUCT PAGES
***********************************
 */

/* *** Prodcut Title *** */
.woocommerce div.product .product_title{
    line-height: 46px;
    letter-spacing: 1px;
    font-weight: 200;
    font-style: normal;
    color: #333333;
    font-size: 40px !important;
}

/* *** Price Text ("PRICE") *** */
.price-text {
font-size: 18px; font-weight:700;
}

/* *** Price Amount Text ($X.XX) *** */
.et-db #et-boc .et-l .et_pb_wc_price .price {
   	font-weight: 700;
    font-size: 18px !important;
	color: #666666 !Important;
}

/* *** Price Amount Spacing *** */
.et_pb_module.et_pb_wc_price.et_pb_wc_price_0 {
	padding-bottom: 0px!important; 
	margin-bottom: 0px!important;
}

/* *** VARIANT PRODUCT - Variation table styling (i.e. Size) *** */
.woocommerce div.product form.cart .variations {
margin: 1em 0 0;
width: auto;
}
.woocommerce div.product form.cart .variations td {
    max-width: none!important;
    padding: 0 !important;
    line-height: 2em;
}
.woocommerce div.product form.cart .variations label {
    font-weight: 700;
    font-size: 18px;
	margin-right: 18px;
}

/* *** VARIANT PRODUCT PRICE (Shows under dropdown option if price changes based on variation)*** */
.woocommerce-variation .woocommerce-Price-amount:before {
    font-weight: 700;
    font-size: 18px;
	margin-right: 18px;
	color: #666;
	content: "Price:";
}
.woocommerce-variation .woocommerce-Price-amount {
    font-weight: 700;
    font-size: 18px;
	margin-right: 18px;
	color: #1e1e1e;
}
.woocommerce-variation .woocommerce-variation-price{
	padding-top:10px;
}

/* *** Add to cart Section (For variant and regular products) *** */
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled,
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart {
    padding-top: 25px;
}

/* *** Quantity Input Box Margin *** */
.woocommerce div.product form.cart div.quantity {
    margin: 0 4px 0 0 !important;
}

/* *** Selection boxes *** */
.orderby, .woocommerce div.product form.cart .variations td select {
	font-size: 14px;
    font-weight: 600;
	padding: 4px 32px 4px 16px;
}

/* *** Related Projects *** */
.related.products {
    margin: 20px 0 0;
}


/*
***********************************
WOOCOMMERCE CHECKOUT
***********************************
 */

/* *** CHECKOUT PAGE - 2 COLUMNS ON DESKTOP *** */

@media (min-width: 768px){
    #customer_details{
        width: 50%;
        float: left;
    }
    #order_review_heading{
        width: 50%;
        float: right;
		padding-left: 50px;
    }
    #order_review{
        width: 50%;
        float: right;
        padding-left: 50px;
    }
    
	/* .woocommerce table.shop_table td{
        width: 50%;
    } */
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%;
    }
}


/* *** CHECKOUT PAGE - CUSTOMIZE FIELD SIZES *** */

@media (min-width: 980px){#billing_city_field {
	width: 33%;
	float: left;
}}

#billing_state_field {
	width: 33%;
	padding-left: 20px;
	float: left;
	clear: none;
}

#billing_postcode_field {
width: 33%;
padding-left: 20px;
float: right;
clear: none;
}
	
.select2-container .select2-selection--single {
	padding-bottom: 35px;
	padding-top: 5px;
}


/* *** CHECKOUT PAGE - STYLING *** */

#ship-to-different-address {
	font-size: 16px;
	font-weight: bold;
}

#order_review_heading{
	padding-bottom: 20px;
}

.woocommerce-privacy-policy-text {
	font-size: .92em;
	line-height: 1.5;
	padding-bottom: 14px;
}

.woocommerce form .form-row input.input-text{
	padding: 10px;
}


/*
***********************************
WOOCOMMERCE CART PAGE
***********************************
 */

/* *** Proceed to checkout button *** */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

/* *** Table settings and sizes *** */
.woocommerce table.shop_table td {
	line-height: 1em;
}
.woocommerce-cart table.cart img{
	width: 64px;
}

/* *** Remove "Estimaed for Country" text next to TAX on Cart page *** */
.tax-total th small {
	display:none!important
}

/* *** CART MESSAGES - Changes the Woo message/button to full width center on small screens *** */
@media (max-width: 768px){
.woocommerce-message a.button.wc-forward {width: 100%; margin-bottom: 8px;}
.woocommerce-message{text-align: center;}
}

/* *** CART TOTALS Box - Fix justifaction of prices ///VERISON 2///  *** */
@media (min-width: 769px) {
.woocommerce-cart .cart-collaterals .cart_totals table td {text-align: right; padding-right: 5%;}
}

/* COUPON CODE Box */
input#coupon_code {
    height: 43px;
}


/* ////////////////////////////////

FULL IMAGE SLIDER SHIT

//////////////////////////////// */

.et_pb_slide_image {margin: 0 !Important;}
.et-db #et-boc .et_pb_column_3_5 .et_pb_slide_image {margin: 0 !Important;}

.full-image-slider .et_pb_slide {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
 
.full-image-slider .et_pb_slide:first-child .et_pb_slide_image img.active {
 animation: unset !important;
}
 
.full-image-slider .et_pb_container {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}
 
.full-image-slider .et_pb_slide_image img {
  max-height: none !important;
  width: 100% !important;
}
 
.full-image-slider .et_pb_slide_image {
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  position: relative !important;
  width: 100% !important;
  display: block !important;
    -webkit-animation-name: fade !important;
    -moz-animation-name: fade !important;
    -ms-animation-name: fade !important;
    -o-animation-name: fade !important;
    animation-name: fade !important;
}
 
.full-image-slider .et_pb_slider_container_inner {
  position: relative;
}
 
.full-image-slider .et_pb_slide_description {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right:  0 !important;
  padding: 0 !important;
  margin: 0 !important;
width: auto !important;
height: auto !important;
}
 
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a:hover {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
 color: rgba(0, 0, 0, 0) !important;  
  border: none !important;
  background: none !important;
}
 
.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider .et_pb_slide_description .et_pb_slide_title,
.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider .et_pb_slide_description .et_pb_slide_content,
.full-image-slider .et_pb_slide_description .et_pb_slide_title,
.full-image-slider .et_pb_slide_description .et_pb_slide_content {
  display: none;
}



/* ////////////////////////////////////////////////////////////////


******************************************************************
FOOTER SHIT
******************************************************************


//////////////////////////////////////////////////////////////// */


/* FOOTER - Widget area */

.et_pb_widget {float: none;}

@media all and (max-width:980px) {
#footer-widgets .footer-widget {
	width: 100% !important;
	}
}

@media all and (max-width:565px) {
#footer-widgets {
	padding-bottom: 0px;
	}
}

.footertext {float: left;}

.footerlogo {float: right;}


@media all and (max-width:565px) {
.footertext{
	float: none !important;
	text-align: center;
	}
}

@media all and (max-width:565px) {
.footerlogo{
	float: none !important;
	text-align: center;
	max-width: 50%;
	margin: auto;
	padding-top: 18px;
	}
}

/* FOOTER - bottom bar */

#footer-info {width: 100%;}

#footer-info a {
	font-weight: 500;}

#footer-info a:hover {
	font-weight: 500;}

#footer-info {
	font-weight: 700;}

@media all and (min-width:820px) {
.footer-info-left {float: left;
	}
}

@media all and (min-width:820px) {
	.footer-info-right {float: right;
	}
}


/* ////////////////////////////////////////////////////////////////


******************************************************************
MOBILE MENU SHIT
******************************************************************


//////////////////////////////////////////////////////////////// */


/* Nesting Menu */


/* when mobile menu is open, change hamburger icon to x icon */

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}
/* makes sub sub menu icon be right arrow instead of down arrow */

#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
    content: '5';
}
/* - mobile menu toggling elements, injected via jQuery - */
/* make menu list item be relative, to be able to position toggle within this item */

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
    position: relative;
}
/* the new toggle element, which is added via jQuery */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
    position: absolute;
    background-color: rgba(255,255,255, 0.2);
    z-index: 1;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    top: 35px;
    right: 30px;
    cursor: pointer;
    text-align: center;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0, .1);
            box-shadow: 0 2px 14px 0 rgba(0,0,0, .1);
}
/* the new toggle element when popped */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
    background-color: rgba(255,255,255, 0.2);
}
/* toggle icon */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 36px;
    font-size: 24px;
    text-transform: none;
    speak: none;
    content: '\33';
    color: #fff;
}
/* toggle icon when triggered */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
    content: '\32';
}
/* hide sub menus by default */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
    display: none !important;
    padding-left: 0;
}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
    display: block !important;
}
/* remove sub menu list item left padding, since padding will be on anchors */

#main-header #mobile_menu.et_mobile_menu li li {
    padding-left: 0;
}
/* adjust mobile menu anchors side paddings */

#main-header #mobile_menu.et_mobile_menu li a {
    padding-left: 20px;
    padding-right: 20px;
}
/* indent sub sub menus further */

#main-header #mobile_menu.et_mobile_menu li li li a {
    padding-left: 60px;
    padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    font-weight: inherit;
}
/* make the current page's mobile menu link be different */

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
    font-weight: bolder;
}

/****** Code Style: Menu Full-screen ******/

/* Font Awesome */
.fa {
    margin: 10px ;
  }

@media screen and (max-width: 980px) {
  .et_header_style_centered #main-header {
    position: fixed;
  }
  .et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
  }
  .mobile_nav.closed .select_page {
    display: none;
  }
  .et-fixed-header#main-header {
    /* background-color: transparent !important; */
	  background-color: #1e1e1e;

  }
	
	.et_fixed_nav #main-header, .et_fixed_nav #top-header{
		position: fixed;	
	}
}


.et_mobile_menu {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9998;
  /* overflow: scroll !important; */
  background-color: rgba(10, 10, 10, 0.9) !important;
  margin-left: -30px;
  padding: 10% 0;
  height: 100%;
  width: calc( 100% + 60px);
  border-top: none;
}

@media all and (max-width:565px) {
.et_mobile_menu{
	padding: 25% 0;
	}
}


.et_mobile_menu li a {
  text-align: center;
  font-size: 1.55em;
  border: 0;
  padding: 5% 0;
  text-transform: uppercase;
  letter-spacing: 6px;
}

/*

.mobile_nav ul#mobile_menu .current_page_item > a {
  color: #5376F6;
  background-color: rgba(255,255,255, 0.1);
}

*/


.mobile_nav ul#mobile_menu li ul li a {
  font-size: 1.05em !important;
  margin: auto;
  padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
  color: #999;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d';
  z-index: 9999;
  color: #fff;
}