/*!
Theme Name: Diet Shop PRO
Theme URI: https://athemeart.com/downloads/category/wordpress/
Author: aThemeArt
Author URI: https://athemeart.com/
Description: Diet-shop is a unique and super flexible eCommerce WordPress theme built with Bootstrap and powered by Elementor Page Builder. Its equipped with the most advanced technologies and designed with the user in mind to ensure endless freedom to create and customize your WordPress gym theme or selling gym, yoga equipment like a pro and without any coding
Version: 1.2.0
License: uder athemeart
License URI: https://athemeart.com/
Text Domain: diet-shop
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Diet Shop is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/


/* Document
 ========================================================================== */


.content-area-wrap{
	display:block;
	padding:50px 0px;	
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}


/* ============================================================== 
     # Comment
=================================================================== */

.comments-area {
	background:#FFF;
	
	position:relative;
}
.details-page-inner-box.comment-form  {
	padding:15px;
}
ul.comment-list {
	display:block;
	margin:0px;
	padding:0px;
}
ul.comment-list li {
	margin:0px;
	list-style:none;
	clear:both;	
}
ul.comment-list li ul {
	margin-left:20px;
}
.comment-meta .single-comment img {width: 80px;height: 80px;border-radius: 50%;}
.comment-meta .single-comment .comment {
  width: calc(100% - 80px);
  padding-left: 20px;
  position: relative;
}
.comment-meta .single-comment .comment h6 a {
  text-transform: uppercase;
  color: #313131;
  margin: 10px 0 8px 0;
}
.comment-meta .single-comment .comment .date {
  text-transform: uppercase;
  font-size: 14px;
}
.comment-meta .single-comment .comment-text {margin-top:10px;}
.comment-meta .single-comment {
  padding-bottom: 20px;
  margin-bottom: 30px;
  position:relative;
}
.comment-meta .ellipse-left {
	 position:relative;
	
}
.comment-meta .single-comment.reply-comment {margin-left: 50px;}
.comment-meta .single-comment:last-child {
  margin: 0;
  padding: 0;
  border:none;
}
.comment-meta .single-comment .comment .reply {
  position: absolute;
  top:0;
  right: 0;


} 
.comment-meta .single-comment .comment .reply a{
	text-transform: uppercase;
	line-height: 24px;
	padding: 0 12px;
	background: #f7f7f7;
	font-size: 12px;
	color: #777;
	transition: all 0.3s ease-in-out;
	display:block;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.comment-meta .single-comment .comment .reply a:hover { color: #fff; background:var(--p-color); }
h4.comments-title{
	margin-bottom:30px;
		
}
.comment-form form input,
.content input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  font-size: 15px;
  border:1px solid #E2E2E2;
  margin-bottom: 25px;
}
.comment-form form textarea,
.content textarea{
  width: 100%;
  max-width: 100%;
  height: 175px;
  max-height: 175px;
  padding: 15px;
  border:1px solid #E2E2E2;
  margin-bottom: 25px;
  font-size: 15px;
}

.comment-form .col-xl-4{
	position:relative;	
}
.comment-form .col-xl-4 span.required{
	position:absolute;
	right:30px;
	top:15px;
	color:#F00;
}
.form-allowed-tags div.text-wrp {
	font-size:14px;
	font-style:italic;
	margin-bottom:20px;
}
.comment-notes {
	padding-top:15px;
	padding-bottom:15px;
}

.comment-form input[type="checkbox"],
.content input[type="checkbox"],
#main .content-wrap ul.wc_payment_methods li input[type="radio"],
.validate-required input[type="checkbox"],
#customer_details input[type="checkbox"]{
    border-radius: 2px;
    background: #DADADA;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 20px;
    margin: -3px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    -webkit-appearance: none;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
	margin-right:10px;
	
}
.comment-form input[type="checkbox"]:checked,
.content input[type="checkbox"]:checked,
#main .content-wrap ul.wc_payment_methods li input[type="radio"]:checked,
.validate-required input[type="checkbox"]:checked,
#customer_details input[type="checkbox"]:checked {
    background: var(--p-color);
}
.comment-form input[type="checkbox"]:before,
.content input[type="checkbox"]:before,
#main .content-wrap ul.wc_payment_methods li input[type="radio"]:before,
.validate-required input[type="checkbox"]:before,
#customer_details input[type="checkbox"]:before{
	opacity:0;
}
.comment-form input[type="checkbox"]:checked::before,
.content input[type="checkbox"]:checked::before,
#main .content-wrap ul.wc_payment_methods li input[type="radio"]:checked::before,
.validate-required input[type="checkbox"]:checked::before,
#customer_details input[type="checkbox"]:checked:before{
    float: left;
    color: #fff;
    font-size:14px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin-top: 10px;
    margin-left: 2px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f00c";
    speak: none;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	opacity:1;
}
#order_review ul#shipping_method{
	list-style: none;
	margin: 0px;
	text-align: left;;
}
#order_review ul#shipping_method li{
	list-style: none;
	display: block;
}
#order_review ul#shipping_method li input[type="radio"]{
	width:auto;
}
.woocommerce-customer-details div.col-1,
.woocommerce-customer-details div.col-2{
	width: 49%!important;
	float: left!important;
	max-width: 49%!important;
	padding-top: 30px;
}
.form-submit{
	margin-left:15px;	
}
p.form-submit{
	margin-top:15px;
}

ul.single-prev-next {
	margin:0px;
	padding:0px;
    margin-bottom: 27px;
	margin-top:35px;
	float:right;
}
ul.single-prev-next li{
	list-style:none;
	display:inline-block;	
}


.nav-links{
	display:block;
	padding:10px;	
}
.nav-links .nav-previous{
	float:left;	
}
.nav-links .nav-next{
	float:right;	
}
.nav-links a,
.single-prev-next a{
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
	min-width: 150px;
	text-align: center;
	padding:12px 15px;
	transition: all 0.3s ease-in-out;	
	background: var(--p-color);
	color: #fff;
	position:relative;
	z-index:9;
	
}

.nav-links a:before,
.single-prev-next a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var( --heading-color );
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nav-links a:hover:before, .nav-links a:focus:before, .nav-links a:active:before,
.single-prev-next a:hover:before, .single-prev-next a:focus:before, .single-prev-next a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.nav-previous a i,
.single-prev-next li:first-child a i{
	margin-right:15px;
}
.nav-next a i,
.single-prev-next li:last-child a i{
	margin-left:15px;
}
.single-prev-next li:first-child{
	margin-right:20px;	
}

/* ============================================================== 
     # Captions
=================================================================== */

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


/* ============================================================== 
     # Gallery
=================================================================== */

.gallery {
	margin-bottom: 1.5em;
	margin:0px -15px;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding:0px 13px;
	
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
	clear:both;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

/*--------------------------------------------------------------
# input, textarea
--------------------------------------------------------------*/
input,textarea{
	display:block;
	width:100%;
	padding:9px;
	border:1px solid #ccc;
	box-shadow:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: solid 1px
	#cfcfcf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:rgba(255,255,255,0.7);
	-webkit-box-shadow: 0px;
	-moz-box-shadow: 0px;
	box-shadow: 0;
}
input:focus,textarea:focus{
	border: 1px solid var(--p-color);
}
.search-form{
	display:block;
	margin:0px;
	position:relative;	
}
.search-submit{
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #fff;
    background: var(--p-color);
    display: inline-block;
    line-height: 25px;
    text-align: center;
    text-align: center;
    font-weight: normal;
	position:absolute;
	right:0px;
	width:70px;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
	height:50px;
	line-height:30px;
}
.search-submit:hover{
	background: var(--button-bg);
}
.search-submit.normal-btn{
	position:static;
	width:auto;
	display:inline-block;
	line-height: 24px;
	
	letter-spacing:2px;
	padding:10px 30px;
}
.search-submit.normal-btn:hover{
	color:#FFF;	
}
.search-submit.normal-btn i{
	margin-right:15px;	
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
p.logged-in-as{
	display:block;
	padding:10px 15px; 	
}
p.logged-in-as a{
	color:#000;	
}
.nav-links{
	margin-left:-10px;
	margin-right:-10px;	
}
ul.products{
	display:block;
	width:100%;	
}
table{
	width:100%;	
}
table td,table th{
	padding:5px;	
}
td.product-subtotal,
th.product-subtotal,
.woocommerce-cart .woocommerce table.shop_table.cart tr th.product-subtotal{
	text-align:right;
	font-weight:bold;
	
	
}
td.product-subtotal .woocommerce-Price-amount{
	float:right;
}
p.has-large-font-size{
	line-height:normal;	
}
code { 
    background: hsl(220, 80%, 90%); 
}

pre {
    white-space: pre-wrap;
    background: hsl(30,80%,90%);
	padding:15px;
}
#main .content-wrap ul,#main .content-wrap ol{
	margin:0px;
	padding:0px;
	padding-left:20px;	
}
#main .content-wrap ul li{
	list-style:disc;	
}
.theme-main-header .navbar-toggler:hover,
.theme-main-header .navbar-toggler:focus{
	background:var(--button-bg);
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
	padding:0px!important;	
}
.product-wrap ul.button-group{
	padding-bottom:0px!important;
	padding-left:0px!important;
	padding-right:0px!important;
	margin-top: 20px!important;	
}
.product-wrap ul.button-group li{
	list-style:none!important;
	margin:0px!important;
	padding:0px!important;
}
.logo h4{
	margin-bottom:0px!important;
	padding-bottom:0px;	
}
.search-submit:hover,.scroll-top:hover{
	background:var( --heading-color );	
}


/* ============================================================== 
     # Theme Slider
=================================================================== */
#dp-theme-banner{
	position:relative;
	overflow:hidden;
}
#dp-theme-banner .dp-theme-banner-item{
	display:block;
	height:80vh;
	position:relative;
	z-index:9;
	padding-top:120px;	
}
#dp-theme-banner .site-header-bg-wrap {
    animation: smoothFade 1s;
    -moz-animation: smoothFade 1s;
    -webkit-animation: smoothFade 1s;
    -o-animation: smoothFade 1s;
}
#dp-theme-banner .site-header-bg.background-effect {
    background-attachment: scroll;
}
#dp-theme-banner .background-effect {
    position: absolute;
    z-index: -999998;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#dp-theme-banner .content-text{
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
	color: #fff;
}
#dp-theme-banner .content-text h1{
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
	margin: 0 auto;
	text-shadow: 5px 5px 35px rgba(43, 49, 54, 0.4);
	padding-bottom:30px;
}

#dp-theme-banner .btn-wrp a,
.checkout_coupon  button,
.woocommerce-MyAccount-content [type="button"],
 .woocommerce-MyAccount-content button{
	background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    text-decoration: none;
	border: 1px solid var( --p-color );
	color: var( --p-color );
	text-align: center;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding:15px;
	min-width:150px;
	text-align:center;
	display:inline-block;
	margin:5px 10px;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:16px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#dp-theme-banner .btn-wrp a:hover,
.checkout_coupon  button:hover,
.woocommerce-MyAccount-content button:hover,
 .woocommerce-MyAccount-content [type="button"] [type="submit"]:hover{
	background: var( --p-color );
	text-decoration: none;
	color:#FFF;
}
.checkout_coupon  button,
.woocommerce-MyAccount-content button{
	padding: 8px 15px;
	margin: 0px!important;
}
.owl-item {
	float:left;	
}
.disabled{
	display:none;	
}
#dp-theme-banner .owl-nav button  {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    text-align: center;
    cursor: pointer;
    color: #FFF;
	font-size:40px;
	padding:0px;
	width:45px;
	line-height:normal;
	background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
}
#dp-theme-banner .owl-nav button.owl-prev {
	left:10px;
	right:auto;	
}
#dp-theme-banner .owl-nav button:hover{
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	text-decoration: none;
}
#dp-theme-banner.video{
	overflow:hidden;	
}
#dp-theme-banner.video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -999998;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#dp-theme-banner .dp-theme-banner-item:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  z-index:-1;

}

#dp-theme-banner .btn-wrp{ margin-left:-10px; margin-right:-10px;}

ul.navbar-nav {
	margin-bottom:0px;
	padding-bottom:0px;	
}
ul.page-numbers{
	margin:0px;
	padding:0px;
}
ul.page-numbers li,
#main .content-wrap ul.page-numbers li{
	padding:0px;
	float:left;
	margin:5px;
	list-style:none;
}

ul.page-numbers li a{
	
	min-width:50px;
}
ul.page-numbers li span {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
	min-width: 150px;
	text-align: center;
	padding: 12px 15px;
	transition: all 0.3s ease-in-out;
	background: var(--p-color);
	color: #fff;
	position: relative;
	z-index: 9;
	display:inline-block;
	min-width:50px;
}
ul.page-numbers li span.current{
	background: var( --heading-color );
}


.post-share{
	
}
.post-share a{
    margin: 0 8px 2% 0 !important;
    transition: all 0.3s;
    padding: 8px 19px 8px 14px;
	background: #3B5998;
	display: inline-block;
	margin: 2px;
	font-family: 'K2D', sans-serif;
	color: #fff;
	text-decoration: none;
	min-width: 40px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
h6.col-md-12.align-self-center{
	margin-top: -10px;
}
.post-share a:hover{
	color: #fff;
}
.post-share a.button-twitter{
	background: #00acee;
}
.post-share a.button-stumbleupon {
    background: #f74425;
}
.post-share a.button-linkedin {
    background: #0e76a8;
}
.post-share a.button-google-plus {
    background: #e93f2e;
}
/*==========================================================
# Tag
===========================================================*/ 
.tags_wrp{
	display:block;
	padding-bottom:40px;
}
.tags_wrp a{
	display:inline-block;
	padding:8px 15px;
	border:1px solid #CCC;
	margin:0px 5px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 500ms ease;
	font-size:11px;
	
}
.tags_wrp a:hover{
	background: var(--p-color);
	color:#FFF;
	border-color:var(--p-color);
}
.tags_wrp .edit-link{
	float:right;	
}
.tags_wrp ul{
	margin:0px;
	padding:0px;
	float:left;	
}
.tags_wrp li{
	list-style:none;
	display:inline-block;	
}
.tag > li span {
    display: inline-block;
    padding:5px 9px;
    text-transform: capitalize;
    border-radius: 50%;
    margin-right: 4px;
	background: var(--p-color);
    font-style: italic;
    color: #fff;
	margin-top:2px;
}

.card-post-wrapper{
		position: relative;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-box-orient: top;
		-webkit-box-direction: normal;
		-moz-box-orient: top;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: start;
		border: 1px solid#D1D1D1;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
		margin-bottom:30px;
}
.card-post-wrapper .card-post-body{
    padding: 30px 25px;
}
.card-post-wrapper .img-box{
	margin-bottom:0px;
}
#main .content-wrap .card-post-wrapper ul.post-meta {
	
	margin:0px!important;
	padding:0px!important;
}
#main.add_sidebar_css{
	margin-right:35px;	
}
@media only screen and (max-width: 768px) {
	#main.add_sidebar_css{
		margin-right:0px;	
	}
}
.dp-plugins-paginate{
	display:block;
	padding-top:50px;
	text-align:center;
	padding-bottom:30px;
}
#main .content-wrap .dp-plugins-paginate ul{
	display:inline-block;
	text-align:center;	
}
.main-page-wrapper{
	
}
#sticky-header{
	max-width:100%;
}
body{
	overflow-X:hidden;	
}

.theme-footer .footer-recent-post ul li span,
.theme-footer .footer-recent-post ul li span,
.theme-footer-widget li span{
	display:block;
	
}
.theme-footer-widget li span.post-date{
	font-size:12px;
}
.logo img{
	margin-top:-5px;	
}
.logo img.sticky_site_logo,
.sticky-wrapper.is-sticky img{
	display:none;	
}
.sticky-wrapper.is-sticky img.sticky_site_logo{
	display:block;	
}
#main .content-wrap ul.wc_payment_methods{
	list-style:none;
	margin:0px;
	padding-top:15px;
}
#main .content-wrap ul.wc_payment_methods li{
	list-style:none;
	padding-left:30px;
	padding-bottom:25px;
	position:relative;
}
#main .content-wrap ul.wc_payment_methods li p{
	margin-bottom:0px;
	padding-bottom:0px;	
}
#main .content-wrap ul.wc_payment_methods li label{
	font-weight:bold;
	display:block;	
}
#main .content-wrap ul.wc_payment_methods li input[type="radio"]{
	position:absolute;
	left:0px;
	top:10px;	
}

.woocommerce-MyAccount-navigation{
	width: 30%;
	float: left;
}
.woocommerce-MyAccount-content{
	width: 70%;
	float: right;
}
.woocommerce-MyAccount-content label{
	display: block;
width: 100%;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2{
	width: 50%;
	float: left;
	max-width: 50%;
}

.woocommerce-MyAccount-navigation ul{
	margin:0px;
	padding:0px;
	margin-right:15%!important
}

.woocommerce-MyAccount-navigation li{
	list-style:none;
	display:block;	
	padding-top: 12px;
	padding-bottom: 12px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding-left:25px;
	position:relative;
	font-size:0.85rem;
	position:relative;
}
.woocommerce-MyAccount-navigation li{
	padding-left:20px;	
}

.woocommerce-MyAccount-navigation li:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
}
.woocommerce-MyAccount-navigation li:last-child:after{
	display:none;
}
.woocommerce-MyAccount-navigation a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: normal;
	display: block;
	color: var( --p-color );
	text-decoration:none;
} 
.woocommerce-MyAccount-navigation li:hover{
	background: var( --text-color );
}
#customer_login .col-1,
#customer_login .col-2{
	-webkit-box-flex: 0!important;
	-ms-flex: 0 0 49%!important;
	flex: 0 0 49%!important;
	max-width: 49%!important;
	float:right;
}
#customer_login label,
#customer_login .password-input{
	display:block!important;
	clear:both!important;
	width:100%;
}
#customer_login input[type="checkbox"] {
	width:auto!important;	
}
.wc-stripe-elements-field, 
.wc-stripe-iban-element-field,
#add_payment_method #payment ul.payment_methods .stripe-card-group,
.woocommerce-checkout #payment ul.payment_methods .stripe-card-group{
	width:100%!important;	
}
#main .content-wrap ul li.payment_method_stripe{
	position:relative;
	padding-left:15px;
}
#main .content-wrap ul li.payment_method_stripe .input[type="radio"]{
	position:absolute;
	left:10px;
	top:10px;
}
@media only screen and (max-width: 768px) {
	#customer_details .col-1, #customer_details .col-2{
		-webkit-box-flex: 0!important;
		-ms-flex: 0 0 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important;
		float:none!important;
		display: block;
		clear: both!important;
	}
	.woocommerce-MyAccount-navigation,
	.woocommerce-MyAccount-content,
	.woocommerce-MyAccount-content .col-1, .woocommerce-MyAccount-content .col-2{
		width: 100%;
		float: none;
		clear: both;
		max-width: 100%;
	}
	#customer_login .col-1,
#customer_login .col-2{
	-webkit-box-flex: 0!important;
	-ms-flex: 0 0 100%!important;
	flex: 0 0 100%!important;
	max-width: 100%!important;
	float:none;
}
}