/*
 Theme Name:   bizzdesign child
 Description:  bizzdesign child theme
 Author:       Internetlab
 Author URI:   https://www.internetlab.nl
 Template:     bizzdesign
 Version:      1.1.3
 Text Domain:  bizzdesign
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

@font-face {
  font-family: "Segoe UI";
  src: url("fonts/segoeuithis.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Segoe UI";
  src: url("fonts/segoeuithisi.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Segoe UI";
  src: url("fonts/segoeuithibd.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Segoe UI";
  src: url("fonts/segoeuithisibi.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --primary_color: #0086fa;
  --primary_color_dark: #151b48;
  --primary_color_bright: #fff;
  --font_family: "Segoe UI", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
p,
span,
a,
button,
input,
textarea,
select,
option,
label {
  font-family: var(--font_family);
  font-weight: 500;
}

h1 {
  font-weight: 700;
}
h2,
h3,
h4,
h5,
h6 {
  font-weight: 900;
}

/* LAYOUT */
@media (min-width: 576px) {
  .e-con.e-flex > .e-con-inner {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .e-con.e-flex > .e-con-inner {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .e-con.e-flex > .e-con-inner {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .e-con.e-flex > .e-con-inner {
    max-width: 1140px;
  }
}

/* ACCENTS */
/* Gradient background color */
.blue_gradient {
  background: linear-gradient(133.78deg, #19499c 0%, #4ca7f1 70.92%);
}

.blue_gradient_top_dark {
  background: linear-gradient(
    180deg,
    #009cfb -10%,
    rgba(255, 255, 255, 0.4) 70%
  );
}

.light_drop_shadow {
  box-shadow: 10px 4px 40px 0px rgba(212, 227, 236, 0.5);
}

/* FONTS */
p,
span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

/* font used for detials like Numbers: 20 years of experience */
.bizz_numbers_title h2 {
  color: var(--primary_color);
  font-size: 64px !important;
  font-weight: 500 !important;
}

.subtitle_numbers_container {
  max-width: 228px;
  margin: auto;
}

.bizz_numbers_subtitle {
  max-width: 130px !important;
  margin: auto;
}

/* BUTTONS & LINKS */
@media (max-width: 767px) {
  .login_link {
    margin-right: 20px;
  }
}

.bizz-primary-btn {
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 144.444% */
  background: var(--primary_color);
  color: #fff;
  border-radius: 100vh;
  border: 1px solid var(--primary_color);
  padding: 10px 20px;
  height: auto;
}

.bizz-primary-btn:hover {
  background: none;
  color: var(--primary_color);
  border-color: var(--primary_color);
}

/* Loop items carousel trainers */
#carousel_trainers .e-loop-item {
  padding: 30px 10px;
}

#carousel_trainers {
  padding: 0px 20px;
}

.swiper-button-disabled {
  background: #eceef0 !important;
  opacity: 1 !important;
}

#carousel_trainers .ba_text_container {
  margin-top: auto !important;
}

.subsection_card {
  margin-top: auto !important;
}

/* carousel cards courses */
.ba_carousel_course_card {
  border: 1px solid rgba(0, 156, 251, 0.15);
}

@media (min-width: 800px) {
  .ba_carousel_course_card {
    min-width: 350px !important;
  }
}

.ba_carousel_course_card:hover {
  box-shadow: 10px 4px 40px 0px rgba(212, 227, 236, 0.5);
  cursor: pointer;
  border: 1px solid transparent;
}

.ba_carousel_course_card p {
  margin-bottom: 0px !important;
}

.ba_carousel_card_button {
  height: 40px !important;
  width: 40px !important;
  border-radius: 100vw !important;
}

.ba_carousel_course_card:hover .ba_carousel_card_button {
  background: #edb700;
}

.ba_carousel_course_card .elementor-widget-image {
  margin-top: auto !important;
}

/* show carousel items on hover */
.carousel_show_on_hover {
  display: none;
}
.ba_carousel_course_card:hover .carousel_show_on_hover,
.ba_carousel_course_card:active .carousel_show_on_hover {
  display: block;
}

/* hide items on hover */
.ba_carousel_course_card:hover .carousel_hide_on_hover {
  visibility: hidden;
}

/* trainers cards hover content */
.carousel_trainers_card .carousel_show_on_hover,
.carousel_trainers_card:hover .elementor-widget-image,
.carousel_trainers_card:active .elementor-widget-image {
  display: none;
}
.carousel_trainers_card:hover .carousel_show_on_hover,
.carousel_trainers_card:active .carousel_show_on_hover {
  display: block;
}

.carousel_trainers_card:hover h2,
.carousel_trainers_card:active h2 {
  padding-left: 20px;
  color: var(--primary_color);
}

/* place a dot before the carousel cards */
.carousel_trainers_card .elementor-widget-container p {
  position: relative;
  padding-left: 15px;
}

.carousel_trainers_card .elementor-widget-container p:before {
  content: "";
  height: 4px;
  width: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  border-radius: 999px;
  background-color: #5a6b7f;
}

/* keywords container (buttons look-a-like) */
.bz_keywords_container p {
  margin-bottom: 0px !important;
}

/* .bz_keyword_block {
  border-radius: 8px !important;
  border: 1px solid rgba(0, 156, 251, 0.15);
} */

.bz_keywords_container {
  margin: 10px 0px 5px 0px;
}

.bz_keyword_block {
  border: none;
  position: relative;
  font-family: var(--font_family);
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  padding: 0px 0px 0px 12px;
  letter-spacing: 0em;
  padding: 0;
  padding-left: 12px;
  width: fit-content !important;
}

.bz_keyword_block:after {
  content: "";
  height: 4px;
  width: 4px;
  background: #009cfb;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
}

/* checkbox icon with text */
.bz_checkbox_with_text h3,
.bz_checkbox_with_text span,
.bz_checkbox_with_text p {
  margin: 0px;
}

@media (max-width: 900px) {
  .bz_checkbox_with_text h3,
  .bz_checkbox_with_text span,
  .bz_checkbox_with_text p {
    font-size: 16px;
  }
}
/* styling selection form course pages */

.font-medium {
  color: #5a6b7f;
  text-align: center;
  /* Light 18 */
  font-family: var(--font_family);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px; /* 144.444% */
  margin-bottom: 0px;
}

.bz_radio_btn {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 3px;
  border: 1px solid rgba(0, 156, 251, 0.15);
  font-size: 18px;
  color: #5a6b7f;
  font-family: var(--font_family);
  font-weight: 300;
  margin-bottom: 12px;
}

.bz_radio_btn input[type="radio"] {
  width: 14px;
  height: 14px;
  margin-right: 12px;
  background-color: transparent !important;
  appearance: none;
  cursor: pointer;
  position: relative;
}

.bz_radio_btn input[type="radio"]:checked {
  background-color: #009cfb !important;
  border-radius: 50%;
}

.bz_radio_btn input[type="radio"]:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  border: 1px solid #009cfb;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bz_radio_btn label {
  cursor: pointer;
}

.bz_btn_container {
  margin: auto;
  width: fit-content;
  margin-top: 40px;
}

.bz_primary_btn {
  font-family: var(--font_family);
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  background: var(--primary_color);
  color: #fff;
  border-radius: 60px !important;
  border: 1px solid var(--primary_color);
  padding: 10px 20px;
  height: auto;
}

.bz_primary_btn:hover {
  background: none;
  color: var(--primary_color);
  border-color: var(--primary_color);
}

/* Course details overview page */
@media (max-width: 575px) {
  .entry-content {
    padding: 1rem;
  }
}

.course-back-container {
  display: flex;
  align-items: center;
  margin-bottom: 38px;
  margin-top: 60px;
  text-decoration: none;
}

.course-back-container p {
  margin-bottom: 0px;
  margin-left: 4px;
  color: #028ee9;
  font-size: 18px;
  font-weight: 500;
}

/* Courses main container */
.course-details-container {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 80px;
}

.course-details-header {
  background: linear-gradient(
    180deg,
    #009cfb 0%,
    rgba(162, 219, 254, 0.62) 51.67%,
    rgba(255, 255, 255, 0.4) 90.63%
  );
  display: flex;
  justify-content: space-between;
  padding: 20px;
  position: relative;
}

.course-details-header h1 {
  padding: 60px 20px;
  max-width: 550px;
  z-index: 99;
}

.course-details-header img {
  max-width: 240px;
  margin-top: 20px;
}

.course-details-container .entry-content {
  background: #fff;
  padding: 40px;
}

@media (max-width: 780px) {
  .course-details-header img {
    position: absolute;
    z-index: 0;
    right: 0;
    opacity: 0.5;
  }
}

/* Keypoints of the course */
.course-keypoints-container {
  display: flex;
  gap: 13px;
  column-gap: 40px;
  flex-wrap: wrap;
  margin-top: 40px;
}

.course-keypoint {
  display: flex;
  align-items: center;
}

.course-keypoint p {
  margin-bottom: 0px;
  font-size: 18px;
}

.course-keypoint p span {
  margin: auto 12px auto 8px;
  color: #009cfb;
  font-weight: 600;
}

.bold-blue-text {
  color: #009cfb;
  font-size: 18px;
  font-weight: 500;
}

/* download PDF banner */
.course-download-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0px 15px 30px 0px #ebf8ff;
  margin-top: 80px;
  padding: 40px;
}

.course-download-container h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.download-pdf-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  font-style: normal;
  background-color: var(--e-global-color-accent);
  font-family: var(--font_family);
  font-size: var(--e-global-typography-d94d9e7-font-size);
  font-weight: var(--e-global-typography-d94d9e7-font-weight);
  line-height: var(--e-global-typography-d94d9e7-line-height);
  fill: var(--primary_color);
  color: var(--primary_color_dark);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-accent);
  border-radius: 60px;
  padding: 12px 26px 15px 26px;
}

.download-pdf-btn img{
  width: 24px;
  height: 24px;
}

.download-pdf-btn:hover {
  background-color: var(--primary_color_dark);
  color: var(--e-global-color-accent);
  border-color: var(--primary_color_dark);
}

.download-pdf-btn:hover .download-pdf-btn-icon-light {
  display: block !important;
}

.download-pdf-btn:hover .download-pdf-btn-icon-dark {
  display: none !important;
}

/* Container access information */
.course-access-container {
  text-align: center;
  max-width: 585px;
  margin: auto;
  margin: 80px auto 48px auto;
}

.course-buy-form-container {
  text-align: center;
}

.course-buy-form-container p:first-child {
  text-align: center;
  font-size: 18px;
  color: #5a6b7f;
  font-weight: 300;
}

.course-buy-form-container .span-red span {
  color: red;
}

.course-access-container form {
  margin-top: 48px;
}

#course-buy-form-container {
  display: none;
  max-width: 900px;
  margin: auto;
}

.course-buy-form-container {
  text-align: center;
}

.participants-container {
  margin-top: 30px;
  text-align: center;
}

.subtitle-close-detail {
  color: var(--primary-dark-blue, #00234c);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  padding-top: 7px;
}

.fields-input-container {
  width: 100%;
  margin-bottom: 20px;
}

.fields-input-container input {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  border: 1px solid rgba(0, 156, 251, 0.15);
  border-radius: 4px;
  padding: 10px;
  font-weight: 300;
}

.fields-input-container textarea {
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgba(0, 156, 251, 0.15);
  border-radius: 4px;
  padding: 10px;
  font-weight: 300;
  height: 150px;
}

.fields-input-container label {
  display: block;
  text-align: left;
  width: 100%;
  font-weight: 300;
  margin-bottom: 5px;
  color: var(--secondary-dark-grey-50, #919ca9);
  font-size: 18px;
}

.fields-input-container label span,
.span-red span {
  color: red;
}

.title-buyform-container {
  display: flex;
  width: fit-content;
  margin: auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.bz_cancel_btn {
  border: none;
  color: #00234c;
  margin-left: 10px;
  background: transparent;
  width: fit-content !important;
  margin-right: 30px;
}

.bz_primary_btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.checkbox-container {
  text-align: left;
  color: #919ca9;
  margin-bottom: 20px;
}

.error-message {
  text-align: left;
  font-size: 15px;
  color: red;
  font-weight: 200;
}

.payment-terms-container .checkbox-container {
  text-align: center;
  margin-top: 40px;
}

.payment-terms-container fieldset label {
  margin: 0px 20px;
}

.participants-details-container {
  margin-bottom: 30px;
}

@media (min-width: 900px) {
  .participants-details-container {
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }
}

.close-container {
  cursor: pointer;
}

.warning-info-container {
  display: flex;
  column-gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  margin: auto auto 40px auto;
}

.request-course-form-container {
  text-align: center;
}

/* creating list as select options */
/* General styles */
.dropdown-select-container {
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgba(0, 156, 251, 0.15);
  text-align: left;
  position: relative;
}

.dropdown-select-container img {
  position: absolute;
  right: 20px;
  top: 15px;
  width: fit-content;
  height: 25px;
}

/* List container styles */
.dropdown-select-list-container {
  padding: 15px 20px 0px 20px;
  position: relative;
  cursor: pointer;
}

.dropdown-select-list-container ul {
  padding: 0px;
  margin: 0px;
}

.dropdown-select-list-container li {
  list-style-type: none;
  text-align: left;
  color: #5a6b7f;
}

/* Selected list item styles */
.selected-listitem-container {
  margin-bottom: 0px;
}

.selected-listitem-container p {
  padding-bottom: 15px;
  margin: 0px;
  color: #00234c;
}

/* List item options container styles */
.listitem-options-container {
  display: none;
  position: absolute;
  min-height: fit-content;
  max-height: 242px;
  right: -1px;
  left: -1px;
  border: 1px solid rgba(0, 156, 251, 0.15);
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fff !important;
  z-index: 9999;
  top: 100%;
  margin-top: -1px;
  overflow-y: scroll;
}

.dropdown-select-list-container:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* List item options container inner styles */
.listitem-options-container ul {
  margin: 0px 15px 20px 20px;
  height: 100%;
  z-index: 99;
}

.listitem-options-container li {
  padding: 10px 0px;
  cursor: pointer;
}

.listitem-options-container li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.add-border {
  border-bottom: 2px solid #009cfb26 !important;
  margin-bottom: -1px !important;
}

/* hide arrows of number input */
/* Chrome, Safari, Edge, Opera */
.fields-input-container input::-webkit-outer-spin-button,
.fields-input-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.fields-input-container input[type="number"] {
  -moz-appearance: textfield;
}

/* input field border style */
.input-border {
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgba(0, 156, 251, 0.15);
  border-radius: 4px;
  padding: 10px;
  font-weight: 300;
}

.add-course-container,
.remove-course-container {
  width: 100%;
  height: 100;
  margin: 0px;
  padding: 0px;
}

.add-course-container {
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #009cfb;
}
.remove-course-container {
  color: #f7795c;
}

.add-course-container:hover {
  background: #ebf8ff;
  border-color: #ebf8ff;
  cursor: pointer;
}

.remove-course-container:hover {
  background: #ec9a88;
  border-color: #ec9a88;
  cursor: pointer;
  color: #fff;
}

.remove-course-container:hover img {
  filter: saturate(0);
  filter: brightness(100);
}

.add-course-flex {
  display: flex;
  align-items: center;
  padding: 15px;
  width: fit-content;
  margin: auto;
}

.add-course-flex p {
  margin: 0px;
  margin-left: 10px;
  font-family: var(--font_family);
  font-size: 18px;
}

.listitem-options-container {
  scrollbar-color: #ebf8ff #ebf8ff;
  scrollbar-width: thin;
}

/* Subscribe pages webinar */
.list-items-subsection {
  border-bottom: 1px solid rgba(0, 156, 251, 0.15);
  padding-bottom: 10px;
}

.disabled-list-option {
  color: #919ca9 !important;
}

.same-details-container {
  display: flex;
  align-items: center;
  width: fit-content;
}

.same-details-container p {
  min-width: fit-content;
  margin-bottom: 0px;
  margin-left: 5px;
  font-size: 18px;
}

/* checkbox styling */
.same-details-container input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
}

.same-details-container input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 156, 251, 0.15);
  display: grid;
  place-content: center;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 3px;
}

.same-details-container input[type="checkbox"]::before {
  content: url("/web/wp-content/plugins/bizzdesign-academy/img/check.svg");
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}

.same-details-container input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.show-on-add-course {
  display: none;
}

/* redirect page */
#course-redirection-popup {
  padding: 40px 0px;
  display: none;
}

#course-redirection-popup .contact-box {
  border-top: 2px solid rgba(0, 156, 251, 0.15);
  margin-top: 60px;
  padding-top: 40px;
}

/* disbaled input on forms */
.course-details-container input[type="text"]:disabled,
.course-buy-form-container input[type="text"]:disabled,
.request-course-form-container input[type="text"]:disabled {
  background: none !important;
}

/* homepage */
/* user circles */
.user-circle-container {
  width: fit-content;
  margin: auto;
}

/* CAROUSEL HOME */
/* user personas circles */
.user-circle-container {
  background: #ebf8ff;
  border-radius: 100vh;
  border: none;
}

/* bullets pagination carousel */
.swiper-pagination-bullet {
  background: #d9d9d9 !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  transform: scale(1.35);
  background: #009cfb !important;
}

.swiper-button-disabled {
  background: none !important;
  filter: grayscale(1) !important;
  opacity: 0.5 !important;
}

.homepage-carousel .elementor-icon-box-content {
  min-width: fit-content !important;
}

@media (min-width: 992px) {
  .socials {
    display: flex;
    gap: 20px !important;
    align-content: end !important;
    margin-left: auto;
    width: fit-content;
  }
}