/*
Theme Name: The Disctrict Krump Twenty Twenty
Theme URL: https://thedistrictkrump.com/
Description: Extension of Twenty Twenty Theme to build "The District Krump" theme
Author: TheDistrictKrump
Author URL: https://thedistrictkrump.com/
Template: twentytwenty
Version: 1.0.16
Text Domain: thedistrictkrump-twentytwenty
*/ 
/* Custom CSS goes after this line */





/*
 *
 *  Parent Theme Overrides
 *
*/


/* WildCard */

* {
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
}


/* HTML */

html, body {
    height: 100%;
}


/* Body */

body.page-id-139 {
    background-image: url("/wp-content/uploads/2020/09/KhaosEx_TheDistrict_BG.png");
    background-repeat: no-repeat;
    background-position:  right center;
    background-size: cover;
}

body.page-id-1561 {
    background-image: url("/wp-content/uploads/2020/11/Wall_Background.png");
    background-repeat: repeat-y;
    background-position:  center center;
    background-size: cover;
}

body.page-template-revslider-page-template, 
body.page-template---publicviewsrevslider-page-template-php {
    background-color: #000000 !important;
}


/* Background Colors */

#site-header {
    background-color: transparent !important;
    z-index: 2 !important;
}


/* Link Colors */

.color-accent, 
.color-accent-hover:hover, 
.color-accent-hover:focus, 
:root .has-accent-color, 
.has-drop-cap:not(:focus)::first-letter, 
.wp-block-button.is-style-outline, 
a {
	color: #ffffff !important;
}


/* Menu Colors */

body:not(.overlay-header) .primary-menu > li > a, 
body:not(.overlay-header) .primary-menu > li > .icon, 
.modal-menu a, 
.footer-menu a, 
.footer-widgets a, 
#site-footer .wp-block-button.is-style-outline, 
.wp-block-pullquote::before, 
.singular:not(.overlay-header) 
.entry-header a, 
.archive-header a, 
.header-footer-group .color-accent, 
.header-footer-group .color-accent-hover:hover {
	color: #ffffff;
}

/* Footer Icons and Buttons */

.social-icons a, 
#site-footer button:not(.toggle), 
#site-footer .button, 
#site-footer .faux-button, 
#site-footer .wp-block-button__link, 
#site-footer .wp-block-file__button, 
#site-footer input[type="button"], 
#site-footer input[type="reset"], 
#site-footer input[type="submit"] {
	background-color: #000000 !important;
	color: #666666 !important;
}


/* Content Buttons */

button:not(.toggle), .button, 
.faux-button, 
.wp-block-button__link, 
.wp-block-file .wp-block-file__button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.bg-accent, 
.bg-accent-hover:hover, 
.bg-accent-hover:focus, 
:root .has-accent-background-color, 
.comment-reply-link {
	background-color: #000000 !important;
}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: #ffffff;
}


/* Header Section */

#site-header {
    bottom: auto;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

#site-header > .header-inner {
    padding: 15px 0;
}

#site-header.header-opaticized {
    background-color: rgba( 0, 0, 0, 0.50 ) !important;
}

.toggle-inner .toggle-text {
    color: #ffffff !important;
}

body.page-id-551 #site-header {
    position: relative;
}


/* Site Logo */

.site-logo {
    padding-left: 10px;
    padding-right: 10px;
}

.site-logo img {
    max-height: 9rem;
}


/* Nav Toggle */

body:not(.overlay-header) .header-inner .toggle-wrapper::before {
    display: none;
}

.nav-toggle .toggle-inner,
.toggle-inner {
    padding-top: 0;
    height: 28px;
    width: 32px;
}

.nav-toggle .toggle-icon, 
.nav-toggle svg {
    height: 28px;
    width: 32px;
}

.header-inner .toggle-wrapper,
.header-inner .toggle {
    outline: none;
}


/* Header Search Form */

.header-toggles > form.search-form {
    margin: 0;
    max-width: 330px;
    position: relative;
    width: 100%;
}

.header-toggles > form.search-form > label > span.screen-reader-text {
    display: none;
}

.header-toggles > form.search-form > label > input.search-field {
    /* background-color: #000000; */
    background-color: transparent;
    background-image: url( "/wp-content/themes/thedistrictkrump-twentytwenty/assets/images/tdk-icon-search-666666-16x16.png" );
    background-position: 92% center;
    background-repeat: no-repeat;
    background-size: initial;
    border: 1px solid #333333;
    border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    line-height: 100%;
    margin: 0 auto;
    padding: 11px 15px;
}

.header-toggles > form.search-form > input.search-submit {
    display: none;;
}


/* Primary Menu Navigation */

ul.primary-menu {
    margin: 0;
    padding: 0;
}

.primary-menu > li {
    border-right: 1px solid #666666;
    margin: 0;
}

.primary-menu > li:last-child {
    border: 0 none;
}

body .primary-menu > li > a,
.primary-menu li > a {
    color: #666666 !important;
    font-family: "OverpassSemiBold", "Roboto", Arial, Helvetica, sans-serif;
    /* font-size: 20px; */
    font-weight: 600;
    line-height: 100%;
    padding: 3px 9px 0px 9px;
    text-transform: uppercase;
}

body .primary-menu > li.current-menu-item > a,
.primary-menu li.current-menu-item > a {
    color: #ffffff !important;
    text-decoration: none;
}

body .primary-menu > li > a:hover,
.primary-menu li > a:hover {
    color: #ffffff !important;
}


/* Header Navigation */

body.page-id-139 .header-navigation-wrapper {
    background-color: transparent !important;
}


/* Menu Modal */

.menu-modal,
.menu-modal.active {
    background-color: rgba( 0, 0, 0, 0.95 );
}

.menu-modal-inner {
    background-color: transparent !important;
    width: 100%;
}


/* Menu Modal Menu Header */

.menu-modal .menu-wrapper.section-inner .menu-header > .header-inner {
    padding: 15px 0 0 0;
    width: 100%;
}

.menu-modal .menu-wrapper.section-inner .menu-header > .header-inner > .header-titles-wrapper {
    padding: 0 15px;
}

.menu-modal .menu-wrapper.section-inner .menu-header > .header-inner > .header-titles-wrapper .toggle {
    align-items: flex-start;
    padding: 15px 15px 20px 15px;
    z-index: 10;
}

.menu-modal .menu-wrapper.section-inner .menu-header > .header-inner > .header-titles-wrapper .toggle.close-nav-toggle.mobile-nav-toggle {
    display: none;
}

.menu-modal .menu-wrapper.section-inner .menu-header > .header-inner > .header-titles-wrapper .header-titles {
    flex: 0 0 90%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}


/* Menu Modal Primary Menu */

.menu-modal-inner .menu-header .header-navigation-wrapper > .primary-menu-wrapper > ul.primary-menu > li {
    border-right: 1px solid #666666;
}

.menu-modal-inner .menu-header .header-navigation-wrapper > .primary-menu-wrapper > ul.primary-menu > li:last-child {
    border: 0 none;
}


/* Menu Modal Search Form */

.menu-modal-inner .menu-header .header-navigation-wrapper > .header-toggles > form.search-form {
    max-width: 230px;
}


/* Menu Modal Toogle Submenu Button */

nav.expanded-menu button.toggle.sub-menu-toggle {
    display: none;
}


/* Menu Modal Body Inner */

.menu-modal-inner .menu-body-inner.section-inner {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 15px;
    width: 100%;
}

.menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column {
    flex: 0 0 100%;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column img {
    margin: 10px auto;
}

.menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column.menu-google-ads {
    display: none;
}


/* Menu Modal Listing */

nav.mobile-menu > ul.modal-menu {
    padding-left: 15px;
}

nav.expanded-menu > ul.modal-menu,
.menu-modal nav * {
    border: 0 none;
    text-align: left;
}

nav.expanded-menu > ul.modal-menu > li > div.ancestor-wrapper,
.modal-menu > li > div.ancestor-wrapper {
    padding-bottom: 24px;
}

nav.expanded-menu > ul.modal-menu > li#menu-item-32 > div.ancestor-wrapper,
.modal-menu > li#menu-item-118 > div.ancestor-wrapper > a {
    padding-bottom: 14px;
}

nav.expanded-menu > ul.modal-menu > li > div.ancestor-wrapper > a,
.modal-menu > li > div.ancestor-wrapper > a {
    color: #ffffff;
    font-family: "PermanentMarker", "OverpassSemiBold", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 100%;
    padding: 0;
    text-transform: uppercase;
}

nav.expanded-menu > ul.modal-menu > li > ul.sub-menu {
    display: block;
    padding-bottom: 20px;
}

nav.expanded-menu > ul.modal-menu > li > ul.sub-menu > li a,
.modal-menu > li > ul.sub-menu > li > div.ancestor-wrapper a {
    color: #666666 !important;
    font-family: "OverpassSemiBold", "PermanentMarker", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    padding: 0 15px 15px 30px;
    text-transform: uppercase;
}


/* Menu Modal Social Media List */

.menu-modal-social-media-list {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0 15px;
}

.menu-modal-social-media-list > li {
    margin-left: 0;
    margin-right: 16px;
}

.menu-modal-social-media-list > li img {
    margin: auto;
}


/* Menu Modal Footer List */

.menu-footer {
    padding: 10px 15px 25px 15px;
}

nav.nav-modal-menu-footer-list ul.modal-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

nav.nav-modal-menu-footer-list ul.modal-menu > li:last-child {
    border: 0 none;
}

nav.nav-modal-menu-footer-list ul.modal-menu > li a {
    color: #666666 !important;
    font-family: "OverpassSemiBold", "PermanentMarker", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    padding: 5px 14px 5px 14px;
    text-transform: uppercase;
}

.menu-modal-creds > p {
    color: #666666 !important;
    font-family: "OverpassThin", "PermanentMarker", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 100%;
    margin-top: 8px;
    text-transform: uppercase;
    text-align: center;
}


/* Site Footer */

#site-footer {
    display: none;
}


/* Site Main Content */

body.page-id-1561 main#site-content {
    padding-top: 125px;
}


/* TDK Site Content Inner */

.tdk-site-content-inner {
    position: relative;
}

.wp-block-columns.alignfull.tdk-site-content-alignfull,
.tdk-site-content-alignfull {
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.tdk-wp-block-column-slider-image-banner > .tdk-banner-element-wrapper > img {
    height: 100%;
    object-fit: cover;
    object-position:  center center;
    width: 100%;
}

.tdk-video-banner-preview {
	align-items: center;
	bottom: 0;
	/* display: flex; */
	height: auto;
	justify-content: center;
	left: 0;
	margin: 45% auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 85%;
}


/* TDK Single Post */

.tdk-top-featured-image > img {
    display: block;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 8px;
    text-align: center;
}

.singular .entry-header {
    padding: 15px 0;
}

.singular .entry-header > .entry-header-inner {
    width: 100%;
}

.singular .featured-media {
    margin-bottom: 30px;
    padding-top: 8px;
}

.singular .featured-media:before {
    display: none;
}

.singular .featured-media-inner {
    left: auto;
    width: 100%;
}

.singular h1.entry-title {
    font-size: 50px;
    line-height: 100%;
    padding-top: 22px;
}

header:not(.singular-sponsored-post) h1.entry-title {
    font-family: "PermanentMarker", "Roboto", Arial, Helvetica, sans-serif;
    line-height: 100%;
}

/* TDK Entry Catgories Breadcrumbs */

.entry-categories {
    margin-bottom: 8px;
}

.entry-categories > .entry-categories-inner {
    margin: 0;
    padding-top: 8px;
}

.entry-categories > .entry-categories-inner > a,
.entry-categories > .entry-categories-inner > span {
    border-bottom: 0 none;
    color: #333333 !important;
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.entry-categories > .entry-categories-inner > span.category-separator {
    font-family: "OverpassSemiBold", "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 600;
}


/* TDK Sub Excerpt Post */

.singular .intro-text.intro-subtext {
    margin-top: 12px;
}

.intro-subtext > p {
    font-family: "OverpassExtraLight", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    text-align: center;
}


/* TDK Post Meta */

.tdk-postmeta-wrapper {
    padding: 50px 15px 0 15px;
}


/* TDK Post Author */

.tdk-post-author > p {
    color: #999999;
    font-family: "OverpassExtraLight", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 0;
    text-transform: uppercase;
}

.tdk-post-author > p > span.author-aka-separator {
    color: #333333;
    text-transform: lowercase;
}

.tdk-post-author > p > span.author-aka-text {
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 900;
}


/* TDK Post Date and Time */

.tdk-post-date-time {
    padding-top: 3px;
}

.tdk-post-date-time > p {
    color: #666666;
    font-family: "OverpassExtraLight", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 0;
    text-transform: uppercase;
}

.tdk-post-date-time > p > span.tdk-post-date-time-separator {
    color: #333333;
    font-family: "OverpassThin", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 100;
}


/* TDK Post Scroll Anchor */

.tdk-post-sroll-anchor {
    text-align: center;
}

.tdk-post-sroll-anchor > a {
    display: inline-block;
    text-decoration: none;
}

.tdk-post-sroll-anchor > a > img {
    margin: 0 auto;
}

.tdk-post-sroll-anchor > a > span {
    color: #333333;
    display: block;
    font-family: "OverpassExtraBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    padding-top: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
}


/* TDK Post Inner */

.singular.single-classes #site-content .post-inner {
    padding-top: 0;
}

.singular #site-content .post-inner {
    padding-top: 65px;
}

.singular #site-content .post-inner.has-right-column-ads {
    padding-top: 0;
}

.entry-content > .alignfull:first-child,
.entry-content > .alignfull {
    margin-top: 0;
    margin-bottom: 25px;
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 780px;
}

.singular #site-content .post-inner > .entry-content {
    padding-left: 30px;
    padding-right: 15px;
}


/* TDK Social Media Listing Shortcode */

.tdk-sc-social-media-listing {
    justify-content: flex-start;
    padding: 0;
}


/* TDK Tabs */

.tdk-tabs.custom-tdk-tabs-1.wp-block-kioken-tabs > div.kioken-tabs-buttons > a.kioken-tabs-buttons-item {
    flex-basis: 100%;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-align: center;
}


/* TDK Ninja Forms */

.nf-after-form:before,
.nf-after-form:after {
    clear: both;
    content: "";
    display: table;
}

.nf-field-container.tdk-form-element-container {
    margin-bottom: 17px;
}

.nf-form-content input.tdk-form-element,
.nf-form-content textarea.ninja-forms-field,
.nf-form-content select.ninja-forms-field {
    background-color: #000000 !important;
    border: 1px solid #333333 !important;
    border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
    color: #333333 !important;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: italic;
    height: auto !important;
    letter-spacing: -0.40px;
    line-height: 21px;
    padding: 9px 20px 8px 20px;
}

.nf-form-content .list-select-wrap > div select,
.nf-form-content select.ninja-forms-field {
    background-image: url( "/wp-content/themes/thedistrictkrump-twentytwenty/assets/images/tdk-icon-arrow-down-ffffff-12x8.png" ) !important;
    background-position: 98% center !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
}

.nf-form-content textarea.ninja-forms-field {
    height: 240px !important;
}

.tdk-form-element::placeholder {
    color: #333333;
    opacity: 1;
}

.tdk-form-element-container.submit-container {
    padding-top: 15px;
}

.nf-form-content input[type="button"].tdk-form-element {
    background-color: #ff081a !important;
    color: #ffffff !important;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial;
    font-style: normal;
    font-weight: 900;
    width: 100%;
}

.nf-form-content input[type="button"].tdk-form-element:hover {
    background-color: #cccccc !important;
    color: #333333 !important;
    text-decoration: none;
}

.nf-error-msg.nf-error-field-errors,
.nf-error .nf-error-msg {
    font-size: 12px;
}

.nf-error.field-wrap .nf-field-element::after {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    height: 38px !important;
    line-height: 38px !important;
    width: 38px !important;
}

.nf-pass.field-wrap .nf-field-element::after {
    height: 38px !important;
    line-height: 38px !important;
}

.checkbox-container.label-right label {
    color: #333333 !important;
    font-family: "OverpassSemibold", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 21px;
}

#nf-form-5-cont #nf-form-title-5 {
    text-align: center;
}

#nf-form-5-cont .nf-form-content textarea.ninja-forms-field,
#nf-form-5-cont .nf-form-content select.ninja-forms-field {
    border: 2px solid #cccccc !important;
    border-radius: 0 !important;
    color: #cccccc !important;
    font-size: 20px;
    font-style: normal;
    padding: 20px 15px;
}


/* TDK Ninja Forms Sign up Forms */

.entry-content h4.newsletter-signup-notice, 
.newsletter-signup-notice {
	font-family: "Overpass", "Roboto", Arial, sans-serif;
	font-size: 20px;
    font-weight: 600;
    margin: 0 auto;
	text-align: center;
}

.entry-content h4.newsletter-signup-notice > a,
.newsletter-signup-notice > a {
    margin: 0 5px;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;
}

.entry-content h4.newsletter-signup-notice > a:hover,
.newsletter-signup-notice > a:hover {
    background-color: #cccccc;
    color: #555555;
}

.tdk-newsletter-columns-wrapper {
    border-bottom: 1px solid #2f3138;
	border-top: 1px solid #2f3138;
	padding: 25px 0 !important;
    position: relative;
}

.tdk-newsletter-columns-wrapper .wp-block-column.is-vertically-aligned-center {
    width: 100% !important
}

.tdk-newsletter-form-wrapper .nf-form-wrap .nf-before-form-content .nf-form-fields-required {
    display: none;
}

.tdk-newsletter-form-wrapper .nf-form-wrap .nf-form-content nf-field,
.tdk-newsletter-form-wrapper .nf-form-wrap .nf-form-content nf-field > .nf-field-container {
    margin-bottom: 10px;
}

.entry-content h4.tdk-newsletter-heading,
.tdk-newsletter-heading {
    color: #999999;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 900;
    line-height: 100%;
    margin: 0 auto;
    text-transform: uppercase;
}

.tdk-newsletter-column-logo > .wp-block-image > figure.aligncenter {
    margin: 0 auto;
}

.entry-content h6.tdk-newsletter-terms-of-use-text,
h6.tdk-newsletter-terms-of-use-text,
.tdk-newsletter-terms-of-use-text {
    color: #333333;
    font-family: "OverpassSemiBold", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    line-height: 16px;
    margin: 0 auto;
    text-transform: initial;
}

.entry-content h6.tdk-newsletter-terms-of-use-text > a,
.entry-content h6.tdk-newsletter-terms-of-use-text > a:hover {
    color: #666666;
    text-decoration: none;
}

.nf-form-content .tdk-newsletter-container-field input:not([type="button"]) {
    background-color: transparent;
    border: 1px solid #333333;
    border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    color: #333333;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    height: auto;
    line-height: 24px;
    padding: 7px 10px;
}

.tdk-newsletter-container-optin div.field-wrap.mailchimp-optin-wrap > .nf-field-label > label {
    color: #333333;
    font-family: "OverpassSemiBold", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

/* TDK Page */

.post-inner.page-inner .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%;
    width: 100%;
}


/* TDK Right Column Ads */

.entry-content-right-column-ads {
    display: none;
}

.entry-content-right-column-ads > .tdk-ad-element-wrapper {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.entry-content-right-column-ads > .tdk-ad-element-wrapper img {
    margin: 0 auto;
}


/* TDK Bottom Ads */

.entry-content-bottom-column-ads {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
}


/* TDK Add To Cart Shortcode */

.tdk-add-to-cart-embed {
    border-bottom: 1px solid #2f3138;
    border-top: 1px solid #2f3138;
    padding-bottom: 15px;
    padding-top: 25px;
}

.tdk-add-product-featured-image > img {
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    object-position: center center;
}

.tdk-add-product-name > h4,
.tdk-add-product-price > h4 {
    color: #ffffff;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 100%;
    margin: 0;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
}

.tdk-add-product-price > h4 {
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 4px 0 10px 0 !important;
}

.tdk-add-product-form {
    margin-bottom: 26px;
}

.tdk-add-product-form > form {
    display: flex;
    width: 100%;
}

.tdk-add-product-form > form > .tdk-product-form-group:first-child {
    flex-basis: 50%;
}

.tdk-add-product-form > form > .tdk-product-form-group:last-child {
    padding-left: 15px;
    flex-basis: 50%;
}

.tdk-add-product-form > form select {
    appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    background-color: #000000;
    background-image: url( "/wp-content/themes/thedistrictkrump-twentytwenty/assets/images/tdk-icon-arrow-down-ffffff-12x8.png" );
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px solid #333333;
    border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    color: #ffffff;
    font-family: "OverpassExtraBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 800;
    padding: 7px 20px;
    width: 100%;
}

.tdk-add-product-form > form select > option {
    color: #ffffff;
}

.tdk-add-product-form > form a.btn-sc-add-to-cart {
    background-color: #ff081a;
    border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    color: #ffffff;
    display: block;
    font-family: "OverpassBlack", "OverpassExtraBold", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.40px;
    line-height: 25px;
    padding: 7px 5px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.tdk-add-product-form > form a.btn-sc-add-to-cart:hover {
    background-color: #cccccc !important;
    color: #333333 !important;
    text-decoration: none;
}

.product-membership-embed .tdk-add-product-form > form {
    display: block;
}

.product-membership-embed .tdk-add-product-form > form > .tdk-product-form-group:last-child {
    padding-left: 0;
    margin-top: 15px;
}

.product-membership-embed .tdk-add-product-form > form a.btn-sc-add-to-cart {
    border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    padding: 12.5px 15px;
}

.tdk-add-product-subexcerpt > * {
    color: #666666;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
}

.tdk-add-product-subexcerpt > p:last-child {
    margin-bottom: 0;
}

.tdk-product-variation-description {
    display: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

.product-membership-embed .tdk-product-variation-description > * {
    font-size: 12px;
}


/* TDK Masonry Listing */

#tdk_masonry_listing {
    padding-top: 30px;
    position: relative;
    width: 100%;
}

.tdk-listing-item-brief-category-post-type {
    padding-top: 15px;
}

.tdk-listing-item-brief-category-post-type > a,
.tdk-listing-item-brief-category-post-type > a > span,
.tdk-listing-item-brief-category-post-type > * {
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

h6.exclusive-text-label,
.exclusive-text-label {
    margin: 0 auto;
}

.tdk-listing-item-brief-title {
    padding-top: 12px;
}

.tdk-listing-item-brief-title > * {
    color: #ffffff;
    font-size: 30px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 100%;
}

.tdk-listing-item-brief-excerpt-list {
    color: #999999;
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    padding-top: 5px;
    text-transform: uppercase;
}

.tdk-listing-item-brief-sub-excerpt-list {
    color: #666666;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    padding-top: 15px;
}

.tdk-listing-item-brief-footer {
    padding-top: 30px;
}

.tdk-listing-item-brief-cta > a {
    background-color: #000000;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    display: block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    min-width: 175px;
    padding: 20px 15px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.tdk-listing-item-brief-cta > a:hover {
    background-color: #cccccc;
    border: 2px solid #ffffff;
    color: #555555 !important;
}

.tdk-listing-item-brief-location {
    color: #cccccc;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

.tdk-p-excerpt-list-text {
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 0;
    text-transform: uppercase;
}


/* TDK Template 1 Listing */

#tdk_template_1_listing {
    position: relative;
}

.tdk-template-1-item {
    border-bottom: 1px solid #333333;
    display: flex;
    margin-left: 20px;
    margin-right: 5px;
    padding: 30px 0 35px 0;
}

.tdk-template-1-item:last-child {
    border-bottom: 0 none;
}

.tdk-template-1-item > .tdk-listing-item-image {
    width: 134px;
}

.tdk-template-1-item > .tdk-listing-item-brief {
    padding-left: 20px;
    flex-basis: 75%;
}

.tdk-template-1-item .tdk-listing-item-brief-sub-excerpt-list {
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    padding-top: 5px;
}

.template-listing.to-loop-lessons {
    margin: 0;
    max-width: 100%;
}

.template-listing.to-loop-lessons > .tdk-template-1-item {
    margin: 0;
}


/* Single Class */

.singular.single-classes #site-content .post-inner > .entry-content {
    padding-left: 20px;
}


/* Class Instructor */

.class-instructor-wrapper {
    align-content: center;
    border-top: 1px solid #333333;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 35px;
    width: 100% !important;
}

.class-instructor-profile-image > img {
    height: 100%;
    object-fit: cover;
    object-position:  center center;
}

.class-instructor-about > h6 {
    color: #cccccc;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    line-height: 100%;
    margin: 0 0 5px 0;
    padding-top: 15px;
    text-align: center;
}

.class-instructor-about-header {
    text-align: center;
}

.class-instructor-about-header > h4 {
    color: #ffffff;
    font-family: "OverpassExtraBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 100%;
    margin: 0;
    padding-top: 10px;
    text-transform: uppercase;
}

.class-instructor-about-header > h5 {
    color: #999999;
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
    padding-top: 2px;
    text-transform: uppercase;
}

.class-instructor-about-text {
    color: #999999;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    padding-top: 13px;
}


/* TDK WooCommerce Register & Login Popups */

div#popmake-592 > div.pum-title.popmake-title,
div#popmake-604 > div.pum-title.popmake-title {
    margin-bottom: 0;
    text-align: center;
}


/* TDK WooCommerce */

body.woocommerce-page:not(.woocommerce-cart) header#site-header {
    position: relative;
}

body.woocommerce-page #site-content .post-inner,
body.template-shop #site-content .post-inner {
    padding-top: 46px;
}

.woocommerce-cart #site-content .woocommerce {
    padding: 0;
}

.woocommerce-info {
    border-top: 2px solid #000000;
}

.woocommerce-info a,
.wc_payment_methods .payment_box p {
    color: #333333 !important;
}

div.woocommerce > h2 {
    margin-top: 0;
}


/* TDK WooCommerce Register & Login */

body.woocommerce-page.page-id-54 header#site-header {
    position: fixed !important;
}

div.woocommerce-login-form-code-wrapper {
    margin: 0 auto !important;
}

div.woocommerce-login-form-code-wrapper .woocommerce > h2 {
    display: none;
}

div.woocommerce-login-form-code-wrapper .u-column1.col-1,
div.woocommerce-login-form-code-wrapper .u-column2.col-2 {
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    overflow: hidden;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
}

div.woocommerce-login-form-code-wrapper .u-column1.col-1 > h2,
div.woocommerce-login-form-code-wrapper .u-column2.col-2 > h2 {
    margin: 10px auto;
    text-align: center;
}

.woocommerce form.login, .woocommerce form.register {
    border: 0 none;
    margin-top: 0px;
    padding-top: 0;
}

.woocommerce form.woocommerce-form-login p,
.woocommerce form.woocommerce-form-register p {
    margin-bottom: 5px;
}


/* TDK WooCommerce Login Form */

div.woocommerce-login-form-code-wrapper .woocommerce .col2-set .col-1,
div.woocommerce-login-form-code-wrapper .woocommerce-page .col2-set .col-1 {
    display: block;
    float: none;
    margin: 10px auto;
    max-width: 750px;
    padding: 0;
    width: 100%;
}

div.woocommerce-login-form-code-wrapper .woocommerce .col2-set .col-1 > h2,
div.woocommerce-login-form-code-wrapper .woocommerce-page .col2-set .col-1 > h2 {
    display: none;
}

div.woocommerce-login-form-code-wrapper .woocommerce .col2-set .col-2, 
div.woocommerce-login-form-code-wrapper .woocommerce-page .col2-set .col-2 {
    display: none;
    float: none;
    margin: 10px auto;
    max-width: 750px;
    width: 100%;
}

div.woocommerce-login-form-code-wrapper .woocommerce .col2-set .col-2 h2,
div.woocommerce-login-form-code-wrapper .woocommerce-page .col2-set .col-2 h2 {
    display: none;
}

div.woocommerce-login-form-code-wrapper .woocommerce form.login {
    padding: 0;
}

div.woocommerce-login-form-code-wrapper .woocommerce form.login .form-row label[for="username"],
div.woocommerce-login-form-code-wrapper .woocommerce form.login .form-row label[for="password"] {
    display: none;
}

div.woocommerce-login-form-code-wrapper .woocommerce form.login .form-row input.input-text {
    background-color: transparent;
    border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    border-bottom: 2px solid #cccccc;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    color: #999999;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    padding: 8px;
}

div.woocommerce-login-form-code-wrapper .woocommerce form.login .form-row input.input-text::placeholder {
    color: #cccccc;
}

div.woocommerce-login-form-code-wrapper .woocommerce form.login .form-row input.input-text[type="password"] {
    width: 95%;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
    float: none;
    margin-bottom: 5px;
    text-align: left;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme > span {
    color: #999999;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.woocommerce .woocommerce-form-login .woocommerce-button.woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-button.woocommerce-form-register__submit {
    background-color: transparent !important;
    border: 2px solid #cccccc;
    color: #cccccc;
    display: block;
    float: none;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 100%;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.woocommerce .woocommerce-form-login .woocommerce-button.woocommerce-form-login__submit {
    margin-top: 26px;
}

.woocommerce .woocommerce-form-login .woocommerce-button.woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-register .woocommerce-button.woocommerce-form-register__submit:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff;
    color: #555555 !important;
}

.woocommerce .woocommerce-form-login > p.form-row:not(.woocommerce-form-row) {
    padding-top: 0;
}

.woocommerce .woocommerce-form-login > p.woocommerce-LostPassword.lost_password {
    line-height: 100%;
    text-align: center;
}

.woocommerce .woocommerce-form-login > p.woocommerce-LostPassword.lost_password > a {
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.woocommerce .woocommerce-form-login > p.woocommerce-LostPassword.lost_password > a:hover {
    text-decoration: underline;
}

.woocommerce .woocommerce-form-login > p.woocommerce-RegistrationLink.registration_link {
    color: #000000;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-top: 25px;
    text-align: center;
}

.woocommerce .woocommerce-form-login > p.woocommerce-RegistrationLink.registration_link > a {
    color: #6699ff;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.already-logged-in-notice {
    font-size: 25px;
    text-align: center;
}


/* TDK WooCommerce Reset Password */

form.woocommerce-ResetPassword.lost_reset_password {
    margin: 10px auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 980px;
}

.woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-first, 
.woocommerce-page form.woocommerce-ResetPassword.lost_reset_password .form-row-first {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
}

.woocommerce-ResetPassword button.woocommerce-Button {
    background-color: #000000;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    display: block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin: 20px auto;
    min-width: 175px;
    padding: 20px 15px;
    text-align: center;
    text-decoration: none;
}

.woocommerce-ResetPassword button.woocommerce-Button:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff !important;
    color: #555555 !important;
}


/* TDK WooCommerce Registration Form */

article#post-54 .wp-block-group {
    margin: 0 auto !important;
}

div#registration_form_wrapper.wp-block-group {
    margin: 0 auto !important;
}

div.woocommerce-registration-form-code-wrapper .woocommerce {
    padding: 0 !important;
}

div.woocommerce-registration-form-code-wrapper .woocommerce .col2-set .col-1,
div.woocommerce-registration-form-code-wrapper .woocommerce-page .col2-set .col-1 {
    display: none;
    float: none;
    margin: 10px auto;
    max-width: 750px;
    width: 100%;
}

div.woocommerce-registration-form-code-wrapper .woocommerce .col2-set .col-2 h2,
div.woocommerce-registration-form-code-wrapper .woocommerce-page .col2-set .col-2 h2 {
    display: none;
    margin: 10px auto;
    text-align: center;
}

div.woocommerce-registration-form-code-wrapper .woocommerce .col2-set .col-2, 
div.woocommerce-registration-form-code-wrapper .woocommerce-page .col2-set .col-2 {
    display: block;
    float: none;
    margin: 10px auto;
    max-width: 100%;
    width: 100%;
}

.woocommerce form.register {
    padding: 0;
}

.et_pb_row-reg-1, .et_pb_row-reg-2 {
    padding-top: 0;
}

.et_pb_column_reg_column_3 {
    text-align: center;
}

.et_pb_column_reg_column_3 > p.form-row {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
}

div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row label[for="reg_username"],
div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row label[for="reg_email"],
div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row label[for="reg_password"],
div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row label[for="reg_firstname"],
div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row label[for="reg_lastname"],
div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row label[for="reg_password2"] {
    display: none;
}

div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row input[type="text"],
div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row input[type="password"],
div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row input[type="email"] {
    background-color: transparent;
    border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    border-bottom: 2px solid #cccccc;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    color: #999999;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    padding: 8px;
}

div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row button.woocommerce-Button.button {
    background-color: transparent !important;
    border: 2px solid #cccccc;
    color: #cccccc;
    display: block;
    float: none;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 100%;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

div.woocommerce-registration-form-code-wrapper .woocommerce form.register .form-row button.woocommerce-Button.button:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff;
    color: #555555 !important;
}

p.woocommerce-form-row-agree-terms-and-conditions {
    color: #000000;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-top: 25px;
    text-align: center;
}

p.woocommerce-form-row-agree-terms-and-conditions a {
    color: #6699ff;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
}

p.woocommerce-form-row-agree-terms-and-conditions span {
    margin-left: 10px;
}

p#enrollee_gender_field.form-row select,
.woocommerce form p#enrollee_gender_field.form-row .select2-container {
    width: 100% !important;
}

.woocommerce form .form-row .optional {
    display: none;
    visibility: hidden;
}

div#section_employer_details_field > h5,
div#section_employer_details_field > h6 {
    display: inline-block !important;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

p#enrollee_how_did_you_know_field > span.woocommerce-input-wrapper > input {
    display: block;
}

.custom-input-radio, .custom-label-radio {
    display: block;
}

.woocommerce-input-wrapper .custom-label-radio {
    position: relative;
    top: -19px;
    left: 35px;
}

form.checkout.woocommerce-checkout div.woocommerce-account-fields > div.create-account #account_password_field .woocommerce-input-wrapper,
form.checkout.woocommerce-checkout div.woocommerce-account-fields > div.create-account #account_confirm_password_field .woocommerce-input-wrapper {
    position: relative;
}

form.checkout.woocommerce-checkout div.woocommerce-account-fields > div.create-account #account_password_field .woocommerce-input-wrapper > span.show-password-input,
form.checkout.woocommerce-checkout div.woocommerce-account-fields > div.create-account #account_confirm_password_field .woocommerce-input-wrapper > span.show-password-input {
    right: 20px;
    top: -5px;
}

.woocommerce form.woocommerce-form-register div.woocommerce-privacy-policy-text > p {
    color: #ccc;
    font-size: 12px;
    margin: 12px auto;
}


/* TDK Social Login */

.oneall_social_login {
    margin-top: 15px;
    text-align: center;
}

.oneall_social_login > .oneall_social_login_label {
    margin: 25px auto !important;
    position: relative;
}

.oneall_social_login > .oneall_social_login_label::before {
	border-top: 1px solid #cccccc;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 8px;
	width: 100%;
}

.oneall_social_login > .oneall_social_login_label > label {
	background-color: #111111;
    display: inline-block;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}

.oneall_social_login > .oneall_social_login_providers {
    margin: 0 auto;
    max-width: 220px;
    width: 100%;
}

#social_login_frame #providers .providers_block > .providers_row > .provider {
    display: block;
    float: none;
    width: 100%;
}


/* TDK Product Listing */

ul.products li.product .woocommerce-loop-product__title {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}

ul.products li.product .price {
    color: #999999;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
}


/* TDK Shop Page */

body.body-tdk-shop-page header#site-header.header-footer-group {
    position: relative;
}

.default-product-listing .wc-block-sort-select select {
    appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    background-color: #000000;
    background-image: url("/wp-content/themes/thedistrictkrump-twentytwenty/assets/images/tdk-icon-arrow-down-ffffff-12x8.png");
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-radius: 3px;
    border: 1px solid #333333;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    color: #333333;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: italic;
    height: auto;
    letter-spacing: -0.40px;
    line-height: 21px;
    padding: 9px 20px 8px 20px;
    transition: all .5s;
}

.default-product-listing .wc-block-sort-select select > option {
    font-style: normal;
}

.default-product-listing ul.wc-block-grid__products > li.wc-block-grid__product > .wc-block-components-product-title {
    text-align: center;
}

.default-product-listing ul.wc-block-grid__products > li.wc-block-grid__product > .wc-block-components-product-title > a {
    text-transform: uppercase;
}

.default-product-listing ul.wc-block-grid__products > li.wc-block-grid__product > .wc-block-grid__product-price > .wc-block-components-product-price__value {
    color: #999999;
    font-size: 22px;
    line-height: 26px;
}

.wp-block-button__link.add_to_cart_button {
    background-color: #000000 !important;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    display: block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif !important;
    font-size: 20px;
    letter-spacing: -0.28px;
    line-height: normal;
    min-width: 175px;
    padding: 20px 15px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.wp-block-button__link.add_to_cart_button:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff;
    color: #555555 !important;
    text-decoration: none;
}

form.woocommerce-ordering > select.orderby,
.wc-block-sort-select__select {
    background-color: transparent !important;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    display: inline-block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: -0.28px;
    line-height: normal;
    min-width: 175px;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

form.woocommerce-ordering > select.orderby > option {
    color: #000000;
}

.woocommerce .woocommerce-result-count, 
.woocommerce-page .woocommerce-result-count {
    font-family: "OverpassSemiBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: -0.28px;
}


/* Single Product */

body.single-product header#site-header.header-footer-group {
    position: relative;
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    border-bottom: 0 none;
    color: #333333 !important;
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

figure.woocommerce-product-gallery__wrapper > div.woocommerce-product-gallery__image > a {
    display: block;
}

figure.woocommerce-product-gallery__wrapper > div.woocommerce-product-gallery__image > a > img {
    margin: 0 auto;
    width: 100%;
}

.woocommerce-product-gallery__trigger {
    text-decoration: none;
}

body.single-product .product.type-product > .summary.entry-summary > h1.product_title,
body.single-product .product.type-product > .summary.entry-summary > p.price {
    text-align: center;
}

body.single-product .product.type-product > .summary.entry-summary > p.price {
    font-size: 25px;
    font-weight: 700;
}

form.variations_form.cart > table.variations {
    border: 0 none;
    margin: 15px auto;
}

form.variations_form.cart > table.variations > tbody > tr,
form.variations_form.cart > table.variations > tbody > tr > td {
    border: 0 none;
    display: block;
}

form.variations_form.cart > table.variations td.label,
form.variations_form.cart > table.variations td.value {
    padding: 0 9px;
}

form.variations_form.cart > table.variations td.label > label {
    color: #999999;
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 21px;
}

form.variations_form.cart > table.variations td.value > select {
    appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    background-color: transparent;
    background-image: url("/wp-content/themes/thedistrictkrump-twentytwenty/assets/images/tdk-icon-arrow-down-ffffff-12x8.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: auto auto;
    border: 2px solid #cccccc;
    border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    color: #cccccc;
    display: block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: normal;
    height: auto;
    letter-spacing: -0.40px;
    line-height: 21px;
    padding: 10px 40px 10px 10px;
    text-align: center;
    text-transform: uppercase;;
    transition: all .5s;
    width: 100%;
}

form.variations_form.cart > table.variations td.value > select > option {
    color: #333333 !important;
    font-style: normal;
}

form.variations_form.cart > table.variations td.value > a.reset_variations {
    display: block;
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.woocommerce-variation-price,
.woocommerce-variation-price > span.price,
.woocommerce-variation-price > span.price > span.woocommerce-Price-amount.amount,
.woocommerce-variation-price > span.price > span.woocommerce-Price-amount.amount > span.woocommerce-Price-currencySymbol {
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-align: center;
}

form.variations_form.cart > div.single_variation_wrap > div.woocommerce-variation-add-to-cart {
    text-align: center;
}

.single-product form.cart .quantity {
    display: inline-block;
    float: none;
    margin: 10px;
    text-align: center;
    vertical-align: middle;
}

.single-product form.cart .quantity > input {
    background-color: transparent;
    border: 2px solid #cccccc;
    color: #cccccc;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto;
    padding: 21px 10px;
    text-align: center;
}

.single-product .woocommerce-variation-add-to-cart .button,
.woocommerce-tabs #tab-reviews #submit,
ul.products li.product .button {
    background-color: #000000 !important;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    display: block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif !important;
    font-size: 20px;
    letter-spacing: -0.28px;
    line-height: normal;
    margin: 25px auto;
    min-width: 175px;
    padding: 20px 15px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.single-product .woocommerce-variation-add-to-cart .button:hover,
.woocommerce-tabs #tab-reviews #submit:hover,
ul.products li.product .button:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff;
    color: #555555 !important;
    text-decoration: none !important;
}

.single-product .woocommerce-variation-add-to-cart .button {
    display: inline-block;
    margin: 10px;
    min-width: 235px;
    vertical-align: middle;
    width: auto;
}

.single-product div.product .product_meta {
    margin-top: 15px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 7px;
    text-align: center;
    text-transform: uppercase;
}

.single-product div.product .product_meta > span.sku_wrapper,
.single-product div.product .product_meta > span.posted_in {
    font-family: "OverpassSemiBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    padding: 0 5px;
}

.related.products ul.products, 
.up-sells ul.products {
    align-items: flex-start;
    justify-content: flex-start;
}


/* TDK WooCommerce Cart Page */

.woocommerce-page table.shop_table th,
.woocommerce table.shop_table th {
    font-size: 16px;
}

.woocommerce-cart-form table td.product-name > a {
    text-transform: uppercase;
}

.woocommerce-cart-form .actions .button {
    background-color: #000000 !important;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif !important;
    font-size: 20px;
    letter-spacing: -0.28px;
    line-height: normal;
    margin: 25px auto;
    min-width: 175px;
    padding: 20px 15px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.woocommerce-cart-form .actions .button:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff;
    color: #555555 !important;
    text-decoration: none !important;
}

.woocommerce-page table.cart td.actions .coupon {
    display: block;
    float: none;
    text-align: center;
}

.woocommerce-page table.cart td.actions .coupon > input {
    display: inline-block;
    float: none;
    margin: 15px;
    vertical-align: top;
}

.woocommerce-page table.cart td.actions .coupon > button.button {
    display: inline-block;
    margin: 15px;
    padding: 11px 20px;
    vertical-align: top;
    width: auto;
}

.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
    display: block;
    float: none;
    width: 100%;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals > h2 {
    margin: 0 auto;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent;
}

.wc-proceed-to-checkout > a.checkout-button.button {
    background-color: #000000 !important;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif !important;
    font-size: 20px;
    letter-spacing: -0.28px;
    line-height: normal;
    margin: 25px auto;
    min-width: 175px;
    padding: 20px 15px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.wc-proceed-to-checkout > a.checkout-button.button:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff;
    color: #555555 !important;
    text-decoration: none !important;
}

a.remove {
    line-height: 24px;
}

.custom-member-option:before,
.custom-member-option:after {
    clear: both;
    content: "";
    display: table;
}

.custom-member-option > a.btn-custom-member-option {
    float: left;
}

.custom-member-option > span.disclaimer-text {
    float: right;
    padding-top: 15px;
}

span.disclaimer-text {
    color: #999999;
    font-family: "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 17px;
}

.btn-custom-member-option {
    background-color: transparent !important;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    display: inline-block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: -0.28px;
    line-height: normal;
    min-width: 175px;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.btn-custom-member-option:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff;
    color: #555555 !important;
    text-decoration: none !important;
}


/* TDK WooCommerce Checkout Page */

.select2-container--default .select2-results__option[data-selected="true"],
.woocommerce-checkout .select2-results__option {
    color: #333333;
}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
    background-color: transparent !important;
    border: 2px solid #cccccc;
    color: #cccccc !important;
    display: inline-block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: -0.28px;
    line-height: normal;
    min-width: 175px;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover {
    background-color: #cccccc !important;
    border: 2px solid #ffffff;
    color: #555555 !important;
    text-decoration: none !important;
}


/* TDK WooCommerce - My Account */

.woocommerce-account table.account-orders-table:not(.has-background) tbody tr:nth-child(2n+1) td {
    background-color: transparent;
}


/* TDK Popups */

html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body {
    overflow: hidden;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
    padding: 0;
}

.custom-popup-1.fancybox-content {
    background-color: #111111;
    padding-bottom: 15px;
    padding-top: 15px;
}

.custom-popup-1-header {
    margin-bottom: 20px;
    text-align: center;
}

.custom-popup-1-header > h3 {
    font-size: 26px;
    line-height: 36px;
    margin: 0 auto;
}

.custom-popup-1-header > h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	margin: 0 auto;
}

.custom-popup-1-footer {
    margin-top: 15px;
}

body.compensate-for-scrollbar {
    overflow-y: scroll;
}


/* TDK Get Started */

button:not(.toggle).btn-get-started,
.btn-get-started {
    background-color: #ff081a !important;
    border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-family: "OverpassBlack", "Overpass", "Roboto", Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    margin-bottom: 5px;
    padding: 0px 15px;
}

#get_started_button_wrapper.tdk-template-1-item {
    text-align: center;
}

#get_started_button_wrapper.tdk-template-1-item > .btn-get-started {
    border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    display: block;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.40px;
    line-height: 25px;
    padding: 12.5px 15px;
    margin: 0 auto;
    text-decoration: none;
    width: 100%;
}

#get_started_button_wrapper.tdk-template-1-item > .btn-get-started:hover {
    background-color: #cccccc !important;
    color: #333333 !important;
    text-decoration: none;
}


/* TDK Battles and Sessions */

.singular #site-content #post_inner_473.post-inner > .entry-content {
    padding-left: 15px;
}

.entry-content > .yotu-playlist {
    padding: 0;
}

.entry-content > .yotu-playlist  .yotu-videos {
    margin-top: -10px;
    padding: 0;
}

.yotu-thumb-169 .yotu-videos .yotu-video-thumb-wrp > div {
    padding-bottom: 74.7% !important;
}

.yotu-videos .yotu-video-thumb-wrp::after {
    opacity: 1;
}

body.theme-twentytwenty .yotu-videos.yotu-preset-abnb .yotu-video-title {
    color: #ffffff !important;
    font-family: "OverpassExtraBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    letter-spacing: -0.20px !important;
    line-height: 34px !important;
    margin-top: 23px !important;
    margin-bottom: 13px !important;
    text-overflow: unset !important;
    text-transform: uppercase;
    white-space: unset !important;
}

.yotu-video-title {
    margin-bottom: 10px;
}

.tdk-custom-yotu > h5 {
    color: #999999;
    margin: 0;
    font-family: "OverpassBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.20px;
    line-height: 29px;
    text-transform: uppercase;
}


/* TDK Khaos Ex */

.tdk-khaos-ex-video-teaser {
    border: 4px solid #006fcc;
}


/* TDK Slick Single Article Slider */

.tdk-slick-single-slider {
    opacity: 1;
    transition: opacity 2000s ease-in-out;
        -moz-transition: opacity 2000s ease-in-out;
        -ms-transition: opacity 2000s ease-in-out;
        -o-transition: opacity 2000s ease-in-out;
        -webkit-transition: opacity 2000s ease-in-out;   
}

.tdk-slick-single-slider > .slick-dots {
	bottom: 15%;
    left: 0;
    margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: auto;
	width: 100%;
}

.tdk-slick-single-slider > .slick-dots > li {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
}

.tdk-slick-single-slider > .slick-dots > li > button {
	background-color: transparent !important;
    border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
	border: 3px solid #666666;
	color: transparent;
    height: 14px;
	padding: 0;
	text-align: center;
	width: 14px;
}

.tdk-slick-single-slider > .slick-dots > li > button:hover {
    background-color: #000000 !important;
}


/* TDK Events Page */

.tdk-post-location-date-time > h4 {
    color: #999999;
    font-family: "OverpassSemiBold", "Overpass", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
}


/* Flex Helpers */

.break-h-flex {
    flex-basis: 100%;
    height: 0;
}


/* TDK No Posts Found */

.tdk-no-posts-found-notification-block {
    text-align: center;
    width: 100%;
}

.tdk-no-posts-found-notification-block > h4 {
    color: #cccccc;
    margin: 10px auto;
    text-transform: capitalize;
}

.wp-block-column.tdk-wp-block-column-posts-content-ads > .tdk-no-posts-found-notification-block {
    padding-top: 180px;
}


/* TDK Page Not Found */

body.error404 main#site-content {
    padding-top: 15%;
}

body.error404 form.search-form {
    flex-wrap: wrap;
}


/* TDK Iframe */

.pum-container .wp-block-embed__wrapper iframe {
    width: 100% !important;
    height: 100% !important;
}


/* TDK Poupup Maker */

.pum-theme-588,
.pum-theme-588 .pum-container,
#pum-723.pum-theme-585, 
#pum-723.pum-theme-lightbox,
.pum-theme-585 .pum-container, 
.pum-theme-lightbox .pum-container {
    background-color: rgba( 0, 0, 0, 0.80 );
}

.pum-theme-588 #popmake-666.pum-container, 
.pum-theme-588.pum-theme-cutting-edge #popmake-666.pum-container {
    border: 0 none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.pum-theme-588 .pum-container, .pum-theme-cutting-edge .pum-container .alignwide {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

#popmake-754.theme-585 .pum-content.popmake-content .alignwide {
    max-width: 100%;
    width: 100%;
}

#pum-723.pum-theme-585 .pum-content + .pum-close, 
#pum-723.pum-theme-lightbox .pum-content + .pum-close,
#pum-754.pum-theme-585 .pum-content + .pum-close, 
#pum-754.pum-theme-lightbox .pum-content + .pum-close {
    background-color:  transparent !important;
    border: 5px solid #333333;
    border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    color: #333333;
    font-size: 64px;
    font-weight: 300;
    height: 64px;
    right: 0;
    top: 0;
    width: 64px;
}

#popmake-723,
#popmake-754 {
    background-color: rgba(0, 0, 0, 0.90);
    border: 10px solid rgba( 255, 255, 255, 0.20 );
    border-radius: 0;
    padding: 0;
}

#popmake-754 {
    border: 0 none;
}

#popmake-723 p {
    font-weight: 400;
    margin: 0 auto;
    max-width: 415px;
    width: 100%;
}

#popmake-723.pum-container.pum-responsive img {
    object-fit: cover;
    object-position: center center;
}


/* Coming Soon */

.textDiv_Days,
.textDiv_Hours,
.textDiv_Minutes,
.textDiv_Seconds {
    top: 70px !important;
    width: auto !important;
}

.textDiv_Days {
    left: 22px !important;
}

.textDiv_Hours {
    left: 93px !important;
}

.textDiv_Minutes {
    left: 168px !important;
}

.textDiv_Seconds {
    left: 238px !important;
}

.time_circles > div > h4 {
    font-size: 12px !important;
    text-align: center !important;
}

.time_circles > div > span {
    margin-top: auto !important;
    text-align: center !important;
}


/* TDK Mobile Helpers */

.show-above-md {
    display: none;
}

.show-below-md {
    display: block;
}


/* TDK Button */

.btn-khaos-ex,
.wp-block-buttons .wp-block-button.btn-khaos-ex {
    display: block;
    text-align: center;
}

.btn-khaos-ex > a.wp-block-button__link {
    border: 4px solid #006fcc;
}


/* Typography */

.text-colour-sangria {
    color: #960a03 !important;
}

.text-colour-abbey {
    color: #474A51 !important;
}

.text-colour-tia-maria {
    color: #D1380D !important;
}

.text-colour-primrose {
    color: #DAED91 !important;
}

.text-colour-buddha-gold {
    color: #D1B200 !important;
}

.text-colour-buddha-silver {
    color: #D1B200 !important;
}

.text-colour-buccaneer {
    color: #643434 !important;
}

.text-colour-apache {
    color: #e1c06f !important;
}

.text-colour-regal-blue {
    color: #034173 !important;
}

.text-colour-espresso {
    color: #572019 !important;
}



/* Responsive Rules */

@media ( min-width: 300px ) {

    /* Menu Modal Menu Wrapper */

    .menu-modal .menu-wrapper.section-inner {
        width: 100%;
    }

    .tdk-masonry-item {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media ( min-width: 320px ) {
    
    /* Site Logo */

    .site-logo img {
        max-height: 12rem;
    }
}

@media ( min-width: 480px ) {

    /* TDK Masonry Listing */

    .grid-sizer, .tdk-masonry-item {
        margin-bottom: 30px;
        /* width: calc(50% - 15px); */
    }

    /* .tdk-masonry-item:nth-child(even) {
        padding-left: 25px;
        padding-right: 0;
    }

    .tdk-masonry-item:nth-child(odd) {
        padding-left: 0;
        padding-right: 15px;
    } */

    .tdk-listing-item-brief-cta > a {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

}

@media ( min-width: 540px ) {
    
    .tdk-tabs.custom-tdk-tabs-1.wp-block-kioken-tabs > div.kioken-tabs-buttons > a.kioken-tabs-buttons-item {
        flex-basis: 33.3333%;
    }


    /* Class Instructor */

    .class-instructor-wrapper {
        flex-wrap: nowrap;
    }

    .class-instructor-profile-image {
        flex: 0 0 29%;
    }

    .class-instructor-about {
        flex: 0 0 60%;
        padding-left: 30px;
    }

    .class-instructor-about > h6 {
        padding-top: 0;
        text-align: left;
    }

    .class-instructor-about-header {
        text-align: left;
    }
}

@media ( min-width: 600px ) {

    /* TDK Site Content  WP Block Column */

    .tdk-site-content-alignfull > .wp-block-column {
        flex-basis: 100% !important;
        margin: 0;
    }

    /* TDK Poupup Maker */

    #pum-723.pum-theme-585 .pum-content + .pum-close, 
    #pum-723.pum-theme-lightbox .pum-content + .pum-close,
    #pum-754.pum-theme-585 .pum-content + .pum-close, 
    #pum-754.pum-theme-lightbox .pum-content + .pum-close {
        top: -85px;
    }

    /* TDK Ninja Forms Sign up Forms */

    .tdk-newsletter-columns-wrapper .wp-block-column.is-vertically-aligned-center:nth-child(1) {
        flex-basis: 25% !important;
        width: 25% !important
    }

    .tdk-newsletter-columns-wrapper .wp-block-column.is-vertically-aligned-center:nth-child(2) {
        flex-basis: 70% !important;
        width: 75% !important
    }

}

@media ( min-width: 650px ) {


    .menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column {
        flex: 0 0 50%;
    }

    /* Menu Modal Footer List */

    .menu-footer {
        padding-top: 40px;
    }

    nav.nav-modal-menu-footer-list ul.modal-menu > li {
        border-right: 1px solid #333333;
    }

    nav.nav-modal-menu-footer-list ul.modal-menu > li > div.ancestor-wrapper {
        padding-bottom: 0;
    }
}

@media ( max-width: 768px ) {


    /* Cart Page */

    .woocommerce-page table.cart td.actions .coupon > input,
    .woocommerce-page table.cart td.actions .coupon > button.button {
        float: none !important;
        margin: 15px auto !important;
    }

    .wc-proceed-to-checkout {
        margin-bottom: 30px;
    }

}

@media ( min-width: 700px ) {


    /* Site Logo */

    .site-logo {
        padding-left: 0;
        padding-right: 0;
    }


    /* TDK Single Post */

    .singular h1.entry-title {
        font-size: 60px;
    }

}

@media ( min-width: 800px ) {


    /* TDK Ninja Forms */

    .nf-form-content input[type="button"].tdk-form-element {
        max-width: 100%;
        min-width: 100%;
    }

    .tdk-form-element-container.submit-container {
        text-align: center;
    }

}

@media ( min-width: 1000px ) {


    /* Header Section */

    #site-header.header-opaticized {
        background-color: transparent !important;
    }

    .header-inner {
        align-items: flex-start;
        justify-content: center;
        padding: 0;
        width: 100%;
    }

    #site-header > .header-inner {
        padding: 0;
    }

    .header-titles-wrapper {
        align-items: flex-start;
        flex: 0 0 50%;
        justify-content: flex-end;
        margin-right: 0;
        padding-top: 33px;
    }

    .header-navigation-wrapper {
        background-color: #000000;
        flex: 0 0 50%;
        flex-wrap: wrap;
        margin-left: 0;
        margin-top: -5px;
        padding: 33px 15px 15px 20px;
        position: relative;
        z-index: 5;
    }


    /* Header Logo */

    .site-logo img {
        max-height: 100%;
    }

    body.error404 .header-titles,
    body.template-shop.wp-custom-logo .header-titles,
    body.woocommerce-page.wp-custom-logo .header-titles {
        align-items: flex-end;
        flex: 0 0 35%;
        justify-content: right;
    }

    .header-titles {
        align-items: flex-end;
        flex: 0 0 35%;
        justify-content: right;
        margin: 0;
    }

    .header-titles .site-logo {
        margin: 0;
    }

    /* .site-logo.faux-heading.logo-battle_sessions,
    .site-logo.faux-heading.logo-classes {
        margin-right: -30px;
        margin-top: -40px;
    } */


    /* Nav Toggle */

    .header-inner .toggle {
        height: auto;
        padding: 0 30px 0 25px;
    }


    /* Header Toggles */

    .header-toggles {
        margin-right: auto;
        flex-basis: 32%;
        flex-grow: 0;
        flex-shrink: 0;
    }


    /* Header Primary Menu */

    .primary-menu-wrapper {
        display: flex;
        flex-basis: 68%;
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: flex-end;
    }

    body:not(.overlay-header) .primary-menu > li > a,
    .primary-menu li > a {
        font-size: 16px;
    }


    /* Menu Modal */

    .menu-modal,
    .menu-modal.active {
        background-color: rgba( 0, 0, 0, 0.95 );
    }

    .menu-modal-inner {
        background-color: transparent !important;
        width: 100%;
    }

    .menu-wrapper.section-inner {
        max-width: 1260px;
        width: 100%;
    }


    /* Menu Modal Header Section */

    .menu-modal-inner .menu-header .header-titles-wrapper {
        flex: 0 0 37.55%;
        justify-content: flex-start;
    }

    .menu-modal-inner .menu-header .toggle-wrapper button.nav-toggle {
        padding: 0 22px 0 25px;
    }

    .menu-modal-inner .menu-header .header-navigation-wrapper {
        flex: 0 0 62.45%;
        padding-left: 0;
        padding-top: 17px;
    }

    .menu-modal-inner .menu-header .header-navigation-wrapper > .header-toggles {
        flex-basis: 38%;
        padding-left: 40px;
    }

    .menu-modal-inner .menu-header .header-navigation-wrapper > .primary-menu-wrapper {
        flex-basis: 62%;
    }


    /* Menu Modal Header Inner */

    .menu-modal-inner .header-inner.section-inner {
        justify-content: left;
        padding-left: 30px;
        padding-right: 30px;
        width: calc(100% - 3rem);
    }


    /* Menu Modal Leaderboard Ad */

    .header-leaderboard-ad {
        margin-top: 48px;
    }


    /* TDK Site Content Inner */

    .wp-block-columns.alignfull.tdk-site-content-alignfull,
    .tdk-site-content-alignfull {
        flex-wrap: nowrap;
    }


    /* TDK Site Content  WP Block Column */

    .tdk-site-content-alignfull > .wp-block-column {
        flex-basis: 50% !important;
        margin: 0;
        padding-bottom: 125px;
    }

    body.page-id-141 .tdk-site-content-alignfull > .wp-block-column {
        padding-bottom: 0;
    }


    /* TDK WP Block Column Slider Image Banner */

    .tdk-wp-block-column-slider-image-banner {
        left: 0;
        flex: 0 0 50%;
        height: 100vh;
        position: sticky;
    }

    .tdk-banner-element-wrapper {
        position: fixed;
        width: 50%;
    }

    .tdk-video-banner-preview {
        margin: 35% auto;
    }


    /* TDK WP Block Column Posts Content Ads */

    .tdk-wp-block-column-posts-content-ads {
        flex: 0 0 50%;
        margin: 0;
        position: relative;
        top:  72px;
        z-index: 3;
    }


    /* TDK Post or Page Inenr with Right Column */

    #site-content .post-inner.has-right-column-ads,
    .tdk-wp-block-column-posts-content-ads.has-right-column-ads {
        display: flex;
    }


    /* TDK Poupup Maker */

    #popmake-723 {
        min-width: 1050px !important;
    }

    #pum-723.pum-theme-585 .pum-content + .pum-close, 
    #pum-723.pum-theme-lightbox .pum-content + .pum-close,
    #pum-754.pum-theme-585 .pum-content + .pum-close, 
    #pum-754.pum-theme-lightbox .pum-content + .pum-close {
        right: -85px;
        top: -70px;
    }


    /* TDK Mobile Helpers */

    .show-above-md {
        display: block;
    }

    .show-below-md {
        display: none;
    }

}

@media ( min-width: 1200px ) {
    
    /* Menu Modal Body Inner */

    .menu-modal-inner .menu-body-inner.section-inner {
        align-items: flex-start;
        display: flex;
        justify-content: center;
        width: calc(100% - 5rem);
    }

    .menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column {
        flex: 0 0 33.3333%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column.menu-interal-ad {
        flex-basis: 40%;
    } 

    .menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column.menu-nav-list,
    .menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column.menu-google-ads {
        flex-basis: 30%;
    }

    .menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column.menu-google-ads {
        display: flex;
        justify-content: flex-end;
    }

    .menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column.menu-google-ads div.menu-modal-google-ad-item {
        margin-bottom: 20px;
    }


    /* Menu Modal Mobile Listing */

    nav.mobile-menu > ul.modal-menu {
        padding-left: 0;
    }

    .menu-modal-inner .menu-body-inner.section-inner > div.menu-modal-body-inner-column > nav.mobile-menu > ul.modal-menu {
        text-align: left;
    }

    .modal-menu > li > div.ancestor-wrapper > a {
        font-size: 18px;
    }

    .modal-menu > li > ul.sub-menu > li > div.ancestor-wrapper a {
        font-size: 18px;
        padding: 0 5px 15px 5px;
    }
}

@media ( min-width: 1220px ) {

    /* Header Toggles */

    .header-toggles {
        margin-left: auto;
        margin-right: auto;
    }


    /* Header Primary Menu */

    body:not(.overlay-header) .primary-menu > li > a, 
    .primary-menu li > a {
        font-size: 20px;
    }


    /* TDK Add To Cart Shortcode */

    .tdk-add-to-cart-embed {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: auto;
        max-height: 415px;
    }

    .tdk-add-product-featured-image,
    .tdk-add-product-info {
        flex-basis: 50%;
    }

    .tdk-add-product-info {
        padding-left: 30px;
    }

    .tdk-add-product-name > h4,
    .tdk-add-product-price > h4 {
        padding-top: 0;
        text-align: left;
    }

}

@media ( min-width: 1265px ) {


    /* Body */

    body.page-id-139 {
        background-position:  center center;
    }

    /* Header Toggles */

    .header-toggles {
        flex-basis: 33%;
    }


    /* Header Primary Menu */

    .primary-menu-wrapper {
        flex-basis: 67%;
    }

}

@media ( min-width: 1420px ) {

    /* Primary Menu Navigation */

    body:not(.overlay-header) .primary-menu > li > a,
    .primary-menu li > a {
        padding: 3px 18px;
    }


    /* TDK Single Post */

    .singular h1.entry-title {
        font-size: 80px;
    }
    
    header:not(.singular-sponsored-post) h1.entry-title {
        line-height: 70px;
    }


    /* TDK Sub Excerpt Post */

    .intro-subtext > p {
        font-size: 22px;
    }

}

@media ( min-width: 1900px ) {


    /* TDK Right Column Ads */

    .entry-content-right-column-ads {
        display: block;
    }

}