/*

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

*/

/*
// Colors
*/

.blue,.logo-blue {
    color: #009AE0;
}
.green,.logo-green {
    color: #7AC600;
}
.purple, a.purple,.logo-purple {
    color: #532A66;
}

.orange, a.orange {
    color: #C03F1D;
}

.light-orange, a.light-orange {
    color: #D07057;
}

.pink, a.pink {
    color: #D6653B;
}

.bright-orange, a.bright-orange {
    color: #F09133;
}


.dark-purple, a.dark-purple {
    color: #411452;
}

.black, a.black {
    color: #111111;
}

.charcoal, a.charcoal {
    color: #1C1C1C;
}

.off-white, a.off-white {
    color: #EDEDED;
}

.gray, .grey, a.gray, a.grey {
    color: #666666;
}

.white {
    color: #ffffff;
}

/*
    Nav
*/
.x-navbar .x-nav > li > a {
    /*color: #532A66 !important;*/
}

/*
// Prompt box
*/
/* Button */
/* Button - Large bold font */
.x-prompt a.x-btn {
    display: block;
    width: 90%;
    margin-top: 10px;
    font-family: "Open Sans Extrabold", sans-serif;
    padding: 0.3em 0.725em 0.33em;
    font-size: 24px;
    background-color: white;
    border-width: 0px;
    color: #008Ad0;
    text-shadow: none;
}

.x-prompt a.x-btn {
    text-shadow: none;
    color: #F09133;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* Button - Nudge Glyph down 1 pixel */
.x-prompt a.x-btn i {
    top: 1px;
    position: relative;
}

.x-btn:hover {
    text-shadow: 0 0em 0.5em rgba(225, 115, 7, 0.3);
}

a.x-btn.black {
    color: #333;
    border-color: #222;
}

a.x-btn.black:hover {
    text-shadow: none;
}

/*
// Misc
*/
.cap, .capitalize {
    text-transform: capitalize !important;
}

.ptr {
    cursor: pointer;
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.tac {
    text-align: center;
}

.bold {
    font-weight: bold;
}

/* Thumbs */
.x-img-thumbnail {
    padding: 4px;
    border: none;
    background-color: #ffffff;
    border-radius: 0;
    box-shadow: none;
}

a.x-img-thumbnail:hover {
    border: none;
    box-shadow: none;
}

.bf-thumbnail {
    border: 4px solid white;
}

/* Custom: .placard-text lists */
.placard-list ul, ul.placard-list {
    margin: 0;
}

.placard-list li {
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    list-style: none;
    line-height: 100%;
    margin: 10px 0 0 0;
    background: orange;
    color: #111;
    font-weight: 700;
    padding: 16px 10px;
    font-size: 140%;
}

.placard-list li a {
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    color: #111;
}

.placard-list li a:hover {
    color: #00a0d2;
}

.placard-list li i.x-icon-check-square-o {
    position: relative;
    top: 1px;
    /* adjust gap */
    padding-right: 3px;
}

/* banner placard styles */
/* - black on orange */
.banner-placard-s1 {
    font-weight: bold;
    background-color: orange;
}

/* - black on white */
.banner-placard-s2 {
    background-color: white;
    color: #222;
}

.banner-placard-s1,
.banner-placard-s2 {
    padding: 8px 16px 10px 16px;
    opacity: 0.86;
}

/* X-Slider */
.x-flexslider-shortcode-container {
    border: 4px solid #fff !important;
    padding: 0 !important;
    background-color: #fff;
    border-radius: 0;
}

/* CallOut box Button */
.x-callout .x-btn {
    font-weight: bold;
    padding: 0.563em 2em 0.5em 1.1em;
}

/* Custom Background when selecting text */
::selection {
    background: #279eff;
    color: #fff;
}

/* Small line - looks great under headings, and under info blocks. */
.separator.small {
    border-bottom-width: 2px;
    border-color: #F09133;
    width: 35px;
    border-style: solid;
}

/* faint logo watermark, bottom left */

.x-navbar-fixed-left {
    background-color: transparent;
    background-image: url(../../uploads/brushflow-transparent-logo-corner-6.png);
    background-repeat: no-repeat;
    background-position-y: 175%;
    background-position-x: -240px;
    background-size: 260%;
}

/* Nav, Call Us, Telephone */
.nav-tel {
    font-size: 22px;
    font-weight: bold;
}

.nav-tel i {
    color: #F09133;
    font-size: 28px;
    position: relative;
    top: 5px;
}

.nav-tel a {
    color: #EDEDED;
    border-bottom: 2px solid #222;
}

/*
// Envira Gallery
*/
#envira-gallery-wrap-155 {
    background-color: #ffffff !important;
    padding-top: 20px;
    padding-left: 8px;
    padding-right: 8px;
}

/*
// Contact Form 7
*/
textarea.cf7-ta-1 {
    height: 64px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #aaaaaa;
}

input.wpcf7-submit {
    font-weight: bold;
    font-size: 18px;
    text-shadow: none;
    padding-bottom: 0.53em;
}


/*
// Responsive Styles
*/
div.x-nav-wrap.mobile.collapse {
    text-align: right;
}

@media (min-width: 1175px) and (max-width: 1340px) {
}

@media (min-width: 980px) and (max-width: 1176px) {
}

@media (max-width: 980px) {
}

@media (max-width: 640px) {
    a.x-brand.img img {
        width: 120px;
    }
    .x-navbar .mobile .x-nav {
        margin-top: 1px;
    }
}

@media (max-width: 320px) {
    .custom-text-under-nav {
        clear: left;
    }
    .custom-text-under-nav p.charcoal {
        display: none;
    }
}