/*
Theme Name: Astra Child
Author: comedyhigh
Description: This is astra child theme
Version: 1.0.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: #12151e;
    padding: 5vh 5vw;
    box-sizing: border-box;
	display:none;
}
.spinner-wrapper div.mejs-container {
    height: 90vh !important;
}
.spinner-wrapper .mejs-controls {display:none;}
.spinner-wrapper video {height:100% !important;}
.comedyhigh-item > .comedyhigh-student-content {
    position: absolute;
	top:0px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
	z-index: 1;
}
.comedyhigh-item {
    position: relative;
    margin-bottom: 30px;
	min-height: 500px;
    background-color: #000;
    border-radius: 15px;
}
.comedyhigh-student-heading {
    font-size: 38px;
    margin: 0 0 10px;
}
.comedyhigh-student-heading a {
    font-weight: 600;
    text-transform: none;
    color: #fff;    display: inline-block;
}
.comedyhigh-student-terms ul {
    padding: 0;
    margin: 0;
}
.comedyhigh-student-terms ul li a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 6px 15px;
    margin-bottom: 6px;
    -webkit-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    color: #fcfcfc;
    background-color: #22bbce;
    display: inline-block;
    line-height: 12px;
}
.comedyhigh-student-terms ul li {
    list-style: none;display: inline-block;
}
.comedyhigh-item > .comedyhigh-student-content .comedyhigh-student-content {
    font-size: 17px;
    line-height: 1.705em;
    color: #fcfcfc;    margin-bottom: 10px;
}
.post_meta_item {
    display: inline-block;
    font-size: 12px;
    color: #fcfcfc;
    margin: 0 10px 0;
}
.comedyhigh-user-img picture img {
    width: 50px;
    border-radius: 100%;
}
.comedyhigh-user-img .comedyhigh-user-name {
    color: #fcfcfc;
}
.comedyhigh-user-img picture {
    width: 50px;
    display: inline-block;
}
.comedyhigh-student-date {
    color: #fcfcfc;
    font-size: 12px;
}
.comedyhigh-user-post-date {
    margin-left: 55px;    margin-top: -30px;
}
.comedyhigh-student-list-data {
    margin-bottom: 20px;
}
.comedyhigh-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, black 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, black 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 0;
	border-radius: 15px;
}
.comedyhigh-student-terms {
    margin-bottom: 10px;
}
.widget .post_meta_item {
    color: #7a7e83;
}
.post_format_video .post_date, .post_format_video .post_meta_item {
    color: #7a7e83;
}
.video_icon {
    width: 55px;
    height: 55px;
    line-height: 58px;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    z-index: 2000;
    top: 50%;
    left: 50%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: -1.8em 0 0 -1.8em !important;
    font-size: 15px;
    opacity: 1;
    cursor: pointer;
    overflow: hidden;
    color: #000724;
    background-color: #fff !important;
    background: none;
    text-align: center;
}
.video_icon:hover {
    background-color: #22bbce !important;
}
.video_icon:after {
    content: "";
    content: '\E9C2';
    font-family: "fontello";
    margin: 0 0 0 3px;
}
.video_icon:hover:after {
    color: #fff;
}
.comedyhigh-student-schoolname {
    display: block;
    color: #fcfcfc;
}
.comedyhigh-student-featured-img img {
    border-radius: 15px;
}

@media only screen and (max-width: 767px) {
.comedyhigh-item > .comedyhigh-student-content {
    padding: 20px 10px;
}
.comedyhigh-student-heading {
    font-size: 25px;
    margin: 0 0 5px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comedyhigh-student-list-data {
    margin-bottom: 10px;
}
.comedyhigh-item > .comedyhigh-student-content .comedyhigh-student-content {
    font-size: 16px;
    line-height: 20px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comedyhigh-student-terms {
    margin-bottom: 3px;
}
.comedyhigh-item, .comedyhigh-student-featured-img {
    min-height: 300px;
}

.comedyhigh-student-featured-img img {
    height: 100%;
    min-height: 300px;
}
.video_icon {
    width: 45px;
    height: 45px;
    line-height: 49px;
	top: 10px;
    left: 20px;
    margin: 0 !important;
}
}
@media only screen and (max-width: 480px) {
.video_icon {
    width: 35px;
    height: 35px;
    line-height: 37px;
    top: 16px;
}	
}
@media all and (device-width: 768px) and (orientation:landscape) {
  .video_icon {
    top: 25px;
} /* your css rules for ipad landscape */
}

/**
 * Comment Rating 
 */

.comments-rating {
  border: none;
  padding: 0;
  margin-left: 0;
}
.comments-rating label {
  display: inline-block;
}
.rating-container {
  font-size: 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.rating-container * {
  font-size: 1.4rem;
}
.rating-container > input {
  display: none;
}
.rating-container > input + label {
  /* only enough room for the star */
  font-family: 'dashicons';
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  margin: 0;
}
.rating-container > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "\f154";
  color: #888;
}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
  content: "\f155";
  color: #e52;
  text-shadow: 0 0 1px #333;
}
.rating-container > .star-cb-clear + label {
  text-indent: -9999px;
  width: .5em;
  margin-left: -.5em;
}
.rating-container > .star-cb-clear + label:before {
  width: .5em;
}
.rating-container:hover > input + label:before {
  content: "\f154";
  color: #888;
  text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
  content: "\f155";
  color: #e52;
  text-shadow: 0 0 1px #333;
}
.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
  text-indent: 9999px;
}
.comment-respond .rating-container > input + label {
  text-indent: -9999px;
}
.mce-tinymce, .mce-container-body, .mce-top-part, .mce-edit-area, .wp-editor-area, .mce-content-body, #acf_content_ifr {
    background-color: transparent !important;
    background: transparent !important;
    color:#fff !important;
}
body#tinymce {
    background: transparent;
}
.popup{display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);}.popup-content{position: relative;margin: 8% auto;padding: 20px;width: 80%;max-width: 700px;background-color: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}.close{position: absolute;top: 0px;right: 3px;font-size: 38px;cursor: pointer;color: #fff;}
.video-content h3, .video-content p { color:#fff; }

.popup-content {
    
    background-image: url(/wp-content/uploads/2024/05/blackboard.jpg) !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.video-content h3 {
	text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
}

.ccc-favorite-post-toggle[data-ccc_my_favorites-select_button-style="1"]{
	float:right;
}

div.simplesocialbuttons {
    height: auto;
	margin: -5px auto 18px -5px;}