/*
Theme Name: 	BuddyBoss Child
Theme URI: 		https://www.buddyboss.com/
Description: 	A child theme of BuddyBoss Theme. To ensure easy updates, make your own edits in this theme.
Author: 		BuddyBoss.com
Author URI: 	https://www.buddyboss.com/
License: 		GNU General Public License v3 or later
License URI: 	http://www.gnu.org/licenses/gpl-3.0.html
Template: 		buddyboss-theme
Version: 		1.0.1
*/

/*

-- Stylesheet locations --

Add your own customizations into /css/custom.css in this child theme.

Parent styles are called from /buddyboss-theme/inc/theme/functions.php in the 
parent theme and are located in /buddyboss-theme/assets/css/ in the parent theme.


--- If you are editing CSS via the WordPress admin, do the following ---

1. Install the plugin WP Editor: http://wordpress.org/plugins/wp-editor/
2. Navigate to Appearance > Theme Editor in the WordPress admin.
3. Navigate into the /css/ folder of your child theme to edit custom.css.

*/

.home-courses-list .bb-cover-list-item  {
    width: 309px;
}

.home-courses-list li.bb-course-item-wrap  {
    margin-right: 60px;
}

.home-testimonial-section .owl-item .text-start p {
    min-height: 75px;
}

.course-details-btn {
    text-align: center;
}

.course-details-btn button {
    color: #ffffff !important;
    text-align: center;
    background-color: #00000000;
    background-color: var(--bb-primary-button-background-regular);
    color: var(--bb-primary-button-text-regular);
    border: 1px solid var(--bb-primary-button-border-regular);
    border-bottom: 1px solid var(--bb-primary-button-border-regular)!important;
    border-radius: var(--bb-button-radius);
}

/* Hide all coureses details from courses list page */
/* .bb-learndash-content-wrap .ld-item-list {
    display: none;
} */

.learndash_content_wrap .course-details-btn {
    display: none;
}

.home-course-section #bb-courses-directory-form {
    margin-bottom: 3rem;
}

.topic_bullet_points {
	list-style: disc;
	margin-left: 50px;
}

.ld-tab-content ul {
	list-style: disc;
	margin-left: 50px;
}

.ld-tab-content ul.list-number-bullet {
	list-style:auto;
}

.ld-tab-content ul.list-number-bullet li { 
	padding-bottom:15px
}

.title-small-letter {
	font-size: 16px;
	font-weight: 900;
}

.pmpro_actions_nav {
    text-align: left;
}

.course-details button {
    border-radius: 10px;
}
.home-courses-list .bb-course-items {
    display: flex;
    justify-content: space-between;
}
.home-course-main-content-section {
  display: flex !important;
}
.home-course-content-section {
    width: 710px !important;
}

.single .bb-course-banner-inner .bb-course-points .anchor-course-points {
	display: none;
}

.single #bbpress-forums .item-description .bbp-topic-revision-log { 
	display: none;
}

.membership_text {
    text-align: center;
    font-size: 18px;
    color: #000;
    margin: 20px 0px;
}

.membership_expired {
    color: red;
}

#membership_help_text1{
    animation: 20s linear infinite blinking-one;
  }
  @keyframes blinking-one {
    5% {
      color: #000000;
    }
    95%{
      color: white;
    }
  }

  #membership_help_text2{
    animation: 2s linear infinite blinking-two;
  }
  @keyframes blinking-two {
    5% {
      opacity: 0;
    }
    95%{
      opacity: 1;
    }
  }

.terms-conditions-checkbox {
  margin-top: 20px;
}

.terms-conditions-checkbox input {
    margin-right: 5px;
}

#login .privacy-policy-page-link {
	display: none !important;
}


/* Media Styles Starts */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .home-course-content-section {
        width:100% !important;
    }
 }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .home-course-content-section {
        width: 100% !important;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
    .home-courses-list li.bb-course-item-wrap {
        margin-right: 0px;
    }
    .home-courses-list .bb-course-items {
        display: flex;
        justify-content: unset;
    }
    .home-courses-list .bb-cover-list-item {
        width: 100% !important;
    }
    .home-course-content-section {
        width: 100% !important;
    }
 }


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    .home-courses-list li.bb-course-item-wrap {
        margin-right: 0px;
    }
    .home-courses-list .bb-course-items {
        display: flex;
        justify-content: unset;
    }
}

/* Media Styles Ends */
.notification-loader {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  
  .notification-loader:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  
    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }
  
  .notification-loader:not(:required) {
    /* hide "notification-loader..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .notification-loader:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }
 
  /* Animation */
  
  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }