/*!
Theme Name: Dynamico Systems
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dynamico-systems
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
	--theme-color: #28D3B4;
	--text-color: #ffff;
	--heading-color: #fff;
	--black: #0e0e0f;
	--white: #ffffff;
	--hr-color: #cccccc;
}
body.woocommerce-page{
	color:#fff;
}
img, svg {
	max-width: 100%;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.admin-bar .header-area{
	top:32px;
}
.py-7{
	padding-top:70px;
	padding-bottom:70px;
}
.pb-7{
	padding-bottom:70px;
}
@media only screen and (max-width:991px) {

	.admin-bar .header-area{
		top:46px;
	}
	#wpadminbar{
		position: fixed;
		top:0;
	}
}



.mainmenu li.menu-item-has-children > a{
	padding-right:30px;
}
.mainmenu li.menu-item-has-children > a::after {
	position: absolute;
	color: #fff;
	content: '\f0d7';
	font-family: "Font Awesome 5 Pro";
	font-size: 16px;
	padding-left: 10px;
	transition: 0.5s all ease;
	font-weight: 900;
	padding-right: 10px;
    transition:0.5s all ease; 
}
.mainmenu li.menu-item-has-children > a:hover::after {
    transform:rotate(180deg);
}
.tabpage-content-wrapper {
	background: #1A1846;
	padding: 40px;
	border-radius: 10px;
	color: #ffffff;
}
.tab-content-wrapper ol li {
	list-style-position: inside;
}

.tabpage-content-wrapper h6{
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}
.tabpage-content-wrapper p {
	font-size: 16px;
}
.licensing-area {
	background-size: inherit;
	background-position: top center;
}
.try-now-mobile-btn:hover {
	color: var(--theme-color);
}
.timeline-img{
	position:relative;
}
.timeline-item-2 .timeline-img{
	display: inline-block;
	width:auto;
}
.timeline-img .site-btn {
	font-family: 'Nova Square', cursive;
}
.timeline-img .site-btn {
	font-family: 'Nova Square', cursive;
	padding: 6px 15px;
	position: absolute;
	right:50px;
	top: 50px;
	font-size: 18px;
}

.timeline-img i {
	font-size: 50px;
	color: var(--theme-color);
	position: absolute;
	right: 100px;
	top: -8px;
}
.timeline-img .site-btn:hover .timeline-img i{
	display:none;
}
.about-content-wrapper {
	background-position: bottom center !important;
	background-size:cover !important;
}

.faq-content-wrapper2 {
    background-position: bottom center !important;
    background-size: contain !important;
    background-repeat-x: repeat !important;
}

@media only screen and (min-width:992px) and (max-width:1199px) {

	.timeline-img .site-btn {
		right: 32px;
		top: 30px;
		font-size: 16px;
	}
	.timeline-img i {
		font-size: 50px;
		color: var(--theme-color);
		position: absolute;
		right: 80px;
		top: -30px;
	}

}
@media only screen and (min-width:768px) and (max-width:991px) {

	.timeline-img .site-btn {
		right: 25px;
		top: 20px;
		font-size: 12px;
		padding: 6px;
	}
	.timeline-img i {
		right: 52px;
		top: -34px;
	}
	.shell-img.pr-100{
		padding-right:0 !important;
	}

}
@media only screen and (max-width:767px){

	.timeline-img .site-btn {
		padding: 6px;
		position: absolute;
		right: 30px;
		top: 25px;
		font-size: 16px;
	}
	.timeline-img i {
		font-size:40px;
		color: var(--theme-color);
		position: absolute;
		right: 66px;
		top: -22px;
	}
	.timeline-item:last-child .timeline-counter {
		top: 50%;
		margin-top: 35px;
	}
	.text-link i {
		left: 50%;
		transform: rotate(-90deg) !important;
		font-size: 35px;
		width: 35px;
		text-align: center;
		margin-left: -17.5px;
		top: 40px;
	}
	.page-template-page-pricing .dynamico-software-area {
		background-size: inherit !important;
		background-position: center center;
	}




}
@media only screen and (max-width:420px){

	.timeline-img .site-btn {
		padding:4px;
		right:26px;
		top: 23px;
		font-size:14px;
	}
	.timeline-img i {
		font-size:40px;
		color: var(--theme-color);
		position: absolute;
		right: 66px;
		top: -22px;
	}
	.timeline-item:last-child .timeline-counter {
		margin-top:30px;
	}


}



/*Animation*/

.wider-box,
.small-box{
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
}
.wider-box.top-bottom{
  transform: translateY(-78px);
  -webkit-transform: translateY(-78px);
  -moz-transform: translateY(-78px);
  -o-transform: translateY(-78px);
  -ms-transform: translateY(-780px);
}
.small-box.move{
  transform: translate(-150px,0);
  -webkit-transform: translate(-150px,0);
  -moz-transform:translate(-150px,0);
  -o-transform:translate(-150px,0);
  -ms-transform: translate(-150px,0);
}
.feature-animation.first-animation .bullet-buttons{
	text-align:center;
}
.bullet-buttons span{
	width:20px;
	height:20px;
	background:transparent;
	border:2px solid #28D3B4;
	border-radius:50%;
	display:inline-block;
	margin-right:3px;
	margin-left:3px;
	cursor:pointer;
}
.bullet-buttons span.active{
	background:#28D3B4;
}
.animation-button {
	position: absolute;
	left: 50%;
	margin-left: 40px;
	top: 60px;
}
.feature-animation {
	position: relative;
}
.animation-button button{
	font-size: 18px;
	color: #fff;
	background: none;
	border: 2px solid #28D3B4;
	display: inline-block;
	padding: 8px 15px;
	border-radius: 5px;
  	font-family: 'Nova Square', cursive;
}
.animation-button button.active{
	background:#28D3B4;	
}

/*second animation button*/

.second-animation .bullet-buttons {
	position: absolute;
	bottom:30px;
	right: 50%;
	margin-right: -40px;
	z-index: 2;
}
.second-animation .animation-button {
	position: absolute;
	bottom: 25px;
	left: 20px;
	top: auto;
	right: auto;
	margin-left: 0;
	margin-right: 128px;
}

/*second animation button End */


/*Third Animation Button Start*/
.third-animation .bullet-buttons {
	position: absolute;
	bottom:50px;
	width: 56px;
	left: 50%;
	margin-left: -28px;
	z-index: 9;
}
.third-animation .animation-button {
	position: absolute;
	top: auto;
	bottom: 45px;
	left: auto;
	right: 40px;
}
/*Third Animation Button End */

.red-error,
.red-path,
.red-image,
.first-image{
	transition:0.5s all ease;
}
.green-error,
.green-path,
.green-image,
.second-image{
	opacity:0;
	visibility:hidden;
	transition:0.8s all ease;
}
.green-error.show,
.green-path.show,
.green-image.show,
.second-image.show{
	opacity:1;
	visibility: visible;
}
.red-error.hide,
.red-path.hide,
.red-image.hide,
.first-image.hide{
	opacity:0;
	visibility: hidden;
}
@media only screen and (max-width:1199px) {

	.animation-button {
		margin-left: 34px;
		top: 98px;
	}
	.feature-animation.first-animation .bullet-buttons {
		position: relative;
		top: -50px;
	}
	.second-animation .animation-button {
		bottom: 67px;
	}
	.second-animation .bullet-buttons {
		bottom: 74px;
	}
	.third-animation .animation-button {
		bottom: 96px;
		right:27px;
	}
	.third-animation .bullet-buttons {
		bottom: 104px;
	}
	.contact-info-item p {
		font-size:22px;
		word-break: break-all;
	}

}

@media only screen and (min-width:768px) and (max-width:991px) {

	.contact-info-wrap > .row > .col-lg-6 {
		padding: 10px;
	}
	.bordered-input-box textarea {
		height: 330px;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		float: left;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		float:right;
	}

}
@media only screen and (max-width:767px) {

	.animation-button {
		top:83px;
	}
	.second-animation .animation-button {
		bottom:45px;
	}
	.second-animation .bullet-buttons {
		bottom:57px;
	}
	.pro-btnnn a.site-btn {
		padding: 10px 15px !important;
		font-size: 20px;
	}
	.about-mission-img {
		height: 350px;
		background-size: contain;
	}
	.about-team-img {
		height: 350px;
		margin-top:15px;
	}
	.contact-info-wrap > .row > .col-lg-6 {
		padding: 0;
	}
	.bordered-input-box textarea {
		height:220px;
	}

}

/*
============================
Pricing Page Style 
============================
*/

.buy-with-confidence{
	text-align: center;
}
.buy-with-confidence h2 {
	color: #ffffff;
	font-size: 40px;
	font-weight: 300;
	line-height: 55px;
	text-transform: uppercase;
}
.buy-with-confidence ul li {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	display: inline-block;
	width: auto;
	position: relative;
	text-align: left;
	margin-left: 20px;
	padding-left: 40px;
	margin-top:30px;
}
.buy-with-confidence ul li::before {
	position: absolute;
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	left: 0;
	top: 0;
	font-size: 25px;
	font-weight: 300;
	color: var(--theme-color);
}
.product-box{
	position:relative;
	border:1px solid #28D3B4;
	padding:30px 0;
	padding-bottom:0;
	border-radius:5px;
	text-align: center;
	margin-bottom:60px;
}
.underDev{
	overflow: hidden;
}
.product-footer {
	border-top:1px solid #28D3B4;
}
.product-image {
	height: 140px;
	text-align: center;
	margin-bottom: 30px;
	padding: 0 40px;
}
.product-image img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	text-align: center;
}
.product-meta{
	padding:0 40px;
}
.product-meta h3{
	font-size:24px;
	margin-bottom:0;
}
.taxonomy{
	margin:10px 0;
}
.taxonomy p {
	margin: 0;
	display: block;
	font-size: 14px;
	text-align: center;
}
.product-features{
	padding:0 40px;
	min-height: 375px;
	padding-bottom: 30px;
}
.product-features p{
	margin:0;
}
.product-features strong {
	background-color: #28D3B4 !important;
	padding: 8px 20px !important;
	border-radius: 5px !important;
	margin-right: 0 !important;
	font-size: 14px !important;
	border: 1px solid #28D3B4 !important;
	color: #fff !important;
	font-family: 'Nova Square', cursive;
	margin:8px 0;
	display: inline-block;
}
.product-features li {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
}
.product-footer {
	height:50px;
    /*Ahmed modified height from 104px to 50px - part of removing pricing*/
}
.custom-price {
	padding-top: 12px;
}
.custom-price .from {
	font-size: 20px;
	font-family: 'Nova Square', cursive;
	color:#28D3B4 !important;
}
.custom-price .woocommerce-Price-amount {
	font-size:30px;
	color:#28D3B4 !important;
	font-family: 'Nova Square', cursive;
}
.product-footer .site-btn {
	background: #28D3B4 !important;
	font-family: 'Nova Square', cursive;
	padding: 10px 30px;
	display: block;
	position: absolute;
	bottom: -26px;
	width: 80%;
	left: 0;
	right: 0;
	margin: auto;
}
.product-footer .site-btn:hover{
	background:#131239 !important;
}
.pricing-area {
	padding-top:70px;
}
.pricing-bottom-content p{
	font-size:14px;
}
.DevBanner {
	background:rgba(30, 36, 49,0.95);
	text-align: center;
	bottom: calc( 50% - 1.1em );
	width: 100%;
	position: absolute;
	white-space: nowrap;
	font-size: 0.6em;
	padding: 0.5em;
}
.DevBanner span {
	color: var(--theme-color);
	text-transform: uppercase;
	margin: 0;
}
.text-btn-section {
	margin-top: 70px;
	margin-bottom: 70px;
}
.cta-faqs{
	text-transform:uppercase;
}
.pricing-bottom-section{
	background-size:cover;
}
@media only screen and (min-width:992px) and (max-width:1199px) {

	.DevBanner {
		font-size: 0.3em;
	}
	.product-footer {
		height: 112px;
		padding: 5px 0;
	}
	.product-footer .price {
		line-height: 20px;
	}

}

@media only screen and (min-width:768px) and (max-width:991px) {

/*	.product-meta h3 {
		font-size: 20px;
		margin-bottom: 0;
	}*/
	.product-meta {
		padding: 0 25px;
	}
	.product-features {
		padding: 0 25px 25px 25px;
	}
	.product-image {
		height: 140px;
		padding: 0 25px;
	}
	.product-features li {
		line-height: 30px;
	}


	.DevBanner {
		font-size: 0.3em;
	}
	.product-footer {
		height: 50px;
        /*Ahmed modified height from 112px to 50px - part of removing pricing*/
		padding: 5px 0;
	}
	.product-footer .price {
		line-height: 20px;
	}

}






/*
============================
Pricing Page Style End
============================
*/


/*
============================
Woocommerce Style Start
============================
*/

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width:60%;
}
.woocommerce div.product form.cart {
	margin-bottom:0 !important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	width:calc(40% - 90px);
	margin-right:90px;
}
.single-product .page-title-area{
	margin-left: calc(50% - 50vw);
	width: 100vw;
}
.single-product .content-area{
	padding-top:70px;
	padding-bottom:70px;
}
.single-page-content{
	background-image: url(/assets/img/bg/bold-bg.png);
}
.summary.entry-summary {
	position: relative;
}
div.qty {
    float: left;
    padding: 10px;
}
.wcpa_form_item.wcpa_type_checkbox-group {
	float: left;
	width: 50%;
}
.wcpa_form_outer:after{
	content:"";
	display:block;
	clear:both;
}
.product_title.entry-title{
	font-size:30px;
}
.category-title li{
	font-size:24px;
}
.category-title li span{
	color:#28D3B4;
	font-weight:700;
}
.price {
	color: #28D3B4 !important;
	font-size: 24px !important;
}
.custom-taxonomy-wrp{
	margin-bottom:15px;
}
.woocommerce-Price-amount{
	color:#fff !important;
	padding-left:5px;
	padding-right:5px;
}
.single-product label{
	font-size:24px;
	color:#fff;
	font-weight:400 !important;
}
.variations .nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #131239 !important;
	border-radius: 5px;
	border: solid 1px #41407B;
	box-sizing: border-box;
	font-size: 24px !important;
	line-height: 34px !important;
	width:202px;
	transition:0s all ease !important;
}
.variations .nice-select.open{
	border-bottom:0 !important;
	border-radius:5px 5px 0 0 !important;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
	opacity:1 !important;
	color: #fff !important;
}
.variations .nice-select .list {
	background-color: #131239 !important;
	border-radius: 0 0 5px 5px;
	z-index: 999 !important;
	border: 1px solid #41407B;
	border-top: 0;
	margin-top: 0 !important;
	width: 202px;
	left: -1px;
}
.variations .nice-select .current, 
.variations .nice-select .list li {
	font-size: 20px !important;
	color: #fff !important;
	font-weight: 400 !important;
}
.variations .nice-select .list li{
	border-top: 1px solid #41407B;
}
.variations .nice-select .option:hover, 
.variations .nice-select .option.focus, 
.variations .nice-select .option.selected.focus {
	background-color:transparent !important;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
	text-decoration: none;
}
.checkbox-group label {
	font-size: 20px;
}
.wcpa_form_outer .wcpa_form_item .wcpa_checkbox input[type="checkbox"]:checked + label .wcpa_check {
	border: 2px solid #28D3B4;
	background: #28D3B4;
}
.wcpa_form_outer .wcpa_form_item .wcpa_checkbox .wcpa_check {
	border: 2px solid #28D3B4;
}
.nice-select::after {
	height: 10px;
	margin-top: -6px;
	width: 10px;
	border-color:#41407B !important;
}
.reset_variations{
	margin-left:10px;
}
.reset_variations:hover{
	color:#28D3B4 !important;
}
.qty-title {
	float: left;
	font-size: 24px;
	font-weight: 400 !important;
	padding: 0;
	padding-right: 20px;
}
.woocommerce div.product form.cart div.quantity {
	float: none;
	margin-bottom: 20px;
	margin-right: -4px;
	display: inline-block;
}        
.woocommerce .quantity .qty {
	width:50px;
	margin-top: 0;
	height: 37.5px !important;
	border: none;
	outline:none !important;
}
.qty::-webkit-outer-spin-button,
.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qty[type=number] {
  -moz-appearance: textfield;
}
.plus, .minus {
	width: 40px;
	color: #fff;
	font-size: 25px;
	border: none;
	height: 37.5px;
	position: relative;
	top:0;
	background: rgba(40,211,180,0.6);
	margin-right:-4px !important;
}
.plus{
	margin-right:0;
	margin-left:-4px !important;
}
.single-product .plus, 
.single-product .minus{
	top:2px;
}
.single_add_to_cart_button,
.product_type_variable-subscription,
.add_to_cart_button,
.actions .button,
.checkout-button,
#place_order{
	background-color:#28D3B4 !important;
	padding:15px 30px !important;
	border-radius: 5px !important;
	margin-right:0 !important;
	font-size: 18px !important;
	border:1px solid #28D3B4 !important;
  	font-family: 'Lato', sans-serif;
	color:#fff !important;
}

.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.actions .button:hover,
.checkout-button:hover,
#place_order:hover{
	background: transparent !important;
}
#place_order:hover{
	color:var(--theme-color) !important;
}
.woocommerce-product-details__short-description .site-btn {
	padding: 8px 15px 10px 15px;
	font-size: 16px;
	line-height: 16px;
}
.related.products,
.upsells.products{
	margin-top:20px;
}
.related.products h2,
.upsells.products h2{
	font-size:40px;
  	font-family: 'Lato', sans-serif;
}
.woocommerce ul.products li.product a img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.woocommerce-loop-product__title{
  	font-family: 'Lato', sans-serif;
}
ul.products li.product {
	text-align: center;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 20px 30px !important;
}
.from {
	color: #fff !important;
  	font-family: 'Lato', sans-serif;
}
.woocommerce div.product form.cart .button {
	vertical-align: middle;
	float: none;
	display: block;
}
.variations td {
	padding-bottom: 20px;
}
.woocommerce .woocommerce-breadcrumb{
	margin-bottom: 50px;
	color:#28D3B4;
}

.woocommerce .woocommerce-breadcrumb a {
	color: #fff;
}
.woocommerce-product-details__short-description {
	margin-bottom: 50px;
}
.single_variation_wrap {
	margin-top: -5px;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
	width: auto;
	height:50px;
}
.woocommerce-cart-form__cart-item.cart_item {
	background: rgba(40,211,180,0.1);
}
.actions {
	padding-top: 30px !important;
}
.cart_totals h2{
	font-family: 'Lato', sans-serif;
}
.woocommerce a.remove:hover {
	background: transparent !important;
}
.woocommerce-billing-fields,
.woocommerce-additional-fields{
  	font-family: 'Lato', sans-serif;
}
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
  	font-family: 'Lato', sans-serif;
}
.woocommerce-customer-details h2,
.woocommerce-order-details__title{
	font-family: 'Lato', sans-serif;
	font-size:40px;
}

#order_review_heading{
	margin-top:40px;
}
.woocommerce-page label{
	color:#fff;
}
.woocommerce-input-wrapper input,
 .woocommerce-input-wrapper textarea{
	border: none;
	background: #fff;
	padding: 12px;
}
.select2-container--default .select2-selection--single {
	height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 47px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 8px;
}
.select2-results__option[aria-selected], .select2-results__option[data-selected] {
	color:var(--black);
}
.woocommerce-privacy-policy-text p{
	color:var(--black);	
}
#stripe-payment-data p{
	color:var(--black);	
}
#stripe-payment-data label{
	color:var(--black);		
}
.wc-stripe-elements-field, .wc-stripe-iban-element-field {
	padding: 10px !important;
}
.payment_method_stripe .form-row.form-row-wide{
	margin-bottom:0 !important;
}
.payment_method_stripe label{
	color:var(--black) !important;
}
.woocommerce-privacy-policy-text a{
	color:var(--theme-color) !important;
}
.woocommerce-order .woocommerce-thankyou-order-received{
	margin-bottom:30px;
}
.woocommerce-order-details .woocommerce-orders-table--subscriptions,
.woocommerce-order-details header{
	display: none;
}
.woocommerce-order a{
	color:var(--theme-color);
}

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

	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		float: none !important;
		width: 100% !important;
		margin:0 !important;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		float:none !important;
		width:100% !important;
	}
	.woocommerce div.product div.images img {
		width: 250px;
		margin-bottom: 30px;
	}
	.single-product .plus, .single-product .minus {
		top: 5px !important;
	}
	.woocommerce .quantity .qty {
		height: 37px !important;
	}

}




/*
============================
Woocommerce Style End
============================
*/


/*Ajax Search*/

#datafetch ul {
	border: 1px solid var(--theme-color);
	border-radius: 10px;
	padding: 15px;
}

#datafetch li a {
	color: #fff;
	text-align: left !important;
	padding: 5px 0;
	display: block;
	text-decoration: none !important;
	transition:0.5s all ease;
}
#datafetch li a:hover{
	color:var(--theme-color);
}
#datafetch li {
  text-align: left;
}
#datafetch li a:hover{
	text-decoration: underline;
}

/*My css*/

/*
===============================
AHMED - Woocommerce Style Start
===============================
*/

/*Style of the border boxes around the login and register areas*/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid var(--theme-color);
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}


/*This is the style of the input box*/
.woocommerce-account input, .woocommerce-checkout input{
    border: 1px solid #41407B;
    border-radius: 5px;
    background: #131239;
    height: 65px;
    padding: 15px 20px;
    padding-left: 20px;
    font-size: 18px;
    color: #41407B;
    transition: .3s ease;
	outline:none;
}

/*Makes sure the text in the dropdown menus is black*/
.woocommerce-account .nice-select {
	color: black;
}

/*make sure password strength text is in black*/
.woocommerce-password-strength{
	color: black;
}

/*Make sure the height is set to auto for the rememberme tick box*/
.woocommerce input#rememberme {
	height: auto;
}

/*This is the additional style of the input box after focusing on the input box*/
.woocommerce-account input:focus, .woocommerce-checkout input:focus {
    border: 1px solid var(--theme-color);
}

/*color of text in the search box*/
.woocommerce-checkout .select2-search__field {
	color: white;
}

/*This is the style of the text area*/
.woocommerce-checkout textarea{
	border: 1px solid #41407B;
    border-radius: 5px;
    background: #131239;
    height: 150px !important;
    padding: 15px 20px;
    padding-left: 20px;
    font-size: 18px;
    color: #41407B;
    transition: .3s ease;
	outline:none;
}

/*This is the additional style of the text area after focusing on the text area*/
.woocommerce-checkout textarea:focus, .woocommerce-checkout .select2-search__field:focus{
    border: 1px solid var(--theme-color);
}

/*This is the style of the text being written inside the input box*/
.woocommerce-account .input-text, .woocommerce-checkout .input-text {
    color: white;
}

/*This is the style of the woocommerce buttons*/
.woocommerce-account a.button, 
.woocommerce-account button.button, 
.woocommerce-account input.button,
.woocommerce-checkout button.button {
	color: #fff;
    border: 1px solid var(--theme-color);
	background-color: transparent;
    border-radius: 5px;
    padding: 12px 35px;
    font-size: 20px;
    text-align: center;
    background: none;
    text-align: center;
    display: inline-block;
    transition: 0.5s all ease;
	outline:none;
}

/*Style of the buttons inside woocommerce message banners and for the empty cart button*/
.woocommerce-message a.button,
.woocommerce .return-to-shop a.button {
	border: 1px solid var(--theme-color);
	background-color: var(--theme-color);
	color: #fff;
}

/*Style of the buttons inside woocommerce message banners and for the empty cart button, on hover*/
.woocommerce-message a.button:hover,
.woocommerce .return-to-shop a.button:hover {
	background-color: transparent !important;
	color: var(--theme-color) !important;
}

/*This is the style of the woocommerce buttons on hover*/
.woocommerce-account a.button:hover, 
.woocommerce-account button.button:hover, 
.woocommerce-account input.button:hover,
.woocommerce-checkout button.button:hover {
	color: #fff;
  	background: var(--theme-color);
}

/*This is to make sure the download button for downloadable products isnt with a pink background*/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--theme-color);
    /*background-color: transparent;*/
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
/*This is to make sure the download button for downloadable products isnt with a pink background*/
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: transparent !important;
    /*background-color: var(--theme-color) !important;*/
    color:#fff;
}

/*Put a box around these areas*/
.woocommerce-checkout .woocommerce-customer-details address,
.woocommerce .woocommerce-customer-details address,
/*.woocommerce table.shop_table,*/
.woocommerce-checkout table.shop_table {
	border: 1px solid var(--theme-color);
}

/*Navigation list in the my account page*/
.woocommerce-MyAccount-navigation li {
	padding: 20px;
}

/*when a navigation item is hovered*/
.woocommerce-MyAccount-navigation ul li:hover,
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.is-active:after {
    background: #0F0D39;
	/*border-radius: 10px;*/
    color: var(--theme-color);
}

.woocommerce a:hover {
	color: var(--theme-color);
}

/*Box and radius on the navigation list in the my account page*/
.woocommerce-MyAccount-navigation {
	background: #1A1846;
    border-radius: 10px;
}

/*Text colour in the stripe checkout box for the terms and conditions*/
.woocommerce-terms-and-conditions-checkbox-text {
	color: black;
}

/*Border around the Related Products*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    border-color: var(--theme-color);
    border-radius: 10px;
}

/*This changes the words "Recurring Totals" from white to theme color*/
.woocommerce-page table.shop_table_responsive tbody .recurring-totals th {
    color: var(--theme-color);
}

/*This makes sure there is a gap between the navigation bar and 'Hello User' on the my account dashboard when in mobile view*/
@media only screen and (max-width:768px){
	.woocommerce-account .woocommerce-MyAccount-content {
    margin-top: 50px;
    }
}

/*The color of the text for the Remove coupon button*/
.woocommerce-remove-coupon {
	color: var(--theme-color);
}

/*the background color when user clicks terms and conditions just before chekcing out*/
.woocommerce-terms-and-conditions {
    background: #131239;
}

/*color of the terms and conditions link just before checkout*/
.woocommerce-terms-and-conditions-link {
	color: var(--theme-color);
}

/*The height of the terms and conditions checkbox*/
.woocommerce form .form-row .input-checkbox {
    height: 15px;
}

/*Add some space above and below the price*/
.single_variation_wrap .woocommerce-variation.single_variation {
	padding-bottom: 25px;
}

/*Style of bullet points in product description*/
.free-list ul li::before {
	position: inherit;
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    font-size: 25px;
    font-weight: 300;
    color: var(--theme-color);
    vertical-align: middle;
    margin-right: 10px;
}

/*Background of the model that opens when user clicks renew*/
.wcs-modal .content-wrapper {
    background-color: #1A1846 !important;
    border-radius: 10px !important;
}

/*Text inside the checkout stripe payment box*/
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
	color: black;
}

/*Add some margin to the left of the form rows*/
.woocommerce form .form-row {
    margin-left: 10px;
}

/*background of the autorenew toggle when it is ON*/
.subscription-auto-renew-toggle--on .subscription-auto-renew-toggle__i{
	background-color: var(--theme-color) !important;
}


/*
===============================
AHMED - Woocommerce Style End
===============================
*/

/*This controls the bullet points on the legal pages*/
.tabpage-content-wrapper li {
	list-style: inherit !important;
	font-size: 16px;
}
/*This controls the bullet points on the legal pages*/
.tabpage-content-wrapper ul {
	list-style-position: inside;
}

/*This controls the bullet points on the FAQs page*/
.accordion-body ul li {
    list-style: disc;
    color: white;
    list-style-position: inside;
}
.accordion-body ol li {
    list-style: decimal;
	color: white;
    list-style-position: inside;
}

/*This controls the bullet points inside popups - plugin*/
.pum-content.popmake-content ul li {
    list-style: disc;
    list-style-position: inside;
}
.pum-content.popmake-content ol li {
    list-style-position: inside;
}

/*This makes the text in the table SVG image, more bold*/
/*g#Group_8018 text {
    font-weight: 900;
}*/

/*This fixes an issues where the Shell Element Designer Page shrinks too early on 
  small screens when responsive and creats a blank column on the right*/
#page {
	overflow: hidden;
}