/*
Theme Name: CHEQ Essentials
Description: CHEQ Essentials Theme
Author: Yelpix LLC
Author URI: https://yelpix.com/
Description: Description
Version: 1.0.0
Tested up to: 5.6
Requires PHP: 7.4
Text Domain: essentials
*/

.bundle-plan .schedule-btn { display: none; }
.bundle-plan.ent .schedule-btn { display: inline-flex; }
.bundle-plan.ent .plan_link { display: none; }
.elementor-kit-744 .advs .sc_bg {background: linear-gradient(0deg, #EEF1FA 0%, #FFFFFF 100%);}
.why--home.landing_page { border-top: 1px solid #B1B9D1; }

.advs .image.image_mobile { display: none; }
.get .item_text .mobile_text { display: none; }
.tb .sc_text .mobile_title { display: none; }
.tb .sc_text .mobile_text { display: none; }

.submenu a { flex-wrap: wrap; }
.submenu a p { padding-left: 3rem; }

.breadcrumbs nav { display: flex; gap: 10px; }
.breadcrumbs nav a:after { content: ''; display: inline-block; width: 6px; height: 10px; background: url('images/arrow_right.png') no-repeat; margin-left: 10px; }

.frontpage_reviews { padding: 5rem 0 5rem; }

.faq_white { background: #fff; padding-top: 8rem; }
.page-id-451 .faq,
.page-id-783 .faq { order: 7; }

.hero--affilate_form { background: #EEF1FA; padding: 7rem 0; }
.hero--affilate_form .sc_text { text-align: center; }
.affilate_form_block { margin-top: 5rem; }
.affilate_form { background: #fff; border-radius: 10px; max-width: 780px; margin: 0 auto; padding: 40px 50px 60px; position: relative; overflow: hidden; }
.affilate_form:before { content: ""; position: absolute; inset: 0; border-radius: 10px; padding: 1px; background: linear-gradient(90deg, #9925CF 0%, #FD0173 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; }
.form_row { display: flex; gap: 23px; margin-bottom: 25px; }
.form_row > div { flex: 1; display: flex; flex-direction: column; gap: 5px; }
.form_row label { font-size: 16px; color: #5A5772; line-height: 24px; }
.form_row input { font-size: 16px; color: #34163e; padding: 1rem 1.6rem; background: var(--c-white); border-radius: 0.5rem; border: 1px solid #a19eb4; height: 4.5rem; outline: none; }
.form_row select { font-size: 16px; color: #34163e; position: relative; width: 100%; background: url(images/icons/icon-select--d.svg), var(--c-white); background-repeat: no-repeat; background-size: 1.1rem auto; background-position: center right 1.4rem; padding: 0 3.6rem 0 1.6rem; -webkit-appearance: none; appearance: none; height: 4.5rem; border: 1px solid #a19eb4; border-radius: 0.5rem; color: #5a5772; }
.form_row textarea { font-size: 16px; color: #34163e; padding: 1rem 1.6rem; background: var(--c-white); border-radius: 0.5rem; border: 1px solid #a19eb4; height: 11rem; outline: none; resize: none; }
.form_row.form_terms_row { flex-direction: column; gap: 10px; }
.terms_info h3 { font-size: 20px; font-weight: 800; line-height: 26px; margin-bottom: 0; }
.terms_info p { font-size: 16px; line-height: 24px; margin-bottom: 0; }
.terms_text_wrapper { border: 1px solid #A19EB4; border-radius: 5px; padding: 8px 12px; }
.terms_text { max-height: 360px; overflow: auto; padding: 37px 33px; }
.terms_text h3 { margin-top: 40px; margin-bottom: 12px; }
.terms_text h3:first-child { margin-top: 0; }
.terms_text p { margin-bottom: 12px; }
.terms_text::-webkit-scrollbar-thumb { background: #EDEDED; }
.form_row.form_terms_row .form_field { flex-direction: row; gap: 8px; }
.form_row.form_terms_row .form_field input { width: 20px; height: 20px; }
.form_row.form_field-actions { justify-content: center; align-items: center; margin-bottom: 0; }
.form_row label.error { font-size: 13px; color: #f00; line-height: 1; position: absolute; left: 0; bottom: -15px; }
.form_row label.error2 { font-size: 13px; color: #f00; line-height: 1; }

.popup-close-btn { transition: all 0.2s ease-in-out; }
.popup-close-btn:hover { color: var(--b-pink-cheq); }

.page-id-1307 .cta .btn { --btn-fz: 2.7rem; }

.advs .mob_text { display: none; }
.advs .adv_button { order: 3; margin-top: 3.4rem; margin-bottom: 0 !important; }
.advs .adv_button .sc_buttons { padding-bottom: 0; }
.advs .adv_button .sc_buttons:before { display: none; }

/* Hubspot popup form */
.popup form { position: relative; display: grid; grid-template-columns: repeat(1, 1fr); gap: 2.5rem; padding: 0; }
.popup fieldset { position: relative; display: block; }
.popup fieldset:nth-child(4),
.popup fieldset:nth-child(5),
.popup fieldset:nth-child(6),
.popup fieldset:nth-child(7) { position: absolute; overflow: hidden; visibility: hidden; }
.popup form input { padding: 1rem 1.6rem; background: var(--c-white); color: #34163e; border-radius: 0.5rem; border: 1px solid #a19eb4; height: 4.5rem; outline: none; }
.popup fieldset .field:last-child .input { margin-right: 0; }
.popup form input[type="text"],
.popup form input[type="email"],
.popup form input[type="tel"] { width: 100%; }
.popup form input.error { border-color: #e7086c; background: rgba(231, 8, 108, 0.1); }
.popup form select { position: relative; width: 100%; background: url(images/icons/icon-select--d.svg), var(--c-white); background-repeat: no-repeat; background-size: 1.1rem auto; background-position: center right 1.4rem; padding: 0 3.6rem 0 1.6rem; -webkit-appearance: none; appearance: none; height: 4.5rem; border: 1px solid #a19eb4; border-radius: 0.5rem; color: #5a5772; }
.popup form .form-columns-3 { display: flex; flex-direction: column; gap: 2.5rem; }
.popup form .form-columns-3 .field { width: 100% !important; }
.popup form .form-columns-3 .field .input { margin-right: 0; }
.popup form ul.hs-error-msgs { margin: 0; padding: 0; list-style-type: none; margin-top: 0.3rem; }
.popup form ul.hs-error-msgs li label { display: inline-block; font-size: 1.2rem; line-height: 1.5; color: #e7086c; }
.popup form .hs-richtext { font-size: 1.4rem; line-height: 1.2; }
.popup form .hs_submit .actions { text-align: center; }
.popup form .hs_submit .actions input { --sub-bg: var(--c-white); position: relative; display: inline-flex; align-items: center; align-content: center; justify-content: center; padding: 0 1.75em; font-weight: 700; line-height: 42px; height: var(--btn-height); font-size: var(--btn-fz); background: var(--btn-bg); color: var(--btn-color); border: none; text-transform: none; text-decoration: none !important; border-radius: var(--btn-rd); border: 2px solid var(--btn-bg); transition: all var(--base-ts) ease-in-out; line-height: 1.2; cursor: pointer; overflow: hidden; }
.popup form .hs_submit .actions input:hover { background: var(--b-pink-cheq-hover); border-color: var(--b-pink-cheq-hover); }

.page-template-template-clickcease .hero_form {min-height: 41rem;}
.page-template-template-clickcease .hero_form .hs-form-field {width: 100% !important;float: none !important;}
.page-template-template-clickcease .hero_form form { position: relative; display: grid; grid-template-columns: repeat(1, 1fr); gap: 1.4rem; padding: 0; }
.page-template-template-clickcease .hero_form fieldset { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }
.page-template-template-clickcease .hero_form fieldset.form-columns-3 > .hs-form-field:last-child {grid-column: -1 / 1;}
.page-template-template-clickcease .hero_form fieldset:nth-child(4),
.page-template-template-clickcease .hero_form fieldset:nth-child(5),
.page-template-template-clickcease .hero_form fieldset:nth-child(6),
.page-template-template-clickcease .hero_form fieldset:nth-child(7) { position: absolute; overflow: hidden; visibility: hidden; }
.page-template-template-clickcease .hero_form form input { padding: 1rem 1.6rem; background: var(--c-white); color: #34163e; border-radius: 0.5rem; border: 1px solid #a19eb4; height: 4.5rem; outline: none; }
.page-template-template-clickcease .hero_form fieldset .input { margin-right: 0 !important; }
.page-template-template-clickcease .hero_form fieldset .input input,
.page-template-template-clickcease .hero_form fieldset .input select {width: 100% !important;}
.page-template-template-clickcease .hero_form form input[type="text"],
.page-template-template-clickcease .hero_form form input[type="email"],
.page-template-template-clickcease .hero_form form input[type="tel"] { width: 100%; }
.page-template-template-clickcease .hero_form form input.error { border-color: #e7086c; background: rgba(231, 8, 108, 0.1); }
.page-template-template-clickcease .hero_form form select { position: relative; width: 100%; background: url(images/icons/icon-select--d.svg), var(--c-white); background-repeat: no-repeat; background-size: 1.1rem auto; background-position: center right 1.4rem; padding: 0 3.6rem 0 1.6rem; -webkit-appearance: none; appearance: none; height: 4.5rem; border: 1px solid #a19eb4; border-radius: 0.5rem; color: #5a5772; }
/* .page-template-template-clickcease .hero_form form .form-columns-3 { display: flex; flex-direction: column; gap: 2.5rem; } */
.page-template-template-clickcease .hero_form form .form-columns-3 .field { width: 100% !important; }
.page-template-template-clickcease .hero_form form .form-columns-3 .field .input { margin-right: 0; }
.page-template-template-clickcease .hero_form form ul.hs-error-msgs { margin: 0; padding: 0; list-style-type: none; margin-top: 0.3rem; }
.page-template-template-clickcease .hero_form form ul.hs-error-msgs li label { display: inline-block; font-size: 1.2rem; line-height: 1.5; color: #e7086c; }
.page-template-template-clickcease .hero_form form .hs-richtext { font-size: 1.4rem; line-height: 1.2; }
.page-template-template-clickcease .hero_form form .hs_submit .actions { text-align: center; }
.page-template-template-clickcease .hero_form form .hs_submit .actions input { --sub-bg: var(--c-white); position: relative; display: inline-flex; align-items: center; align-content: center; justify-content: center; padding: 0 1.75em; font-weight: 700; line-height: 42px; height: var(--btn-height); font-size: var(--btn-fz); background: var(--btn-bg); color: var(--btn-color); border: none; text-transform: none; text-decoration: none !important; border-radius: var(--btn-rd); border: 2px solid var(--btn-bg); transition: all var(--base-ts) ease-in-out; line-height: 1.2; cursor: pointer; overflow: hidden; }
.page-template-template-clickcease .hero_form form .hs_submit .actions input:hover { background: var(--b-pink-cheq-hover); border-color: var(--b-pink-cheq-hover); }
.page-template-template-clickcease .hero_form {position: relative; padding: 2.4rem; background: linear-gradient(90deg, #9925CF 0%, #FD0173 100%);border-radius: 1.4rem;}
.page-template-template-clickcease .hero_form:before {content: '';position: absolute;left: 0.1rem;top: 0.1rem;width: calc(100% - 0.2rem);height: calc(100% - 0.2rem);border-radius: 1.2rem;z-index: 0;background: #fff;}
.page-template-template-clickcease .hero_form > * {position: relative;z-index: 1;}
.page-template-template-clickcease .hero_form-text {position: relative;text-align: center;margin-bottom: 1.4rem;font-size: 1.4rem;}
.page-template-template-clickcease .hero_form-text h3 {font-size: 2.4rem;}
.page-template-template-clickcease .hero_form-text h3 strong{font-size: 2.4rem;font-style: italic;font-family: 'AvenirNext LT Pro Heavy', sans-serif;font-weight: 800 !important;}
.page-template-template-clickcease .hero .row {align-items: center;align-content: center;}
.page-template-template-clickcease .top--new .sc_bg {background: linear-gradient(180deg, #EEF1FA 0%, #FFFFFF 100%);}
@media (max-width: 767px) {
	.page-template-template-clickcease .hero_form fieldset { grid-template-columns: repeat(1, 1fr);}
}

.clean .form form, .clean .form fieldset { display: flex; flex-direction: column; gap: 2.5rem; }
.clean .form fieldset .field { width: 100% !important; }
.clean .form fieldset .field > label { display: none; }
.clean .form fieldset .input { margin-right: 0 !important; }
.clean .form fieldset .input input { width: 100%; }
.clean .form form .hs-richtext { font-size: 1.4rem; line-height: 1.2; }
.clean .form form ul.hs-error-msgs { line-height: 1; }
.clean .form form ul.hs-error-msgs li { padding-left: 0; }
.clean .form form ul.hs-error-msgs li:before { display: none; }
.clean .form form ul.hs-error-msgs label { display: inline-block; font-size: 1.2rem; line-height: 1.5; color: #e7086c; }
.clean .form fieldset:nth-child(4),
.clean .form fieldset:nth-child(5),
.clean .form fieldset:nth-child(6),
.clean .form fieldset:nth-child(7) { position: absolute; overflow: hidden; visibility: hidden; }
.clean .form .hs_submit .actions { text-align: center; }
.clean .form .hs_submit .actions input { --sub-bg: var(--c-white); position: relative; display: inline-flex; align-items: center; align-content: center; justify-content: center; padding: 0 1.75em; font-weight: 700; line-height: 42px; height: var(--btn-height); font-size: var(--btn-fz); background: var(--btn-bg); color: var(--btn-color); border: none; text-transform: none; text-decoration: none !important; border-radius: var(--btn-rd); border: 2px solid var(--btn-bg); transition: all var(--base-ts) ease-in-out; line-height: 1.2; cursor: pointer; overflow: hidden; }
.clean .form .hs_submit .actions input:hover { background: var(--b-pink-cheq-hover); border-color: var(--b-pink-cheq-hover); }
/* Hubspot popup form */

.page-id-1012 .why { order: 5; }

.types.types--new { background: #fff; }
.types.types--new .sc_bg { display: none; }
/* .types.types--new .types_items--new .item_image {  height: auto; } */

.why .item .user { align-items: center; }
.why .item .user_info { text-align: center; }

.why .swiper_nav .swiper-pagination { display: none !important; }

.types.types-v2 .sc_text:not(:last-child) { margin-bottom: 5.6rem; }
.types.types-v2 .item_image { background: transparent; }
.types.types-v2 .item_text h5 { margin-bottom: 8px; }
.types.types-v2 .item_text p { letter-spacing: 0; }

.contact_items .row { justify-content: center; }

/* Thank you page */
.simple_header.header { background: linear-gradient(270deg, rgba(209, 216, 236, 0.20) 0.07%, rgba(196, 204, 226, 0.04) 16.19%, rgba(193, 201, 224, 0.00) 84.34%, rgba(209, 216, 236, 0.20) 99.94%), radial-gradient(39.32% 67.9% at 34.24% 38.75%, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.00) 100%), #EEF1FA; }
.simple_header.header:before { background: transparent; }
.section_thank { padding-top: 4.5rem; padding-bottom: 7.3rem; }
.thank_block .sc_text { max-width: 525px; margin: 0 auto; }
.thank_img { margin-bottom: 32px; }
.thank_img img { vertical-align: top; }
.thank_block .sc_text { margin-bottom: 7rem !important; }
.thank_block .sc_text h1 { margin-bottom: 20px; }
.thank_block .sc_text p { font-size: 20px; line-height: 1.45; }
.card_items { display: flex; justify-content: center; gap: 20px; }
.card_items .item { max-width: 280px; flex: 1; padding: 28px 30px; border: 0; border-radius: 12px; box-shadow: 0px 0px 30px 0px rgba(80, 54, 123, 0.12); }
.card_items .item .item_title { margin-bottom: 12px; }
.card_items .item .item_title h3 { font-size: 22px; }
.card_items .item .item_text { line-height: 1.35; margin-bottom: 20px !important; }
/* Thank you page */

@media (max-width: 991px) {
	.advs .image.image_desktop { display: none; }
	.advs .image.image_mobile { display: block; }
	
	.advs .desk_text { display: none; }
	.advs .mob_text { display: block; }
	.advs .mob_text p br { display: inline; }
	
	.why .item .user { align-items: center; }
	.why .item .user_info { text-align: center; }
	.why--home .item .quote blockquote { max-width: 100%; }
	.why .item_logo:last-child { margin-bottom: 0; }
	
	.why .swiper_nav .swiper-pagination { display: inline-flex !important; }
}

@media (max-width: 767px) {
	.get .item_text .desktop_text { display: none; }
	.get .item_text .mobile_text { display: block; }
	.get .item_actions .c-s { display: none; }
	
	.tb .sc_text .desktop_title { display: none; }
	.tb .sc_text .mobile_title { display: block; }
	.tb .sc_text .desktop_text { display: none; }
	.tb .sc_text .mobile_text { display: block; }
	
	.affilate_form { padding: 20px 25px 20px; }
	.form_row { flex-direction: column; gap: 25px; }
	.terms_text { padding: 10px 15px; }
	
	.get-new .get-new_nav a[href="#m3"] { display: none; }
	.get-new .get-new_tabs #m3 { display: none; }
	
	.why--home h2 { font-size: 2rem; }
	.why--home .item .quote blockquote { font-size: 1.8rem; }
	
	.section_thank { padding-top: 5rem; }
	.thank_block .sc_text h1 { font-size: 24px; }
	.thank_block .sc_text p { font-size: 16px; line-height: 1.35; }
	.card_items { flex-direction: column; align-items: center; }
	.card_items .item { width: 280px; padding: 20px 30px; }
	.card_items .item .item_title { display: block; }
	.card_items .item .item_title h3 { font-size: 18px; }
	.card_items .item .item_text p { font-weight: 500; }
}

@media (max-width: 480px) {
	.popup fieldset { display: flex; flex-direction: column; gap: 2.5rem; }
	.popup fieldset .field .input { margin-right: 0 !important; }
	.popup form input[type="text"],
	.popup form input[type="email"],
	.popup form input[type="tel"],
	.popup form select	{ width: 100% !important; }
}

/* Tutorials */
.hero--tutorials .image picture { justify-content: flex-end; }
.hero--tutorials .image img { max-width: 655px; }

.sc_tutorial { padding: 7rem 0; }
.sc_tutorial:not(:last-child) { border-bottom: 1px solid #B1B9D1; }
.sc_tutorial .row { align-items: center; justify-content: space-between; }
.sc_tutorial h2 a:hover { text-decoration: none; }
.sc_tutorial .tutorial_media { max-width: 525px; margin-left: auto; border-radius: 29px; border: 1px solid #B1B9D1; position: relative; overflow: hidden; }
.sc_tutorial .tutorial_media > a { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }
.sc_tutorial .tutorial_media picture,
.sc_tutorial .tutorial_media picture img { vertical-align: top; }
.loadmore { padding: 10px 0; display: none; }
.loadtext { font-size: 18px; text-align: center; }

.single_tutorial {
	background: linear-gradient(270deg, rgba(209, 216, 236, 0.20) 0.07%, rgba(196, 204, 226, 0.04) 16.19%, rgba(193, 201, 224, 0.00) 84.34%, rgba(209, 216, 236, 0.20) 99.94%), radial-gradient(39.32% 67.9% at 34.24% 38.75%, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.00) 100%), #EEF1FA;
	padding: 4rem 0;
}
.single_tutorial .breadcrumbs { margin-bottom: 23px; }
.single_tutorial .breadcrumbs a { font-size: 16px; color: #34163E; line-height: 22px; }
.single_tutorial .breadcrumbs p { font-family: "AvenirNext LT Pro Regular"; font-size: 16px; color: #34163E; line-height: 22px; font-weight: 700; }
@media (min-width: 1200px) {
	.single_tutorial .container { max-width: 1140px; }
}
.tutorial_content_wrapper { display: flex; justify-content: space-between; }
.video_section { border-radius: 12px; border: 1px solid #B1B9D1; overflow: hidden; margin-bottom: 40px; }
.tutorial_content { width: calc(100% - 285px); }
.single_tutorial .tutorial_content_inner { border-radius: 12px; background: #FFF; padding: 46px; }
.tutorial_content h2 { margin-bottom: 16px; }
.tutorial_content h2 + p { font-size: 20px; }
.tutorial_content p + h4 { margin-top: 50px; margin-bottom: 16px; }
.tutorial_content a { color: #FE0072; font-weight: 700; text-decoration: underline; }
.tutorial_content a:hover { text-decoration: none; }

.tutorial_sidebar { width: 255px; }
.tutorial_sidebar_inner { display: flex; flex-direction: column; height: 100%; gap: 50px; }
.related_tutorials { display: flex; flex-direction: column; gap: 40px; }
.related_tutorial picture { display: block; vertical-align: top; border-radius: 3px; border: 1px solid #B1B9D1; overflow: hidden; margin-bottom: 12px; }
.related_tutorial picture img { vertical-align: top; }
.related_tutorial h4 { font-family: "AvenirNext LT Pro Regular"; font-size: 16px; line-height: 1.4; font-weight: 700; letter-spacing: 0.32px; }
.related_tutorial a:hover { text-decoration: none; }
.tutorial_contact { margin-top: 4rem; text-align: center; }
.tutorial_contact .tc_title { font-size: 20px; line-height: 1.3; font-weight: 800; margin-bottom: 6px; }
.tutorial_contact .tc_btn a { line-height: 1.3; }
.tutorial_contact .tc_button a { background: #FE0072; }
.tutorial_contact .tc_button a:hover { background: var(--b-pink-cheq-hover); }

@media (max-width: 991px) {
	.sc_tutorial .row { gap: 40px; }
	.sc_tutorial .tutorial_media { max-width: unset; }
}

@media (max-width: 768px) {
	.sc_tutorial { padding: 4rem 0; }
	
	.single_tutorial .breadcrumbs nav { flex-wrap: wrap; }
	.tutorial_content_wrapper { flex-direction: column; gap: 35px; }
	.single_tutorial .tutorial_content { width: 100%; }
	.single_tutorial .tutorial_content_inner { padding: 20px; }
	.video_section { margin-bottom: 25px; }
	.tutorial_sidebar_inner { gap: 35px; }
}
/* Tutorials */
