/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


body:not(.logged-in) .hide-for-logged-out {
    display: none !important;
}

body.logged-in .hide-for-logged-in {
    display: none !important;
}

body[data-elementor-device-mode=mobile] .main-nav-my-account > a > .custom_line_icon-user1:after {
    content: 'MY ACCOUNT';
    font-family: 'Red Hat Text';
}

body[data-elementor-device-mode=mobile] .main-nav-cart > a > .custom_line_icon-cart:after {
    content: 'VIEW CART';
    font-family: 'Red Hat Text';
}
body[data-elementor-device-mode=mobile] .main-nav-my-account > a > .custom_line_icon-user1:before,
body[data-elementor-device-mode=mobile] .main-nav-cart > a > .custom_line_icon-cart:before {
    padding-right:  20px;
}

.learndash-wrapper .ld-focus-content .ld-content-actions .ld-button,
.learndash-wrapper .sfwd-mark-complete input[class="learndash_mark_complete_button"] {
	font-size: smaller;
}

/* hide the view cart button */
.added_to_cart{
 display: none;   
}

/* hide the learndash-verify-and-share social media buttons */
.ld-cvss-social-buttons{
    display: none !important;
}

.pals {
  background: url(https://www.nostressacls.com/wp-content/uploads/2022/02/Pals-Individual-Card.png);
}
.acls {
    background: url(https://www.nostressacls.com/wp-content/uploads/2022/02/ACLS-Individual-Card.png);
}
.bls {
    background: url(https://www.nostressacls.com/wp-content/uploads/2022/02/BLS-Individual-Card.png);
}

/* css hack to fix modal jump*/
html.pum-open.pum-open-overlay.pum-open-scrollable body{
	padding-right: 17px !important;
}

@media screen and (max-width: 767px) {
  html.pum-open.pum-open-overlay.pum-open-scrollable body{
	padding-right: 0px !important;  
}
}
/* better looking woo info icon */
.woocommerce-info::before {
    font-family: "eicons"!important;
    content: "\e926"!important;
}

.paypal-buttons-context-iframe{
z-index: 50;
}

/* hide learndash verify and share social buttons*/
.ld-cvss-social-buttons{
    display: none !important;
}
.learndash_course_certificate .btn-blue, .ld-cvss-btn-blue, .wpProQuiz_certificate .btn-blue{
	border-radius: 5px;
    margin-right: 10px !important;
    background-color: var(--e-global-color-e31a853)!important;
}

.paypal-buttons-context-iframe{
z-index: 50;
}
.ld-cvss-social-buttons{
    display: none !important;
}
.learndash_course_certificate .btn-blue, .ld-cvss-btn-blue, .wpProQuiz_certificate .btn-blue{
	border-radius: 5px;
    margin-right: 10px !important;
    background-color: var(--e-global-color-e31a853)!important;
}

/* force button styles */
.nostress-button{
    box-sizing: border-box!important;
    display: inline-block!important;
    line-height: 1!important;
    text-align: center!important;
    transition: all .3s!important;
    fill: var( --e-global-color-61ae692) !important;
    color: var( --e-global-color-61ae692)!important;
    background-color: var( --e-global-color-primary)!important;
    border: 1px solid var( --e-global-color-61ae692) !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 4px 8px 20px -2px rgba(0, 0, 0, 0.35) !important;
    padding: 14px 25px 15px 25px !important;
    text-decoration: none!important;
    font-family: "Red Hat Text", Sans-serif!important;
    font-size: 1rem!important;
    width: 100%!important;
}
.nostress-button:hover{
    background-color: var( --e-global-color-dd1465c )!important;
}


/* mobile menu header */

 /* light blue, what about --e-global-color-accent */
.current-menu-item a svg{
	fill: var(--e-global-color-9cbb9eb );
}
.elementor-item-active a svg{
	fill: var(--e-global-color-9cbb9eb );
}

.current-menu-item a:hover svg{
	fill: var(--e-global-color-dd1465c );
}
.current-menu-item:hover a svg{
	fill: var(--e-global-color-dd1465c );
}

a.elementor-item svg{
	fill: #fff;
}
a:hover.elementor-item svg{
	fill: var( --e-global-color-dd1465c );
}
@media only screen and (max-width: 768px) {
	a:hover.elementor-item svg{
		fill: var(--e-global-color-9cbb9eb);
	}
}

/* mini cart */
.checkout-microcopy {
  text-align: center!important;
  font-size: 13px;
  color: #666;
  margin-top: 8px;
  margin-bottom: 4px;
}

.checkout-microcopy span {
  white-space: nowrap;
}

/* edit the hamburger and close icon colors here */

.lytbox-button {
	--hamburger-color: #fff;
	--close-x-color: #fff;
	display: block;
	height: 58px;
	cursor: pointer;
	position: relative;
	z-index: 101;
	padding: 20px;
}


/* must add in elementor template ID number to make the menu full width */
.elementor-29619 {
	width: 100%;
}

/* end editing */

.lytbox-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition: transform 0.2s;
	width: 100%;
	height: 100vh;
	z-index: 100;
}

.lytbox-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
}




/* toggle hamburger*/

.lytbox-button .hamburguer {
	position: relative;
}

.lytbox-button .hamburguer span{
	display: block;
	height: 2.5px;
	width: 24px;
	background: var(--hamburger-color);
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
	pointer-events: none;
}

.lytbox-button .hamburguer span:nth-child(2) {
	transform: translate(0, 6px);
}

.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.lytbox-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
}

.lytbox-nav_control:checked~.lytbox-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer {
	transition: all 0.1s 0s ease;
}

/* closed X */

.lytbox-nav_control:checked~.lytbox-button .hamburguer span {
	background: var(--close-x-color);
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:first-child {
	opacity: 0;
}

.lytbox-nav_control:checked~.lytbox-button  .hamburguer span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);

}