/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
**/
/*   Bureau Of Small Projects Development */
/*   Upright Citizens Brigade   */
/*   Martin Fuks   */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4 {
    font-family: 'Knockout 31 Junior Middlewt' !important;
    letter-spacing: .06em;
}

.medium {
    font-size: 16px;
    line-height: 21px;
}

.narrow {
    font-family: 'Knockout 48 Featherweight' !important;
    font-size: 32px !important;
    letter-spacing: .1em;
}

/*********************************************
***         HEADER
*********************************************/


.branding a img, .branding img, .mobile-header-bar .mobile-branding img {
    max-width: 225px !important;
    height: auto;
}


/*********************************************
***         HOME PAGE
*********************************************/

#hero-buy-now {
    background-image: url(/wp-content/uploads/2020/11/banner-ticket-NEW.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 459px;
    height: 93px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

#hero-buy-now:hover {
    cursor: pointer;
}

#hero-buy-now h5 {
    padding-left: 60px;
}

#sketch-column {
    padding-top: 135px;
}

#classes-button-row {
    position: relative;
    z-index: 10;
}

#classes-row {
    display: inline-block;
    margin-top: -110px;
    position: relative;
    z-index: 1;
}

/* #home-hero-row::before {
    position: absolute;
    bottom: 0;
    left: 30px;
    content: '';
    display: block;
    width: 13px;
    height: 253px;
    background-image: url(/wp-content/uploads/2020/09/upcoming-shows-1.png);
    background-repeat: no-repeat;
    background-size: contain;
} */

#upcoming-shows-gird-row .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item {
    padding-bottom: 0 !important;
}

.upcoming-shows-date {
    color: #fff;
    font-family: 'Space Mono';
    font-size: 12px !important;
    line-height: 13px;
}

.shows-carousel-image {
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

#alumni-title-row {
    padding-bottom: 120px;
}

#alumni-grid-row {
    position: relative;
    margin-top: -140px;
}

#alumni-grid-wrapper {
    overflow: visible;
}

#rev_slider_1_1_wrapper .hephaistos.tparrows:hover #rev_slider_1_1_wrapper .hephaistos.tparrows::before {
    color: #fff !important;
}

/*********************************************
***         UPCOMING SHOWS PAGE
*********************************************/

section.wfea button {
    width: 50px;
}

.fc-left h2 {
    color: #fff !important;
}

.page-id-154 .vc_btn3.vc_btn3-color-blue {
    background: #fff !important;
    color: #030303 !important;
}

.page-id-154 .vc_btn3.vc_btn3-color-blue:hover {
    background: #a52c24 !important;
    color: #fff !important;
}

/*********************************************
***         SINGLE UPCOMING SHOWS PAGE
*********************************************/

.single-upcoming_shows #sidebar {
    display: none;
}

.single-upcoming_shows #content {
    width: 100%;
}

.single-upcoming_shows .wf-container-main {
    display: block !important;
}

.upcoming-show-container {
    display: flex;
}

.upcoming-show-container img {
    min-width: 20vw;
    margin-right: 30px;
}

/*********************************************
***         COURSES PAGE
*********************************************/


a.class-button:hover {
    background: #fff !important;
    color: #fe0000 !important;
}

.class-button-big {
    font-size: 22px;
    padding: 20px 60px !important;
}

.courses-list {
    list-style: none !important;
    padding: 0 0 30px 0;
    margin: 0 0 40px 0 !important;
    border-bottom: 1px solid #a2a2a24a;
}

.courses-list li {
    margin: 0;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.courses-list li h3 {
    width: 40%;
}

.courses-list li:nth-child(odd) {
    background: #ececec;
}

.category-title {
    margin-bottom: 40px;
    color: #a41f24;
}

.courses-list li h3 a {
    color: #a41f24 !important;
    font-size: 20px;
}

.course-info {
    color: #fff;
    background: #a41f24;
    padding: 6px 18px;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #a41f24;
}

.course-info:hover {
    color: #a41f24 !important;
    background: #fff;
}

#course-top {
    display: flex;
    align-items: center;
}

#course-info {
    min-width: 50%;
}

/*********************************************
***         SINGLE COURSE PAGE
*********************************************/

.course-footer > div {
    margin-bottom: 40px;
}

.course-signup .default-btn-shortcode {
    padding: 10px 40px;
}

.course-footer a {
    text-decoration: none;
}

.course-footer a:hover {
    text-decoration: underline;
}

/*********************************************
***         CONTACT PAGE
*********************************************/

#nf-field-7 {
    background: #fe0000;
    padding: 10px 40px;
    height: 40px;
}

#nf-field-7:hover {
    color: #fe0000 !important;
    background: #fff !important;
}

/*********************************************
***         TRAINING CENTER
*********************************************/

#ucb-arlo-list .arlo#arlo h2 {
    margin-top: 0 !important    ;
}

#ucb-arlo-list #arlo {
    display: flex;
    flex-wrap: wrap;
}

#ucb-arlo-list .arlo-filters {
    width: 210px;
    margin-right: 50px;
}

#ucb-arlo-list .arlo-list.upcoming {
    width: calc(100% - 260px) !important;
}
#ucb-arlo-list .arlo#arlo select, .arlo#arlo .arlo-filters-buttons,
.arlo#arlo .arlo-filters-buttons .button {
    width: 100% !important;
}

#ucb-arlo-list .arlo-list.upcoming > li.arlo-cf {
    background: #ffffff70;
    border-bottom: 1px solid #ddd;
}

#ucb-arlo-list .arlo-list.upcoming > li.arlo-cf:first-child, .arlo-group-divider {
    background: none !important;
    margin-top: 0;
    line-height: 60px;
}

#ucb-arlo-list .arlo#arlo .upcoming .arlo-event-info, #ucb-arlo-list .arlo#arlo .arlo-event-details {
    display: flex;
}

#ucb-arlo-list .arlo#arlo .upcoming .arlo-event-info {
    justify-content: space-between;
}

#ucb-arlo-list .arlo#arlo .upcoming .arlo-event-subhead {
    margin-bottom: .5em;
    display: flex;
    flex-direction: column;
    min-width: 20vw;
    justify-content: center;
  }

  #ucb-arlo-list  h4.arlo-event-name {
    margin-left: 115px;
    margin-bottom: 3px !important;
  }

  #ucb-arlo-list .arlo-location-tooltip {
    display: flex !important;
  }

  #ucb-arlo-list .arlo-location-tooltip .arlo-event-location {
      margin-right: 30px;
  }

  .arlo-event-register {
      padding: 0 20px;
  }

  #ucb-arlo-list  .arlo-event-registration {
      display: flex;
      align-items: center;
  }

  #ucb-arlo-list .arlo#arlo .arlo-list.upcoming > li {
    margin-bottom: 0 !important;
  }

  #ucb-arlo-list .arlo-list.upcoming .arlo-day, #ucb-arlo-list .arlo-list.upcoming .arlo-month {
      font-size: 25px !important;
  }

  #ucb-arlo-list .arlo-info-main {
      padding: 3px 20px;
  }


/*********************************************
***         FOOTER
*********************************************/

#media_image-2, #custom_html-3 {
    width: 43% !important;
}

.flex-list, .flex-list ul {
    display: flex;
}

.flex-list li:first-child {
    margin-right: 30px;
}

.flex-list a {
    color: #a52c24 !important;
    text-decoration: underline;
    padding-top: 10px;
    font-weight: 500;
}

.flex-list a:hover {
    text-decoration: none;
}

.pin-icon {
    display: block;
    content: '';
    min-width: 40px;
    height: 40px;
    margin-right: 10px;
    background-image: url(/wp-content/uploads/2020/09/pin-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#media_image-2 {
    margin-bottom: 0 !important;
}

#custom_html-3 {
    margin-top: -50px;
    padding-top: 10px;
}

#nf-field-5 {
    background: transparent !important;
    border: none;
    border-bottom: 1px solid #dfdfdf;
    padding: 30px 0;
    font-size: 16px;
}

#nf-field-5::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1b1b1b !important;
  opacity: 1; /* Firefox */
}

#nf-field-5:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1b1b1b !important;
}

#nf-field-5::-ms-input-placeholder { /* Microsoft Edge */
  color: #1b1b1b !important;
}

#nf-field-6 {
    background: none;
    background-image: url(/wp-content/uploads/2020/09/email-submit.png);
    position: absolute;
    background-size: 25px;
    background-repeat: no-repeat;
    height: 30px !important;
    width: 30px;
    top: -76px;
    right: 5px;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
}

#nf-field-6:hover {
    background: none !important;
    background-image: url(/wp-content/uploads/2020/09/email-submit.png) !important;
    background-size: 27px !important;
    background-repeat: no-repeat !important;
}

.nf-error-wrap, .nf-error-msg.nf-error-field-errors, .nf-pass.field-wrap .nf-field-element::after {
    display: none;
}

.nf-error.field-wrap .nf-field-element::after {
    right: 40px !important;
}

#nf-form-2-cont {
    margin-top: 30px;
}

.footer .widget-title {
    font-family: 'Knockout 31 Junior Middlewt' !important;
    letter-spacing: .06em;
    font-size: 22px;
    line-height: 26px;
}

#media_image-2, #custom_html-3 {
    border-right: 1px solid #dfdfdf;
}

#ninja_forms_required_items {
    clear: both;
    position: relative;
    margin-bottom: 0;
    height: 20px;
}

.footer-flex {
    display: flex;
    padding-right: 30px;
}

.footer-social {
    display: flex;
    width: 100px;
    margin-left: 10px;
    align-items: center;
    justify-content: space-around;
}

.footer-social li a {
    width: 20px;
    height: 20px;
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .8;
}

.footer-social li a:hover {
    opacity: 1;
}

.twitter {
    background-image: url(/wp-content/uploads/2020/09/twitter.png);
}

.instagram {
    background-image: url(/wp-content/uploads/2020/09/instagram.png);
}

.youtube {
    background-image: url(/wp-content/uploads/2020/09/youtube.png);
}


/*********************************************************
***         RESPONSIVE
*********************************************************/


@media screen and (max-width: 1000px) and (min-width: 480px) {

    .home .blog-shortcode .dt-css-grid .visible.wf-cell.shown:nth-child(3) {
        display: none;
    }

}


@media screen and (max-width: 778px) and (min-width: 480px) {

    #text-2, #custom_html-4 {
        width: 57% !important;
    }


}

@media screen and (max-width: 768px) {


    #ucb-about-row > .wpb_column {
        width: 100% !important;
    }

    #ucb-about-row .wpb_single_image.vc_align_right {
        text-align: center !important;
    }

    .column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    #home-hero-row::before {
        display: none;
    }

}

@media screen and (max-width: 480px) {

    #home-hero-row {
        padding-top: 110px !important;
    }

    #hero-buy-now {
        width: 320px;
        height: 65px;
    }

    #hero-buy-now h5 {
        padding-left: 35px;
        max-width: 180px;
        line-height: 20px;
    }

    #classes-row {
        margin-top: 0;
    }

    #sketch-column {
        padding-top: 0;
    }

    #footer section {
        width: 100% !important;
    }

    .flex-list {
        display: block !important;
    }

    .flex-list ul:first-child {
        margin-bottom: 30px;
    }
}



/**********************************************************************************************
**********
*********           UPDATES SPBD - 01/2022
**********
**********************************************************************************************/

/*************  NEW TRAINING CENTER  ****/

#preload {
    display: none;
 }

.page-id-612 #main > .wf-wrap {
    width: 1550px;
  }

.Knockout-68FullFeatherwt, .Knockout-68FullFeatherwt h1 {
    font-family: 'Knockout 68 Full Featherwt' !important;
}

.page-id-612 h2 {
    font-size: 48px !important;
}

.ucb-classes-container {
    background-size: contain;
    background-position: top left !important;
    padding-top: 245px;
    background-repeat: no-repeat;
}

.ucb-classes-container h3 {
    font-size: 26px !important;
}

.ucb-classes-container p {
    color: #5d6067 !important;
}

.training-cta {
    text-decoration: none !important;
    font-family: 'Knockout 48 Featherweight' !important;
    font-size: 17px !important;
    color: #0d0304 !important;
    letter-spacing: 2.5px;
}

.training-cta::after {
    display: inline-flex;
    content: '';
    background-image: url(/wp-content/uploads/2022/01/arrow-black@2x.png);
    height: 12px;
    width: 24px;
    background-size: contain;
    margin-left: 10px;
}

.training-cta:hover {
    color: #a52c24 !important;
}

.training-cta:hover::after {
    background-image: url(/wp-content/uploads/2022/01/arrow-red@2x.png);
}

.training-button {
    text-decoration: none !important;
    font-family: 'Knockout 48 Featherweight' !important;
    font-size: 17px !important;
    color: #fff !important;
    background: #a52c24;
    border-radius: 5px;
    padding: 20px 40px !important;
    letter-spacing: 2.5px;
    transition: all .3s;
}

.training-button::after {
    display: inline-flex;
    content: '';
    background-image: url(/wp-content/uploads/2022/01/arrow-white@2x.png);
    height: 12px;
    width: 24px;
    background-size: contain;
    margin-left: 10px;
}

.training-button:hover {
    background: #a52c24d9 !important;
}

@media screen and (max-width: 768px) {
	.training-button {
	  font-size: 14px !important;
	  padding: 15px 30px !important;
	}
}


/**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
***
***         SPBD UPDATES - DEC 2022
***
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************/


/******** EVENTBRITE INTEGRATION  *********/

section.wfea .more-link {
    float: left !important;
  }

  .fc-button-group button {
    min-width: 100px;
}

.hide-on-mobile {display: block;}
.hide-on-desktop {display: none;}

.hp-header-btns a{
    background-color: #a52c24 !important;
    border:none !important;
    border-radius: 30px !important;
    min-width:150px;
}

@media screen and (max-width: 480px) {
.hide-on-mobile {display: none;}
.hide-on-desktop {display: block;}
}

/* EVENTBRITE EXTRA "BUY LIVESTREAM" BUTTON STYLE */

html body#the7-body .buy-livestream-button-styles {
	margin-left:1px;
}
html body#the7-body .buy-tickets-eventbrite {
    background-color: #1482ff !important;
    border-radius: 16px!important;
    font-size: 12px!important;
	margin-left: 0px !important;
    margin-bottom: 0px !important;
}

html body#the7-body .buy-livestream-button-styles {
    background-color: #df5534 !important;
    padding:12px 15px !important;
    border-radius:16px!important;
    color:white !important;
    font-weight:700!important;
    text-transform:uppercase;
    font-size:12px!important;
}

@media screen and (min-width: 430px){
	html body#the7-body .buy-livestream-button-styles {
		margin-left:30px!important;
}
}

html body#the7-body .buy-livestream-button-styles #innerbtnstyle {
	background-color: #df5534 !important;
	margin-bottom:40px!important;
}

html body#the7-body .tribe-events .tribe-link-view-attendee div {
	display:none!important;
}