/*
Theme Name: X Child Theme
Author: Chris - Mindflow.com.au
Author URI: http://www.Mindflow.com.au/
Description: Custom made for Color Gear Pty. Ltd.
Version: Oct-2015
Template: x
*/

/*
INDEX
-----
Misc
Colors
Menu
- Megamenu
Breadcrumbs
Accordion
Buttons
Dropcap
Headings - Dark section
Sidebar
Contact Form 7
Backgrounds
Footer
Widget
Text Effects
Animations
Font Sizes
Master Slider
*/

/*
// Misc
*/
.ptr {
    cursor: pointer;
}
.center {
    margin-left: auto !important;
    margin-right: auto !important;
}
div.x-container.max.width.main div.offset {
    margin-top: 0
}

.margin-top-0 {
    margin-top: 0 !important
}

.fabric-perf-grid .x-1-6 {
    padding: 18px
}

.bg-top-left {
    background-position: top left;
}
ul.arrow-list {
    list-style: none;
}
ul.arrow-list li {
    padding-left: 0.9em;
}
ul.arrow-list li:before {
    content: "\2023\ ";
}
/*Home Categories Section*/
.sec-categories .x-img {
    margin-bottom: 1em;
    margin-top: 2.3em;
}

/*
// Colors
*/
.white {
    color: #ffffff
}
.orange {
    color: #EEA002
}
.red {
    color: #D70024
}
.bg-orange, .x-dropcap.bg-orange {
    background-color: #EEA002
}
.bg-red, .x-dropcap.bg-red {
    background-color: #D70024;
}
.c222, a.c222, .c222 a {
    color: #222 !important;
}
.c777, a.c777, .c777 a {
    color: #777 !important;
}
.c999, a.c999, .c999 a {
    color: #999 !important;
}
/*
// Navbar / Menu
*/
.x-navbar {
    background: black url(http://www.colorgearsports.com/misc/bg_iron_black_hex.jpg) center center repeat-x !important;
}
.x-navbar .x-nav-wrap .x-nav > li > a {
    /* Need to override X theme issue */
    letter-spacing: 0px !important;
}

.x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li > a {
    color: #dddddd !important;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .sub-menu a:hover, .x-navbar .mobile .x-nav li > a:hover {
    color: #ffffff !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: 0 6px 0 0 #0386a5 !important;
}

ul.x-nav li.menu-item a span{
    /*font-size: 20px !important;*/
}
ul.sub-menu li.menu-item a span{
    font-size: 16px !important;
}
.x-btn-navbar.collapsed {
    color: rgba(255,255,255,0.9);
}

/*
  - Megamenu
*/
.x-nav .x-megamenu.col-8 > .sub-menu > li {
    width: 12.5%
}

.x-megamenu.col-8 > .sub-menu > li:nth-child(9n) {
    clear: left
}

.x-nav .x-megamenu > .sub-menu > li {
    padding: 10px !important; /* orig: 18px */
}
.x-megamenu>.sub-menu>li>a {
    border: none !important;
}
.x-nav .x-megamenu > .sub-menu > li {
    padding: 0 10px 10px 10px !important;
}
.x-nav .x-megamenu > .sub-menu > li > a {
    padding-top: 0 !important;
}
/* Sub > Sub Menu font-size */
.x-megamenu.col-8 > ul.sub-menu ul.sub-menu li {
    font-size: 90%;
}
/*
  - Responsive
    $breakSmall:          480px  !default;
    $breakMedium:         767px  !default;
    $breakMediumLarge:    979px  !default; // (+1 = default desktop)
    $breakLarge:          1200px !default;
*/
@media (min-width: 1175px) and (max-width: 1340px) {
    .x-navbar .x-nav-wrap .x-nav > li > a {
        /*color: orange !important;*/
        font-size: 96% !important;
        letter-spacing: 0 !important;
    }
    .x-navbar .desktop .x-nav > li > a {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .x-brand img {
        width: 140px;
    }
    .x-navbar-inner {
        min-height: 90px;
    }
    .x-navbar .desktop .x-nav > li > a {
        height: 87px;
        padding-top: 38px;
    }
}
@media (min-width: 980px) and (max-width: 1176px) {
    .x-navbar .x-nav-wrap .x-nav > li > a {
        /*color: yellow !important;*/
        font-size: 94% !important;
        letter-spacing: 0 !important;
    }
    .x-navbar .desktop .x-nav > li > a {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .x-container.width {
        width: 92% !important;
    }
    .x-brand img {
        width: 120px !important;
    }
    .x-navbar-inner {
        min-height: 87px !important;
    }
    .x-navbar .desktop .x-nav > li > a {
        height: 84px !important;
        padding-top: 38px !important;
    }
}
@media (max-width: 980px) {
    .x-brand img {
        width: 120px !important;
    }

    .x-nav .x-megamenu.col-8 > .sub-menu > li {
        width: 11.5% !important;
        display: inline-block !important;
    }

    .x-nav .x-megamenu > .sub-menu > li {
        padding: 0 !important;
        display: inline-block !important;
    }
    .x-navbar .mobile .x-nav li > a {
        padding: 1px !important;
    }
    .x-navbar .mobile .x-nav .x-megamenu li div.x-sub-toggle {
        display: none;
    }

    .x-navbar-inner {
        min-height: 87px !important;
    }
}

@media (max-width: 640px) {
    table.responsive {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    table.responsive {
        font-size: 10px;
    }
    table.responsive td {
        padding: 4px 1px;
    }
}

/*
// Breadcrumbs
*/
.x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
    color: #878787 !important;
}

/*
// Accordion
*/
.x-accordion-heading .x-accordion-toggle {
    text-transform: none;
}

/*
// Buttons
*/

.x-btn {
    font-weight: 700;
}

.x-btn.x-btn-alt,
.button.x-btn-alt, [type="submit"].x-btn-alt {
    border-color: #02aed6;
    background-color: #02aed6;
    box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

/* Vertically Center the font */
.x-btn.x-btn-alt:hover,
.button.x-btn-alt:hover, [type="submit"].x-btn-alt:hover {
    border-color: #0b8ead;
    background-color: #0b8ead;
    box-shadow: 0 0.25em 0 0 #097690, 0 4px 9px rgba(0, 0, 0, 0.75);
}

/* Adjust icon space */
.x-promo-content a i.x-icon {
    margin-left: 10%
}

.x-btn, .button {
    padding: 0.563em 1.125em 0.513em;
    padding-bottom: 0.513em !important;
}

.x-btn.x-btn-large {
    padding-bottom: 0.462em;
}
.x-btn.x-btn-regular {
    padding-bottom: 0.6em;
}
/*Contact Form Button*/
#wpcf7-f339-p35-o1 > form input[type="submit"] {
    padding-bottom: 0.5em !important;
}

/*
// Dropcap
*/

.x-dropcap {
    background-color: #02aed6;
}

/*
// Headings
*/

/* Text Shadow */
.shadow-black {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.shadow-white {
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.7);
}

.bg-carbon.page-title h1 {
    margin-top: 0 !important;
    /*padding-left: 5%;*/
    color: #fdfdfd !important;
}

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section h1 a,
.dark-section h2 a,
.dark-section h3 a,
.dark-section h4 a,
.dark-section h5 a,
.dark-section h6 a {
    color: #fff;
}

.dark-section h1 a:hover,
.dark-section h2 a:hover,
.dark-section h3 a:hover,
.dark-section h4 a:hover,
.dark-section h5 a:hover,
.dark-section h6 a:hover {
    color: #fff;
    opacity: 0.65;
}

/*
// Sidebar
*/

.widget a {
    color: #02aed6;
}

/*
// Contact Form 7
*/

.wpcf7-form {
    margin: 0;
}

/*
// Backgrounds
*/
.bg-carbon {
    background-color: #131313 !important;
    background: black url(http://www.colorgearsports.com/misc/bg_iron_black_hex.jpg) center center repeat-x !important;
}
.bg-carbon-dark {
    background-color: #131313 !important;
    background: black url(http://www.colorgearsports.com/misc/bg_iron_black_hex_dark.jpg) center center repeat-x !important;
}
.bg-carbon-bright {
    background-color: #131313 !important;
    background: black url(http://www.colorgearsports.com/misc/bg_iron_black_hex_bright.jpg) center center repeat-x !important;
}
.bg-carbon-pattern {
    background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0,
    linear-gradient(27deg, #222 5px, transparent 5px) 0 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313 !important;
    background-size: 20px 20px;
}

/*
// Footer
*/
footer.x-colophon.bottom {
    /*display: none*/
}

footer.bottom {
    color: #cccccc !important;
    background-image: none !important;
    background-color: #000000 !important;
}

.x-colophon.top {
    padding: 0 0 10px 0;
}

footer.top{
    color: #aaa !important;
    background: black url(http://www.colorgearsports.com/misc/bg_iron_black_hex.jpg) center center repeat-x !important;
    font-size: 90%;
}

footer.top ul li,footer.top ul li a {
    color: #aaa !important;
}

footer.top ul li a:hover {
    color: #ddd !important;
}

footer .ttl {
    font-weight: bold;
    color: #cccccc;
}
footer .f-logo:before {
    background: none !important;
}

/*
// Widget
*/

/* Used in Footer */
.widget {
    color: inherit !important;
}

/*
// Text Effects
*/


/*
// Animations
*/
.x-card-outer.flip-3d .x-card-inner {
    /*Speed up animation*/
    transition-duration: 0.5s !important;
}


/*
// Font Sizes
*/
.f300 { font-size: 300%; }
.f200 { font-size: 200%; }
.f160 { font-size: 160%; }
.f150 { font-size: 150%; }
.f120 { font-size: 120%; }
.f100 { font-size: 100%; }
.f80 { font-size: 80%; }
.f60 { font-size: 60%; }

/*
// Master Slider
*/
.ms-cg-slider .ms-slider img {
  margin-top: 0px !important;
}