/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.overlay{
 z-index: unset!important;
   }
#footer_logo_subcontent{
  /* text-align: right !important; */
  margin-top: -10px !important;
  margin-left: 100px !important;
  font-size:22px !important;
}

.elementor-66 .elementor-element.elementor-element-373256da #header-notifications-dropdown-elem {
  display: inline-block;
  padding: 0 15px;
}
.site-header-container .site-branding {
  min-width: 242px;
  padding: 0;
}

#navbar-collapse {
  position: absolute;
  right: -20px;
  margin-right: 0; 
}

.container.site-header-container.flex.default-header{
  position: relative;

}

button.btn.wdm_feedback_submission {
  color: white;
  background: blue;
}

.bs-card-list .bb-cover-wrap {
  
  padding-top: 33%;
}

/* RCP registration fields*/
/* input#rcp_user_login , label[for="rcp_user_login"]
{
  display:none !important; 
} */


.rcp_title_input_box {
  display: flex;
  align-items: center;
  max-width: 400px;
  background: #fff;
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
  padding-left: 0.5rem;
  overflow: hidden;
}

.rcp_title_input_box .rcp_title_prefix {
  font-weight: 300;
  font-size: 14px;
  padding-right: 5px;
}

.rcp_title_input_box input {
  flex-grow: 1;
  font-size: 14px;
  background: #fff;
  border: none;
  border-left : 1px solid var(--bb-content-border-color);
  outline: none;
  padding: 0.5rem;
}

.rcp_title_input_box:focus-within {
  border-color: #777;
}

#rcp_discipline{
  width: 100%;
  max-width: 400px;
}

form#rcp_profile_editor_form input[type="text"], 
#rcp_profile_editor_form input[type="email"], 
#rcp_profile_editor_form input[type="password"]
{

  width: 100%;
  max-width: 400px;
}

#rcp_profile_editor_form select[name="rcp_display_name"] {
 
  width : 100%;
  max-width: 400px;
}
#rcp_profile_editor_form legend {
  display: none;
}
.rcp_header{
  display: none;
}

/*.rcp_user_fieldset p:empty{*/
/*  display: none;*/
/*}*/

.rcp_user_fieldset{
  column-count: 2;
  column-gap: 20px;
}
#rcp_profile_editor_form fieldset{
  column-count: 2 !important;
  column-gap: 20px !important;
  margin-bottom: 20px;
}

li.rcp_subscription_level.rcp_subscription_level_1,
li.rcp_subscription_level.rcp_subscription_level_4,
li.rcp_subscription_level.rcp_subscription_level_5,
li.rcp_subscription_level.rcp_subscription_level_6,
li.rcp_subscription_level.rcp_subscription_level_7,
li.rcp_subscription_level.rcp_subscription_level_8
{
  display: none !important;
}

/* Sigup popup container */
#sigupPopupContainer {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #dac190;
  border: 1px solid #122b46;
  box-shadow: 0 0 100px rgba(50, 50, 50, 0.5);
  width: 800px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1000;
  height: 300px;
}

#sigupPopupHeading {
  background-color: #fff;
  color: #fff;
  padding: 10px;
  text-align: center;
}

#sigupPopupContent {
    display: flex;
}

.sigupPopupColumn {
  flex: 1;
  padding: 30px;
  text-align: center; 
}

.sigupPopupColumnText{
  font-weight : bold;
}
.sigupPopupcolumn a {
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  color: #333;
}
.sigupPopupLink{
  color:#333;
  text-decoration: underline !important;    
  font-style: italic;

}

.sigupPopupButton {
  display: block;
  margin: 0 auto;
  padding: 10px 20px;
  background-color: #b88f32;
  color: #fff;
  border-color: #b88f32;
  text-decoration: none;
  border-radius: 10px;
  width: 300px;
  cursor: pointer;
  font-style: oblique;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

}

.sigupPopupButton:hover {
  background-color: #a65519;
  border-color: #a65519;

}
.sigupPopupButton a {
  color: #fff;
}

#signupClosePopupButton {
  position: absolute;
  top: 5px;
  right: -22px;
  transform: translateX(-50%);
  padding: 10px 20px;
  background-color: #dac190;
  color: #000;
  border: none;
  text-decoration: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
}


.home-courses-list .bb-course-items{
  justify-content :flex-start !important;
  margin-left : 14px !important;
}

/* Popup Modal Styles */
.popup-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000; /* Adjust the z-index as needed */
}

.popup-content {
  width: 1000px;
  height: 500px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

/* Button Styles (customize as needed) */
#showPopupBtn {
  cursor: pointer;
}
.bg-heading {
  background: #e7b647;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  box-shadow: 0 3px 13px 0 rgba(18,43,70,.1);
  font-size: 35px;
  text-transform: capitalize;
}

.bb-template-v2 .primary-menu>.menu-item-has-children:not(.hideshow):after {
  display: none;
}

.bb-completed-item {
    text-decoration: unset;
}

.learndash-wrapper .learndash-complete .ld-item-list-item-preview .ld-item-title>span:first-child {
    text-decoration: unset;
}

.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview.learndash-complete .ld-topic-title {
    text-decoration: unset;
}

/*.ld-status.ld-status-incomplete{*/
/*    display: none;*/
/*}*/
.ld-status{
    display: none;
}

.zoom-hide { display:none; }

a#addToCartLink {
  color: black;
  background: #e7b647;
  border-radius: 2px;
  padding: 5px;
  font-family: 'Cormorant', serif !important;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 18px;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
  display: none;
}

div#chatbase-bubble-button {
    left: 92%!important;
}

/*loom video popup course page*/
#video-popup {
  display: none;
  width: 935px;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fefbef;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     border: 8px solid #c39734;
  border-radius: 20px;
}

.loom-popup-content {
  text-align: end;
}
#loom-close-popup{
  position: absolute;
  top: 20px;
  right: 20px;
  margin-top: 0;
  height: 40px;
  background-color: #b88f32;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 16px;
  border: 1px solid #b88f32;
  min-width: 100px;
}
.bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  opacity: .5;
}
/* .course_welcome_msg{
  text-align: center;
} */

@media (min-width: 1200px) and (max-width: 1400.98px) {
  #footer_logo_subcontent{
    font-size:18px !important;
  }
  /* ---- video pop up fixes start----- */
  #video-popup {
    width: 830px;
    padding: 10px !important;
}
  /* ---- video pop up fixes end----- */

}
@media (min-width: 992px) and (max-width: 1199.98px) { 
  #footer_logo_subcontent{
    margin-top: -14px !important;
    margin-left: 80px !important;
    font-size:14px !important;
  }
    /* ---- video pop up fixes start----- */
    #video-popup {
      width: 830px;
      padding: 10px !important;
  }
  #loom-close-popup {
    top: 12px !important;
}
    /* ---- video pop up fixes end----- */
}
@media (min-width: 768px) and (max-width: 991.98px) { 
  #footer_logo_subcontent{
    font-size:10px !important;
  }
   /* ---- video pop up fixes start----- */
   #video-popup {
    width: 650px;
    padding: 10px !important;
}
#loom-close-popup {
  top: 12px !important;
  height: 35px !important;
}
  /* ---- video pop up fixes end----- */
}



@media (min-width: 576px) and (max-width: 767.98px) { 
  #footer_logo_subcontent{

    font-size:16px !important;
  }
  /* ---- video pop up fixes start----- */
  #video-popup {
    width: 500px;
    padding: 10px !important;
}
#loom-close-popup {
  right: 8px !important;
  height: 40px !important;
  padding: 3px 8px !important;
  font-size: 19px !important;
  min-width: 78px !important;
  top: 12px !important;
  height: 35px !important;
}
  /* ---- video pop up fixes end----- */
}
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
 /* ---- video pop up fixes start----- */
 #video-popup {
  width: 90%;
  padding: 10px !important;
}
#loom-close-popup {
  right: 7px !important;
  height: 40px !important;
  padding: 3px 8px !important;
  font-size: 16px !important;
  min-width: 64px !important;
  top: 7px !important;
  height: 30px !important;
  line-height: 22px;
}
#video-popup .course_welcome_msg {
  font-size: 22px;
}
/* ---- video pop up fixes end----- */
}

.rcp_user_fieldset {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcp_form .rcp_user_fieldset input:not([type=checkbox]):not([type=submit]) {
  max-width: 100% !important;
}

#rcp_user_login_wrap {
  display: none;
}

.filter-by-year {
  padding-bottom: 10px;
  float: right;
}

.year-filter-select-box {
  width: 190px;
  background-color: transparent !important;
}