/*

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

*/

/* ----- BEGIN CUSTOMIZE HEADER ----- */

.x-topbar {
    background-color: #0069cc; /* Topbar background color */
}

.x-topbar .p-info {
    background-color: #0069cc; /* Topbar text background color */
}

.x-topbar {
    border: none; /* Topbar border removed */
}

body .x-topbar .p-info, body .x-topbar .p-info a {
    color: #ffffff; /* Topbar text color */
}

body .x-topbar .p-info a:hover {
    color: #29292a; /* Topbar text link hover color */
}

.x-topbar .p-info, .x-topbar .p-info a{
    font-size: 14px; /* Topbar text font size */
}

.x-topbar .x-social-global a {
    color: #ffffff; /* Topbar all social icons color */
}

.x-social-global a:hover.twitter {
    color: #29292a; /* Topbar Twitter icon hover color */
}

.x-navbar {
    background-color: rgba(255, 255, 255, .95); /* Navbar background color and transparency */
}

.x-breadcrumbs > a {
    color: #f5f5f5; /* Breadcrumb background color */
}

.x-breadcrumbs > .delimiter {
    color: #f5f5f5; /* Breadcrumb background color */
}

.x-breadcrumbs > .current {
    color: #f5f5f5; /* Breadcrumb background color */
}

.x-breadcrumb-wrap {
    background-color: #f5f5f5; /* Breadcrumb background color */
}

.x-breadcrumb-wrap {
    border-bottom: none !important; /* Breadcrumb bottom border removed */
}

/* ----- END CUSTOMIZE HEADER ----- */

/* ----- BEGIN CUSTOMIZE FOOTER ----- */

.x-colophon.top {
    background-color: #0069cc; /* Footer widget area background color */
    color: #ffffff; /* Footer widget area text color */
    border: none; /* Footer widget area border removed */
}

.x-colophon.bottom {
    background-color: #0069cc; /* Footer background color */
    color: #ffffff; /* Footer text color */
    border: none; /* Footer border removed */
}

.x-colophon.bottom .x-nav li a {
    color: #ffffff; /* Footer nav menu text color */
}

footer.x-colophon.bottom a:hover {
    color: #29292a; /* Footer nav menu text hover color */
}

.x-colophon.bottom .x-social-global a {
    color: #ffffff; /* Footer all social media icon color */ 
}

.x-colophon.bottom .x-social-global a:hover {
    color: #29292a; /* Footer all social media icon hover color */
}

/* ----- END CUSTOMIZE FOOTER ----- */

/* ----- BEGIN CF7 RESPONSIVE 2 COLUMN FORM ----- */

#cf7-responsive-form{
/* ----- Change this to get your desired form width -----
    max-width:600px;
*/
    margin:0 auto;
    width:100%;
}

.form-row{
    width: 100%;
}

.column-half, .column-full{
    float: left;
    position: relative;
    padding: 0.65rem;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/**----- Media query -----**/
@media only screen and (min-width: 48em) { 
    .column-half{
        width: 50%;
    }
}

/* ----- END CF7 RESPONSIVE 2 COLUMN FORM ----- */

/* ----- BEGIN CUSTOM BUTTONS ----- */

   .x-btn.wht-btn {
      color: #ffffff; /* Button text color */
      border-color: #ffffff; /* Button border color */
    }

    .x-btn.wht-btn:hover {
      color: #29292a; /* Button hover text color */
      border-color: #29292a; /* Button border hover color */
    }

/* ----- END CUSTOM BUTTONS ----- */