/*
Theme Name: BrandGuys Child
Author: BrandGuys
Author URI: https://brandguys.se/
Template: brandguys
Text Domain: brandguyschild
*/

input + span{
	clear: both;
	display: block;
}
#homefold{
	background: #fff;
	background: var(--gradient-light);
	color: var(--color-dark);
}
.tiktokeffect{
  /* animation: tiktok 1.5s linear infinite; */

}
@keyframes tiktok{
	0%, 100% {
		text-shadow: -2px -2px 0 #0ff, 2px 2px 0 #f00;
	}
	25% {
		text-shadow: 2px 2px 0 #0ff, -2px -2px 0 #f00;
	}
	50% {
		text-shadow: 2px -2px 0 #0ff, 2px -2px 0 #f00;
	}
	75% {
		text-shadow: -2px 2px 0 #0ff, -2px 2px 0 #f00;
	}
}

#home-reviews{
	text-align: center;
	padding: var(--size-xxl) 0;
	background: #eaeaea;
}
#stars{
	font-size: var(--size-l);
	color: var(--color-main);
}
.fa-regular.fa-cart-shopping{
	position: relative;
	top: 2px;
}

#knowmore{
	background: var(--gradient-light);
	padding-bottom: var(--size-xxxl);
}
#whytiktok{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	display: block;
}
#included{
	text-align: center;
	background: #fff;
	border-radius: 8px;
	padding: var(--size-xl);
	box-shadow: 0px 0px 40px 0px rgba(0, 77, 122, 0.075);
}
.home-module{
	text-align: left;
	max-width: 600px;
	margin: 0 auto var(--size-m) auto;
}
.home-module p{
	border-bottom: 1px solid var(--color-grey);
	padding: var(--size-s) 0;
	margin: 0;
	opacity: 0.38;
}
.home-module p.free{
	opacity: 1;
}
.home-module a{
	color: var(--color-main);
}
.home-module a span{
	color: var(--color-dark);	
}
.home-module svg{
	fill: var(--color-dark);
	position: relative;
	top: 3px;
}
.home-module .free svg{
	fill: var(--color-main);
	top: 5px;
}
.intro-module{
	border-bottom: 1px solid var(--color-grey);	
}
.intro-module p{
	opacity: 1;
	padding: 0;
	margin-bottom: var(--size-s);
	border: none;
}

.alternative{
	width: calc(190px - var(--size-s) - var(--size-s));
	max-width: calc(90% - var(--size-s) - var(--size-s));
	min-height: 72px;
	padding: 0 var(--size-s);
	display: inline-block;
	background: var(--gradient-light);
	border: 1px solid #e5e5e5;
	border-radius: 7px;
	text-align: center;
	
	align-items: center;
	justify-content: center;
	display: inline-flex;
	vertical-align: top;
	margin-bottom: var(--size-xs);
	line-height: 1.2;
	
	cursor: pointer;
}
.alternative:hover{
	border-color: var(--color-dark);
}

.page-template-page-enroll .flex > div:first-child{
	background: #fff;
}
.page-template-page-enroll .flex > div:last-child{
	background: var(--color-main);
	color: #fff;
}
.page-template-page-enroll .flex input.input-text,
.page-template-page-enroll .flex input.input{
	width: calc(100% - var(--size-s) - var(--size-s));
}
.page-template-page-enroll{
	background: var(--gradient-light);
	min-height: calc(100vh - 51px);
}

/* Sensei */
.sensei-course-theme-lesson-actions.wp-block-sensei-lms-course-theme-lesson-actions{
	text-align: center;
}
.wp-block-post-title{
	font-family: var(--font-family-1) !important;
}

.wp-block-sensei-lms-course-list-filter,
.wp-block-post-author{
	display: none !important;
}
.wp-block-sensei-lms-course-list ul{
	list-style: none !important;
	padding: 0 !important;
}
.wp-block-button__link, 
.button{
	border-radius: 100px;
	background: var(--gradient-main);
	color: #fff;
	padding: var(--size-s) var(--size-l);
	font-size: var(--size-m);
	font-weight: bold;
	display: inline-block;
	margin-top: var(--size-m);	
	border: none;
}

.course-completed .wp-block-sensei-lms-course-results__grade{
	display: none;
}

/* Store */
#enroll{
	padding: var(--size-xxl) 0;
	background: #fff;
}
#enroll .flex > *{
	padding: 0;
	width: calc(100% - 260px - var(--size-m) - var(--size-m) - var(--size-xl));
}
#enroll #buy-full-course{
	max-width: 260px;
	background: var(--gradient-light);
	border: 1px solid #f5f5f5;
	border-radius: 7px;
	padding: var(--size-l) var(--size-m);
	text-align: center;
	margin-left: var(--size-xl);
	height: 300px;
	color: var(--color-dark);
}
#enroll #buy-full-course > *:first-child{
	margin-top: 0;
	padding-top: 0;
}
.free-lesson{
	border-bottom: 1px solid var(--color-grey);
}
.free-lesson i{
	margin-right: var(--size-xs);
}
.free-lesson .btn{
	background: var(--gradient-dark);
}
.free-lesson video{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.lesson-bottom{
	display: none;
	padding-bottom: var(--size-l);
}
.woocommerce-MyAccount-navigation ul{
	list-style: none;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li{
	display: inline-block;
	margin: var(--size-xs) var(--size-xs) var(--size-xs) 0;
	padding: var(--size-xs) var(--size-s);
	border: 1px solid var(--color-main);
	border-radius: 7px;
}
ul.products{
	list-style: none;
	padding: 0;
}

/* */
.wp-block-sensei-lms-course-outline .wp-block-sensei-lms-course-outline-lesson__chevron,
.wp-block-sensei-lms-course-outline .wp-block-sensei-lms-course-outline-lesson__status{
	height: auto;
	width: 30px;
}
button.sensei-collapsible__toggle{
	display: none;
}
.wp-block-sensei-lms-course-outline-lesson{
	display: block;
	position: relative;
	width: 100%;
}
.wp-block-sensei-lms-course-outline-lesson > *{
	max-height: 40px;
	height: auto !important;
	vertical-align: middle;
	color: #000;
}
.wp-block-sensei-lms-course-outline-lesson:hover > *{
	color: var(--color-main);
}
.wp-block-sensei-lms-course-outline-lesson > *:before{
	content: '• ';
}
h3.wp-block-sensei-lms-course-outline-module__lessons-title,
.wp-block-sensei-lms-course-outline-module__progress-indicator,
.wp-block-sensei-lms-course-outline-lesson__status,
.wp-block-sensei-lms-course-outline-lesson__chevron{
	display: none;
}
.wp-block-sensei-lms-course-outline-module__title{
	font-size: 32px !important;
	font-weight: 600;
	margin-bottom: 12px;
}


@media only screen and (max-width: 860px) {
	
	#included{
		width: calc(100% - var(--size-l) - var(--size-l));
		padding: var(--size-l);
	}
	
	#enroll .flex > * {
		padding: 0;
		width: 100%;
	}
	#enroll #buy-full-course{
		margin: var(--size-m) 0 0 0;
		width: calc(100% - var(--size-m) -var(--size-m));
		max-width: calc(100% - var(--size-m) -var(--size-m));
	}
	.sensei-course-theme__main-content{
		margin-top: var(--size-l);
	}
	
}