/*

Theme Name: Drum Channel
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Drum Channel custom theme
Version: 1.0.0
Template: x

*/

.video {
    margin-bottom: 0;
}

.x-video.embed {
    margin-bottom: 0;
}

.x-header-landmark {
    display: none;
}

.x-btn.hero-btn {
    color: #fff;
    border-color: #fff;
}

.entry-title {
    margin-bottom: .3em;
}

.entry-wrap .entry-content {
    margin-top: 0;
}


/* Sensei Customizations
============================== */


/* Lesson post customizations */


/* Course Progress Plugin */

.widget.widget_sensei_course_progress {
    padding: 0;
    background: white;
    border-radius: 5px;
}

.widget.widget_sensei_course_progress header {
    padding: 0px;
}

.widget.widget_sensei_course_progress header h2 {
    font-size: 1.618em;
    margin: 0 0 1em;
}

.widget.widget_sensei_course_progress header h2 a {
    text-decoration: none;
    font-size: 1.3em;
}

.widget.widget_sensei_course_progress header h3 {
    padding-bottom: 0.168em;
    margin-top: 0.168em;
    margin-bottom: 0.168em;
    border: none;
    font-size: 1.2em;
    color: #df173b;
}

.widget.widget_sensei_course_progress .course-progress-lessons {
    list-style: none;
    clear: both;
    border: none;
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-module {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin: 0;
    padding: 0.618em 1.618em 0.618em 1em;
    background: rgba(255, 255, 255, 0.6)
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-module h3 {
    margin: 0;
    border: none;
    padding: 0;
    font-size: 22px;
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson {
    border: none;
    margin: 0;
    padding: 0
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a,
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson span {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0.618em 1.618em 0.618em 3.618em;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.8);
    position: relative
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a:before,
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson span:before {
    font-family: FontAwesomeSensei, FontAwesome;
    display: inline-block;
    font-size: 150%;
    margin-right: 0.618em;
    font-weight: 400;
    line-height: 1em;
    width: 1em;
    position: absolute;
    left: 1em;
    top: 0.5em;
    content: '\f10c';
    color: rgba(0, 0, 0, 0.1)
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a:hover {
    background: #fff;
    text-decoration: none
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.current span {
    color: rgb(44, 62, 80);
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.current span:before {
    content: '\f138';
    color: rgb(44, 62, 80);
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed a,
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed span {
    color: rgba(0, 0, 0, 0.4);
    font-weight: normal
}

.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed a:before,
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed span:before {
    content: '\f058';
    color: #63a95f
}

.widget ul.course-progress-navigation {
    background: #eee;
    border-top: 0px solid #ddd;
    margin: 0;
}

.widget ul.course-progress-navigation li {
    width: 50%;
    text-align: center;
    list-style: none
}

.widget ul.course-progress-navigation li a {
    background: transparent;
    display: block;
    padding: 1.2em 0;
    color: rgb(44, 62, 80);
    line-height: 1.5em;
    text-decoration: none
}

.widget ul.course-progress-navigation li a span {
    display: none
}

.widget ul.course-progress-navigation li a:hover {
    text-decoration: none;
    color: rgba(44, 62, 80, .5);
}

.widget ul.course-progress-navigation li a:before,
.widget ul.course-progress-navigation li a:after {
    font-family: FontAwesomeSensei, FontAwesome;
    font-weight: bold;
    font-size: 1.2em;
    position: relative;
    top: 3px;
}

.widget ul.course-progress-navigation li.prev {
    float: left;
    border: none;
}

.widget ul.course-progress-navigation li.prev a {
    border: none;
}

.widget ul.course-progress-navigation li.prev a:before {
    content: "\f053"
}

.widget ul.course-progress-navigation li.next {
    float: right;
    border: none;
}

.widget ul.course-progress-navigation li.next a:after {
    content: "\f054"
}





.widget ul li, .widget ol li
{
    padding:0px;
    border-bottom: 0px solid black;    
    border: none;
}






/* Lesson buttons
============================== */

.lesson-index-meta {
    font-weight: bold;
}

.lesson-button-container {
    padding: 0;
    margin: 0;
    text-align: center;
}

#post-entries {
    margin-top: 2em;
}

.lesson h1 {
    margin-top: .4em;
}

.single-course .course-meta .status,
.course a.button {
    font-size: 16px;
}

.course-meta.course-enrolment{
    margin:0;
}

.course-meta.course-enrolment form{
    margin:0;
}

.course-meta.course-enrolment .status.register{
    display: none;
}

.lesson a.button,
.lesson input[type=submit] {
    font-size: 16px;
}

.course input[type=submit] {
    width: 100%;
    font-size: 18px;
    padding: 1em;
}

.course h2 {
    margin-top: .4em;
}

.nav-prev.fl > a,
.nav-next.fr > a {
    font-size: 16px;
}


/* Customizer
============================== */


/*
.x-navbar-fixed-left .x-brand {
    text-align: center;
    margin-left: 0;
}

@media only screen and (max-width: 979px) {
    .x-brand img {
        width: 300px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 80%;
        margin-top: auto;
        margin-bottom: auto;
    }
}
@media (max-width: 979px) {
    .x-navbar .x-navbar-inner > .x-container.width {
        min-height: 140px;
    }
}
*/

.x-navbar .desktop .x-nav > li > a {
    text-align: center;
}


/* Index Pages
============================== */

.x-iso-container > .hentry .entry-featured {
    border: none;
    margin: 0;
    padding: 0;
}

.x-iso-container > .hentry .entry-featured .entry-thumb::before {
    content: "\f01d";
    top: 80%;
    left: 87%;
}

.featured-lesson-index .entry-featured .entry-thumb::before {
    content: "\f01d";
}

.x-iso-container-posts>.hentry .entry-wrap {
    box-shadow: 0px 5px 5px -5px #ccc;
}

@media only screen and (max-width: 1279px) {
    .x-iso-container > .lesson.hentry .entry-wrap {
        display: none;
    }
    .small-screen {
        visibility: visible;
    }
}

@media only screen and (min-width: 1280px) {
    .x-iso-container > .lesson.hentry .small-screen {
        visibility: hidden;
    }
}

.featured-lesson-index-section h5 {
    margin: 0;
}


/* Index Button styles
============================== */

.favorite::before {
    font-family: FontAwesome;
    content: '\f005';
    font-size: 30px;
    line-height: 50px;
}

.favorite {
    position: absolute;
    width: 50%;
    height: 50px;
    background: #3B63AB;
    /*bottom: -50px;*/
    bottom: 0;
    left: 50%;
    line-height: 50px;
    color: #ffffff;
    /*border-radius: 50%;*/
    text-align: center;
    transition: all .2s ease-in-out;
    z-index: 1000;
}

.favorite:hover {
    color: #FBCD4E;
}

.watch-later::before {
    font-family: FontAwesome;
    content: '\f017';
    font-size: 30px;
    line-height: 50px;
}

.watch-later {
    position: absolute;
    width: 50%;
    height: 50px;
    background: #484C55;
    /*bottom: -50px;*/
    bottom: 0;
    right: 50%;
    line-height: 50px;
    color: #ffffff;
    /*border-radius: 50%;*/
    text-align: center;
    transition: all .2s ease-in-out;
    z-index: 1000;
}

.watch-later:hover {
    color: #DE6262;
}

.buttons {
    position: relative;
    display: block;
    height: 50px;
}

.gradient-bg {
    position: absolute;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 15px;
    color: #fff;
    text-align: left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+59,000000+88&0.65+74,0+99 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 59%, rgba(0, 0, 0, 0.65) 74%, rgba(0, 0, 0, 0.29) 88%, rgba(0, 0, 0, 0) 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 59%, rgba(0, 0, 0, 0.65) 74%, rgba(0, 0, 0, 0.29) 88%, rgba(0, 0, 0, 0) 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 59%, rgba(0, 0, 0, 0.65) 74%, rgba(0, 0, 0, 0.29) 88%, rgba(0, 0, 0, 0) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.gradient-bg > .entry-header h2 a {
    color: #fff;
}

.gradient-bg > .entry-header h2 a:hover {
    color: #ff2a13;
}

.x-iso-container-posts > .lesson.hentry .entry-wrap .entry-content {
    margin-top: 0;
}

.featured-lesson-index-section {
    padding-top: 0;
}

.featured-lesson-index > .entry-featured {
    margin-top: 0;
    border: 0;
    padding: 0;
}

.featured-info {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .6);
    padding: 30px 35px 35px;
}

.featured-info > .entry-wrap > .entry-content {
    margin-top: 0;
}

@media (max-width: 480px) {
    .featured-info {
        display: none;
    }
    .lesson h1 {
        font-size: 2em;
    }
}

.index-difficulty {
    background: #37373f;
    color: #fff;
    padding: 1% 3.5%;
}

.lesson-category {
    float: right;
}

.x-iso-container-posts>.hentry .entry-wrap {
    background-color: #f5f5f5;
}

/* Related posts
============================== */

.post .entry-featured {
    margin-bottom: 2em;
    margin-top: 0;
    border: none;
    padding: none;
}

/* columns
============================== */

@media (max-width: 1279px) {
    .x-column.x-lg {
        float: none;
        width: 100%;
        margin-right: 0
    }
}

li.course {
    list-style: none;
}

/* Post Grid
============================== */

.lesson-grid h4 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
    padding: 8px;
    background: rgba(0,0,0,.9);
    display: inline-block;
}

/* Yuzo Related Posts
============================== */

.yuzo_related_post h3 {
    font-size: 31px;
}

/* SG Custom CSS */
.g-recaptcha > div:first-child {
}

.sg_complete_lesson_button{
    border: 1px solid #3C3 !important;
    color: #3C3 !important;
    margin-top: 12px;
    background: white !important;
    border-radius: 8px;
    text-shadow: none !important;
    padding: 5px 12px !important;
    text-transform: uppercase;
    font-size: 10px !important;
    letter-spacing: 1px;
}

li.lessons__instructor {
  background-color: rgba(223, 23, 59, .8) !important;
  padding: 3px 8px !important;
  font-size: 14px !important;
}

li.lessons__metaItem--red {
  background-color: #1b1b1b !important;
}
li.lessons__metaItem--red:after {
  border-left: 16px solid #1b1b1b !important;
}
.x-navbar, .x-navbar .sub-menu {
  background-color: #fff !important;
}

.x-content-dock .right .x-content-dock-on {
    width: 140px !important;
}

.x-content-dock {
  background: transparent;
  border: 0;
  width: 120px !important;
}


.subscribe-banner-header {

    padding: 4px 0px 4px 0px;
    text-align: center;
    background: #df173b;
}

.subscribe-banner-header a:hover {
    color:#fff;
}

.subscribe-banner-header a {
    color:#fff;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: .02rem;
}

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

Removes in progress button on course page. 
Since the progress button is inside of a course meta function being called on inside before, 
if we remove the course meta function from inside before other important functions 
will be removed as well. Display none seems like a valid temporary fix for now.

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

.status.in-progress {

    display: none!important;

}

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




.x-tab-content {

    margin:0;

}


.x-nav-tabs.six-up>li   {
    width:16.66666%;
}
.x-nav-tabs.seven-up>li {
    width:14.28571%;
}
.x-nav-tabs.seven-up.left li, .x-nav-tabs.seven-up.right li{
    height:14.28571%!important;
}

.x-nav-tabs.six-up.left li, .x-nav-tabs.six-up.right li{
    height:16.66666%!important;
}

@media (max-width: 979px){

    .x-nav-tabs.six-up>li,
    .x-nav-tabs.seven-up>li {
        width: 100%;
    }
}

.top-item-header {
    top:-32px;
    font-size: 17px;
    position: absolute;
    margin: 0;
}

.angular-page-header-img{
    background-color: transparent;
    background-image:url('/wp-content/uploads/2016/09/blur-bg-e1474042307591.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 80%;
}


.widget.widget_sensei_course_progress .course-progress-lessons {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
}

.ilightbox-container{
    width: 100%!important; 
    height: 0!important;
    position: relative!important;
    margin: 0!important;
    padding-bottom: 56.25%!important;
}

.ilightbox-container > iframe{
    position: absolute;
}

.ilightbox-holder.light{
    display: block!important;
    width: 130vh!important;
    max-width: 95%;
    min-width: 350px;
    height: auto!important;
    margin: auto!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
    top: 50%!important;
}

.ilightbox-fullscreen{
    display: none;
}
.ilightbox-toolbar.light a.ilightbox-close:before{
    font-size: 50px;
}
.ilightbox-toolbar.light {
    border: none;
    background-color: transparent;
    top: 20px;
    left: 20px;
}


.lesson-tags{
    margin: 5px 0;
}








.\-table {
    width: 100%;
}

.pricing-table td {
    border-top: none;
    padding: 0;
}

.pricing-perks {
    width: 25%;
}

.signup-copy img {
    width: 90%;
    padding: 0 0 0 0px;
}

.pricing-price {
    width: 20%;
}

.pricing-table img {
    margin: 0;
}

.pricing-table h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.pricing-table-mobile {
    width: 100%;
}

.pricing-table-mobile td {
    border-top: none;
    padding: 0;
}

.pricing-perks-mobile {
    width: 50%;
}

.pricing-price-mobile {
    width: 25%;
}

.pricing-table-mobile img {
    margin: 0;
}

.pricing-table-mobile h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.price-gray {
    background: #272727;
    color: #fbfbfb;
    font-weight: 100;
    letter-spacing: 2px;
    margin-bottom: -8px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

.price-red {
    background: #df173b;
    color: #fbfbfb;
    font-weight: 100;
    letter-spacing: 2px;
    margin-bottom: -8px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

.price-sub-gray {
    background: #e8e7e9;
    border-bottom: 1px solid #949596;
    margin-left: 2px;
    margin-right: 2px;
    padding: 8px 0px;
    height: auto;
    font-size: 16px !important;
    text-align: center;
    font-weight: bold;
}

.price-sub-white {
    background: #fff;
    border-bottom: 1px solid #949596;
    margin-left: 2px;
    margin-right: 2px;
    padding: 8px 0;
    height: auto;
    font-size: 16px !important;
    text-align: center;
    font-weight: bold;
}

.recurring {
    padding: -5px 0;
    text-align: center;
    font-size: 12px !important;
    text-transform: uppercase;
}

.pricing-checks-gray {
    background: #e8e7e9;
    border-top: 1px solid #949596;
    border-bottom: 1px solid #949596;
    height: 60px;
    margin: 0 2px;
    padding-top: 5px;
}

.pricing-checks-gray img {
    width: 25%
}

.pricing-checks-red {
    background: #fff;
    border-top: 1px solid #949596;
    border-bottom: 1px solid #949596;
    height: 60px;
    margin: 0 2px;
    padding-top: 5px;
}

.pricing-checks-red img {
    width: 25%;
}

.pricing-price-mobile .pricing-checks-gray img {
    padding-top: 15px;
    width: 55%
}

.pricing-price-mobile .pricing-checks-red img {
    padding-top: 15px;
    width: 55%
}

.price-perks {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    background: #272727;
    border-bottom: 1px solid #949596;
    color: #fbfbfb;
    letter-spacing: 2px;
    padding-left: 10px;
    padding-right 15px;height: 56px;
    line-height: 16px;
}

.price-gray-button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    background: #272727;
    letter-spacing: 0px;
    margin-left: 2px;
    margin-right: 2px;
    height: 70px;
    color: #fbfbfb!important;
    text-decoration: none!important;

}

.price-gray-button:hover {
    background: #454545;
    color: #fbfbfb;
}

.price-red-button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    background: #df173b;
    font-weight: 100;
    letter-spacing: 0px;
    margin-left: 2px;
    margin-right: 2px;
    height: 70px;
    color: #fbfbfb!important;
    text-decoration: none!important;
}

.price-red-button:hover {
    background: #4a4a4a;
    color: #fbfbfb;
}

.custom-pricing-table .pricing-perks.bullet-pt-container{

    margin-bottom: 0!important;
    padding: 0;
    vertical-align: bottom;
}

.custom-pricing-table .pricing-price.price-button{
    font-size: 27.3px;
}

.custom-pricing-table .pricing-price.price-button{
    font-size: 27.3px;
}

.custom-pricing-table .pricing-perks.logo>img{

    width: 90%;
    margin: auto;
    transform: translateY(-50%);

}

.custom-pricing-table .pricing-price .subtitle{
    font-size: 24px;
    padding: 20px;
    white-space: nowrap;
}

.custom-pricing-table .pricing-price.subtitle>.recurring{
    font-size: 15.7px;
}


.mobile-free {
    margin-bottom: 40px;
}

.mobile-free h2 {
    background: #272727;
    color: #f8f8f8;
}

.mobile-free .x-pricing-column-info ul > li:first-child {
    border-top: none;
}

.mobile-free .x-btn,.button,[type="submit"] {
    color: #f8f8f8;
    border: none;
    background-color: #121212;
    text-shadow: none;
}

.mobile-free .x-btn:hover,.button:hover,[type="submit"]:hover {
    color: #f8f8f8;
    border: none;
    background-color: #454545;
    text-shadow: none;
}

.mobile-free .x-pricing-column-info ul > li {
    font-size: 16px;
}

@media (max-width: 480px) {
    .price-perks {
        line-height:13px;
    }

    .price-sub-gray {
        line-height: 15px;
    }

    .price-sub-white {
        line-height: 15px;
    }
}


#restricted_loginform                   {margin:0;}
#restricted_loginform .login-password   {margin:0; line-height: 0;}
#restricted_loginform .login-username   {margin:0; line-height: 0;}

#restricted_loginform .login-username > label, #restricted_loginform .login-password > label {
    display: block;
    color:#eee;
}

#restricted_loginform .login-username > input, 
#restricted_loginform .login-password > input {
    width: 100%;
}

#restricted_loginform label{ 
    font-size: 14px;
}

#restricted_loginform .login-remember {margin:0; display: inline-block; color:#eee;}

#restricted_loginform .login-submit   {margin:0; display: inline-block; float: right;}


/****************************************
* Used for the play-along audio player. *
*****************************************/

.play-along-audio{
    overflow-y: hidden;
}
.play-along-audio > div{
    margin: 0 0 15px 0;
}
.play-along-audio h5{
    margin-top: 0;
}
.play-along-audio .mejs-controls{
    top:0;
}
.play-along-audio .mejs-container .mejs-controls .mejs-time {
    padding: 10px 1px 0;
    height: 100%;
}

/***************************************************
Fixes issue with navbar wrapping on smaller screen *
****************************************************/
.x-brand.img {
    position: absolute;
}

/* Adds Padding to Event Calander Thumbnail */
.tribe-events-tooltip{
    padding: 1em!important;
}

.tribe-events-month-event-title{
    padding: 0!important;
}
.tribe-events-month-event-post-type{
    font-size: 1.2rem; margin: 0!important;
}
.tribe-events-month-event-categories{
    font-size: 1.1rem;
    font-style: italic;
    margin: 0!important;
    color: #8a8a8a;
    font-weight: normal;
    padding-top: 5px;
}
.tribe-events-calendar .tribe-events-tooltip { 
    margin-bottom: 0px;
}
.tribe-events-tooltip-teacher {
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
}
.calendar-teacher {
  margin: 0;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .5px;
  color: #777;
}

/* Fixes image being cropped on cart page */
.woocommerce .cart.shop_table .product-thumbnail img{
    width: 150px!important;
}
td.product-thumbnail {
    padding: 30px;
}

.x-nav-tabs.top>.active>a, .x-nav-tabs.top>.active>a:hover {
    background: #fff;
    border-bottom: 2px solid #fff;
}
.x-tab-content, .x-nav-tabs, .x-nav-tabs.top>li a, .x-nav-tabs .active a {
   transition: .2s ease-in-out all;
    /*background: #eee;*/
}









/********************************
CSS For the single product page *
*********************************/

#single-product-page .main-img-container{
    padding-bottom: 56.25%;
    display: block;
    position: relative;
}
#single-product-page .main-img-container img{
        height: 100%;
    width: auto;    
}
#single-product-page img.attachment-shop_single.size-shop_single {
    height: 100%;
    width: auto;
    display: block;
    margin: auto;
}
#single-product-page .woocommerce-product-gallery__image, #single-product-page .thumb-img, .thumb-img-video {
    width: 100%;
    height: 20%;
    border:solid 1px #eee;
}
#single-product-page .thumb-img, #single-product-page .thumb-img-video {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
#single-product-page .thumb-img img{
    height: 100%;
    width: auto;
    display: block;
    margin: auto;
}
#single-product-page .thumb-img:not(:first-of-type){
  margin-top: 7%;
}
#single-product-page .main-img-container .woocommerce-product-gallery__image{
    height: 100%;
    width: 100%;
    position: absolute;
}

#single-product-page .main-img-container .woocommerce-product-gallery__image > a{
    width: 100%;
    display: flex;
    height: 100%;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
#single-product-page .main-img-container .woocommerce-product-gallery__image > a img{
    margin: 0 auto;
}
#single-product-page .product-video{
    width:100%; 
    height:100%;
}
#single-product-page .product-video iframe{
    width:100%!important; 
    height:100%!important;
}

#single-product-page .woocommerce div.product .summary .product_title {
    font-size: 2.5rem;
}

#single-product-page .woocommerce-product-gallery__wrapper{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
#single-product-page .main-img-content{
    width: 84%;
    position: relative;
}

#single-product-page .play-icon{
    font-size: 4vw;    
    margin: auto;
  color: #eee;
}
#single-product-page .single_add_to_cart_button{
    background-color: #df173b;
}
#single-product-page .single_add_to_cart_button:hover{
    background-color: #333;
}






#single-product-page h1.product_title.entry-title,
#single-product-page .related.products h2,
#single-product-page .product-description h2 {
    font-size:32px;    
}



@media all and (min-width: 1280px) {

    #single-product-page .play-icon{
        font-size: 5rem;
    }

}

#single-product-page .thumbnail-container{

  display: flex;
  flex-direction: column;
  width: 15%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; 
    
}


@media all and (max-width: 979px) {
    #single-product-page .thumbnail-container {
    flex-direction: row;
    width: 102%;
    margin-left: -1%;
    height: 15%;
    top: auto;
    bottom: 1%;
    left: 0;
  }
    #single-product-page .thumb-img:not(:first-of-type){
      margin-top: 0;
    }
  #single-product-page .thumb-img, #single-product-page .thumb-img-video{
    width: 19%;
    margin: 0 1%;
    height: 100%;
  }

    #single-product-page .main-img-content{
    width: 100%;
  }

    #single-product-page .woocommerce-product-gallery__wrapper{
    margin-bottom: 13%!important;
  }

}



#single-product-page .teacher-name {

    text-transform: uppercase;
    font-size: 2rem;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 5px;
        
}




.product-description h2 {
    font-size: 3.8rem;
}

.woocommerce div.product .images{
    float: none!important;
}



ins .woocommerce-Price-amount.amount {
    color:#df173b!important;
}

.x-sidebar .widget{
    margin: 0 0 20px 0!important;
}



.continue-watching-btn{
    margin: 0 0 10px 0;
}
.continue-watching-btn.center{
    bottom: 10px;
    left: 0;
    right: 0;
    position: absolute;   
}
.continue-watching-btn.center a{
    width: 90%;
    background: #337ab7;
    color: white;
    border: none;
}


#subscribe .x-pricing-column{
    width: 100%!important;
}

.pricing-bullet-pts{
    list-style-type: circle;
    padding: 0;
    margin: 0;
    padding: 0 10px 0 20px;
    font-weight: bold;
    font-size: 2.2rem;
}

@media all and (max-width: 1280px) {

    .pricing-bullet-pts{
        font-size: 1.7rem;
    }
}

.product .summary .price{
    display: block!important;
}

.favorite-button{    
    margin: 5px 0;
    display: block;
}

.subscribe-form-login{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;  
    margin-bottom: 30px;
}
.subscribe-form-login-title{
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 15px;
}

.restricted-content-msg{
    font-weight:bold; 
    margin-bottom:50px;
}

.restricted-msg-grid > h4{
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.2;
}

.restricted-msg-grid {
    display:inline-block;
    margin-bottom: 30px;
    vertical-align: top;
}
.restricted-msg-grid > h4{
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.2;
}

.restricted-msg-grid{
    width:63%;
    margin-right:3%;
}
.restricted-msg-grid.last{
    width:33%;
    margin-right:0;
}

@media all and (max-width: 980px) {
    .restricted-msg-grid {
        width: 48%;
        margin-right:2%;
    }
    .restricted-msg-grid.last{
        width: 50%;
        margin-right:0;
    }
}

@media all and (max-width: 767px) {
    .restricted-msg-grid, .restricted-msg-grid.last {
        width: 100%;
    }
}




/* Fixes tab item height being effected by text wrap */

@media all and (min-width:980px){

    .custom-tab-container.x-nav-tabs {
        display: flex;
    }
    .custom-tab-container.x-nav-tabs {
        display: flex;
    }
    .custom-tab-container.x-nav-tabs .x-nav-tabs-item > a {
        height:100%;
        margin:auto;
    }
    .custom-tab-container.x-container.max.width.offset {
        margin: 1.3em auto!important;
    }

}


/* For the shows and courses that don't have a video. */
.overview-continue-button-wrapper{
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom:0; 
    right:0; 
    width: 100%; 
    height: 100%; 
    text-align: center; 
    background-color: rgba(0,0,0, .7);
}

.single-course .single_add_to_cart_button, .single-course .course-start {

    background-color: #337ab7!important;
    padding: 10px 25px!important;
    margin: 5px 0 25px 0;
    font-size: 18px!important;
    width:auto!important;
}
.single-course .overview-continue-button-wrapper .single_add_to_cart_button, 
.single-course .overview-continue-button-wrapper .course-start {

    background: #337ab7!important;
    width:90%!important;
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    margin:auto;   
    color: white;
    border: none;
    border-radius:0px!important;
}

.news-page-items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-page-items .item{        
    width: 31%;
    margin: 0% 1% 4% 1%;
    border: 2px solid #ddd;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}
.news-page-items .item>.header h4{    
    margin: 0;
    font-size: 2.3rem;
    color: #555;
} 
.news-page-items .item>.header h4>a{
    margin:auto;
    transition: .2s color ease-in-out;
}    

.news-page-items .item>.footer{
    position: relative;
    flex-grow: 1;
    padding: 15px;
    min-height: 110px;
}

.news-page-items .item>.header{    
    padding: 15px;
    border-bottom: 1px solid #aaa;
    min-height: 95px;
    display: flex;
    background: #f8f8f8;
}

.news-page-items .item>.footer>p{
    margin: 15px 0;
    font-size: 1.5rem;
    color: #333;
}

.news-page-items .item>.footer-links{
    padding: 5px;
    text-align: right;
    margin: -2px;
    border-radius: 0 0 5px 5px;
    background: #454545;
    display: flex;
    flex-direction: row;
}

.news-page-items .item>.footer-links>p{
    color: white;
    position: relative;
    display: inline;
    margin: auto auto auto 12px;
    font-size: 1.2rem;
}
.news-page-items .item>.footer-links>p>span{
    color: #ccc;
}



.news-page-items .item>.footer-links>a{
    border-radius: 0px 0px 5px 0px;
    background: none;
    border: 1px solid #ccc;
}
.news-page-items .item>.footer-links>a:hover{
    background: #df173b;
    border: 1px solid #df173b;
}

@media all and (max-width: 1390px){
    .news-page-items .item{

      width: 48%;

  }
}
@media all and (max-width: 640px){
    .news-page-items .item{

      width: 98%;

  }
}

/* New css file */

.migration__heading--2 {
    font-weight: 300;
    font-size: 4rem;
    margin-bottom: 10px;
}

.migration__form .form-inline .control-group, .migration__form .control-group, .migration__form .short.control-group {
    clear: none;
    float: left;
    position: relative;
}
.migration__form .control-label {
    float: left;
    text-align: left;
}
.migration__form .form-full-width .control-group, .migration__form .control-group {
    width: 100%;
}
legend + .control-group {
    margin-top: 15px;
}
.migration__form .control-group {
    clear: both;
    margin-bottom: 2rem;
    display: table;
}

.migration__form .hide, .migration__form .ng-hide, .migration__form .hide[class*="span-"] {
    display: none !important;
}
.migration__form label {
    font-size: 1.4rem;
    padding-top: 7px;
    display: block;
    color: #444;
}
.migration__form label, .migration__form select, .migration__form button, .migration__form input[type="button"], .migration__form input[type="reset"], .migration__form input[type="submit"], .migration__form input[type="radio"], .migration__form input[type="checkbox"] {
    cursor: pointer;
}

.migration__form  .form-inline .controls, .migration__form .controls {
    margin: 0;
}

.migration__form .input-full-width {
    width: 100%;
}

.migration__form input, .migration__form textarea {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
 .migration__form input, .migration__form textarea, .migration__form select {
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    color: #444 !important;
    display: inline-block !important;
    font-size: 1.4rem !important;
    line-height: 2rem !important;
    padding: 1rem !important;
    width: 200px ;
    vertical-align: middle !important;
}

.migration__form input, .migration__form textarea, .migration__form select, .migration__form textarea {
    font: normal 1.4rem "Lato", sans-serif;
        font-size: 1.4rem;
        line-height: normal;
}

.migration__form .form-inline .btn, .migration__form .btn {
    padding: 12px 15px;
}
.migration__form .green, .migration__form .btn-success {
    background: #5cb85c;
}
.migration__form .btn-first {
    margin: 0;
}
.migration__form .btn {
    display: inline-block;
    padding: 16px 18px;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    margin-left: 1rem;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
}

.migration__form  legend {
    padding: 0;
    display: block;
    line-height: 3rem;
    margin: 0 0 1rem 0;
    margin-bottom: 1rem;
    color: #444;
    width: 100%;
    border-bottom: 0px;
}

.migration__form .control-show-password {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 13px;
    text-decoration: none;
    color: #367ab0;
}

.no-pad {
    padding: 0 !important;
}
.migration__heading--center {
    text-align: center;
}
.migration__heading--2 {
    font-weight: 300;
    font-size: 4rem;
    margin-bottom: 10px;
}
.migration__heading--3 {
    font-size: 2.4rem;
    margin-bottom: 20px;
    font-weight: 300;
}
.pricing-table {
    width: 100%;
}
.pricing-table td {
    border-top: none;
    padding: 0;
}
.pricing-perks {
    width: 25%;
}
.pricing-bullet-pts {
    padding: 0;
    margin: 0;
    padding: 0 10px 0 20px;
    font-weight: bold;
    font-size: 1.8rem;
}

.x-section .x-container, .x-column{
    z-index: auto!important;
}
.x-tab-content, .x-container{
    font-size: 16px;
}

.status.register{
    display: none;
}


/***********************************
Bootstrap CSS Resets for hx elements
************************************/

.h1, h1 {
    font-size: 2.5rem;
}
/*_type.scss:7 --Bootstrap */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
/* _reboot.scss:93 --Bootstrap */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

.teacher-bio-page .feedback-btn, 
.teacher-bio-page .website,
.teacher-bio-page .image {
  margin-right: 15px;
}

.teacher-bio-page .feedback-btn,
.teacher-bio-page .website {
  margin-bottom: 15px;
}

.teacher-bio-page .image {
  border-radius: 100%;
  width: 10%;
  min-width: 120px;
}

.teacher-bio-page .name {
  font-size: 2rem;
  font-weight: bold;
}

.teacher-bio-page .credit {    
  font-style: italic;
  font-size: 1.5rem;
}

.teacher-bio-page .description {    
  padding: 30px 0px;
}

.teacher-bio-page .website {
  display: inline-block;
  vertical-align: top;
}

.teacher-bio-page .name-credit-wrapper {
  display: inline-block;
  vertical-align: middle;    
}

/* X-Theme bug fix for the lightbox */
.ilightbox-loader.light div{
    background:#fff url("/wp-content/themes/x/framework/img/global/ilightbox-preloader-light.gif") no-repeat center;
}

/* Make the search results page numbers more visible */
.x-pagination a, .x-pagination span {
    color: #111;
    font-weight: bolder;
}

.x-pagination ul {
    border: solid #ccc 2px;
}

.topHero.angular-page-header-img{
    min-height: 0;
}


.custom-cart-content-bullet-points{
    list-style-type: circle;
    font-size: 14px;
}

.woocommerce .cart.shop_table .product-name > a{
    font-weight: bolder;
}

@media (max-width: 767px){
    .woocommerce .cart.shop_table .product-thumbnail{
        display: none;
    }

    .custom-cart-content-bullet-points {
        font-size: 12px;
    }

}

.get-feedback-btn{
    padding:6px 12px; margin-right: 10px;    
}

.dc-feedback-subscribe-btn.dc-hover-text-change {
    background: #777;
    border: none;
    min-width:150px;
}

.dc-feedback-subscribe-btn.dc-hover-text-change.text-change-active {
    
}

.sensei-message{
    display: none;
}

.eacs-product-carousel.eacs-product-simple .woocommerce li.product .entry-wrap, .eacs-product-carousel.eacs-product-reveal .woocommerce li.product .entry-wrap{
    padding:0!important;
}

/* Hide the icon for the product add to cart button*/
.woocommerce .button.product_type_variable:before {
    content: ""!important;
}



.button.wc-forward {
    margin-right:15px;
}

@media all and (max-width:700px){
    .button.wc-forward {
        display: block;
        margin:2%;
    }
}

@media all and (max-width:400px){
    .button.wc-forward {
        display: block;
        margin:7% 2%;
    }
}


td.product-name {
    display: table-cell!important;
}


td.product-quantity {
    max-width: 50px;
}

.woocommerce .cart_item .quantity>input {
    max-width: 50px!important;
}

.woocommerce .cart.shop_table .product-name > a {
    display: block;
    min-width: 100%;
    margin: 5px;
}

td.product-quantity,
td.product-remove,
td.product-subtotal {
    margin: 0;
    padding: 5px;
}


.product-carousel-teacher a {
    color:#555!important;
    font-size:12px;
}

.product-carousel-teacher {
    height:24px!important;
}



/************************************
Used for the migration pricing table 
*************************************/
.pricing-table .price-crossed-out, .pricing-table .price-highlighted {
    position: relative;
    margin: 5px;
}

.pricing-table .price-crossed-out .line {
    position: absolute;
    width: 105%;
    left:-2.5%;
    height: 2px;
    background: #df173b;
    top: 50%;
    transform: rotate(15deg);
}

.tribe-events.more-link{
    margin-top: 10px;
}
.tribe-events-month-event-post-type .live-lesson-post-str{
    color:#df173b;
}
.tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a, 
.tribe-events-calendar td.tribe-events-past .tribe-events-viewmore a {
    opacity: 1;
}

/********************************************************************************************
Gets all elements with 'flyzoo' as the starting set of chars and set to display none. 
*********************************************************************************************/
body.logged-in div[class^="flyzoo"], body.logged-in #flyzoo-mobile-wrapper{
    display:block!important;
}
/********************************************************************************************
Gets all elements with 'flyzoo' as the starting set of chars and set to display none. 
*********************************************************************************************/
body:not(.logged-in) div[class^="flyzoo"], body:not(.logged-in) #flyzoo-mobile-wrapper{
    display:none!important;
}

/*********************************************
Added to support full width calendar template.
--
This is so I can add in the portal items above
the calendar while keeping it full width.
**********************************************/

#tribe-events-content, #tribe-events-content-wrapper {
    max-width: 1300px;
    margin: 45px auto;
    width: 90%;
}

#tribe-events-content-wrapper #tribe-events-content {
    width:100%;
}

.events-archive .entry-content, .events-archive .entry-header{
    width:100%;
}


/*********************************************
Added to increase button size for prev/next 
arrows on the store page.
**********************************************/
.eacs-product-carousel .slick-arrow {
    width:40px!important;
    height:40px!important;
}

.eacs-product-carousel .slick-prev::before{
    font-size: 30px;
    opacity: .8;
    text-align: center;
}

.eacs-product-carousel .slick-next::before{
    font-size: 30px;
    opacity: .8;
    text-align: center;
}

.woocommerce-loop-product__link .onsale {
    display: none!important;
}

a[title="Sumo"] {
    opacity: 0!important;
    visibility: hidden;
}


/*.woocommerce-checkout #order_review_heading{*/
    /*display: none;*/
/*}*/

.woocommerce-checkout #custom_order_review_heading,
.woocommerce-checkout #ship-to-different-address {
    font-size: 2.5rem;
}

.woocommerce-checkout #custom_order_review_heading {
    padding:  1.4em 1.4em 0 1.4em;
}
/* For loading */
.woocommerce-checkout .order-review-wrapper,
.woocommerce-checkout .blockUI.blockOverlay{
    background: #f8f8f8!important;
}

.woocommerce-checkout #order_review {
    padding:  1.4em;
    font-size: .9em;
}

.woocommerce-checkout .button, .order-review-wrapper{
    border-radius: 2px;
}

.woocommerce-checkout .order-wrapper .order-cap {
    background: #454545;
    padding: .7rem;
    font-size: 1.2rem;
    color: #f8f8f8;
    text-align: center;
    display: none;
}
.woocommerce-checkout .order-wrapper .x-icon-lock {
    padding-right: 5px;
}
/* Hide the 'remove coupon' button for the generated subscription coupon */
.woocommerce-checkout .cart-discount.coupon-generated-subscription-coupon .woocommerce-remove-coupon{
    display: none;
}

.woocommerce-checkout h3{
    color:#E03350;
}
.woocommerce-checkout td,
.woocommerce-checkout th{
    border-top:0;
}
.woocommerce-checkout .cart_product_list{
    border-right:1px solid #000;
}

.woocommerce-checkout .wc-braintree-hosted-field-card-number-parent{
    width:60%;
    float:left;
}
.woocommerce-checkout form .form-row-first.wc-braintree-hosted-field-card-expiry-parent,
.woocommerce-checkout form .form-row-last.wc-braintree-hosted-field-card-csc-parent{
    width:19%;
    float:left;
    margin-right:0;
}
.woocommerce-checkout p.woocommerce-validated{
    /*clear:both;*/
}
.woocommerce-checkout p#billing_first_name_field,
.woocommerce-checkout p#billing_last_name_field,
.woocommerce-checkout p#billing_country_field{
    width: 33%;
    float:left;
    margin-right:0;
}
.woocommerce-checkout p#billing_first_name_field,
.woocommerce-checkout p#billing_last_name_field{
    padding-right:20px;
}


.woocommerce-checkout p#billing_address_1_field,
.woocommerce-checkout p#billing_address_2_field{
    margin-right:0;
}
.woocommerce-checkout p#billing_address_1_field{
    width:66%;
    float:left;
    padding-right:20px;
}
.woocommerce-checkout p#billing_address_2_field{
    width:33%;
    float:left;

}
.woocommerce-checkout p#billing_city_field,
.woocommerce-checkout p#billing_state_field,
.woocommerce-checkout p#billing_postcode_field,
.woocommerce-checkout p#billing_phone_field,
.woocommerce-checkout p#billing_email_field{
    width:33%;
    margin-right:0;
    float:left;
}
.woocommerce-checkout p#billing_city_field,
.woocommerce-checkout p#billing_state_field,
.woocommerce-checkout p#billing_phone_field,
.woocommerce-checkout p#billing_email_field{
    padding-right:20px;
}
.woocommerce-checkout p.mailchimp-newsletter{
    clear:both;
}

.woocommerce-checkout p#shipping_first_name_field,
.woocommerce-checkout p#shipping_last_name_field,
.woocommerce-checkout p#shipping_country_field{
    width: 33%;
    float:left;
    margin-right:0;
}
.woocommerce-checkout p#shipping_first_name_field,
.woocommerce-checkout p#shipping_last_name_field{
    padding-right:20px;
}
.woocommerce-checkout p#shipping_address_1_field,
.woocommerce-checkout p#shipping_address_2_field{
    margin-right:0;
}
.woocommerce-checkout p#shipping_address_1_field{
    width:66%;
    float:left;
    padding-right:20px;
}
.woocommerce-checkout p#shipping_address_2_field{
    width:33%;
    float:left;

}
.woocommerce-checkout p#shipping_city_field,
.woocommerce-checkout p#shipping_state_field,
.woocommerce-checkout p#shipping_postcode_field,
.woocommerce-checkout p#shipping_phone_field,
.woocommerce-checkout p#shipping_email_field{
    width:33%;
    margin-right:0;
    float:left;
}
.woocommerce-checkout p#shipping_city_field,
.woocommerce-checkout p#shipping_state_field{
    padding-right:20px;
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields{
    background:#E0EEF7;
    padding:20px;
}

.woocommerce-billing-fields__field-wrapper label,
.woocommerce-shipping-fields__field-wrapper label{
    display:none;
}

#dc-wc-wrap-checkout-form .select2-container{
    margin-bottom:0;
}

#dc-wc-wrap-checkout-form form.woocommerce-checkout .payment_methods label[for=payment_method_braintree_credit_card] img{
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
}
#dc-wc-wrap-checkout-form .custom-cart-content-bullet-points{
    padding-left:100px;
}
/**********************************
Certified SSL for the checkout page
***********************************/
/*.woocommerce-checkout #payment {*/
    /*padding: 1.4em;*/
    /*font-size: .9em;*/
    /*background-image: url('/wp-content/uploads/2018/01/ssl_safety_guarantee.png');*/
    /*background-repeat: no-repeat;*/
    /*background-size: 30%;*/
    /*background-position: bottom right;*/
    /*position: relative;*/
/*}*/


.woocommerce-checkout #cart-seal {
    padding: 1.4em;
    font-size: .9em;
    background-image: url('/wp-content/uploads/2018/01/ssl_safety_guarantee.png');
    background-repeat: no-repeat;
    background-size: 100%;
    float:right;
    position: relative;
}
.woocommerce-account form .place-order, .woocommerce-checkout form .place-order{
    margin-top:10px;
}
.woocommerce-checkout .wc_payment_methods.payment_methods.methods {
    margin-bottom: 3em;
}

.woocommerce-checkout #place_order {
    white-space: pre-wrap;
}

.woocommerce-checkout .woocommerce-checkout-wait-time {
    font-size: 1.4rem;
    padding: 2rem 4rem 4rem;
}

@media all and(max-width: 1440px){

    .woocommerce-checkout #payment {
    }
    .woocommerce-checkout .wc_payment_methods.payment_methods.methods {
        margin-bottom: 5em;
    }

}

@media all and(max-width: 1024px) and(min-width: 768px){
    .woocommerce-checkout #order_review{

        padding: .7em;
    }

    .woocommerce-checkout .order-wrapper{
        width: 48%;
        margin-right: 4%;
    }

    .woocommerce-checkout .order-wrapper.last{
        margin-right: 0;
    }


}

@media all and(max-width: 1024px){

    .woocommerce-checkout .wc_payment_methods.payment_methods.methods {
        margin-bottom: 7em;
    }
}

/****************************************************************
Used to fix the front page revslider font size on mobile devices.
*****************************************************************/
@media all and (max-width:500px){

    #rev_slider_15_1 p.slider-top-header {
        font-size: 4.5vw;
    }

    #rev_slider_15_1 h2.slider-header {
        font-size: 5.5vw!important;
    }

    #rev_slider_15_1 p.slider-text {
        font-size: 3.5vw!important;
    }
    
}

#rev_slider_15_1 h2.slider-header,
#rev_slider_15_1 p.slider-text,
#rev_slider_15_1 p.slider-top-header,
#rev_slider_15_1 p.slider-text {
    height:auto!important;
    margin: 0!important;
    line-height: 1.2!important;
}

#rev_slider_15_1 a.home-join-button {
    line-height:  1!important;
}


.migration-btn-container{
    text-align: center; 
    display: block;
    padding: 2em 2em 0 2em;
}

.migration-btn-container .migration-btn{
    margin-bottom:1em;
}

.migration-btn-container .migration-btn-alert {

    font-size:3rem;
    margin-bottom:1em;
}

.content-restricted-subtitle {
    text-align: center;
    margin-bottom: 45px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    color:#777777;
}

.dc-wc-checkout-showing-register .hide-on-register,
.dc-wc-checkout-showing-login .hide-on-login{
    display:none;   
}

#dc-wc-checkout-login-register-container{
    margin-bottom: 30px;
}

#dc-wc-checkout-register > .inner,
#dc-wc-checkout-login > .inner {
    padding: 20px;
    /*border: 1px solid #ccc;*/
    background:#E0EEF7;
}


#dc-wc-wrap-checkout-form{
    position:relative;
}

@media all and(min-width:1024px){

    #dc-wc-checkout-register,
    #dc-wc-checkout-login {
        /*width: 66.66666%;*/
    }
    /*.order-review-wrapper{*/
        /*position:absolute;*/
        /*top:0;*/
        /*right:0;*/
    /*}    */
}

.order-review-wrapper #pay_with_amazon {
    display: block;
    float:none;
}

.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated {
    display:none;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce-cart #pay_with_amazon {
    float: left!important;
}


#dc-wc-checkout-login-register-container .toggle-verbiage{
    color: #777;
    float:right;
}
#dc-wc-checkout-login-register-container .toggle-verbiage a {
    margin-left:5px;
}

#dc-wc-checkout-login-register-container .heading {
    display:inline;
}

.woocommerce-checkout form {
    position: static!important;
}

.woocommerce-checkout .place-order button {
    background-color: #2d6fad;
}

.woocommerce-checkout .create-account > h3,
.woocommerce-checkout .create-account > p:not(.form-row) {
    display:none;
}



.dc-restricted-content-template{
    max-width: 1300px;
    margin: 45px auto;
    padding: 45px;
    background: #fff;
    border-radius: 2px;
}
/*************************************************
TEMPORARY TO HIDE THE USERS LESSON/COURSE PROGRESS
**************************************************/
.single-course .progress.statement.course-completion-rate {
    display: none;
}

.x-main.left .dc-restricted-content-template {
    padding: 0px;
    margin: 0px;
}

/*******************************************
CSS for register page
 *****************************/

input#user_loginmain-register,
input#user_emailmain-register,
input#pass1main-register,
input#pass2main-register{
    border-radius:0 !important;
    border:none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
p.tml-user-login-wrap,
p.tml-user-email-wrap,
p.tml-user-pass1-wrap,
p.tml-user-pass2-wrap{
    padding-right:2px !important;
}

.lessons__desc.grid div{
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.x-column.x-1-2 p.tml-user-pass1-wrap,
.x-column.x-1-2 p.tml-user-pass2-wrap{
    width:50% !important; /* had to override */
}
#dc-wc-wrap-checkout-form h3{
    font-size:164%;
}
#dc-wc-wrap-checkout-form h2{
    color:#E03350;
}
#dc-wc-wrap-checkout-form input,
#dc-wc-wrap-checkout-form textarea,
#dc-wc-wrap-checkout-form span.select2-selection{
    border:none;
    box-shadow:none;
    border-radius:0;
}
#dc-wc-wrap-checkout-form td.product-name img{
    width:100px;
}
#dc-wc-wrap-checkout-form .dc-wc-checkout-showing-login input{
    margin-bottom:10px;
}
#dc-wc-wrap-checkout-form .tml.tml-register-checkout .user-email-wrapper, #dc-wc-wrap-checkout-form .tml.tml-register-checkout .tml-user-pass1-wrap{
    margin-right:3%;
}

#dc-wc-wrap-checkout-form .dc-wc-checkout-showing-login .tml.tml-login-checkout .tml-user-login-wrap,
#dc-wc-wrap-checkout-form .dc-wc-checkout-showing-login .tml.tml-login-checkout .tml-user-pass-wrap{
    width:46%;
}
#dc-wc-wrap-checkout-form p.form-row.woocommerce-validated{
    /*clear:left;*/
}
@media all and (max-width: 640px){
    #dc-wc-wrap-checkout-form .dc-wc-checkout-showing-login .tml.tml-login-checkout .tml-user-login-wrap,
    #dc-wc-wrap-checkout-form .dc-wc-checkout-showing-login .tml.tml-login-checkout .tml-user-pass-wrap{
        width:100%;
    }

    #dc-wc-wrap-checkout-form .tml.tml-register-checkout .user-email-wrapper,
    #dc-wc-wrap-checkout-form .tml.tml-register-checkout .tml-user-pass1-wrap,
    #dc-wc-wrap-checkout-form .tml.tml-register-checkout .tml-user-pass2-wrap {
        width:100%;
    }
    #dc-wc-wrap-checkout-form .woocommerce-checkout .wc-braintree-hosted-field-card-number-parent{
        width:100%;
    }
    .woocommerce-checkout form .form-row-first.wc-braintree-hosted-field-card-expiry-parent,
    .woocommerce-checkout form .form-row-last.wc-braintree-hosted-field-card-csc-parent{
        width:50% !important;
    }
    .woocommerce-checkout p#shipping_address_1_field{
        width:100%;
        float:left;
        padding-right:20px;
    }
    .woocommerce-checkout p#shipping_address_2_field{
        width:50%;
        float:left;
        padding-right:20px;
    }
    .woocommerce-checkout p#shipping_city_field,
    .woocommerce-checkout p#shipping_state_field,
    .woocommerce-checkout p#shipping_postcode_field,
    .woocommerce-checkout p#shipping_phone_field,
    .woocommerce-checkout p#shipping_email_field{
        width:50%;
        padding-right:20px;
        float:left;
    }
    .woocommerce-checkout p#shipping_first_name_field,
    .woocommerce-checkout p#shipping_last_name_field,
    .woocommerce-checkout p#shipping_country_field{
        width: 50%;
        float:left;

    }

    .woocommerce-checkout p#billing_first_name_field,
    .woocommerce-checkout p#billing_last_name_field,
    .woocommerce-checkout p#billing_country_field{
        width: 50%;
        float:left;

    }

    .woocommerce-checkout p#billing_address_1_field{
        width:100%;
        float:left;
        padding-right:20px;
    }
    .woocommerce-checkout p#billing_address_2_field{
        width:50%;
        float:left;
        padding-right:20px;
    }
    .woocommerce-checkout p#billing_city_field,
    .woocommerce-checkout p#billing_state_field,
    .woocommerce-checkout p#billing_postcode_field,
    .woocommerce-checkout p#billing_phone_field,
    .woocommerce-checkout p#billing_email_field{
        width:50%;
        padding-right:20px;
        float:left;
    }
    .woocommerce-checkout #cart-seal{
        width:45px;
        height:45px;
    }
    .place-order .x-column.x-sm{
        width:50%;
        float:left;
    }
    #pay_with_amazon{
        display:block !important;
        float:left !important;
    }
    #payment{
        clear:both !important;
    }

    .woocommerce-checkout #order_review{
        padding:0;
    }
    .woocommerce-checkout td.cart_product_list{
        border-right:none;
        display:block;
    }
    .woocommerce-checkout td.wc_order_subtotal{
        display:block;
    }
}

@media all and (min-width:641px) and (max-width:1170px){
    .woocommerce-checkout form .form-row-first.wc-braintree-hosted-field-card-expiry-parent,
    .woocommerce-checkout form .form-row-last.wc-braintree-hosted-field-card-csc-parent{
        width:30% !important;

    }
    .woocommerce-checkout form .form-row-first.wc-braintree-hosted-field-card-expiry-parent{
        clear:left;
    }
}
span.wc_checkout_product_title{
    display:inline-block;
}

/* Adding this !important fixes because the cornerstone addon update messes with Swiper arrows on entertainment page*/
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
    background-image:url('images/prev-arrow.svg');
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
    background-image:url('images/next-arrow.svg');
}

/*targeting just the entertainment page*/
.page-id-820 .swiper-button-prev, .page-id-820 .swiper-button-next {
    height: 100% !important;
    top: 0 !important;
    bottom: 0 !important;
    background-color: #474747 !important;
    width: 50px !important;
    margin: 0 !important;
    transform:none !important;
    background-size:27px 44px !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}

/* Fixing the dashboard tabs one more time */
@media all and (min-width: 768px){

	.dc-tab-item-container.one-tab 		.navigation .dc-tab-nav-item { width:100%;}
	.dc-tab-item-container.two-tab 		.navigation .dc-tab-nav-item { width:50%;}
	.dc-tab-item-container.three-tab 	.navigation .dc-tab-nav-item { width:33.333333%;}
	.dc-tab-item-container.four-tab 	.navigation .dc-tab-nav-item { width:25%;}
	.dc-tab-item-container.five-tab 	.navigation .dc-tab-nav-item { width:20%;}
	.dc-tab-item-container.six-tab 		.navigation .dc-tab-nav-item { width:16.666666%;}
	.dc-tab-item-container.seven-tab 	.navigation .dc-tab-nav-item { width:14.28571%;}
	.dc-tab-item-container.eight-tab 	.navigation .dc-tab-nav-item { width:12.5%;}
	.dc-tab-item-container.nine-tab 	.navigation .dc-tab-nav-item { width:11.1111111%;}
	.dc-tab-item-container.ten-tab 		.navigation .dc-tab-nav-item { width:10%;}

}

@media all and (max-width: 767px){
	
	.dc-tab-item-container .navigation{
    border-bottom: 1px solid #ccc;
	}

	.dc-tab-item-container .navigation .dc-tab-nav-item {
		width:100%;
    border-right: none;
	}

}