/*!
Theme Name: universityofmarcheal
Theme URI: https://sketchcorp.com/
Author: Sketch Corp.
Author URI: https://sketchcorp.com/
Description: Theme for University of Marcheal
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: universityofmarcheal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

universityofmarcheal is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

font-family: 'Roboto Condensed', sans-serif;
400 - regular
700 - bold

yellow - #fff900

font-family: 'Antonio', sans-serif;
font-family: 'Syncopate', sans-serif;
*/

@font-face {
    font-family: 'College Block 2.0';
    src: url('fonts/CollegeBlock20.eot');
    src: url('fonts/CollegeBlock20.eot?#iefix') format('embedded-opentype'),
        url('fonts/CollegeBlock20.woff2') format('woff2'),
        url('fonts/CollegeBlock20.woff') format('woff'),
        url('fonts/CollegeBlock20.ttf') format('truetype'),
        url('fonts/CollegeBlock20.svg#CollegeBlock2.0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* TEMPORARY */

.class-merch,
.class-ringworm,
#menu-item-402,
#menu-item-724 { display:none !important; }

.panel-tiles .row { justify-content: center; }




* { vertical-align: top; }
body { background-color: #000; color: #fff; font-family: 'Roboto Condensed', sans-serif; }
p { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 22px; letter-spacing: 0.23px; line-height: 1.4; margin-top: 0; margin-bottom: 20px; }
a { color: #fff; }
a:visited, a:hover, a:focus, a:active { color: #fff; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; }
h1 { font-family: 'Antonio', sans-serif; font-size: 100px; line-height: 1.1; }
h2 { font-family: 'Antonio', sans-serif; font-size: 50px; text-transform: uppercase; letter-spacing: 1.48px; }
h3 { font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size: 34px; font-weight: 300; letter-spacing: 0.26px; line-height: 1.5; text-transform: none; }
h4 {  }
h5 {  }
h6 {  }
textarea { resize: none; }
iframe { vertical-align: top; }
ul { margin-left: 0; padding-left: 0; }
ol { margin-left: 0; padding-left: 0; }
.post, .page { margin-bottom: 0; }
img.has-max-width { width: 100%; }
hr { background-color: #2c2c2c; margin-top: 0; margin-bottom: 0; }
.site-main {  }

@media (max-width: 991px){
	h3 { font-size: 28px; }
}
@media (max-width: 767px){
	h3 { font-size: 24px; }
	p { font-size: 20px; }
}

/* Padding */
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }

.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }

@media (max-width: 767px) {
	.padding-top-30,
	.padding-top-40,
	.padding-top-50,
	.padding-top-60,
	.padding-top-70,
	.padding-top-80,
	.padding-top-90,
	.padding-top-100 { padding-top:40px; }
	
	.padding-bottom-30,
	.padding-bottom-40,
	.padding-bottom-50,
	.padding-bottom-60,
	.padding-bottom-70,
	.padding-bottom-80,
	.padding-bottom-90,
	.padding-bottom-100 { padding-bottom:40px; }
}

/* Checkboxes */
input[type="checkbox"] { width: auto; position: absolute; left: 0; top: 6px; opacity: 0; }
input[type="checkbox"] + span::before { content: ""; position: absolute; border: 1px solid #a1a1a1; width: 14px; height: 14px; left: 0; top: 3px; }
input[type="checkbox"]:checked + span::before { background: #a1a1a1; border-color: #a1a1a1; }
.js-label-checkbox { padding-left: 30px; position: relative; margin-top: 10px; }
.js-label-checkbox .js-label-text { color: #717171; font-size: 14px; }

/* Container */
@media (min-width: 1600px){
	.container-large { max-width: 1430px; }
}
@media (min-width: 769px){
	.container-small { max-width: 760px; }
}

/* Button */
.button { text-transform: uppercase; cursor: pointer; border-radius: 0; text-decoration: none; display: inline-block; font-size: 26px; line-height: 1.44; padding: 7px 20px; -webkit-transition: 0.2s all; transition: 0.2s all; }

a.button-ghost, 
.button-ghost { font-family: 'Antonio', sans-serif; -webkit-transition: 0.2s all; transition: 0.2s all; padding-left: 20px; padding-right: 20px; border: 2px solid #fff900; background-color: transparent; color: #fff900; font-size: 16px; text-align: center; font-size: 26px; letter-spacing: 1.39px; min-width: 194px; }
a.button-ghost:hover,
.button-ghost:hover { background-color: #fff900; border-color: #fff900; color: #000; }
.button-ghost:focus { border-color: #fff900; } 

/* Video Player */
body .vjs-poster { background-size: cover; background-position: center center !important; }

/* Contact Form 7 */
.grecaptcha-badge { visibility: hidden; }
.wpcf7-spinner { position: absolute; }
.wpcf7 .wpcf7-submit,
.single-memberpressproduct .mepr-submit { color: #fff900; font-family: 'Antonio', sans-serif; padding-top: 10px; padding-bottom: 12px; vertical-align: top; max-width: 194px; width: 100%; font-size: 26px; font-weight: 400; letter-spacing: 1.39px; text-align: center; text-transform: uppercase; background-color: transparent; border: 3px solid #ffed00; border-radius: 0; cursor: pointer; -webkit-transition: 0.2s all; transition: 0.2s all; }
.wpcf7 .wpcf7-submit:hover,
.single-memberpressproduct .mepr-submit:hover { background-color: #fff900; border-color: #fff900; color: #000; }
.wpcf7 input, .wpcf7-textarea { font-family: 'Roboto Condensed', sans-serif; color: #fff; border-color: #444343; background-color: transparent; border-radius: 0; width: 100%; padding-left: 10px; padding-right: 10px; }
.wpcf7-text { height: 40px; }
.wpcf7 label { font-size: 18px; color: #d6d5d5; }
.wpcf7-textarea { padding-top: 6px; padding-bottom: 6px; }
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus { color: #fff; border-color: #fff; outline: 0; }
.wpcf7 input[type="number"] { padding: 7px 10px; }
.wpcf7 .col-item { margin-bottom: 18px; }
.wpcf7 select, .mp_wrapper select { color: #8c8c8c; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; font-style: italic; border-color: #444343; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background: url(images/icon-chevron-down.png) no-repeat; background-color: #000; background-size: 13px 8px; background-position: right 17px top 50%; padding: 7px 10px; }

/* Slick */
.slick-dots { list-style-type: none; }
.slick-dots li { display: inline-block; }

/* Memberpress */
div#mepr-account-nav { margin-bottom: 55px; }
#mepr-account-nav { position: relative; }
#mepr-account-nav:before { content: ""; bottom: 0; width: 100vw; height: 1px; background-color: #363636; position: absolute; left: calc(50% - 50vw); }
.mepr-nav-item { padding-right: 60px; display: inline-block; }
.mepr-nav-item a { border-bottom: 8px solid transparent; font-family: 'Antonio', sans-serif; text-decoration: none; font-size: 20px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.16px; }
.mepr-nav-item.mepr-active-nav-tab a { border-color: #ffed00; }
.mp_wrapper select { color: #fff; background-color: #000; border: 1px solid #444343; }
.mepr-form input.invalid { background-color: transparent !important; border-width: 1px !important; }
.mepr-account-terms, .mepr-account-subscr-id, .mepr-account-rebill { color: #fff; font-style: normal; font-weight: normal; font-size: 16px; }
.mepr-account-rebill { margin-bottom: 30px; }
.mepr_update_account_table .mepr-stripe-elements { background: white; padding: 10px 4px 10px 10px; }
.mepr_error { background-color: transparent !important; }
.panel-general-content .mepr_error ul li { font-size: 18px; }
.mepr-account-cc-exp { margin-bottom: 20px; }

/* Woocommerce */
.woocommerce-cart .shop_table a { text-decoration: none; }
.woocommerce-cart .shop_table thead .product-remove { width: 45px; }
.woocommerce-cart table.cart td.actions input[name="coupon_code"].input-text { width: 140px; }
.woocommerce button.button.alt { background-color: transparent; color: #fff900; }
.woocommerce button.button.alt:hover { background-color: #fff900; color: #000; }
.woocommerce button.button.disabled { padding: 9px 20px 12px 20px; }

/* Header */
.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

/* Admin bar - hide on mobile for ease of testing */
@media screen and (max-width: 782px) {
	#wpadminbar {display:none;}
	body.admin-bar .site-header { top: 0; }
}


.main-navigation li { float: none; }

.site-header { background-color: rgba(0,0,0,0.2); position: fixed; top: 0; width: 100%; z-index: 10; height: 104px; -webkit-transition: 0.2s all; transition: 0.2s all; }
.site-header .site-branding { max-width: 396px; margin-top: 38px; margin-left: 35px; }
.site-header .menu-toggle { position: absolute; right: 0; top: 0; margin-top: 35px; }
.site-header .right-hand-group { position: absolute; right: 0; top: 0; margin-right: 45px; }
.site-header .memberpress-login-wrapper { margin-top: 28px; display: inline-block; }
.site-header .memberpress-login-wrapper #mepr-logged-in-template { margin-right: 70px; }
.site-header .memberpress-login-wrapper a,
.site-header .memberpress-login-wrapper p { cursor: pointer; font-size: 26px; letter-spacing: 1.63px; text-transform: uppercase; font-family: 'Antonio', sans-serif; text-decoration: none; margin-bottom: 0; }
.site-header .upgrade-wrapper { display: inline-block; margin-top: 21px; margin-right: 25px; }
.site-header .upgrade-wrapper .button { border-radius: 0; padding-left: 20px; padding-right: 20px; border: 2px solid #fff900; background-color: transparent; color: #fff900; font-size: 16px; font-size: 26px; min-width: 194px; }
.site-header .upgrade-wrapper .button:hover { background-color: #fff900; color: #000; }

.site-header .menu-wrapper ul li a { position: relative; font-size: 60px; letter-spacing: 0.44px; line-height: 1.2; text-transform: uppercase; font-family: 'Antonio', sans-serif; }
.site-header .menu-wrapper ul li a:before { content: ""; position: absolute; top: 50%; margin-top: 3px; background-color: transparent; height: 4px; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.site-header .menu-wrapper ul li:hover a:before { background-color: #fff900; }
.site-header .menu-main-menu-container > ul > li { padding-left: 130px; margin-bottom: 40px; }
.site-header .menu-main-menu-container > ul > li:hover { background: url(images/icon-bullet-point.png) no-repeat; background-size: 105px 30px; background-position: 0 23px; }
.site-header .menu-main-menu-container > ul > li:hover > a { color: #fff900; }
.site-header.is-small { background-color: #000; }

.site-header .menu-wrapper .memberpress-login-wrapper { display: none; }
.site-header .logout-link { padding-left: 130px; display: none; }
.site-header .logout-link:hover { background: url(images/icon-bullet-point.png) no-repeat; background-size: 105px 30px; background-position: 0 23px; }
.site-header .logout-link a { position: relative; font-size: 60px; letter-spacing: 0.44px; line-height: 1.2; text-transform: uppercase; font-family: 'Antonio', sans-serif; }
.site-header .logout-link a:before { content: ""; position: absolute; top: 50%; margin-top: 3px; background-color: transparent; height: 4px; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.site-header .logout-link:hover a { color: #fff900; }
.site-header .logout-link:hover a:before { background-color: #fff900; }
body.active-menu .site-header .logout-link { display: block; }

.menu-toggle { display: inline-block; position: relative; z-index: 10; border: 0; cursor: pointer; box-shadow: none; outline: 0; width: 36px; height: 29px; background-color: transparent; border-radius: 0; padding: 0; }
.menu-toggle span { width: 36px; height: 4px; background-color: #FFF; display: block; position: absolute; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.menu-toggle span:nth-of-type(1) { top: 0; }
.menu-toggle span:nth-of-type(2) { top: 12px; }
.menu-toggle span:nth-of-type(3) { top: 12px; }
.menu-toggle span:nth-of-type(4) { top: 24px; }

body.active-menu { height: 100vh; overflow: hidden; }
body.active-menu .main-navigation ul { display: block; }
body.active-menu .menu-main-menu-container { margin-top: 50px; }
body.active-menu .main-navigation { /*background: rgba(37, 37, 37, 0.97); position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;*/ }
body.active-menu .site-header { background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; }
body.active-menu.admin-bar .site-header { margin-top: 32px; }
body.active-menu .menu-wrapper { width: 100%; max-width: 913px; clear: both; margin-left: auto; margin-right: auto; padding-bottom: 100px; /*position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);*/ }

body.active-menu .menu-toggle {}
body.active-menu .menu-toggle span {}
body.active-menu .menu-toggle span:nth-of-type(1), 
body.active-menu .menu-toggle span:nth-of-type(4) { display: none; }
body.active-menu .menu-toggle span:nth-of-type(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
body.active-menu .menu-toggle span:nth-of-type(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
body.active-menu .main-navigation .container { position: relative; }

.site-header #mepr-logged-in-template > span:last-of-type { display: none; }

@media (max-width: 1199px){
	.site-header .menu-wrapper ul li a,
	.site-header .logout-link a { font-size: 50px; }
	.site-header .menu-main-menu-container > ul > li:hover,
	.site-header .logout-link:hover { background-position: 0 18px; }
}
@media (max-width: 991px){
	.site-header .site-branding { max-width: 300px; }
	.site-header .upgrade-wrapper .button { min-width: 0; }
	.site-header .menu-wrapper ul li a,
	.site-header .logout-link a { font-size: 40px; }
	body.active-menu .menu-wrapper { max-width: 100%; padding-left: 30px; padding-right: 30px; }
	.site-header .menu-main-menu-container > ul > li,
	.site-header .logout-link { padding-left: 70px; }
	.site-header .menu-main-menu-container > ul > li:hover,
	.site-header .logout-link:hover { background-size: 52px 15px; }
}
@media (max-width: 767px){
	.site-header { height: 60px; }
	.site-header .memberpress-login-wrapper { margin-top: 14px; }
	.site-header .right-hand-group .memberpress-login-wrapper a, 
	.site-header .right-hand-group .memberpress-login-wrapper p { font-size: 22px; }
	.site-header .right-hand-group .memberpress-login-wrapper #mepr-logged-in-template { display: none; }
	.site-header .menu-toggle { margin-top: 16px; }
	body.active-menu .menu-wrapper { padding-left: 20px; padding-right: 20px; }
	.site-header .logout-link { padding-left: 0; }
	.site-header .logout-link:hover { background: none; }
	.site-header .site-branding { margin-left: 20px; margin-top: 19px; }
	.site-header .right-hand-group { margin-right: 20px; }
	.site-header .menu-wrapper ul li a,
	.site-header .logout-link a{ font-size: 30px; }
	.site-header .menu-main-menu-container > ul > li { padding-left: 0; margin-bottom: 25px; }
	.site-header .menu-main-menu-container > ul > li:hover { background: none; }

	.site-header .upgrade-wrapper { display: none; }
	.active-menu .site-header .menu-wrapper .memberpress-login-wrapper { display: block; }
	
}
@media (max-width: 600px){
	.site-header .menu-wrapper .memberpress-login-wrapper { margin-top: 0; }
	.site-header .menu-wrapper .memberpress-login-wrapper #mepr-logged-in-template { margin-right: 0; }
	.site-header .menu-wrapper .memberpress-login-wrapper a { font-size: 30px; }
}
@media (max-width: 500px){
	.site-header .site-branding { margin-top: 21px; max-width: 250px; }
	.site-header .menu-wrapper ul li a { font-size: 26px; }
	.site-header .menu-wrapper .memberpress-login-wrapper a { font-size: 26px; }
	.site-header .memberpress-login-wrapper {  }
	.site-header .right-hand-group .memberpress-login-wrapper p { font-size: 22px; }
}
@media (max-width: 420px){
}
@media (max-width: 380px){
	.site-header .right-hand-group .memberpress-login-wrapper p { font-size: 20px; }
	.site-header .site-branding { max-width: 210px; }
}
@media (max-width: 340px){
	.site-header .site-branding { max-width: 200px; }
	.site-header .right-hand-group .memberpress-login-wrapper p { font-size: 18px; }
	.site-header .right-hand-group .memberpress-login-wrapper { margin-top: 15px; }
}

/* Video player */
.js-video-player { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.video-js .vjs-big-play-button { font-size: 60px; border: 0; background-color: transparent; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video-js:hover .vjs-big-play-button { background-color: transparent; }

/* Panel - Memberpress login */
.panel-memberpress-login { padding-top: 120px; padding-bottom: 50px; }
.panel-memberpress-login input[type="submit"] { color: #fff900; font-family: 'Antonio', sans-serif; padding-top: 9px; padding-bottom: 11px; font-size: 23px; font-weight: 400; letter-spacing: 1.39px; text-transform: uppercase; background-color: transparent; border: 2px solid #ffed00; border-radius: 0; cursor: pointer; -webkit-transition: 0.2s all; transition: 0.2s all; padding-left: 20px; padding-right: 20px; }
.panel-memberpress-login input[type="submit"]:hover { color: #000; background-color: #ffed00; }
.panel-memberpress-login .container > .mp_wrapper { max-width: 550px; margin-left: auto; margin-right: auto; }
.panel-memberpress-login button.mp-hide-pw,
.panel-memberpress-login button.mp-hide-pw:hover { padding: 0 15px 0 0; }
.panel-memberpress-login .mepr-login-actions a { text-decoration: none; color: #717171; font-size: 14px; }

/* Panel - 404 */
.panel-404 { text-align: center; padding-top: 60px; padding-bottom: 100px; }

/* Product register */
.panel-memberpress-product { padding-top: 130px; padding-bottom: 80px; }
.panel-memberpress-product h1 { text-align: center; margin-bottom: 50px; }
.panel-memberpress-product h2 { color: rgb(255, 249, 0); font-size: 30px; font-weight: 400; font-style: normal; letter-spacing: 0.44px; border-bottom: 1px solid rgb(73, 73, 73); padding-bottom: 20px; margin-bottom: 0; }
.panel-memberpress-product .post-navigation { display: none; }
.panel-memberpress-product .wrapper { max-width: 530px; margin-left: auto; margin-right: auto; }
.panel-memberpress-product .button.mp-hide-pw { padding: 0 15px 0 0; }
.panel-memberpress-product .entry-header { display: none; }
.panel-memberpress-product .price .number { font-family: "Antonio"; font-size: 59px; font-weight: 400; letter-spacing: 0.86px; text-transform: uppercase; }
.panel-memberpress-product .billing-period { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgb(73, 73, 73); padding-bottom: 11px; }
.panel-memberpress-product .billing-period .time { font-size: 18px; padding-top: 28px; }
.panel-memberpress-product .billing-period .price {  }
.panel-memberpress-product .billing-period .symbol { font-family: "Antonio"; font-size: 40px; font-weight: 100; margin-top: 13px; display: inline-block; margin-right: 6px; }
.panel-memberpress-product .total-billed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgb(73, 73, 73); border-bottom: 1px solid rgb(73, 73, 73); margin-bottom: 22px; padding-top: 13px; }
.panel-memberpress-product .total-billed .first { font-size: 18px; font-weight: 700; }
.panel-memberpress-product .total-billed .second { font-size: 18px; margin-bottom: 15px; }
.panel-memberpress-product .yellow-notice { border: 2px dashed #ffed00; padding: 10px 30px 0 20px; margin-bottom: 27px; }
.panel-memberpress-product .yellow-notice h3 { font-family: "Antonio"; font-size: 26px; font-weight: 700; letter-spacing: 0.38px; text-transform: uppercase; margin-bottom: 5px; }
.panel-memberpress-product .yellow-notice p { color: rgb(181, 174, 174); font-size: 16px; letter-spacing: 0.23px; }
.panel-memberpress-product .mepr_price { display: none; }
.panel-memberpress-product .mepr-stripe-card-element { background-color: #fff; }
.panel-memberpress-product .mp-form-submit { text-align: center; }
@media (max-width: 1199px){
	.panel-memberpress-product h1 { font-size: 58px; }
}
@media (max-width: 767px){
	.panel-memberpress-product { padding-top: 90px; }
	.panel-memberpress-product h1 { font-size: 40px; }
	.panel-memberpress-product h2 { font-size: 28px; }
	.panel-memberpress-product .price .number { font-size: 45px; }
	.panel-memberpress-product .billing-period .symbol { font-size: 36px; margin-top: 6px; }
}



/* Panel - single video */
.panel-single-video { padding-top: 65px; }
.panel-single-video .title-wrapper { position: relative; }
.panel-single-video .title-wrapper a[rel="prev"],
.panel-single-video .title-wrapper a[rel="next"] { position: absolute; top: 0; border: 2px solid #949494; text-decoration: none; text-transform: uppercase; font-family: 'Antonio', sans-serif; font-size: 17px; font-weight: 700; letter-spacing: 0.11px; padding: 4px 20px 8px 20px; display: inline-block; margin-top: 35px; }
.panel-single-video .title-wrapper a[rel="next"] { right: 0; }
.panel-single-video .title-wrapper h3 { padding-left: 130px; padding-right: 150px; padding-top: 38px; font-size: 24px; margin-bottom: 50px; }
.panel-single-video .title-wrapper.no-prev h3 { padding-left: 0; }

@media (max-width: 991px){
	.panel-single-video .title-wrapper h3 { padding-left: 0; padding-right: 0; padding-top: 15px; margin-bottom: 20px; }
	.panel-single-video .title-wrapper a[rel="prev"], 
	.panel-single-video .title-wrapper a[rel="next"] { position: relative; margin-top: 0; margin-bottom: 45px; }
	.panel-single-video .title-wrapper a[rel="next"] { float: right; }
}

/* Panel - single video - small device landscape video player height */
@media (orientation: landscape) and (max-width:992px) {
	.panel-single-video {
		padding-top: 0;
	}

	.panel-single-video .js-video-player {
		padding-bottom: 0;
		height: 90vh;
	}
}

/* Panel - Not subscriber */
.panel-not-subscriber { padding-top: 130px; }
.panel-not-subscriber .container > .mp_wrapper { max-width: 800px; margin-left: auto; margin-right: auto; }
.panel-not-subscriber button.mp-hide-pw,
.panel-not-subscriber .button.mp-hide-pw:hover { padding: 0 15px 0 0; }
.panel-not-subscriber input[type="submit"] { cursor: pointer; font-family: 'Antonio', sans-serif; -webkit-transition: 0.2s all; transition: 0.2s all; padding-left: 20px; padding-right: 20px; border-radius: 0; border: 3px solid #fff900; background-color: transparent; color: #fff900; font-size: 16px; text-align: center; font-size: 26px; letter-spacing: 1.39px; text-transform: uppercase; padding-top: 10px; padding-bottom: 12px; min-width: 120px; }
.panel-not-subscriber input[type="submit"]:hover { color: #000; background-color: #fff900; }
.panel-not-subscriber .mepr-login-actions a { text-decoration: none; color: #717171; font-size: 14px; }

/* Panel - single video comments */
.panel-single-video-comments { background-color: #000; padding-top: 50px; }

.panel-single-video-comments #wpd-post-rating{
	padding-top: 30px;
}

.panel-single-video-comments #wpdcom .wpd-comment-date{
	margin-top: 5pxs;
}
.panel-single-video-comments #wpdcom .wpd-comment .wpd-comment-header i{
	margin-top: -4px;
}

.panel-single-video-comments #wpdcom .wpd-comment-text p {     
	margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.4;
}

.panel-single-video-comments .wpd-thread-info   span.wpdtc{
	margin-top: 3px;
    display: inline-block !important;
}
.panel-single-video-comments #wpdcom .wpd-prim-button,
.panel-single-video-comments #wpdcom .wc_cancel_edit.wpd-second-button{
	color: #fff900;
    font-family: 'Antonio', sans-serif;
    padding-top: 3px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.39px;
    text-transform: uppercase;
    background-color: transparent;
    border: 2px solid #ffed00;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 3px;
    margin-left: 10px;
    line-height: normal;
}
.panel-single-video-comments #wpdcom .wpd-prim-button:hover,
.panel-single-video-comments #wpdcom .wc_cancel_edit.wpd-second-button:hover{
	background-color: #fff900;
    border-color: #fff900;
    color: #000;

}
.panel-single-video-comments #wpdcom .wc_save_edited_comment.wpd-prim-button,
.panel-single-video-comments #wpdcom .wc_cancel_edit.wpd-second-button{
	margin-top: 0;
}
.panel-single-video-comments #wpdcom .wpd-blog-post_author .wpd-comment-label{
	background-color: #fff900;
}
.panel-single-video-comments #wpdcom .wpd-blog-post_author .wpd-comment-label span{
	color: #000;
}
.panel-single-video-comments #wpdcom .wpd-blog-post_author .wpd-comment-author a,
.panel-single-video-comments #wpdcom .wpd-blog-subscriber .wpd-comment-author,
.panel-single-video-comments #wpdcom .wpd-auth .wpd-login a,
.panel-single-video-comments #wpdcom .wpd-comment .wpd-reply-to a{
	color: #fff900;
}
.panel-single-video-comments .wc_social_plugin_wrapper input[type="checkbox"] + span::before,
.wpd-form-row input[type="checkbox"] + span::before{ display: none; }
.panel-single-video-comments #wpdcom.wpd-layout-1 .wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right{
	background: transparent;
}
#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message{
	color: #000 !important;
}
#wpd-bubble-wrapper #wpd-bubble-add-message-close a,
#wpd-bubble-wrapper path.wpd-bubble-plus-first,
 #wpd-bubble-wrapper path.wpd-bubble-count-first{
	fill: #000 !important;
}
.panel-single-video-comments #wpdcom .wpd_label{
	display: none;
}
/* Membership options */
.membership-options { padding-bottom: 50px; overflow: hidden; }
.membership-options .row { margin-left: -20px; margin-right: -20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.membership-options .item { padding-left: 20px; padding-right: 20px; }
.membership-options .item .inner { position: relative; border: 1px solid #979797; height: 100%; padding: 25px 23px 100px 23px; }
.membership-options .item h3 { font-family: 'Antonio', sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 0; }
.membership-options .item ul { padding-left: 0; list-style-type: none; }
.membership-options .item ul li { position: relative; padding-left: 36px; letter-spacing: 0.26px; font-size: 18px; margin-bottom: 17px; line-height: 1.2; }
.membership-options .item ul li:before { content: ''; position: absolute; left: 0; top: 1px; background-image: url(images/icon-white-tick.png); width: 23px; height: 17px; background-size: contain; }
.membership-options .item .price { text-align: center; }
.membership-options .item .price p { display: none; font-family: 'Antonio', sans-serif; font-size: 59px; letter-spacing: 0.86px; line-height: 1.2; }
.membership-options .item .price p.active { display: inline-block; }
.membership-options .item .price p span { font-family: 'Antonio', sans-serif; font-size: 40px; font-weight: 100; margin-top: 11px; margin-right: 6px; display: inline-block; }
.membership-options .item .button-wrapper { text-align: center; position: absolute; left: 0; bottom: 40px; width: 100%; }
.membership-options .item .button-wrapper .button { display: none; }
.membership-options .item .button-wrapper .button.active { display: inline-block; }
.membership-options .item .subscription-toggle { text-align: center; margin-bottom: 13px; }
.membership-options .item .subscription-toggle p { position: relative; cursor: pointer; display: inline-block; color: #4e4e4e; font-family: 'Heebo', sans-serif; font-size: 16px; margin-left: 15px; margin-right: 15px; }
.membership-options .item .subscription-toggle p:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: transparent; }

.membership-options .item.tier-1 .subscription-toggle .active { color: #ffed00; }
.membership-options .item.tier-1 .subscription-toggle .active:before { background-color: #ffed00; }
.membership-options .item.tier-2 .subscription-toggle .active { color: #3cce2f; }
.membership-options .item.tier-2 .subscription-toggle .active:before { background-color: #3cce2f; }
.membership-options .item.tier-3 .subscription-toggle .active { color: #ff5100; }
.membership-options .item.tier-3 .subscription-toggle .active:before { background-color: #ff5100; }
.membership-options .item.tier-4 .subscription-toggle .active { color: #2f84ce; }
.membership-options .item.tier-4 .subscription-toggle .active:before { background-color: #2f84ce; }

.membership-options .item.tier-2 .button { color: #3cce2f; border-color: #3cce2f; }
.membership-options .item.tier-2 .button:hover { color: #000; background-color: #3cce2f; }
.membership-options .item.tier-3 .subscription-toggle .active { color: #ff5100; }
.membership-options .item.tier-3 .button { color: #ff5100; border-color: #ff5100; }
.membership-options .item.tier-3 .button:hover { color: #000; background-color: #ff5100; }
.membership-options .item.tier-4 .subscription-toggle .active { color: #2f84ce; }
.membership-options .item.tier-4 .button { color: #2f84ce; border-color: #2f84ce; }
.membership-options .item.tier-4 .button:hover { color: #000; background-color: #2f84ce; }
.membership-options .item.tier-4 .subscription-toggle .active:before { background-color: #2f84ce; }

.signup-modal .membership-options .single-item.container-fluid { padding-left: 80px; padding-right: 80px; }
.signup-modal .membership-options .single-item .item { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.signup-modal .membership-options .single-item .item ul li { font-size: 16px; }
.signup-modal .membership-options .single-item .item.tier-2 ul li:nth-of-type(n+5) { /*color: #5f5f5f;*/ }
.signup-modal .membership-options .single-item .item.tier-3 ul li:nth-of-type(n+6) { color: #5f5f5f; }
.signup-modal .membership-options .single-item .item.tier-3 ul li:nth-of-type(n+6):before { background-image: url(images/icon-grey-tick.png); }

@media (min-width: 1750px){
	.signup-modal .membership-options .single-item.container-large { max-width: 1700px; }
}
@media (max-width: 1800px){
	.signup-modal .membership-options .single-item.container-fluid { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 1199px){
	.signup-modal .membership-options .single-item .item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; }
}
@media (max-width: 991px){
	.signup-modal .membership-options .single-item .intro p br { display: none; }
	.signup-modal .membership-options .single-item.container-fluid { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 767px){
	.signup-modal .membership-options .single-item h2 { font-size: 60px; }
	.signup-modal .membership-options .single-item .item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.signup-modal .membership-options .single-item.container-fluid { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 500px){
	.signup-modal .membership-options .single-item h2 { font-size: 40px; }
}

/* Modal */
.modal-dialog { margin: 0; width: 100%; }
.modal-body { padding: 0; background-color: #000; }
.modal-content { border-radius: 0; border: 0; }
.modal-header { border-bottom: 0; background-color: #000; }
.general-modal .close .icon { background: url(images/icon-close.png) no-repeat; background-size: contain; width: 44px; height: 44px; display: block; margin-top: 40px; }
.general-modal .modal-header .close { cursor: pointer; border: 0; background: transparent; padding: 0; display: block; }
.general-modal .modal-header .close { top: 32px; }
.general-modal .video-wrapper iframe { height: 100vh; border: 0; }
.home.logged-in .general-modal { padding-right: 0 !important; }
.home.logged-in .general-modal .modal-header { position: absolute; right: 41px; width: 44px; padding: 0; height: 44px; z-index: 2; background: transparent; }

.modal.has-logo-top { background-color: #000; }
.modal.has-logo-top .logo-wrapper { display: inline-block; margin-top: 23px; }
.modal.has-logo-top .logo-wrapper img { max-width: 369px; }
.modal.has-logo-top .modal-body { min-height: calc(100vh - 104px); }
.modal.has-logo-top .modal-header .close { position: absolute; top: 30px; right: 40px; cursor: pointer; border: 0; background: transparent; padding: 0; display: block; }
.modal.has-logo-top .close .icon { background: url(images/icon-close.png) no-repeat; background-size: contain; width: 44px; height: 44px; display: block; }
.modal.has-logo-top .modal-header { height: 104px; text-align: center; }

.login-modal { }
.login-modal .row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.login-modal h3 { text-transform: uppercase; font-family: 'Antonio', sans-serif; font-size: 100px; font-weight: 700; letter-spacing: 0.31px; margin-bottom: 40px; }
.mp_wrapper input[type="text"],
.mp_wrapper input[type="password"], 
.mp_wrapper input[type="email"] { color: #fff; border-radius: 0; border: 1px solid #444343; background-color: transparent; padding-top: 7px; padding-bottom: 7px; }
.mp_wrapper .mp-form-row label { color: #a1a1a1; font-family: 'Heebo', sans-serif; font-size: 14px; font-weight: 500; }
.login-modal .button-primary { font-family: 'Antonio', sans-serif; -webkit-transition: 0.2s all; transition: 0.2s all; padding-left: 20px; padding-right: 20px; border-radius: 0; border: 3px solid #fff900; background-color: transparent; color: #fff900; font-size: 16px; text-align: center; font-size: 26px; letter-spacing: 1.39px; text-transform: uppercase; padding-top: 10px; padding-bottom: 12px; min-width: 120px; }
.login-modal .button-primary:hover { cursor: pointer; background-color: #fff900; border-color: #fff900; color: #000; }
.login-modal .bg { position: absolute; height: 100%; top: 0; width: 50%; background-size: cover; background-position: center center; }
.login-modal .col-form { min-height: calc(100vh - 104px); }
.login-modal .col-form .inner { padding-left: 85px; padding-top: 10px; padding-bottom: 40px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.login-modal button.mp-hide-pw { display: none; }
.login-modal .mepr-login-actions a { text-decoration: none; color: #717171; font-size: 14px; }

.signup-modal h2 { font-size: 100px; letter-spacing: 0.31px; line-height: 1.2; margin-bottom: 33px; padding-top: 10px; }
.signup-modal .intro { text-align: center; margin-bottom: 50px; }
.signup-modal .intro p { font-size: 22px; font-weight: 400; }

.product-modal .col-image { text-align: right; }
.product-modal .col-text {  }
.product-modal .price { font-size: 24px; }
.product-modal h3 { font-family: 'Antonio', sans-serif; font-size: 90px; letter-spacing: 2.66px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }
.product-modal button[type="submit"] {margin-top: 50px; padding-left: 20px; padding-right: 20px; border: 2px solid #fff900; background-color: transparent; color: #fff900; font-size: 23px; font-family: 'Antonio', sans-serif; border-radius: 0; padding-top: 9px; padding-bottom: 12px; }
.product-modal input[type="number"] { border: 1px solid #ccc; background-color: transparent; border-radius: 0; color: #fff; }
.product-modal table.variations th.label { text-align: left; font-family: 'Antonio', sans-serif; font-size: 28px; font-weight: 700; text-transform: uppercase; width: 60px; letter-spacing: 0.09px; }
.product-modal table.variations select { border: 1px solid #ffffff; background-color: #000; color: #fff; height: 37px; padding-left: 10px; padding-right: 15px; margin-top: 5px; }
.product-modal a.reset_variations { margin-left: 15px; margin-top: 10px; display: inline-block; text-decoration: none; }
.woocommerce .product-modal button.button.alt.disabled, 
.woocommerce .product-modal button.button.alt.disabled:hover { background-color: transparent; color: #fff900; }

@media (max-width: 991px){
	.login-modal .col-form .inner { padding-left: 50px; }
}
@media (max-width: 767px){
	.modal-body { min-height: calc(100vh - 60px); }
	.modal-open .modal { padding-right: 0 !important; }
	.login-modal h3 { font-size: 50px; }
	.login-modal .bg { opacity: 0.2; width: 100%; }
	.login-modal .col-form .inner { padding-left: 0; }
	.modal.has-logo-top .modal-header { text-align: left; height: 60px; padding-top: 0; padding-bottom: 0; }
	.modal.has-logo-top .modal-header .close { right: 15px; top: 17px; }
	.modal.has-logo-top .close .icon { width: 30px; height: 30px; }
	.modal.has-logo-top .logo-wrapper { margin-top: 19px; }
	.modal.has-logo-top .logo-wrapper img { width: 100%; padding-right: 50px; }

	.general-modal .close .icon { width: 30px; height: 30px; margin-top: 0; }
	.home.logged-in .general-modal .modal-header { position: relative; width: 100%; right: 0; background: #000; height: auto; }
	.home.logged-in .general-modal .modal-header .close { margin: 10px 15px 10px auto; }
}

/* Footer */
.site-footer { padding-top: 60px; background-color: #000; text-align: center; }
.site-footer ul { list-style-type: none; display: inline-block; margin-bottom: 0; }
.site-footer ul li { display: inline-block; border-right: 1px solid #626262; padding-right: 30px; padding-left: 26px; }
.site-footer ul li a { text-decoration: none; color: #fff; font-family: 'Antonio', sans-serif; font-size: 30px; font-weight: 600; letter-spacing: 1.88px; text-transform: uppercase; line-height: 1; -webkit-transition: 0.2s all; transition: 0.2s all; }
.site-footer ul li a:hover { color: #fff900; }
.site-footer .menu-footer-wrapper { margin-bottom: 50px; }
.site-footer .menu-footer-wrapper p { display: inline-block; margin-bottom: 0; margin-right: 30px; margin-left: 26px; font-family: 'Antonio', sans-serif; font-size: 30px; font-weight: 600; letter-spacing: 1.88px; text-transform: uppercase; line-height: 1; cursor: pointer; -webkit-transition: 0.2s all; transition: 0.2s all; }
.site-footer .menu-footer-wrapper p:hover { color: #fff900; }
.site-footer .logout-link { display: inline-block; }
.site-footer .logout-link a { font-family: 'Antonio', sans-serif; text-decoration: none; font-size: 30px; font-weight: 600; letter-spacing: 1.88px; text-transform: uppercase; line-height: 1; margin-left: 25px; -webkit-transition: 0.2s all; transition: 0.2s all; }
.site-footer .logout-link a:hover { color: #fff900; }

.copyright-section { text-align: center; }
.copyright-section p { color: #999; font-family: 'Heebo', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.copyright-section p .sep { display: inline-block; margin-left: 8px; margin-right: 8px; }
.copyright-section p a { color: #999; text-decoration: none; -webkit-transition: 0.2s all; transition: 0.2s all; }
.copyright-section p a:hover { color: #fff900; }

@media (max-width: 1199px){
	.site-footer ul li a,
	.site-footer .menu-footer-wrapper p, 
	.site-footer .logout-link a { font-size: 26px; }
}
@media (max-width: 991px){
	.site-footer ul li { padding-left: 11px; padding-right: 15px; }
	.site-footer ul li:first-of-type { padding-left: 0; }
	.site-footer ul li a, 
	.site-footer .menu-footer-wrapper p,
	.site-footer .logout-link a { font-size: 24px; }
	.site-footer .logout-link a { margin-left: 11px; }
	.site-footer .menu-footer-wrapper p { margin-right: 0; }
}
@media (max-width: 767px){
	.site-footer ul { display: block; }
	.site-footer ul li { display: block; border-right: 0; margin-bottom: 15px; }
	.site-footer .menu-footer-wrapper p,
	.site-footer .logout-link a { margin-left: 0; }
}
@media (max-width: 375px){
	.site-footer ul li a, 
	.site-footer .menu-footer-wrapper p,
	.site-footer .logout-link a { font-size: 19px; }
}
@media (max-width: 370px){
	.footer-bottom .copyright-section .sep { display: none; }
	.footer-bottom .copyright-section .copyright { display: block; }
}