/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

.hideMe { display: none !important; }

body .x-navbar {
    background-color: #000;
    border: none !important;
}
body .x-colophon {
    background-color: #000;
    border: none !important;
    box-shadow: none !important;
    color: #ccc;
}

.desktop .sub-menu {
    background-color: #333 !important;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important;
}
.x-sidebar { padding-top: 30px; }


/* iFrame */
.leaderboard { overflow: auto; -webkit-overflow-scrolling:touch; width: 100%; height: 800px; }
iframe { overflow: auto; -webkit-overflow-scrolling:touch; }


/* HEADER */
header { background-color: #000; }

body .x-navbar {
    background-color: transparent !important;
    background-image: url("/wp-content/uploads/2017/01/header-bg.png");
    background-position: 50% 100%;
    background-repeat: repeat-x;
    padding-bottom: 29px;
    box-shadow: none !important;
}
.x-navbar-inner {
    background-color: #000;
}
div.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 13px;
    padding-right: 13px;
}


/* Headings */
.black { color: #000 !important; }
.red { color: #cc0033 !important; }
.white, .whiteText { color: #fff !important; }

p.smallText {
    font-size: 0.85em !important;
}
.eventHeading {
    color: #b42424;
    text-transform: uppercase;
}
.dateHeading {
    color: #000;
    text-transform: uppercase;
}
.ctaHeading {
    font-size: 50px !important;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0 !important;
}
.ctaSubHeading {
    color: #fff;
    font-size: 20px !important;
}
.headingNoPad {
    margin: 0 !important;
}
.headingWorkoutTitle {
    margin: 0.75em 0 !important;
    padding: 0.75em 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
hr {
    border-color: #a7a7a7;
}


/* HOME PAGE */

.homeContentPadd { padding-left: 10%; padding-right: 10%; }

@media only screen and (min-width: 768px) {
.homeEventBlocks { margin-top: -100px; }
}

.homeTwoCol1 { 
    background-color: #cc0033 !important;
}
.homeTwoCol2 {
    background-color: #000 !important;
    margin-top: 20px;
}
.homeTwoCol1, .homeTwoCol2 { 
    min-height: 180px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.eventDetails { padding: 20px 0 0 20px; }
.eventDate { font-size: 1.1em; }
.eventTitle { color: #fff !important; font-size: 2em; text-transform: uppercase; line-height: 1; font-weight: bold; }

@media only screen and (min-width: 768px) { .eventTitle { font-size: 1.6em; } }
@media only screen and (min-width: 1100px) { .eventTitle { font-size: 2.3em; } }

.eventLocation { padding-bottom: 5px; }
.eventBlockBtn a { padding: 7px 20px !important; }


@media only screen and (min-width: 700px) {
.homeTwoCol1 { 
    background-image: url("/wp-content/uploads/2017/01/individual-crossfit-event-bg.jpg");
}
.homeTwoCol2 {
    background-image: url("/wp-content/uploads/2017/01/teams-crossfit-event-bg.jpg");
}
.eventDetails { padding: 20px 0 0 32%; }
}

@media only screen and (min-width: 767px) {
.homeTwoCol2 { margin-top: 0; }
}


/* COUNTDOWN CLOCK */

#my-soon-counter-0 { background-color: #000 !important; margin-top: -0.25em; }
@media only screen and (min-width: 768px) { .soon[data-layout*="group"] { float: right; } }
.soon[data-layout*="group"] .soon-label { margin: -0.5em -1em 0; font-size: 0.35em; }

@media only screen and (min-width: 768px) { #my-soon-counter-0 { background-image: url("http://www.newzealandnationals.co.nz/wp-content/uploads/2017/01/countdown-icon.jpg"); background-position: 0 7px !important; background-repeat: no-repeat; padding-left: 68px; } }

.countdownIcon { margin: 0 0 1em 47%; }
@media only screen and (min-width: 768px) { .countdownIcon { display: none; }

@media only screen and (min-width: 768px) { .countdownButton { float: left; border-left: 1px solid #5f5f5f; padding-left: 40px; } }
.countdownButton .vc_btn3.vc_btn3-size-md { font-size: 26px; padding: 10px 100px; }



.x-content-band.border-right {
    border-right: 2px solid rgba(0,0,0,0.5) !important;
}

.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom: 0px !important;
}

.introBlock {
    background-position: 100% 100% !important;
    background-repeat: repeat-x !important;
    background-size: initial !important;
}
.videoBlock {
    background-position: 0% 100% !important;
    background-repeat: repeat-x !important;
    background-size: initial !important;
}


.socialBlock p {
    line-height: 1.2em;
}
.socialBlock .x-section {
    padding: 0 !important;
}


.page-id-7 .entry-wrap {
    border-radius: 0;
    box-shadow: none !important;
    padding: 0 !important;
}
.page-id-7 .x-container.width {
    width: 100% !important;
}
.page-id-7 h3 {
    margin-top: 0em !important;
}
.page-id-7 .entry-wrap li {
    margin-bottom: 1em;
}


.greyColumn {
    background-color: #eaeaea;
    padding: 15px;
}



.grungeBlock {
    background-color: #b42424 !important;
}

@media only screen and (min-width: 768px) {
.grungeBlock {
    background-image: url("/wp-content/uploads/2016/02/GrungeBlock.jpg");
    background-repeat: repeat-x;
    min-height: 318px;
    padding-top: 90px !important;
}
}

/*
.eventDateBlock {
    background-color: #b42424;
    padding: 10px;
}
*/

.entryFeesH5 {
    margin-top: 1.2em !important;
}
.entryPrice {
    font-size: 1.5em !important;
    color: #b42424;
}
.entryType {
    font-size: 1.2em !important;
}

.contactColumn {
    background-color: #eaeaea;
    padding: 30px;
}


.previous {
    float: left;
    clear: none;
    width: 40%;
}
.next {
    float: right;
    clear: none;
    width: 40%;
    text-align: right;
}


/* FOOTER */

.x-colophon.top {
    padding: 15px;
}
.x-colophon.bottom { 
    display: none !important;
}


.widget {
    text-shadow: none !important;
}
.widget a {
    color: #ccc;
}
div.footerIcon { 
    margin-bottom: 0 !important;
}
div.footerIcon .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner {
    max-height: 1.5em !important;
    max-width: 1.5em !important;
    float: left;
    margin-right: 0.75em;
}