

/*===============================
*********************************  
my account
*********************************
=================================*/  
/**** My Account Page ****/


#my-account .woocommerce .u-columns .u-column1.col-1 h2,
.woocommerce .u-columns.col2-set .u-column2.col-2 h2{position: relative;
color: rgba(var(--dark-blue), 1);
display: inline-block;
    font-family: "ubuntu";
font-weight: 700}

#my-account .woocommerce .u-columns .u-column1.col-1 h2,.woocommerce .u-columns.col2-set .u-column2.col-2 h2{
	padding-bottom: 15px;
position: relative;
margin-bottom: 30px;

text-transform: capitalize;

}

#my-account .woocommerce .u-columns .u-column1.col-1 h2:before,.woocommerce .u-columns.col2-set .u-column2.col-2 h2:before{
animation: none;
    z-index: 1;
    background-color: rgba(var(--blue),1);
    box-shadow: 0 0 0 10px transparent;
    -moz-box-shadow: 0 0 0 10px transparent;
    -webkit-box-shadow: 0 0 0 10px transparent;
    -ms-box-shadow: 0 0 0 10px transparent;
    -o-box-shadow: 0 0 0 10px transparent;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 1px!important;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    top: 42.5px;
    clear: both;
    content: '';
    display: inline-block;
    height: 11px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 11px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#my-account .woocommerce .u-columns .u-column1.col-1 h2:after,.woocommerce .u-columns.col2-set .u-column2.col-2 h2:after {
	background-color: 
rgba(var(--dark-blue), 1);
content: "";
position: absolute;
    top: 37px;
left: 20px;
height: 3px;
width: 70px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



#my-account .woocommerce .woocommerce-MyAccount-navigation ul {
	padding:0!important;
	line-height:inherit!important;
	list-style:none!important;
	position:relative
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li {
	position:relative;
	margin-bottom:15px
}

#my-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
	position:relative;
	font-size:16px;
	font-weight:700;
	color:rgba(var(--black), 1);
	border:1px solid #d3dce8;
	   font-family: "ubuntu";
	line-height:26px;
	padding:12px 25px;
	display:block;
	padding-left:25px;
	border-radius:5px;
	background-color:#fff;
	z-index:9;
	overflow:hidden;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a {
	color:#fff;
	padding-left:0;
	border:1px solid rgba(var(--blue), 1)
}
#my-account  li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active a{
    	background: rgba(var(--blue), 1);
    color: #fff
  }
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li a:before {
	margin-right:10px;
	font-size:16px;
	line-height:26px;
	color:rgba(var(--blue), 1);
	font-weight:700;
	content:"\45";
	font-family:ETmodules!important;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
	content:"\e023"
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
	content:"\e015"
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
	content:"\e091"
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
	content:"\e01d"
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
	content:"\e026"
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
	content:"\e02e"
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a:before {
	opacity:0
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li a:after {
	position:absolute;
	left:-1px;
	top:0;
	height:100%;
	width:100%;
	content:"";
	background-color:rgba(var(--blue), 1);
	z-index:-1;
-webkit-transition:-webkit-transform .4s ease;
transition:-webkit-transform .4s ease;
transition:transform .4s ease;
transition:transform .4s ease, -webkit-transform .4s ease;
	-webkit-transform:scale(0, 1);
	-ms-transform:scale(0, 1);
	transform:scale(0, 1);
	-webkit-transform-origin:right top;
	-ms-transform-origin:right top;
	transform-origin:right top
}
#my-account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a:after {
	-webkit-transform-origin:left bottom;
	-ms-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1)
}
#my-account .woocommerce .woocommerce-MyAccount-content a,#my-account .woocommerce .u-columns .woocommerce-LostPassword a,#my-account .woocommerce .woocommerce-privacy-policy-text a,#my-account .woocommerce .woocommerce-message .restore-item {
	color:rgba(var(--blue), 1);
	font-weight:600;
	text-transform:capitalize;
	border-bottom:1px solid 
}
#my-account .woocommerce .woocommerce-MyAccount-content p,#my-account .woocommerce .u-columns p {
    font-size: 15px;
    line-height: 30px;
    font-family: 'Montserrat';
    color: rgba(var(--black), 1);
}
#my-account .woocommerce .woocommerce-error,#my-account .woocommerce .woocommerce-info,#my-account .woocommerce .woocommerce-message {
	border-radius: 5px;
    text-transform: capitalize;
    background: rgba(var(--blue), 1);
    font-family: 'Montserrat';
    line-height: 2.9em;
}
#my-account .woocommerce .woocommerce-form .woocommerce-privacy-policy-text {
	padding-bottom: 10px;
}

#my-account .woocommerce-account .addresses .title .edit {
	background: rgba(var(--blue), 1);
	padding: 3px 15px;
	text-transform: uppercase;
	color: #fff;
}
.woocommerce-account .addresses .title .edit:hover {
	background:rgba(var(--dark-blue), 1);

}

#my-account .woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
    font-family: 'Ubuntu';
    color: #fff;
    font-size: 16px;
    background-color: rgba(var(--dark-blue), 1);
}
#my-account  .woocommerce table.shop_table td {
    border-top: 1px solid #d3dce8;
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
    color: rgba(var(--black), 1);
    font-weight: 500;
    font-family: 'Montserrat';
    font-size: 15px;
}
  
 #my-account .entry-content address, .comment-content address, body.et-pb-preview #main-content .container address {
    margin-bottom: 12px;
    font-family: 'Montserrat';
    color: rgba(var(--black), 1);
    font-style: normal;
    line-height: 1.8em;
}
  
  
  
  
/** BUTTON 2**/

.woocommerce .woocommerce-message .woocommerce-Button,
.woocommerce .woocommerce-Message .woocommerce-Button.button{background: #fff !important;
color: rgba(var(--blue), 1) !important;
border-width: 0px!important;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
  padding: 15px 30px!important
}


#my-account h2.woocommerce-order-details__title,#my-account h2.woocommerce-column__title {
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px;
    color: rgba(var(--dark-blue), 1);
    font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3em;
    text-transform: capitalize!important;
}
 #my-account .woocommerce .woocommerce-customer-details address {
    font-style: normal;
    margin-bottom: 0;
    border: 0px solid rgba(var(--blue), 1)!important;
    border-bottom-width: 2px;
    border-right-width: 2px;
    text-align: left;
    width: 100%;
    border-radius: 5px;
    padding: 12px 20px;
    color: rgba(var(--black), 1);
    text-transform: capitalize;
    font-size: 15px;
    line-height: 1.9em;
    font-family: 'Montserrat';
    box-shadow: rgb(211 220 232 / 60%) 0px 8px 40px 1px;
}
#my-account  mark.order-number,#my-account mark.order-date,#my-account mark.order-status {
    background-color: rgba(var(--blue), 1);
    color: #fff;
    padding: 5px;
    font-family: 'Ubuntu';
}
  


#my-account h2.woocommerce-order-details__title,#my-account h2.woocommerce-column__title{
	padding-bottom: 15px;
position: relative;
margin-bottom: 30px;

text-transform: capitalize;

}

#my-account h2.woocommerce-order-details__title:before,#my-account h2.woocommerce-column__title:before{
animation: none;
    z-index: 1;
    background-color: rgba(var(--blue),1);
    box-shadow: 0 0 0 10px transparent;
    -moz-box-shadow: 0 0 0 10px transparent;
    -webkit-box-shadow: 0 0 0 10px transparent;
    -ms-box-shadow: 0 0 0 10px transparent;
    -o-box-shadow: 0 0 0 10px transparent;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 1px!important;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    top: 42.5px;
    clear: both;
    content: '';
    display: inline-block;
    height: 11px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 11px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#my-account h2.woocommerce-order-details__title:after,#my-account h2.woocommerce-column__title:after {
	background-color: 
rgba(var(--dark-blue), 1);
content: "";
position: absolute;
    top: 37px;
left: 20px;
height: 3px;
width: 70px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}




#my-account .woocommerce form .form-row label {
    font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: rgba(var(--dark-blue), 1)!important;
    line-height: 2.1em;
    text-transform: capitalize;
}
#my-account .woocommerce form .form-row input.input-text {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 15px!important;
    line-height: 1.9em!important;
    border-width: 1px;
    border-color: #F7F8FC;
    background-color: #F7F8FC;
    color: rgba(var(--black), 1);
    padding: 16px;
}

#my-account form.woocommerce-EditAccountForm.edit-account {
    padding: 15px;
    box-shadow: rgb(211 220 232 / 60%) 0px 8px 40px 1px;
}

#my-account legend {
    font-family: 'Ubuntu';
    color: rgba(var(--dark-blue), 1)!important;
    font-size: 25px;
    font-weight: 700;
    padding: 14px 0px;
    text-transform: capitalize;
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 #my-account legend {
    font-family: 'Ubuntu';
    color: rgba(var(--dark-blue), 1)!important;
    font-size: 20px;
    font-weight: 700;
    padding: 14px 0px;
    text-transform: capitalize;
}
}
#my-account legend{
	padding-bottom: 15px;
position: relative;
margin-bottom: 30px;

text-transform: capitalize;

}

#my-account legend:before{
animation: none;
    z-index: 1;
    background-color: rgba(var(--blue),1)!important;
    box-shadow: 0 0 0 10px transparent;
    -moz-box-shadow: 0 0 0 10px transparent;
    -webkit-box-shadow: 0 0 0 10px transparent;
    -ms-box-shadow: 0 0 0 10px transparent;
    -o-box-shadow: 0 0 0 10px transparent;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 1px!important;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    top: 42.5px;
    clear: both;
    content: '';
    display: inline-block;
    height: 11px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 11px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#my-account legend:after {
	background-color: rgba(var(--dark-blue), 1)!important;
content: "";
position: absolute;
    top: 37px;
left: 20px;
height: 3px;
width: 70px;
margin: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}







#my-account .woocommerce form.checkout_coupon,#my-account .woocommerce form.login,#my-account .woocommerce form.register {
    border-color: #d3dce8;
    margin: auto;
    box-shadow: rgb(211 220 232 / 60%) 0px 8px 40px 1px;
}


