/*
 Theme Name:     Go-On 2.0
 Theme URI:      https://samarj.com/go-on-2.0-theme
 Description:    The Best Ever Divi Child Theme for you to sell digital Products. The version 2.0 of the Go-On Theme.
 Author:         SamarJ
 Author URI:     https://samarj.com/
 Template:       Divi
 Version:        2.0
*/


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


/*All the Stylings for the Woocommerce. This Includes many styles for the Cart Page, Checkout Page and more.*/

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	color: #000!important;
	box-shadow: 1px 10px 40px -15px rgba(25, 25, 26, 0.17)!important;
	border-radius: 3px;
	background: #fff !important;
}

.woocommerce-form-coupon-toggle::after {
	content: "\e008" !Important;
	font-family: ETModules;
	top: -1%;
	right: -13px;
	position: absolute;
	background: #fff;
	padding: 6px 10px 6px 10px;
	box-shadow: 0px 3px 15px #00000042;
	border-radius: 60%;
}

.woocommerce-error::after {
	content: "\70";
	font-family: ETModules;
	top: -7%;
	right: -13px;
	position: absolute;
	background: #fff;
	padding: 6px 10px 6px 10px;
	box-shadow: 0px 3px 15px #00000042;
	border-radius: 60%;
}

.cart-empty.woocommerce-info::after {
	content: "\e015";
	font-family: ETModules;
	top: -7%;
	right: -13px;
	position: absolute;
	background: #fff;
	padding: 6px 10px 6px 10px;
	box-shadow: 0px 3px 15px #00000042;
	border-radius: 60%;
}

.woocommerce-error strong {
	font-weight: 500;
	color: #00C681;
}

.woocommerce-info a,
a.restore-item {
	color: #00C681!important;
	display: inline-block;
	position: relative;
}

.woocommerce-info a:after,
a.restore-item:after {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	background: #00C681;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}

.woocommerce-info a:hover:after,
a.restore-item:hover:after {
	width: 100%;
	left: 0;
}

@media screen and (max-height: 300px) {
	ul {
		margin-top: 40px;
	}
}

.woocommerce-checkout #payment {
	background: #fff;
}

.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: NONE !important;
}

.woocommerce-checkout #payment div.payment_box {
	background-color: #00C681;
	color: #fff;
	box-shadow: 1px 10px 40px -15px rgba(25, 25, 26, 0.17)!important;
	font-size: 16px;
}

.woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid #00C681;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
	margin-bottom: 60px;
}

.woocommerce-checkout #payment {
	background: transparent;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-checkout #main-content .cart-subtotal td {
	border-top: 1px solid rgba(0, 0, 0, 0.03);
}

#order_review {
	display: inline-flex;
}

@media only screen and ( max-width: 479px) {
	#order_review {
		display: block !important;
	}
}

@media only screen and ( min-width: 981px) and ( max-width: 1100px) {
	#order_review {
		display: block !important;
	}
}

@media only screen and ( min-width: 768px) and ( max-width: 980px) {
	#order_review {
		display: block !important;
	}
}

#order_review_heading {
	margin-bottom: 30px;
	text-align: center;
	font-size: 35px;
}

.woocommerce table.shop_table th {
	text-transform: uppercase;
	color: #00000061;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	background: #F7F9F8;
	border: 2px solid #d8d8d8;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	background: #fff !Important;
	border: 2px solid #d8d8d8;
}

.select2-container .select2-selection--single {
	height: 48px;
	border-color: rgba(200, 204, 204, .57);
	background-color: #F7F9F8;
	border-width: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 48px;
	font-size: 14px;
	padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 6px;
	height: 48px;
}

.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: #4212B8;
	transition: .3s ease;
	z-index: 9999;
}

.select2-container--default .select2-results__option--highlighted[data-selected]:hover {
	box-shadow: 0px 3px 10px #0000005e;
}

.select2-dropdown {
	background: #F7F9F8;
	border-color: #D8D8D8;
	border-width: 2px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #D8D8D8;
	border-radius: 3px;
	box-shadow: 0px 1px 3px #0000001c;
}

.woocommerce form.checkout_coupon {
	border: 0px solid #d3ced2;
	background: #fff;
	box-shadow: 1px 10px 40px -15px rgba(25, 25, 26, 0.17)!important;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	TEXT-ALIGN: CENTER;
	margin-bottom: 40px;
	font-size: 20px;
	text-decoration: underline;
	text-underline-position: under;
}

td.download-file a:hover {
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3) !Important;
	transform: scaleX(1.07) scaleY(1.07) translateX(0px) translateY(-5px) !Important;
}

.woocommerce nav.woocommerce-pagination ul li {
	border-right: none;
}

.woocommerce nav.woocommerce-pagination ul {
	border: none !Important
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	background: #eee !important;
	color: #000 !important;
	font-size: 20px !important;
	padding-top: 10px;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	margin: 2px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #4111B7 !important;
	color: #fff !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	color: #4111B7 !important;
}

.et-db #et-boc .et-l .et_pb_wc_price .price del {
	font-size: 20px;
	left: 25px;
	position: relative;
	top: -36px;
	margin: -15px;
}


/*Stylings for the Commerce ENDS here*/


/* Code for Link Underline Hover effect. You can add the undeline hover effect to any link inside Divi Builder by adding the class to the module where the link is present. Class= link-effect */

.link-effect a,
a.restore-item {
	display: inline-block;
	position: relative;
}

.link-effect a:after {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	top: 20px;
	position: absolute;
	background: #4315B9;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}

.link-effect a:hover:after {
	width: 100%;
	left: 0;
}

.woocommerce form.login,
.woocommerce form.register {
	border: none !Important;
}


/*END*/


/*Disabling the Horizontal Scrollbar*/

#page-container {
	overflow: hidden;
}


/*END*/


/*Styling the Beautiful Carousel of Reviews on Home V.2*/

.carousel {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}

.sj-carousel-item {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: absolute;
	width: 100%;
	padding: 0 50px;
	opacity: 0;
	will-change: transform, opacity;
	-webkit-animation: carousel-animate-vertical 27s linear infinite;
	animation: carousel-animate-vertical 27s linear infinite;
}

.sj-carousel-item:nth-child(1) {
	-webkit-animation-delay: calc(3s * -1);
	animation-delay: calc(3s * -1);
}

.sj-carousel-item:nth-child(2) {
	-webkit-animation-delay: calc(3s * 0);
	animation-delay: calc(3s * 0);
}

.sj-carousel-item:nth-child(3) {
	-webkit-animation-delay: calc(3s * 1);
	animation-delay: calc(3s * 1);
}

.sj-carousel-item:nth-child(4) {
	-webkit-animation-delay: calc(3s * 2);
	animation-delay: calc(3s * 2);
}

.sj-carousel-item:nth-child(5) {
	-webkit-animation-delay: calc(3s * 3);
	animation-delay: calc(3s * 3);
}

.sj-carousel-item:nth-child(6) {
	-webkit-animation-delay: calc(3s * 4);
	animation-delay: calc(3s * 4);
}

.sj-carousel-item:nth-child(7) {
	-webkit-animation-delay: calc(3s * 5);
	animation-delay: calc(3s * 5);
}

.sj-carousel-item:nth-child(8) {
	-webkit-animation-delay: calc(3s * 6);
	animation-delay: calc(3s * 6);
}

.sj-carousel-item:last-child {
	-webkit-animation-delay: calc(-3s * 2);
	animation-delay: calc(-3s * 2);
}

.sj-carousel-item .et_pb_image img {
	transform: none;
}

@-webkit-keyframes carousel-animate-vertical {
	0% {
		-webkit-transform: translateY(100%) scale(0.5);
		transform: translateY(100%) scale(0.5);
		opacity: 0;
		visibility: hidden;
	}
	3%,
	11.1111111111% {
		-webkit-transform: translateY(100%) scale(0.7);
		transform: translateY(100%) scale(0.7);
		opacity: .4;
		visibility: visible;
	}
	14.1111111111%,
	22.2222222222% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
		opacity: 1;
		visibility: visible;
	}
	25.2222222222%,
	33.3333333333% {
		-webkit-transform: translateY(-100%) scale(0.7);
		transform: translateY(-100%) scale(0.7);
		opacity: .4;
		visibility: visible;
	}
	36.3333333333% {
		-webkit-transform: translateY(-100%) scale(0.5);
		transform: translateY(-100%) scale(0.5);
		opacity: 0;
		visibility: visible;
	}
	100% {
		-webkit-transform: translateY(-100%) scale(0.5);
		transform: translateY(-100%) scale(0.5);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes carousel-animate-vertical {
	0% {
		-webkit-transform: translateY(100%) scale(0.5);
		transform: translateY(100%) scale(0.5);
		opacity: 0;
		visibility: hidden;
	}
	3%,
	11.1111111111% {
		-webkit-transform: translateY(100%) scale(0.7);
		transform: translateY(100%) scale(0.7);
		opacity: .4;
		visibility: visible;
	}
	14.1111111111%,
	22.2222222222% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
		opacity: 1;
		visibility: visible;
	}
	25.2222222222%,
	33.3333333333% {
		-webkit-transform: translateY(-100%) scale(0.7);
		transform: translateY(-100%) scale(0.7);
		opacity: .4;
		visibility: visible;
	}
	36.3333333333% {
		-webkit-transform: translateY(-100%) scale(0.5);
		transform: translateY(-100%) scale(0.5);
		opacity: 0;
		visibility: visible;
	}
	100% {
		-webkit-transform: translateY(-100%) scale(0.5);
		transform: translateY(-100%) scale(0.5);
		opacity: 0;
		visibility: hidden;
	}
}


/*Styling for the Beautiful Carousel of Reviews on Home V.2 Ends here*/


/*Styling the Social Share Icons*/

.sj_custom_social_share_shortcode {
	list-style-type: none !important;
	padding: 0px 0px 12px!important;
	text-align: center;
}

.sj_custom_social_share_shortcode li {
	display: inline-block;
	margin-right: 5px;
	padding: 0;
	vertical-align: middle;
}

.sj_custom_social_share_shortcode li a {
	text-align: center;
	padding: 1px 10px;
	font-size: 28px;
	color: #fff;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.sj_custom_social_share_shortcode li i {
	font-size: 20px;
}

.sj_custom_social_share_shortcode li:hover a {
	color: #00C681;
}


/*Styling for Social Share Icons Ends here*/


/*Styling for the Main Header(not Theme Builder Header) Starts Here*/


/*For Mobile*/

.mobile_menu_bar:before {
	color: #666666 !important;
	background: #F0F3F8;
	border-radius: 100px;
	padding: 4px;
	top: -5px;
}

@media screen and (max-width: 980px) {
	.container {
		width: 100% !important;
	}
	.et_header_style_left .logo_container {
		padding-left: 25px;
	}
	.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;
	}
}

.et_mobile_menu {
	top: 0 !important;
	border-top: 3px solid #283fc0 !important;
	;
	background-color: #fff !important;
	padding: 20% 0;
	box-shadow: 0px 10px 50px #00000054;
}

.et_mobile_menu li a {
	text-align: center;
	font-size: .8em;
	border: 0;
	padding: 15px 0;
	letter-spacing: 1px;
}

.mobile_nav ul#mobile_menu .current_page_item a {
	color: #283fc0;
}

.mobile_nav ul#mobile_menu li ul li a {
	font-size: .8em !important;
	margin: auto;
	color: #363636 !important;
	padding-top: 1.1em;
}

.et_mobile_menu li a:hover {
	color: #999;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.mobile_menu_bar:before {
	margin-right: 25px;
	color: #363636 !important;
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
	z-index: 99999;
}


/* NESTING MOBILE MENU SETTINGS */

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

#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: "\33"!IMPORTANT;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
	position: relative;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.03);
	z-index: 1;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	top: 6px;
	right: 10px;
	cursor: pointer;
	text-align: center;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
	background-color: rgba(0, 0, 0, 0.1);
}

#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: #4211B8;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
	content: '\32';
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle~ul.sub-menu {
	display: none !important;
	padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped~ul.sub-menu {
	display: block !important;
	background-color: rgba(0, 0, 0, 0.03);
}

#main-header #mobile_menu.et_mobile_menu li li {
	padding-left: 0;
}

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

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle+a {
	padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children a {
	background-color: transparent;
	font-weight: inherit;
}

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

#main-header,
#main-header.et-fixed-header {
	box-shadow: 0 3px 20px rgba(0, 0, 0, .1) !important;
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .1) !important;
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1) !important;
}

#main-header #et-top-navigation .et-cart-info {
	float: left;
	margin: -8px 10px 0 22px !important;
	padding: 6px 0 5px 9px !important;
	font-size: 16px;
	background-color: #f0f3f8 !important;
	padding: 2px;
	border-radius: 100%;
	transition: all .2s ease-in-out;
}

#et_search_icon:before {
	padding: 10px 10px 10px 10px!important;
	background-color: #f0f3f8 !important;
	padding: 2px;
	border-radius: 100%;
	transition: all .2s ease-in-out;
}

#et_top_search {
	margin: -6px 0 0 0px;
}

@media (max-width: 980px) {
	#et_top_search {
		margin: -15px 31px 0 0;
		float: left;
	}
}

#main-header .nav ul li a:hover {
	border-left: 2px solid #4211b8;
	opacity: 1;
	background: transparent
}

#main-header .nav ul li a {
	transition: .3s ease;
}

#main-header .nav li ul {
	border-top: none;
	box-shadow: 0px 3px 50px #0000000f !important;
	border-radius: 5px;
	-moz-box-shadow: 0px 3px 50px #0000000f !important;
	-webkit-box-shadow: 0px 3px 50px #0000000f !important;
}

.nav li:hover ul {
	-webkit-animation: scale-in-top .4s ease-in-out !Important;
	animation: scale-in-top .4s ease-in-out !Important;
}

@-webkit-keyframes scale-in-top {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 20% 0%;
		transform-origin: 20% 0%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 20% 0%;
		transform-origin: 20% 0%;
		opacity: 1;
	}
}

@keyframes scale-in-top {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 20% 0%;
		transform-origin: 20% 0%;
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 20% 0%;
		transform-origin: 20% 0%;
		opacity: 1;
	}
}


/*All the codes for the Icon on Blog V.1 Page*/

.sj-blog .published:before {
	content: '\e023' !Important;
}

.sj-blog a.more-link:after {
	content: "\24";
}

.sj-blog-latest a.more-link:after {
	content: "\24";
}


/*All the codes for the Icon on My Account Page*/

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link:hover:before {
	content: "\35";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard:after {
	content: "\e009";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders:after {
	content: "\e013";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads:after {
	content: "\e004";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address:after {
	content: "\e01d";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account:after {
	content: "\e107";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout:after {
	content: "\e046";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active:after {
	content: "\e074";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders.is-active:after {
	content: "\e079";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads.is-active:after {
	content: "\e071";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address.is-active:after {
	content: "\e081";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account.is-active:after {
	content: "\e0e0";
}

/*END HERE*/