/*
Theme Name: CBCPR
Version: 1.0
Description: A child theme of Divi
Author: peter@openform.co.za
Template: Divi
*/

@import url("../Divi/style.css");

#checkout_area:has(.woocommerce-notice) .et_pb_column:first-child {
    display: none !important;
}

#checkout_area:has(.woocommerce-notice) #checkout__totals {
    width: 100% !important;
    max-width: 800px;
}

#checkout_area:has(.woocommerce-notice) > .et_pb_row {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    #checkout_area:has(.woocommerce-notice) #checkout__totals > .et_pb_module:first-child {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 980px) {
    #checkout_area:has(.woocommerce-notice) #checkout__totals {
        padding-bottom: 20px !important;
    } 
}

input:focus,
textarea:focus,
select:focus {
    color: #000 !important;
}

/* PRESETS */

html:has(#mobile-burger.active),
body:has(#mobile-burger.active) {
    overflow: hidden !important;
}

@media (max-width: 500px) {
    #woo_product_shopMain .product-buttons .view-product {
        font-size: 3.3vw !important;
        margin: 0 !important;
    }
    #woo_product_shopMain .product-buttons .add_to_cart_button, #codeblue_box .product-buttons .add_to_cart_button {
        border: none !important;
        width: 40px !important;
    }
}

#woo_product_shopMain .product-buttons .view-product {
    border: none !important;
}

.gsap-dot:nth-child(3).active::before,
.gsap-dot:nth-child(3).active::after {
    background-color: #2400ba !important;
}

/* Chrome, Edge, Safari */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield !important;
}

form.cart {
    display: flex;
    align-items: center;
}

#et-boc form.cart.cart .quantity input.qty.text {
    padding: 0 !important;
    height: 35px;
    max-width: 40px !important;
    text-align: center !important;
}

.woocommerce-input-wrapper {
    font-family: 'Uni Sans - Regular' !important;
    font-weight: 700 !important;
}

.xoo-wsc-empty-cart > span,
.xoo-wsc-footer-txt,
.xoo-wsc-sml-qty,
.woocommerce-Price-amount.amount {
    font-family: 'Uni Sans - Regular' !important;
}

a.xoo-wsc-btn,
span.xoo-wsc-pname > a {
    font-family: 'Uni Sans Semi-Bold' !important;;
}

.os-mac .gsap-slide .et_pb_button_module_wrapper a {
    padding-top: 5px !important;
}

.os-mac #gsap-slider-section + .et_pb_section .et_pb_button_module_wrapper a {
    padding-top: 6px !important;
}

.os-mac #defibs-carousel .wpb-woo-products-slider .owl-stage .wpb-wps-slider-item figure figcaption h3::after {
    padding-top: 9px !important;
}

.os-mac.os-mac.os-mac .special-btn-7 {
    padding-top: 7px !important;
}

.os-mac.os-mac.os-mac .special-btn-6 {
    padding-top: 6px !important;
}

.os-mac.os-mac.os-mac.os-mac #woo_product_shopMain#woo_product_shopMain#woo_product_shopMain .product-buttons .view-product, .os-mac.os-mac.os-mac.os-mac #codeblue_box#codeblue_box#codeblue_box .product-buttons .view-product {
    padding: 5px 20px 2px !important;
}

.os-mac #woo_products_standard-1 li a::after,
.os-mac #woo_products_ultimate-1 li a::after,
.os-mac #woo_products_basic-1 li a::after {
    padding: 8px 20px 5px !important;
}

.os-mac a.pop_enquire_training {
    padding-top: 6px !important;
}

@media (max-width: 980px) {
    .os-mac.os-mac.os-mac a.pop_enquire_training {
        padding-top: 8px !important;
    }
}

* {
    user-drag: none !important;
    -webkit-user-drag: none !important;
    -moz-user-drag: none !important;
    -ms-user-drag: none !important;
}

html,
body {
    overflow-x: hidden !important;
}

/* Prevent drag and highlight */
body {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#et-main-area {
    position: relative;
    margin-top: -107px;
}

img {
    /* 	pointer-events: none; */
    user-drag: none !important;
    -webkit-user-drag: none !important;
    -moz-user-drag: none !important;
    -ms-user-drag: none !important;
}

@font-face {
    font-family: 'Uni Sans Regular'; /* A name you choose for your font */
    src: url('https://codebluecpr.co/wp-content/uploads/et-fonts/UNI-SANS-REGULAR.otf') format('otf');
    font-weight: normal; /* Optional: Define the weight */
    font-style: normal; /* Optional: Define the style (e.g., italic) */
}

@font-face {
    font-family: 'Uni Sans Semi-Bold'; /* A name you choose for your font */
    src: url('https://codebluecpr.co/wp-content/uploads/et-fonts/UNI-SANS-SEMIBOLD.otf') format('otf');
    font-weight: normal; /* Optional: Define the weight */
    font-style: normal; /* Optional: Define the style (e.g., italic) */
}

@font-face {
    font-family: 'Test'; /* A name you choose for your font */
    src: url('https://codebluecpr.co/wp-content/uploads/et-fonts/JetBrainsMono-Regular.woff2') format('woff2');
    font-weight: normal; /* Optional: Define the weight */
    font-style: normal; /* Optional: Define the style (e.g., italic) */
}

.sl-pl-spin-container {
    max-width:100px;
}
/* /////////////////////////// */

.et_pb_module.et_pb_text ul li::marker {
    font-size: 1.2em;
    content: "+ ";
}

.et_pb_module.et_pb_text ul.blue li::marker {
    color: #2400ba;
}

.et_pb_module.et_pb_text ul.pink li::marker {
    color: #fc0f82;
}

.forward__slash {
    color: #ff0f82;
    padding: 0 10px;
}

.code__blue--box li::marker {
    content: "+ ";
    color: #2300b3;
    font-size: 20px;
}

@media (min-width: 981px) {
    .forward__slash {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .no__shop--mobile {
        display: none !important;
    }
    .no__shop--mobile + br {
        display: none !important;
    }
}

#my__account-container #my__account-cpr .woocommerce h2 {
	text-transform: uppercase;
}

#my__account-container #my__account-cpr .woocommerce form {
	margin-top:10px !important;
}

#my__account-container #my__account-cpr .woocommerce-form-login__submit {
	background: #ff0f81;
    border: 0px;
    border-radius: 0px;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 2px 20px;
}

#my__account-container #my__account-cpr .woocommerce-form-login__submit:hover {
	background: #2400ba;
    border: 0px;
    border-radius: 0px;
    font-size: 14px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    padding: 2px 20px !important;
}

#my__account-container #my__account-cpr .woocommerce-form-login__submit::after {
	display:none !important;
}

/* END OF PRESETS */

/* /////////////////////////////////////////////////////////////// */

/* HEADER STYLES */

@media (max-width: 980px) {
    .et_pb_module:has(.xoo-wsc-cart-trigger) {
        margin-right: 80px !important;
    }
    aside.side-menu--form {
        transform: translate(300px, -200px);
    }
    aside.side-menu--form:has(.side-menu__toggle.active) {
        transform: translate(0, -200px);
    }
    
    #codeblue_box .product-buttons {
        margin-top: 20px !important;
    }
    #codeblue_box .product-buttons .button.view-product {
        margin-top: 0 !important;
    }
    
    .footer_form_wrapper.footer_form_wrapper.footer_form_wrapper .wpcf7-submit.wpcf7-submit.wpcf7-submit {
        margin-top: -43px !important;
    }
	
	#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
		width:32px;
	}
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
		width:50px;
	}

#Logo {
    margin: 0 !important;
}

#LogoAlt {
    opacity: 0;
    visibility: hidden;
    position: absolute !important;
    top: 0;
}

.gsap-arrow-alt {
    opacity: 0;
    visibility: hidden;
}

.gsap-arrow-alt.active {
    opacity: 1;
    visibility: visible;
}

.header-alt-background.header-alt-background.header-alt-background.header-alt-background {
    background-color: #ffffff !important;
}

.mobile_menu_bar::before {
    color: #fff;
    transition: color 0.8s ease-in-out;
}

.mobile_menu_bar.mobile-bar-alt::before {
    color: #2400ba !important;
    transition: color 0.8s ease-in-out;
}

#menu-main-menu > li > a.alt-text,
#menu-sub-menu > li > a.alt-text {
    color: #2400ba !important;
    transition: color 0.8s ease-in-out;
}

#HeaderSection {
    transition: background-color 0.8s ease-in-out;
}

#HeaderSection .xoo-wsc-cart-trigger .woocommerce-Price-amount {
    display:none !important;
}

#HeaderSection .xoo-wsc-sc-cont .xoo-wsc-sc-bki {
    font-size: 28px;
    color: #ff0f81;
}

#HeaderSection .xoo-wsc-sc-cont .xoo-wsc-sc-count {
    background-color: #ffffff;
    color: #2400ba;
    border: 3px solid #fff;
    height: 14px;
    line-height: 8px;
    width: 14px;
    top: -5px !important;
    right: -6px !important;
    font-size: 11px !important;
}

#mobile_menu3 {
    position: fixed;
    top: unset !important;
    width: 100%;
    height: 100%;
    right: 0;
    left: auto !important;
    margin-top: 20px;
    padding-top: 40vw;
}

#mobile_menu3 a {
    border: none !important;
    font-size: 28px;
}

.xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
    justify-content: flex-end !important;
}

.xoo-wsc-icon-shopping-bag1::before {
    content: '' !important;
}

.xoo-wsc-icon-shopping-bag1::after {
    content: 'CART';
    color: #ff0f82;
    font-family: 'Uni Sans - Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
}

.xoo-wsc-markup .xoo-wsc-basket {
    display: none !important;
}

.xoo-wsch-section.xoo-wsch-sec-left {
    display: none;
}

.xoo-wsch-top.xoo-wsch-new .xoo-wsch-section.xoo-wsch-sec-right .xoo-wsch-close.xoo-wsc-icon-cross.xoo-wsch-icon::before {
    font-size: 24px !important;
    color: #ff0f82 !important;
}

.xoo-wsc-opac {
    background-color:#2400ba !important;
}

.xoo-wsc-cart-active .xoo-wsc-opac {
    opacity: 0.4;
}

/* END OF HEADER STYLES */

/* /////////////////////////////////////////////////////////////// */

/* ASIDE TOGGLE STYLES */

@media (min-width: 981px) {
    aside.side-menu--form {
        transform: translate(300px, 0px);
    }
    aside.side-menu--form:has(.side-menu__toggle.active) {
        transform: translate(0px, 0px);
    }
}

.side-menu--form .side-menu__toggle:first-child {
    height: 100%;
    align-self: end;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 130px;
}

.side-menu--form-2 {
    display: flex;
    z-index: 100;
    right: 0;
    /* 	top: 48%; */
    top: 48lvh;
    position: fixed;
    transition: transform 500ms ease;
}

.side-menu__toggle {
    background-color: #0b242d;
    color: #f1ebde;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    border-top: 1px solid #2400ba;
    border-left: 1px solid #2400ba;
    border-bottom: 1px solid #2400ba;
}

.side-menu__toggle p,
.side-menu__toggle span {
    transform: scale(-1);
    writing-mode: vertical-lr;
    font-family: 'Uni Sans - Regular', Helvetica, Arial, Lucida, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #2400ba;
}

.side-menu--form .side-menu__toggle.active p,
.side-menu--form .side-menu__toggle.active span {
    color: #fff
}

.side-menu--form-2 .side-menu__content {
    max-width: 300px;
    background-color: #2400ba;
    display: flex;
    align-items: center;
    padding: 20px 30px;
}

.side-menu--form .form__text .contactIcons {
    max-width: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.side-menu__toggle {
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #fff;
}

.side-menu--form .side-menu__toggle.active {
    background-color: #ff0f82;
}

/* END OF ASIDE TOGGLE STYLES */

/* /////////////////////////////////////////////////////////////// */

/* HOME PAGE STYLES */

/* ---- 1. Slider Container and Slides ---- */

#gsap-slider-section {
    position: relative;
    overflow: hidden;
}

#gsap-slider-section .et_pb_row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.gsap-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 	display: flex;
    justify-content: center;
    align-items: center; */
}

@media (min-width: 981px) {
    #gsap-slider-section {
        height: 80vh !important;
    }
    .gsap-slide {
        padding-top: 50px !important;
        padding-bottom: 0 !important;
    }
    .gsap-slide > .et_pb_column {
        margin-top: 6vw !important;
    }

    .gsap-slide .et_pb_module:first-child {
        height: 310px;
        min-height: 310px;
        max-height: 310px;
    }
    .gsap-slide .et_pb_module:nth-child(2) {
        height: 100px;
        min-height: 100px;
        max-height: 100px;
        margin-bottom: 0 !important;
    }
    .gsap-nav-dots {
        bottom: 16px !important;
    }
    .gsap-nav-arrows {
        transform: translate(-50%, 0) !important;
    }
}

.gsap-carousel-slide img {
    filter: grayscale(1);
    transition: grayscale 0.2s ease-in-out;
}
.gsap-carousel-slide img:hover {
    filter: grayscale(0);
    transition: grayscale 0.2s ease-in-out;
}

@media (min-width: 981px) and (max-height: 900px) {
    .gsap-slide .et_pb_module:first-child {
        height: 280px;
        min-height: 280px;
        max-height: 280px;
    }
}

@media (max-width: 980px) {
    #gsap-slider-section .gsap-slide {
        display: flex;
        align-items: center;
    }

    .footer_form_wrapper .wpcf7-submit {
        margin-top: -39px !important;
    }
    
    .gsap-carousel-slide {
        width: 120px !important;
    }
}

@media (min-width: 351px) and (max-width: 980px) {
    .gsap-slide .et_pb_module:first-child {
        height: 125px;
        min-height: 125px;
        max-height: 125px;
    }
    .gsap-slide .et_pb_module:nth-child(2) {
        height: 40px;
        min-height: 40px;
        max-height: 40px;
    }
}

@media (max-width: 350px) {
    #gsap-slider-section .gsap-slide h1 {
        font-size: 35px !important;
    }
    .gsap-slide .et_pb_module:first-child {
        height: 110px;
        min-height: 110px;
        max-height: 110px;
    }
    .gsap-slide .et_pb_module:nth-child(2) {
        height: 60px;
        min-height: 60px;
        max-height: 60px;
    }
}

@media (max-width: 500px) {
    #shop__code_blue_box h2 {
        font-size: 8.7vw !important;
    }
}

@media (max-height: 800px) and (min-width: 981px) {
    #gsap-slider-section .gsap-slide h1 {
        font-size: 70px !important;
    }
    .gsap-slide .et_pb_module:first-child {
        height: 220px;
        min-height: 220px;
        max-height: 220px;
    }
    .gsap-slide .et_pb_module:nth-child(2) {
        height: 80px;
        min-height: 80px;
        max-height: 80px;
    }
}

.et_pb_button_module_wrapper:has(.hero__slider--button) {
    max-width: 1600px;
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hero__slider--divider::before {
    width: 140px !important;
}

.hero__slider--divider {
    max-width: 1600px !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-height: 570px) and (max-width: 500px) {
    .gsap-slide .et_pb_column .et_pb_module:has(h1),
    .gsap-slide .et_pb_column .et_pb_module:has(h2) {
        margin-bottom: 0 !important;
    }
    .gsap-nav-dots {
        bottom: 17px !important;
    }
    .gsap-nav-arrows {
        transform: translate(-50%, 110%) !important;
    }
    .gsap-slide .et_pb_module:nth-child(2) {
        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;
    }
    .gsap-slide .et_pb_module:first-child {
        height: 90px !important;
        min-height: 90px !important;
        max-height: 90px !important;
    }
}

/* .outer-slider-row {
box-sizing: border-box;
}

.outer-slider-row > * {
width:90%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;

} */

/* ---- 2. Navigation Arrows ---- */

.gsap-nav-arrows,
.gsap-nav-arrows-alt {
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 1600px;
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box;
    pointer-events: none;
}

/* .gsap-nav-arrows-alt {
opacity: 0;
visibility: hidden;
} */

.gsap-nav-arrows-alt.active {
    opacity: 1;
    visibility: visible;
}

.gsap-arrow,
.gsap-arrow-alt {
    padding: 6px 0;
    cursor: pointer;
    pointer-events: all;
}

.gsap-arrow img,
.gsap-arrow-alt img {
    width: 15px;
    height: auto;
}

.gsap-arrow.prev img,
.gsap-arrow-alt.prev img {
    transform: rotate(180deg);
    transform-origin: center;
}

/* ---- 3. Navigation Dots ---- */

.gsap-nav-dots {
    position: absolute;
    bottom: 37px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    z-index: 10;
}

.gsap-dot {
    position: relative;
    width: 12px;
    height: 12px;
    margin: 0 18px;
    cursor: pointer;
}

.gsap-dot:hover,
.gsap-arrow:hover {
    opacity: 0.6 !important;
    transition: 0.3s ease-in-out;
}

.gsap-dot::before,
.gsap-dot::after {
    content: '';
    position: absolute;
    background-color: white;
    transition: background-color 0.3s ease;
}

.gsap-dot::before {
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
}

.gsap-dot::after {
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
}

.gsap-dot.active::before,
.gsap-dot.active::after {
    background-color: #ff0f82;
}


/*--- Client Logos ---*/

/*--Sizing Logos --*/

.gsap-carousel-container img[alt="Slide 1"] {
  transform: scale(0.9);
}

.gsap-carousel-container img[alt="Slide 2"] {
  transform: scale(0.8);
}

.gsap-carousel-container img[alt="Slide 3"] {
  transform: scale(0.9);
}

.gsap-carousel-container img[alt="Slide 4"] {
  transform: scale(0.8);
}

.gsap-carousel-container img[alt="Slide 5"] {
  transform: scale(0.7);
}

.gsap-carousel-container img[alt="Slide 6"] {
  transform: scale(0.8);
}

/*-- Makes the container a "window" for the slider --*/
.gsap-carousel-container {
    overflow: hidden;
    position: relative;
    width: 95%;
}

/*-- The wrapper holds all the slides and moves --*/
.gsap-carousel-wrapper {
    display: flex;
    position: relative;
    gap: 20px;
    /* Adjust the width based on the number of slides and their size */
    /*width: 250%;*/
}

/*-- Individual slide styling --*/
.gsap-carousel-slide {
    /* This will show 2 slides at a time. Change to 33.33% for 3, etc. */
    width: 200px;
    flex-shrink: 0;
    padding: 0 0px; /* Adds some spacing between slides */
    box-sizing: border-box;
}

.gsap-carousel-container .gsap-carousel-slide {
    background: transparent;
    transition: background 0.2s ease-in-out;
}

.gsap-carousel-container .gsap-carousel-slide:hover {
    width: 200px;
    height: auto;
    display: block;
    background: #fff;
    transition: background 0.2s ease-in-out;
}

/* --- NEW CSS FOR ARROWS --- */
.gsap-arrow2 {
    position: absolute;
    top: 50%;
    /*transform: translateY(-50%);*/
    z-index: 9999;
    cursor: pointer;
    background-color: #ff0f82;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    user-select: none; /* Prevents text selection on click */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.gsap-arrow2 img {
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
}

.gsap-arrow2:hover {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.gsap-arrow2-prev {
    left: -50px;
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center;
}

.gsap-arrow2-next {
    right: 0px;
    transform: translateY(-50%);
}

@media (max-width: 980px) {
    .gsap-arrow2-prev, .gsap-arrow2-next {
        display:none !important;
    }

    .gsap-arrow.prev img, .gsap-arrow-alt.prev img, .gsap-arrow.next img, .gsap-arrow-alt.next img {
        width:10px;
        margin-top:-38px;
        display:block;
    }
}

/* /////////////////////////////////////////////////////////////// */

.white__banner {
    background: linear-gradient(to bottom, transparent 20%, #fff 20%, #fff 65%, transparent 65%);
}

.bold__banner {
    color: #fff;
    font-weight: bold;
    font-family: 'Uni Sans Bold';
    /* 	background: linear-gradient(to top, #ff0f82 65%, transparent 35%); */
    background: linear-gradient(to top, transparent 20%, #ff0f82 20%, #FF0F82 65%, transparent 65%);
}

#hero-slide_3 .bold__banner {
    color: #FF0F82 !important;
    background: linear-gradient(to top, transparent 20%, #2400ba 20%, #2400ba 65%, transparent 65%) !important;
}

.bold {
    color: #fff;
    font-weight: bold;
    font-family: 'Uni Sans Bold';
}

.bold__blue {
    color: #2400ba;
    font-family: 'Uni Sans Bold';
    font-weight: bold;
}

.bold__pink {
    color: #ff0f82;
    font-family: 'Uni Sans Bold';
    font-weight: bold;
}

/* END OF HOME PAGE STYLES */

/* /////////////////////////////////////////////////////////////// */

/* FOOTER STYLES */

.footer_form_wrapper {
    display: flex;
    flex-wrap: nowrap; /* prevent wrapping */
    gap: 20px;
    box-sizing: border-box;
    font-family: 'Uni Sans - Regular';
}

.footer_form_wrapper .wpcf7-not-valid-tip {
    display:none;
}

.footer_form_wrapper .wpcf7-response-output {
    border: 0px;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.footer_form_wrapper input, .footer_form_wrapper textarea {
    background:transparent;
    border:1px solid #ffffff;
    color:#ffffff;
    font-size:14px;
}

.footer_form_wrapper textarea {
    max-width: 100%;
    min-height: 96px;
    min-width: 100%;
}

.footer_form_wrapper.footer_form_wrapper.footer_form_wrapper .wpcf7-submit {
    width: auto !important;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #ff0f82 !important;
    background: #ffffff !important;
    padding: 7px 30px !important;
    font-family: 'Uni Sans Semi-Bold';
    border: 1px solid #ffffff;
    cursor: pointer;
    transition: .3s 
        ease-in-out;
    display: block;
    margin-left: auto;
    margin-top: -42px !important;
    z-index: 1;
    position: relative;
}

.os-mac .footer_form_wrapper .wpcf7-submit {
    margin-top: -43.5px !important;
}

.footer_form_wrapper .wpcf7-submit:hover {
    color: #ffffff !important;
    background: #ff0f82 !important;
}

.footer_form_wrapper .wpcf7-spinner {
    display: block;
    margin-top: -30px;
    margin-left: auto;
    margin-right: 0px;
}

input:focus, textarea:focus {
    border-color: #fff !important;
    color: #fff;
}

textarea {
    resize: none;
}

/* Each half of the form */
.cont_50 {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Full-width inner containers */
.cont_100 {
    width: 100%;
    box-sizing: border-box;
}

/* Normalize inputs */
.cont_100 input,
.cont_100 textarea {
    width: 100% !important;
    padding: 10px;
    box-sizing: border-box;
    max-height: 96px;
    border-radius:0px !important;
}

/* Remove default <p> spacing */
.footer_form_wrapper p {
    margin: 0;
}


@media (max-width: 980px) {

    .footer_form_wrapper {
        flex-wrap: wrap;
    }

    .cont_50 {
        width: 100%;
    }
}
/* /////////////////////////////////////////////////////////////// */

.grid__layout {
    display: grid;
    grid-template-columns: max-content;
    grid-template-rows: repeat(2, 1fr);
    align-items: center;
    column-gap: 120px;
}

.footer__first--column {
    grid-column: 1/2;
}

.footer__first--row {
    grid-row: 1/2;
}

.footer__second--column {
    grid-column: 2/3;
}

.footer__second--row {
    grid-row: 2/3;
}

.footer__third--column {
    grid-column: 3/4;
}

@media (max-width: 1600px) {
    .grid__layout {
        column-gap: 50px;
    }
}

@media (max-width: 1400px) {
    .grid__layout {
        grid-template-rows: repeat(4, 1fr);
    }
    .footer__third--column.footer__first--row {
        grid-row: 3/4;
        grid-column: 1/2;
        text-align: left !important;
    }
    .footer__third--column.footer__second--row.footer__second--row.footer__second--row {
        grid-row: 4/5;
        grid-column: 1/2;
        text-align: left !important;
        margin-left: 60px !important;
        margin-right: auto !important;
    }
    .footer__third--column.footer__second--row:last-child {
        margin-left: 50px;
    }
}

@media (max-width: 1100px) {
    .grid__layout {
        column-gap: 20px;
    }
}

/* /////////////////////////////////////////////////////////////// */

.openform__link a {
    color: #fff;
}

.openform__link a:hover {
    font-weight: bold;
    cursor: pointer;
    color: #ff0f82;
    transition: all 0.1s ease-in-out;
}

/* END OF FOOTER STYLES */


/*--- Product Carousel ---*/

#product__carousel .wpsp-nav {
    opacity:0;
    transition:.3s ease-in-out;
}

#product__carousel:hover .wpsp-nav {
    opacity:1;
}


#product__carousel #wps-slider-section .wpsp-nav .fa-angle-right:before, #product__carousel #wps-slider-section .wpsp-nav .fa-angle-left:before {
    font-size:30px !important;
}

#product__carousel #wps-slider-section .wps-product-section .swiper-button-prev {
    right: unset;
    top: 50%;
    left: -40px;
}

#product__carousel #wps-slider-section .wps-product-section .swiper-button-next {
    right: -40px;
    top: 50%;
    left: unset;
}

#product__carousel #wps-slider-section .wpsf-product {
    background:#ffffff;
}

#product__carousel #wps-slider-section .wpsf-product-title a {
    color: #2400ba;
    font-size: 18px;
    font-family: 'Uni Sans';
    font-weight: 700;
    text-transform: uppercase;
}


#product__carousel #wps-slider-section .wpsf-product-price {
    display:none;
}

#product__carousel #wps-slider-section .wpsf-product-title a::after {
    content:'VIEW PRODUCT';
    font-family: 'Uni Sans';
    font-weight: 700;
    color:#ffffff;
    font-size:16px;
    background-color:#fc0f82;
    border:1px solid #fc0f82;
    padding: 7px;
    display: block;
    max-width: 60%;
    margin: 15px auto;
}

#product__carousel .wpsf-product .sp-wps-product-image-area a {
    border:0px;
}

#product__carousel #wps-slider-section .sp-wps-product-image-area {
    border:1px solid #ebebeb;
}



@media (max-width: 991px) {
    #product__carousel #wps-slider-section .wpsf-product-title a::after {
        font-size:1.8vw;
    }
}

@media (max-width: 620px) {
    #product__carousel #wps-slider-section .wps-product-section .swiper-button-prev {
        left: -30px;
    }

    #product__carousel #wps-slider-section .wps-product-section .swiper-button-next {
        right: -30px;
    }

    #product__carousel #wps-slider-section .wpsf-product-title a::after {
        font-size:3vw;
    }

}

/*--END- Product Carousel -END--*/

/*--- Product Page ---*/
#product__gallery-images .woocommerce-product-gallery {
    margin-bottom: -195px;
}

/*--END- Product Page -END--*/


/*--- Background Positioning Overiddes ---*/
@media only screen and (max-width: 767px) {
    #shop__code_blue_box {
        background-position: top center !important;
    }
}
/*--END- Background Positioning Overiddes -END--*/


/*--- Shop Overview Page ---*/

#filter_all-products, #filter_mindray, #filter_philips, #filter_welmedical {
    cursor: pointer;
    opacity:0.5 !important;
}

#filter_all-products.active, #filter_mindray.active, #filter_philips.active, #filter_welmedical.active {
    border-color: #FF0F81 !important;
    opacity:1 !important;
}

.shop__tabs {
    color: #fff;
    margin: 0 25px;
    font-family: 'Uni Sans - Regular';
    font-size: 18px;
}

#woo_product_shopMain .product-buttons .view-product, #codeblue_box .product-buttons .view-product:hover {
    background: #fffffff;
    border: 1px solid #2400ba;
    color: #2400ba;
}

.shop__tabs {
    border: 1px solid #fff;
    padding: 5px 10px 3px 10px;
    margin-top: 8px;
    display: inline-block;
    margin-bottom: -6px;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 20%;
}

@media (max-width: 500px) {
    #woo_product_shopMain {
        width: 96% !important;
        padding-bottom: 0 !important;
    }
    #woo_product_shopMain .products {
        gap: 2px 2px !important;
    }
    #woo_product_shopMain#woo_product_shopMain#woo_product_shopMain li.product {
        width: calc(50% - 2px) !important;
    }

    .shop__tabs {
        font-size: 14px;
        min-width: 40%;
        margin: auto 5px;
    }
}



.star-rating {
    order: 1;
}

#woo_product_shopMain .products {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    gap:60px 4.5%;
}

#woo_product_shopMain .products::before {
    display:none !important;
}

#woo_product_shopMain li.product {
    display:flex;
    flex-direction:column;
    border: 1px solid #ebebeb;
    padding: 10px 10px 30px 10px;
    margin: 0;
    width:21.62%;
}

#woo_product_shopMain li.product a {
    display:flex;
    align-items:top;
    flex-direction:column;
}

#packages-and-bundles-all1 {
    flex-direction: row;
    justify-content: center;
}

#woo_product_shopMain .product-buttons, #codeblue_box .product-buttons {
    margin-top: auto;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap:10px;
}

#product_cat-the-code-blue-cpr-box #codeblue_box .product-buttons a {
    color:#ffffff !important;
}

#woo_product_shopMain .product-buttons .view-product, #codeblue_box .product-buttons .view-product{
    background: #FF0F81;
    border: 1px solid #FF0F81;
    border-radius: 0px;
    font-family: 'Uni Sans Semi-Bold';
    text-transform: uppercase;
    color: #ffffff !important;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 2px 20px !important;
    text-align:center;
}

#woo_product_shopMain .product-buttons .view-product::after, #codeblue_box .product-buttons .view-product::after {
    display:none;
}

#woo_product_shopMain .product-buttons .view-product, #codeblue_box .product-buttons .view-product {
    background: #FF0F81;
    border: 1px solid #FF0F81;
    border-radius: 0px;
    font-family: 'Uni Sans Semi-Bold';
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0px;
    font-size: 18px;
    padding: 2px 20px !important;
}

@media (max-width: 1246px) {
    #woo_product_shopMain .product-buttons .view-product, #codeblue_box .product-buttons .view-product {
        font-size: 16px;
        padding: 4px 10px !important;
    }
}

#woo_product_shopMain .star-rating {
    font-size: 12px !important;
}

#woo_product_shopMain .product-buttons .add_to_cart_button, #codeblue_box .product-buttons .add_to_cart_button {
    margin: 0px !important;
    padding: 2px 0px 0px 0px !important;
    opacity: 1 !important;
    display: inline-block;
    background: #2400BA;
    min-height: 36px;
    width: 35px;
    border-radius: 0px;
    top: 12px;
}

#woo_product_shopMain .product-buttons .add_to_cart_button::after, #codeblue_box .product-buttons .add_to_cart_button::after {
    content:'';
    background:url(https://codebluecpr.co/wp-content/uploads/2025/10/Add-To-Cart-Button-start.gif);
    background-size:contain;
    background-position:center center;
    width: 29px;
    height: 29px;
    opacity:1 !important;
    display:block;
    margin:0px;
}

#woo_product_shopMain .product-buttons .add_to_cart_button.loading::after, #codeblue_box .product-buttons .add_to_cart_button.loading::after {
    content:'';
    background:url(https://codebluecpr.co/wp-content/uploads/2025/10/Add-To-Cart-Button.gif);
    background-size:contain;
    background-position:center center;
    width: 29px;
    height: 29px;
    opacity:1 !important;
    display:block;
    margin:0px !important;
    padding:0px !important;
    animation:unset !important;
    right:0 !important;
    left:0 !important;
    top:0 !important;
}

#woo_product_shopMain .product-buttons .add_to_cart_button.added::after, #codeblue_box .product-buttons .add_to_cart_button.added::after {
    content:'';
    background:url(https://codebluecpr.co/wp-content/uploads/2025/10/Add-To-Cart-Button-add.gif);
    background-size:contain;
    background-position:center center;
    width: 29px;
    height: 29px;
    opacity:1 !important;
    display:block;
    margin:0px;
}

@media (max-width: 487px) {
    #woo_product_shopMain .product-buttons .view-product, #codeblue_box .product-buttons .view-product {
        font-size: 4vw;
        padding: 1.3vw 0px !important;
        width:100%;
    }

    #codeblue_box #product_cat-the-code-blue-cpr-box {
        width: 100% !important;
    }

    #woo_product_shopMain .product-buttons, #codeblue_box .product-buttons {
        font-size: 16px;
        padding: 1.3vw 0px !important;
        width: 100%;
        gap:10px;
/*         flex-direction: column; */
        align-items: center;
    }

    #woo_product_shopMain .product-buttons .add_to_cart_button, #codeblue_box .product-buttons .add_to_cart_button {
        gap:10px;
        top:0px;
    }

    #woo_product_shopMain .product-buttons .view-product, #codeblue_box .product-buttons .view-product:hover {
        border:0px !important;
    }

}


/*--END- Shop Overview Page -END--*/

.contact__form--footer input::placeholder, .contact__form--footer textarea::placeholder{
    color:#ffffff !important;
}


@media only screen and (max-width: 980px) {
    #gsap-slider-section #hero-slide_3 {
        background-position: bottom right !important;
    }

    #codeblue_box #product_cat-the-code-blue-cpr-box {
        width: 100% !important;
    }

    #packages-and-bundles-all1 {
        flex-direction: column;
        justify-content: center;
        align-items:center;
        gap:30px;
    }
}

@media (max-width: 980px) {
    /*.et_pb_shop ul.products.columns-1 li.product, .et_pb_shop ul.products.columns-2 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-5 li.product, .et_pb_shop ul.products.columns-6 li.product {
    width: 100% !important;
    margin-right: 4% !important;
}*/

    #woo_product_shopMain li.product {
        display: flex;
        flex-direction: column;
        border: 1px solid #ebebeb;
        padding: 10px 10px 30px 10px;
        margin: 0 !important;
        width: 47% !important;
    }

    #woo_product_shopMain .products {
        gap: 30px 6%;
    }

    #packages-and-bundles-all1 > div {
        margin-bottom:0px !important;
    }

    #packages-and-bundles-all1 #codeblue_box .products li.product {
        width: 100% !important;
    }

    .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4, .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4, .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
        width: 47.25%;
        margin-right: 0px !important;
    }

}


/*--- Product Packages Section ---*/

#codeblue_box-1 .product-buttons, #codeblue_box-2 .product-buttons, #codeblue_box-3 .product-buttons {
    display:none !important;
}

#codeblue_box-1 , #codeblue_box-2 , #codeblue_box-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#woo_products_basic-1 li a::after {
    font-family:'Uni Sans Semi-Bold';
    content:'LEARN MORE';
    font-size:18px;
    color:#ffffff;
    background:#ff0f82;
    margin: 30px auto 0;
    display:block;
    width:calc(100% - 40px);
    text-align:center;
    padding:5px 20px;
}

#woo_products_standard-1 li a::after {
    font-family:'Uni Sans Semi-Bold';
    content:'LEARN MORE';
    font-size:18px;
    color:#2400ba;
    background:#ffffff;
    margin: 30px auto 0;
    display:block;
    width:calc(100% - 40px);
    text-align:center;
    padding:5px 20px;
}

#woo_products_ultimate-1 li a::after {
    font-family:'Uni Sans Semi-Bold';
    content:'LEARN MORE';
    font-size:18px;
    color:#ffffff;
    background:#e0b904;
    margin: 30px auto 0;
    display:block;
    width:calc(100% - 40px);
    text-align:center;
    padding:5px 20px;
}


@media (max-width: 980px) { 

#woo_products_basic-1 li a::after {
    font-size:12px;
    padding:5px 20px;
}

#woo_products_standard-1 li a::after {
    font-size:12px;
    padding:5px 20px;
}

#woo_products_ultimate-1 li a::after {
    font-size:12px;
    padding:5px 20px;
}

}

#codeblue_box-1 #woo_products_basic-1 li, #codeblue_box-2 #woo_products_standard-1 li, #codeblue_box-3 #woo_products_ultimate-1 li {
    margin-bottom:0px !important;
    margin-right: 0px !important;
    width:100% !important;
}

/*--END- Product Packages Section -END--*/

/*-- Woocommerce Shipping Calculator --*/

#woo_calc__end form .form-row::before, #woo_calc__end form .form-row::after {
	content:unset !important;
	display:none !important;
}

#woo_calc__end .cart_totals .shop_table th {
	width:130px !important;
}

/*-END- Woocommerce Shipping Calculator -EN-*/

/*--- Product Tabs ---*/
#woo_tabs_custom .et_pb_tabs_controls {
    display: flex;
    justify-content: center;
    background:#ffffff !important;
}

#woo_tabs_custom .et_pb_tabs_controls li {
    border:0px !important;
}

#woo_tabs_custom .et_pb_all_tabs h3 {
    font-size: 20px;
    padding-bottom: 10px;
    font-weight:600;
    color:#2e046a !important;
}

#woo_tabs_custom .et_pb_all_tabs h4 {
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight:600;
    color:#2e046a !important;
}

#woo_tabs_custom .et_pb_all_tabs p {
    color:#2e046a !important;
}

#woo_tabs_custom .et_pb_all_tabs a {
    color:#ff0f81 !important;
}

#woo_tabs_custom .et_pb_all_tabs .stars a {
    color:#2400ba !important;
}

#woo_tabs_custom .et_pb_all_tabs ul {
    padding: 0 0 23px 2em;	
}

#woo_tabs_custom .et_pb_all_tabs ul li{
    color:#2e046a !important;
}

#woo_tabs_custom .et_pb_all_tabs {
    padding-top: 20px;
}

#woo_tabs_custom #commentform .submit{
    border: 1px solid #2400ba !important;
    border-radius: 0px !important;
    color: #fff !important;
    background:#2400ba !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    padding: 5px 30px !important;
    transition:.3s ease-in-out !important;
}

#woo_tabs_custom #commentform .submit:hover {
    border: 1px solid #2400ba !important;
    border-radius: 0px !important;
    color: #2400ba !important;
    background:#ffffff !important;
    padding: 5px 30px !important;
}

#woo_tabs_custom #comments h2.woocommerce-Reviews-title {
    font-family: 'Uni Sans Semi-Bold';
    text-transform: uppercase;
    color: #2400ba;
    margin-bottom: 0px !important;
}

#woo_tabs_custom #reviews #respond span {
    color: #2400ba !important;
}

#woo_tabs_custom #review_form_wrapper #review_form #respond textarea, #woo_tabs_custom #review_form_wrapper #review_form #respond input  {
    color: #2400ba !important;
    border:1px solid #2400ba !important;
    background:#ffffff !important;
}

#woo_tabs_custom #commentform input[type=email], #woo_tabs_custom #commentform input[type=text], #woo_tabs_custom #commentform input[type=url], #woo_tabs_custom #commentform textarea {
    padding: 12px;
    color: #2400ba !important;
    line-height: 1em;
    background-color: #fff !important;
    font-size: 16px !important;
    border: 1px solid #2400ba !important;
}

/*--END- Product Tabs -END--*/

/*--- Woocommerce Product Pricing ---*/

.price .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol {
    font-size: 63%;
    position: relative;
    top: -6px;
    padding-right: 1px;
}

.price .woocommerce-price-suffix {
    font-weight: 300;
    font-size: 50%;
    padding-left: 0px;
    margin-left: 0px;
}

#woo_product_price_main .price .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol {
    font-size: 64%;
    top: -12px;
    position: relative;
    padding-right: 5px;
}

#woo_product_price_main .price .woocommerce-price-suffix {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
    font-size: 50%;
    padding-left: 0px;
    margin-left: 0px;
}

/*--END- Woocommerce Product Pricing -END--*/


/*--- Accordion Buttons ---*/
.border-line-blue-button {
    font-family:'Uni Sans Semi-Bold';
    background:#ffffff;
    padding:5px 25px 7px 25px;
    color:#2400ba;
    font-size:18px;
    border:1px solid #2400ba;
    transition:.3s ease-in-out;
    cursor:pointer;
}

.border-line-blue-button:hover {
    font-family:'Uni Sans Semi-Bold';
    background:#2400ba;
    padding:5px 25px 7px 25px;
    color:#ffffff;
    font-size:18px;
    border:1px solid #2400ba;
}
/*--END- Accordion Buttons -END--*/

/*--- PopUps ---*/

.pum-theme-lightbox {
    background-color: rgba(36, 0, 186, 0.9);
    backdrop-filter: blur(3px);
}

.pum-theme-1318 .pum-container, .pum-theme-lightbox .pum-container {
    padding: 0px;
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    background-color: transparent;
}

.pum-theme-1318 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    height: 40px;
    width: 40px;
    right: -5px;
    top: 0px;
    padding: 0px;
    color: #2400ba;
    font-family: 'Uni Sans';
    font-weight: 100;
    font-size: 50px;
    line-height: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
}

/*--- Form ---*/

#popUp-Form input, #popUp-Form textarea {
    font-family: 'Uni Sans - Regular';
}

#popUp-Form input{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

#popUp-Form input.wpcf7-submit{
    position: absolute;
    font-family: 'Uni Sans - Regular';
    width: auto;
    padding: 3px 20px;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    color: #ffffff;
    border: solid #ff0f81;
    background: #ff0f81;
    left: auto;
    right: 0;
    transition:.3s ease-in-out;
}

#popUp-Form .wpcf7-submit::hover {
    color: #2400ba !important;
    border: solid #2400ba !important;
    background: #ffffff !important;
}

#popUp-Form textarea{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

#popUp-Form .wpcf7-not-valid-tip {
    display:none;
}

#popUp-Form .wpcf7-response-output {
    font-family: 'Uni Sans - Regular';
    color:#2400ba;
    border:0px;
    padding:0px;
    font-size: 16px;
    width:100%;
    text-align:center;
}

.contact__form--footer .wpcf7-form .wpcf7-response-output {
    font-family: 'Uni Sans - Regular';
    color:#ffffff;
    border:0px;
    padding:0px;
    margin:20px 0px 0px 0px;
    font-size: 16px;
    text-align:left;
}

a.pop_enquire_training {
    background: #2400ba;
    border:1px solid #2400ba;
    color: #fff;
    padding: 5px 20px;
    transition:.3s ease-in-out;
	font-size:12px;
}

a.pop_enquire_training:hover {
    background: #ffffff;
    border:1px solid #2400ba;
    color: #2400ba;
    padding: 5px 20px;
	font-size:12px;
}

.form__wrapper .form100 select {
    background-color: #fff;
    border: 1px solid #bbb;
    color: #777;
    width: 100%;
    padding: 10px 10px;
    font-family: 'Uni Sans - Regular';
    margin-bottom: 10px;
}

.form__wrapper input {
    border: 1px solid #bbb;
}

.form__wrapper input:focus, .form__wrapper textarea:focus {
    border: 1px solid #ff0f81 !important;
}

.form__wrapper .form100 {
    display:inline-block;
    width:calc(100% - 2px);
}

.form__wrapper {
    position: relative;
}

.form__wrapper .form100:has(.wpcf7-form-control.wpcf7-submit) {
    position: absolute;
    bottom: 11px;
    right: 3px;
}

.form__wrapper .form50 {
    display:inline-block;
    width:calc(50% - 3px);
}

#popUp-Form .enquiryType,
#popUp-Form .enquiryTypeHeading {
	font-family: 'Uni Sans Semi-Bold';
    font-weight: normal;
    color: #2400ba;
    font-size: 20px;
}

#popUp-Form .enquiryTypeHeading {
    padding-bottom: 20px !important;
}

#popUp-Form .form__wrapper input,
#popUp-Form .form__wrapper select,
#popUp-Form .form__wrapper textarea {
    border-radius: 0 !important;
}

/*--END- PopUps -END--*/

/*--- Side Cart ---*/

.xoo-wsc-modal .xoo-wsc-container .xoo-wsch-text {
    text-transform:uppercase !important;
    font-weight: 900;
    font-family: 'Uni Sans Semi-Bold';
}

.xoo-wsc-modal .xoo-wsc-container .xoo-wsc-ft-amt-subtotal {
    text-transform:uppercase !important;
    font-weight: 900;
    font-family: 'Uni Sans Semi-Bold';
}


.xoo-wsc-modal .xoo-wsc-container .xoo-wsc-ft-buttons-cont {
    text-transform:uppercase !important;
    font-weight: 900;
    font-family: 'Uni Sans Semi-Bold';
}

a.xoo-wsc-ft-btn-checkout .amount {
    font-style: normal;
    font-weight: 200;
    font-family: 'Uni Sans - Regular';
}

.xoo-wsc-ft-btn.xoo-wsc-btn.xoo-wsc-ft-btn-checkout {
    display: none !important;
}

/*--END- Side Cart -END--*/


/* Burger Icon */
#mobile-burger {
    position: fixed !important;
    top: 16px;
    right: 20px;
    z-index: 1001;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
#mobile-burger .line {
    width: 20px;
    height: 2px;
    transition: all 0.3s ease;
    display:block;
    margin: 4px 0;
}

#mobile-burger .middle {
    width:15px;
    transform: translateX(5px);
}

#mobile-burger.light .line {
    background: #fff;
} 

#mobile-burger.dark .line {
    background: #2400ba;
} 

#mobile-burger.active .line{
    background:#ff0f82;
}

#mobile-burger.active .middle {
    transform: rotate(0deg) translateY(0px) translateX(-23px);
    width: 26px;
}
#mobile-burger.active .top {
    transform: rotate(45deg) translateY(5px) translateX(-2px);
    width: 12px;
}
#mobile-burger.active .bottom {
    transform: rotate(-45deg) translateY(-5px) translateX(-2px);
    width: 12px;
}

/* Slide-in Menu */

#slide-in-menu {
    position: fixed !important;
    top: 60px;
    right: -100%;
    width: 100%;
    height: calc(100vh - 60px);
    background: #fff;
    z-index: 1000;
    transition: right 0.4s ease;
    overflow-y: auto;
}

.bottom-icons {
    pointer-events:none !important;
    opacity:0 !important;
    transition: opacity .3s;
}

#slide-in-menu .et_pb_menu__menu { 
    display:block !important;
}

#slide-in-menu .et_mobile_nav_menu { 
    display:none !important;
}

#slide-in-menu .et_pb_menu_inner_container,#slide-in-menu .et_pb_menu__wrap ,#slide-in-menu .et-menu-nav {
    width:100% !important;
    display:block !important;
}

#slide-in-menu .et_pb_menu .et_pb_menu__menu>nav>ul>li, #slide-in-menu .et-menu-nav ul {
    display:block !important;
}

#slide-in-menu .et_pb_menu .et_pb_menu__menu>nav>ul>li a{
    text-align: right;
}

#slide-in-menu.open {
    right: 0;
}

#slide-in-menu.open .bottom-icons {
    pointer-events:auto !important;
    opacity:1 !important;
    transition: opacity 1.3s;
}

/* Menu Content */
.menu-content {
    padding: 80px 30px 100px;
    text-align: right;
}

/* Prevent Divi Menu Module from collapsing */
#custom-menu-wrapper .et_mobile_nav_menu {
    display: none !important;
}
#custom-menu-wrapper .et_pb_menu__menu {
    display: block !important;
}
#custom-menu-wrapper .et_pb_menu__menu li {
    text-align: right;
}


/*---- SHOP Defibrillators Carousel ----*/

/*-- Arrows --*/
#defibs-carousel .wpb-woo-products-slider .owl-nav {
    position: absolute;
    top: 0;
    margin: 0;
    left: 0px;
    right: 0px;
    width: 100%;
}

#defibs-carousel .wpb-woo-products-slider .owl-nav button {
    position: absolute;
    top: 90px;
    background:transparent;
    border:0px;
}

#defibs-carousel .wpb-woo-products-slider .owl-nav .owl-prev {
    left: 0;
}

#defibs-carousel .wpb-woo-products-slider .owl-nav .owl-next {
    right: 0;
}

#defibs-carousel .wpb-woo-products-slider .owl-nav button .wpb-wps-fa-angle-left:after, #defibs-carousel .wpb-woo-products-slider .owl-nav button .wpb-wps-fa-angle-right:after {
    content: '';
    width: 10px !important;
    height: 10px !important;
    opacity:0;
    transition:.3s ease-in-out;
}

#defibs-carousel .wpb-woo-products-slider:hover .owl-nav button .wpb-wps-fa-angle-left:after, #defibs-carousel .wpb-woo-products-slider:hover .owl-nav button .wpb-wps-fa-angle-right:after {
    content: '';
    width: 10px;
    height: 10px;
    opacity:1;
    border-top: 3px solid #2400ba;
    border-right: 3px solid #2400ba;
    transition:.3s ease-in-out;
}

#defibs-carousel .wpb-woo-products-slider:hover .owl-nav button .wpb-wps-fa-angle-left:hover:after, #defibs-carousel .wpb-woo-products-slider:hover .owl-nav button .wpb-wps-fa-angle-right:hover:after {
    content: '';
    width: 10px;
    height: 10px;
    opacity:1;
    border-top: 3px solid #ff0f81;
    border-right: 3px solid #ff0f81;
}
/*-END- Arrows -END-*/

/*-- Product Containers --*/

.wpb-woo-products-slider .wpb-wps-slider-item img {
    display: block;
    width: 80%;
    height: auto;
    max-width: 160px !important;
    box-shadow: none;
    border-radius: 0;
    margin: 10% auto 0px auto;
}

#defibs-carousel .wpb-woo-products-slider .owl-stage .owl-item .wpb-wps-slider-item .wpb_pro_img_url .et_shop_image .et_overlay{
    display:none !important;
}

#defibs-carousel .grid figcaption {
    padding: 10px 0;
    background: transparent;
    text-align: center;
}

#defibs-carousel .grid figure figcaption h3 {
    color:#2400ba;
}

#defibs-carousel .grid figure:hover figcaption h3 {
    color:#ff0f81;
}

#defibs-carousel .wpb-woo-products-slider .owl-stage .owl-item, #defibs-carousel .wpb-woo-products-slider .owl-stage .wpb-wps-slider-item, #defibs-carousel .wpb-woo-products-slider .owl-stage .wpb-wps-slider-item figure {
    min-height:260px;
    background:#ffffff;
}

#defibs-carousel .wpb-woo-products-slider .owl-stage .owl-item {
	border: 1px solid #2400ba20;
}

#defibs-carousel .wpb-woo-products-slider .owl-stage .wpb-wps-slider-item figure figcaption{
    height:auto;
    top: 170px;
    bottom:auto;
    opacity:1;
    transform:translate(0px, 0px) !important;
}

#defibs-carousel .wpb-woo-products-slider .owl-stage .wpb-wps-slider-item figure figcaption h3 {
    font-family: 'Uni Sans Semi-Bold', Helvetica, Arial, Lucida, sans-serif !important;
    text-transform:uppercase;
}

#defibs-carousel .wpb-woo-products-slider .owl-stage .wpb-wps-slider-item figure figcaption h3:after {
    font-family: 'Uni Sans - Regular', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight:bold;
    font-size: 15px;
    content:'VIEW PRODUCT';
    background:#ff0f81;
    color:#ffffff;
    margin:10px auto 0px auto;
    padding:7px 0px 7px 0px;
    width: 90%;
    display: block;
    text-align: center;
    transition:.3s ease-in-out;

}

#defibs-carousel .wpb-woo-products-slider .owl-stage .wpb-wps-slider-item figure figcaption h3:hover:after {
    font-family: 'Uni Sans - Regular', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight:bold;
    content:'VIEW PRODUCT';
    background:#2400ba;
    color:#ffffff;
    margin:10px auto 0px auto;
    width: 90%;
    display: block;
    text-align: center;
}

@media (max-width: 980px) { 
    #defibs-carousel .wpb-woo-products-slider .owl-stage .wpb-wps-slider-item figure figcaption h3:after {
        font-size: 12px;
        padding: 4px 0px 4px 0px;
        width: 80% !important;
    }
}

/*-END- Product Containers -END-*/
/*--END-- SHOP Defibrillators Carousel --END--*/


/*---- Help & Advice Sidebar ----*/

.contactIco_1 {
    background: url(https://codebluecpr.co/wp-content/uploads/2025/10/phone_icon1.svg) !important;
    width: 70px;
    height: 70px;
    background-size: 60% !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 100px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border:2px solid #2400ba;
    transition: .3s ease-in-out;
}

.contactIco_1::after {
    content: 'PHONE';
    color: #ffffff;
}

.contactIco_2 {
    background: url(https://codebluecpr.co/wp-content/uploads/2025/10/whatsapp_icon1.svg) !important;
    width: 70px;
    height: 70px;
    background-size: 60% !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 100px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border:2px solid #2400ba;
    transition: .3s ease-in-out;
}

.contactIco_2::after {
    content: 'WHATSAPP';
    color: #ffffff;
}

.contactIco_3 {
    background: url(https://codebluecpr.co/wp-content/uploads/2025/10/mail_icon1.svg) !important;
    width: 70px;
    height: 70px;
    background-size: 53% !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 100px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border:2px solid #2400ba;
    transition: .3s ease-in-out;
}

.contactIco_3::after {
    content: 'EMAIL';
    color: #ffffff;

}


.contactIco_1::after, .contactIco_2::after, .contactIco_3::after {
    display: block;
    top: 50px;
    opacity:0;
    position: relative;
    text-align: center;
    font-size: 12px;
    font-family: 'Uni Sans - Regular';
    letter-spacing: 1px;
    transition:.2s ease-in-out;
}

.contactIco_1:hover::after, .contactIco_2:hover::after, .contactIco_3:hover::after {
    display: block;
    top: 68px;
    opacity:1;
    position: relative;
    text-align: center;
    font-size: 12px;
    font-family: 'Uni Sans - Regular';
    letter-spacing: 1px;
}

.contactIco_1:hover, .contactIco_2:hover , .contactIco_3:hover  {
    border:2px solid #ff0f81;
    margin-top:-15px;
}

.contactIco_1 img, .contactIco_2 img , .contactIco_3 img  {
    display:none !important;
}

@media (max-width: 980px) { 

    .contactIco_1, .contactIco_2, .contactIco_3  {
        border:0px solid #ff0f81;
        margin-top:-15px;
    }

    .contactIco_1:hover, .contactIco_2:hover, .contactIco_3:hover  {
        border:0px solid #ff0f81;
        margin-top:-15px;
    }

    .contactIco_1:hover::after, .contactIco_2:hover::after, .contactIco_3:hover::after  {
        font-size: 11px;
    }

    .contactIco_1::after, .contactIco_2::after, .contactIco_3::after {
        display: block;
        top: 68px;
        opacity:1;
        position: relative;
        text-align: center;
        font-size: 11px;
        font-family: 'Uni Sans - Regular';
        letter-spacing: 1px;
    }
}

/*--END-- Help & Advice Sidebar --END--*/




/*---- Woocommerce Checkout CSS ----*/


/*--- Cart Items ---*/


@media (max-width: 980px) { 

    .woocommerce-cart-form__cart-item .product-thumbnail a img {
        min-width:80px !important;
    }


    .shop_table .coupon {
        width:100% !important;
    }

    .shop_table .coupon #coupon_code {
        width:100% !important;
    }

    body #page-container #advanced__cart #cart__totals .shop_table .coupon button[name="apply_coupon"] {
        width: 100% !important;
        margin-left: 0px !important;
    }
}

@media (max-width: 360px) { 

    .woocommerce-cart-form__cart-item .product-thumbnail a img {
        max-width:20px !important;
        min-width:20px !important;
    }

    .woocommerce-cart-form__cart-item .product-quantity .quantity input {
        padding: 0px;
        width: 40px !important;
        display: inline-block;
        min-width: 40px;
    }
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 20px !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0;
}

#checkout__totals:has(.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received) section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#checkout__totals:has(.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received) section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses .woocommerce-column {
    width: 100% !important;
}

#checkout_area input:focus {
    color: #2400BA !important;
}

#checkout_area #checkout__totals .woocommerce-checkout .woocommerce-info {
    color: #2400ba !important;
    background: #ffffff !important;
    font-size: 12px !important;
    line-height: 18px !important;
    margin-bottom: 0px !important;
}


#checkout_area #checkout__totals .woocommerce-error {
    background: transparent !important;
    font-size: 12px !important;
    padding: 10px 20px !important;
    margin-bottom: 0px !important;
}

#checkout_area #checkout__totals .woocommerce-error li a {
    color:#2400ba !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

#checkout_area #checkout__totals .woocommerce-error li {
    color:#ff0f81 !important;
    font-weight: bold;
    font-size: 14px;
}