/*-

Description: This is a reference file of combined color selectors
for the release version of the theme, used to build
the customizer schemes.

Use this file as a reference for Custom CSS or to build
a child theme color scheme. Do not edit this file directly -
it is not loaded into the theme!!

Author: Obox Themes
Author URI: http://www.oboxthemes.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-------------------------------*/
/*- DEFAULTS --------------------*/
/*-------------------------------*/
body{
    background-color: #454545;
    color: #777;
}
small{
    color: #8f8f8f;
}
a{
    color: #454545;
}
a:hover{
    color: #7D8FA2;
}
h1,
h2,
h3,
h4,
h5,
h6{
    color: #000;
}
code{
    background-color: #eee;
    color: #8f8f8f;
}
pre{
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #323232;
}

/*-------------------------------*/
/*- FORMS -----------------------*/
/*-------------------------------*/

    /*---------------------------*/
    /*- DEFAULTS ----------------*/
    textarea,
    input,
    select,
    button{
        background-color: #fff;
        border: 2px solid #eee;
        color: #8f8f8f;
    }
    textarea:focus,
    input:focus,
    select:focus{
        border-color: #ccc;
    }

    /*---------------------------*/
    /*- FORM BUTTONS ------------*/
    input[type=button],
    input[type=submit],
    button{
        background-color: #454545;
        border: none;
        color: #fff;
	}
    input[type=button]:disabled,
    input[type=submit]:disabled,
    button:hover{
        background-color: #ccc;
        color: #999;
    }

    /*---------------------------*/
    /*- UPLOAD FIELD ------------*/
    input[type=upload],
    input[type=file]{
        background-color: #eee;
        border: none;
    }

    /*---------------------------*/
    /*- CHECKBOX ----------------*/
    input[type=checkbox]{
        border: none;
    }

    /*---------------------------*/
    /*- RADIO BUTTONS -----------*/
    input[type=radio]{
        border: none;
    }

    /*---------------------------*/
    /*- PREPENDS + APPENDS ------*/
    .input-prepend .add-on{
        background-color: #eee;
        border: 2px solid #eee;
        border-right-width: 0px;
    }

    .input-append .add-on{
        background-color: #eee;
        border: 2px solid #eee;
        border-left-width: 0px;
    }
    .input-append input[type=text],
    .input-append input[type=password],
    .input-append input[type=email]{
        border-right: none;
    }
    .input-append input[type=submit],
    .input-append input[type=button],
    .input-append button{
        border-left: none;
    }
    .input-prepend.input-append input{
        border-right-width: 0;
        border-right-width: 0;
    }
    .input-prepend.input-append .add-on:first-child{
        border-left-width: 2px;
        border-right-width: 0;
    }


/*-------------------------------*/
/*- BUTTONS ---------------------*/
/*-------------------------------*/

    /*---------------------------*/
    /*- DEFAULT BUTTON ----------*/
    .button{
        background-color: #454545;
        border: none;
        color: #fff;
    }
    .button:hover{
        background-color: #323232;
        color: #fff;
    }

        /*-----------------------*/
        /*- PRIMARY BUTTON ------*/
        .btn-primary{
        	background-color: #fc0;
        	color: #5E2500;
        }
        .btn-primary:hover{
        	background-color: #f93;
        	color: #5E2500;
        }

        /*-----------------------*/
        /*- SECONDARY BUTTON ----*/
        .btn-secondary{
        	background-color: #A3C567;
        	color: #37451D;
        }
        .btn-secondary:hover{
        	background-color: #93B25E;
        	color: #37451D;
        }

        /*-----------------------*/
        /*- SUBTLE BUTTON -------*/
        .btn-subtle{
        	background-color: #eee;
        	color: #454545;
        }
        .btn-subtle:hover{
        	background-color: #eee;
        	color: #323232;
        }

        /*-----------------------*/
        /*- LINK BUTTON ---------*/
        .btn-link{
        	background: none;
        	text-decoration: underline;
        	color: #454545;
        }
        .btn-link:hover{
        	background: none;
        	color: #323232;
        }

        /*-----------------------*/
        /*- LINK BUTTON ---------*/
        .button.btn-invert{
        	background-color: #fff;
        	color: #454545;
        }
        .button.btn-invert:hover{
        	background-color: #454545;
        	color: #fff;
        }

        /*-----------------------*/
        /*- INVERT PRIMARY BUTTON -*/
        .invert .btn-primary{color: #5E2500;}
        .invert .btn-primary:hover{color: #5E2500;}

        /*-----------------------*/
        /*- INVERT SUBTLE BUTTON -*/
        .invert-block .btn-subtle{
        	background-color: #454545;
        	color: #fff;
        }
        .invert-block .btn-subtle:hover{
        	background-color: #009EEC;
        	color: #fff;
        }

        /*-----------------------*/
        /*- INVERT LINK BUTTON --*/
        .invert-block .btn-link{
        	color: #ccc;
        }
        .invert-block .btn-link:hover{
        	color: #fff;
        }

/*-------------------------------*/
/*- BADGES AND LABELS -----------*/
/*-------------------------------*/

    /*---------------------------*/
    /*- BADGE -------------------*/
    .badge{
    	background-color: #000;
        color: #fff;
    }

        /*-----------------------*/
        /*- PRIMARY BADGE -------*/
        .badge.badge-primary{
        	background-color: #5E2500;
        	color: #fff;
        }

        /*-----------------------*/
        /*- SECONDARY BADGE -----*/
        .badge.badge-secondary{
        	background-color: #37451D;
        	color: #fff;
        }

        /*-----------------------*/
        /*- SUBTLE BADGE --------*/
        .badge.badge-subtle{
        	background-color: #8f8f8f;
        	color: #fff;
        }

        /*-----------------------*/
        /*- BLANK BADGE ---------*/
        .badge.badge-blank{
        	background-color: #ddd;
        	color: #323232;
        }


    /*---------------------------*/
    /*- LABEL -------------------*/
    .label{
    	background-color: #454545;
    	color: #fff;
    }

        /*-----------------------*/
        /*- PRIMARY LABEL -------*/
        .label.label-primary{
        	background-color: #5E2500;
        	color: #fff;
        }

        /*-----------------------*/
        /*- SECONDARY LABEL -----*/
        .label.label-secondary{
        	background-color: #A3C567;
        	color: #fff;
        }

        /*-----------------------*/
        /*- SUBTLE LABEL --------*/
        .label.label-subtle{
        	background-color: #c0c0c0;
        	color: #fff;
        }

        /*-----------------------*/
        /*- ERROR LABEL ---------*/
        .label.label-error{
        	background-color: #E2574C;
        	color: #fff;
        }

        /*-----------------------*/
        /*- BLANK LABEL ---------*/
        .label.label-blank{
        	background-color: #ddd;
        	color: #323232;
        }

        /*-----------------------*/
        /*- LABEL SIMPLE --------*/
        .label.label-nofrill{
        	background: none;
        	color: #999;
        }

/*-------------------------------*/
/*- TABLES ----------------------*/
/*-------------------------------*/

	table{border: 2px solid #eee;}
	table th{
		background-color: #fff;
	    border-bottom: 2px solid #eee;
	    color: #454545;
	}
	table td{
        border-bottom: 2px solid #eee;
    }
	table tr:last-child td{
        border-bottom: none;
    }
	table .total{
        border-bottom: 1px solid #ddd;
    }

	.section-table-title td{
	    background-color: #f3f3f3;
	    color: #8f8f8f;
	}

/*-------------------------------*/
/*- WRAPPERS --------------------*/
/*-------------------------------*/

    /*---------------------------*/
    /*- WRAPPERS ----------------*/
    #wrapper-site,
    .wrapper-site{
        background-color: #fff;
    }

    /*---------------------------*/
    /*- WELLS -------------------*/
    .well{
        background-color: #f3f3f3;
    }
    .well .well{
        background-color: #eee;
    }
    .well-block{
        background-color: #fff;
        border: 3px solid #eee;
    }

    /*---------------------------*/
    /*- PANEL -------------------*/
    .panel ul{
        border: 2px solid #ddd;
    }
    .panel li{
    	background-color: #fff;
	    border-top: 2px solid #ddd;
	}
    .panel li:first-child{
        border-top: none;
    }
    .panel .panel-title{
    	background-color: #454545;
	    color: #fff;
	}
    .panel .panel-title + ul{
    	border-top: none;
    }
    .panel li .heading{
        color: #999;
    }


/*-------------------------------*/
/*- HEADER ----------------------*/
/*-------------------------------*/

    .header-secondary{
        background: #333;
    }

    .header-site{
        background: #f3f3f3;
    }

    .tagline{
        color: #8f8f8f;
    }

/*-------------------------------*/
/*- TITLES ----------------------*/
/*-------------------------------*/

    /*---------------------------*/
    /*- PAGE TITLES -------------*/
    .title-container{
        background-color: #f3f3f3;
    }
    .title-container .heading{
        color: #323232;
    }
    .title-container .excerpt{
        color: #8f8f8f;
    }

    /*---------------------------*/
    /*- SECTION TITLES ----------*/
    .section-title .heading{
        color: #323232;
    }
    .section-title .heading a{
        color: #454545;
    }
    .section-title .heading a:hover{
        color: #323232;
    }
    .section-title .excerpt{
        color: #8f8f8f;
    }

    /*---------------------------*/
    /*- SECTION NAV -------------*/
    .section-nav-title{
        color: #8f8f8f;
    }

    /*---------------------------*/
    /*- SECTION META ------------*/
    .meta-info{
        color: #8f8f8f;
    }


/*-------------------------------*/
/*- FOOTER ----------------------*/
/*-------------------------------*/

	.footer-site{
        background-color: #f3f3f3;
    }
    .footer-site .section-nav-title{
        color: #323232;
    }

    /*---------------------------*/
    /*- FOOTER COPY -------------*/
    .copyright{
        color: #999;
    }
    .copyright .nav-horizontal a{
        color: #454545;
    }
    .copyright .nav-horizontal a:hover{
    	background: none;
    	color: #323232;
    }
    .row + .copyright{
        border-top: 2px solid #ddd;
    }

/*-------------------------------*/
/*- NAVIGATION ------------------*/
/*-------------------------------*/

	.nav a{
        color: #323232;
    }
    .nav a:hover{
        color: #8f8f8f;
    }

    /*---------------------------*/
    /*- RESPONSIVE BUTTON -------*/
    .responsive-nav .h-menu{
        color: #454545;
    }

    /*---------------------------*/
    /*- HORIZONTAL NAV ----------*/
    .nav-horizontal li a{
        color: #323232;
    }
    .nav-horizontal li a:hover{
        color: #8f8f8f;
    }

    /*---------------------------*/
    /*- VERTICAL NAV ------------*/
    .nav-vertical a:hover{
    	background-color: #eee;
    	color: #323232;
    }

    /*---------------------------*/
    /*- INLINE NAV - FOOTER -----*/
    .nav-inline a{
    	color: rgba(255, 255, 255, 0.65);
    }
    .nav-inline a:hover{
    	color: #fff;
    }

    /*---------------------------*/
    /*- TABBED NAV --------------*/
    .nav-tabs{
    	background-color: #eee;
    }
    .nav-tabs a{
    	background-color: #f3f3f3;
    	color: #8f8f8f;
    }
    .nav-tabs a:hover{
    	color: #454545;
    	background-color: #f3f3f3;
    }
    .nav-tabs .active a{
    	background-color: #fff;
    	color: #454545;
    }

    /*---------------------------*/
    /*- PILL NAV ----------------*/
    .nav-pills a{
    	border: 2px solid #ddd;
    	color: #8f8f8f;
    }
    .nav-pills a:hover{
    	background-color: #8f8f8f;
    	border-color: #454545;
    	color: #fff;
    }
    .nav-pills .active a{
    	background-color: #8f8f8f;
    	border-color: #454545;
    	color: #fff;
    }
	.nav-pills span{color: #323232;}


    /*---------------------------*/
    /*- SORTABLE NAV ------------*/
    .nav-sort a{
    	color: #454545;
    }
    .nav-sort a:hover{
    	background-color: #454545;
    	color: #fff;
    }
    .nav-sort a.active{
    	background-color: #454545;
    	color: #fff;
    }
    .nav-sort a.active:hover{
    	background-color: #323232;
    	color: #fff;
    }

    /*---------------------------*/
    /*- SUB NAV -----------------*/
    .sub-menu{
    	background-color: #fff;
    	border: 2px solid #ddd;
    }
    .sub-menu li{
    	border: none;
    	border-bottom: 1px dotted #ddd;
    }
    .sub-menu li:last-child{
    	border-bottom: none;
    }
    .sub-menu li a{
    	background: none;
    	color: #454545;
    }
    .sub-menu li a:hover{
    	background-color: #333;
    	color: #fff;
    }
    .nav-vertical .sub-menu{
    	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
    }

    /*---------------------------*/
    /*- ABOLUTE NAV -------------*/
    .nav-absolute{
        color: #999;
    }
    .nav-absolute a{
        color: #ccc;
    }
    .nav-absolute a:hover{
        color: #fff;
    }

    /*---------------------------*/
    /*- STICKY NAV --------------*/
    .sticky-nav{
    	background-color: rgba(255, 255, 255, 0.95);
    	box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
    }

    /*---------------------------*/
    /*- BREAD CRUMBS ------------*/
    .bread-crumbs{
        color: #777;
    }
    .bread-crumbs a{
        color: #454545;
    }
    .bread-crumbs a:hover{
        color: #454545;
    }

    /*---------------------------*/
    /*- PAGINATION --------------*/
    .pagination li{
        border-right: 1px solid #eee;
    }
    .pagination li:last-child{
        border-right: none;
    }
    .pagination a,
    .pagination span{
    	background-color: #f5f5f5;
    	color: #454545;
    }
    .pagination a:hover{
    	background-color: #454545;
    	color: #fff;
    }
    .pagination .current{
        border-color: #323232;
    }
    .pagination .current{
    	background-color: #454545;
    	color: #fff;
    }
    .pagination li.next{
        border: none;
    }


/*-------------------------------*/
/*- COMPONENTS ------------------*/
/*-------------------------------*/

    /*---------------------------*/
    /*- BACK TO TOP -------------*/
    #back-to-top a{
        background: url(images/arrow-up-small.png) no-repeat;
        background-size: 32px 32px;
    }

    /*---------------------------*/
    /*- MARKETING BLOCK ---------*/
    .media.small .heading{
        color: #323232;
    }

    /*---------------------------*/
    /*- THUMBNAIL BLOCK ---------*/
    .thumbnail-body{
        background-color: #f5f5f5;
    }
    .thumbnail-body .heading{
        color: #000;
    }
    .thumbnail-body .excerpt{
        color: #777;
    }

        @media only screen and (min-width: 769px) {
            /*-----------------------*/
            /*- OVERLAY -------------*/
            .with-overlay{
                text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
            }
            .with-overlay .thumbnail-body{
                background: rgba(0, 0, 0, 0.65);
            }

            .with-overlay .heading{
                color: #fff;
            }
            .with-overlay .heading a{
                color: #fff;
            }

            .with-overlay .button{
            	background: none;
            	border: 2px solid #fff;
            	position: relative;
    		}
        }

    /*---------------------------*/
    /*- META --------------------*/
    .meta-info,
    .meta{
        color: #8f8f8f;
    }
    .meta-item i{
        color: #777;
    }

    /*---------------------------*/
    /*- OFF CANVAS --------------*/
    section[class*=' off-canvas-'] .section-nav-title{
        color: #888;
    }
    section[class*=' off-canvas-'] li a{
        color: rgba(255, 255, 255, 0.8);
    }

/*-------------------------------*/
/*- COPY STYLING ----------------*/
/*-------------------------------*/

    .copy a{
        border-bottom: 1px solid #ddd;
    }
    .copy a:hover{
        border-color: #999;
    }

    .copy h1,
    .copy h2,
    .copy h3,
    .copy h4,
    .copy h5{
        color: #323232;
    }

	.copy a.button{
        border-bottom: none;
    }

        /*-----------------------*/
        /*- WP CAPTIONS ---------*/
        .wp-caption{
            background: #f0f0f0;
        }
        .wp-caption p.wp-caption-text{
            color: #777;
        }

/*-------------------------------*/
/*- STORY -----------------------*/
/*-------------------------------*/

    .story a{
        border-bottom: 1px solid #ddd;
    }
    .story a:hover{
        border-color: #999;
    }
    .story h1,
    .story h2,
    .story h3,
    .story h4,
    .story h5{
        color: #323232;
    }
    .story blockquote{
        background: #f0f0f0;
        color: #999;
    }

/*-------------------------------*/
/*- COLOR RESETS ----------------*/
/*-------------------------------*/

    .no-fill{
        background: none !important;
    }

/*-------------------------------*/
/*- OFF CANVAS ------------------*/
/*-------------------------------*/

    /*---------------------------*/
    /*- CLOSE CANVAS ------------*/
    .close-canvas{
        background: #555;
        color: #999;
    }
    .close-canvas:hover{
        color: #fff;
    }

    /*---------------------------*/
    /*- OFF CANVAS WIDGETS ------*/
    section[class*=' off-canvas-'] .searchform input[type="text"]{
        background: none repeat scroll 0% 0% rgb(51, 51, 51);
        border: 2px solid rgb(85, 85, 85);
    }
    section[class*=' off-canvas-'] .searchform input[type="submit"]{
        background: #555;
        color: #ccc;
    }

        /*-----------------------*/
        /*- OFF CANVAS MENU -----*/
        section[class*=' off-canvas-'] .nav-vertical .sub-menu{
            border: none;
            box-shadow: none;
        }
        section[class*=' off-canvas-'] .nav-vertical .sub-menu li{
            border: none;
        }


/*-------------------------------*/
/*- HEADERS ---------------------*/
/*-------------------------------*/

    .header-site{
        background: #f3f3f3;
    }
    .header-site.header-sticky{
        background: rgba(243, 243, 243, 0.5);
    }

    /*---------------------------*/
    /*- POSITION OVERLAY --------*/
    .header-site.invert .nav-horizontal > ul > li > a{
        color: rgba(255, 255, 255, 1);
    }
    .header-site.invert .nav-horizontal > ul > li > a:hover{
        color: rgba(255, 255, 255, 0.7);
    }
    .header-site.invert .responsive-nav .l-menu{
        color: rgba(255, 255, 255, 1);
    }


/*-------------------------------*/
/*- SLIDER ----------------------*/
/*-------------------------------*/

    /*---------------------------*/
    /*- SLIDER CONTENT ----------*/
    .swiper-slide .overlay.darken{
        background-color: rgba(0, 0, 0, 0.2);
    }

    /*---------------------------*/
    /*- SLIDER NAVIGATION -------*/

        /*-----------------------*/
        /*- PAGINATION ----------*/
        .swiper-container .swiper-pagination-switch{
            background: #fff;
            border: 2px solid transparent;
        }
        .swiper-container .swiper-pagination-switch:hover{
            background: transparent;
            border: 2px solid #fff;
        }
        .swiper-container .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch{
            background: transparent;
            border: 2px solid #fff;
        }

        /*-----------------------*/
        /*- ARROWS --------------*/
        .swiper-container .arrows a{
            color: #fff;
        }

/*-------------------------------*/
/*- COMMENTS FORM ---------------*/
/*-------------------------------*/

    .comment-notes{
        color: #999;
    }
    p[class*='comment-form'] .required{
        color: #900;
    }
    .comment-reply-title{
        color: #323232;
    }
    .logged-in-as{
        color: #8F8F8F;
    }
    .form-allowed-tags code{
        background: none;
    }
    .form-submit input[type=submit]{
        background: #454545;
        border: none;
        color: #fff;
    }
    .form-submit input[type=submit]:hover{
        background: #323232;
        color: #fff;
    }


/*-------------------------------*/
/*- WORDPRESS WIDGETS -----------*/
/*-------------------------------*/

    .sidebar .widget li{
        border-bottom: 1px solid #ddd;
    }
    .sidebar .widget li:last-child{
        border-bottom: none;
    }
    #footer .widget li:last-child{
        border-bottom: none;
    }

    /*---------------------------*/
    /*- WIDGET NAV MENU ---------*/
    .menu-main-menu-container li a{
        color: #323232;
    }
    .menu-main-menu-container li a:hover{
        color: #8F8F8F;
    }
    /*---------------------------*/
    /*- SEARCH WIDGET -----------*/
    aside .search-field{
        border: none;
    }

/*-------------------------------*/
/*- TOOLTIPS --------------------*/
/*-------------------------------*/

    .tooltip:after{
        background: rgba(0, 0, 0, 0.85);
    }
    .tooltip:before{
        border: solid;
        border-color: rgba(0, 0, 0, 0.85) transparent;
    }

/*-------------------------------*/
/*- WORDPRESS STANDARDS ---------*/
/*-------------------------------*/

    .wp-caption-text{
        color: #777;
    }
    .gallery-caption{
        background: rgba(255, 255, 255, 0.95);
        color: #777;
    }
    .bypostauthor{
        color: #777;
    }


@media only screen and (max-width: 768px){

    /*---------------------------*/
    /*- LAYERS BADGE ------------*/
    .created-using-layers{
        background: rgba(0, 157, 243, 1);
        color: #fff;
    }
    .created-using-layers:hover{
        color: #fff;
        background: #3D454C;
    }

}

@media only screen and (min-width: 1100px){

    /*---------------------------*/
    /*- LAYERS BADGE ------------*/
    .created-using-layers{
        background: url(images/created-using-layers.png) top no-repeat;
        background-size: 30px 56px;
    }
    .created-using-layers:after{
        background: rgba(0, 157, 243, 0.85);
        color: rgba(255, 255, 255, 0.8);
    }
    .created-using-layers:hover{
        background-position: bottom;
    }

}


/*---------------------------*/
    /*- INVERT ------------------*/
    .invert{
        border: none;
        color: #fff;
    }
    .invert h5{
        color: #fff;
    }
    .invert code{
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        padding: 2px 4px;
    }
    .invert label,
    .invert legend{
        color: #fff;
    }
    .invert small{
        color: #ccc;
    }
    .invert a{
        color: #fff;
    }
    .invert a:hover{
        color: #fff;
    }

    .invert input,
    .invert textarea,
    .invert select{
        border-color: transparent;
    }
    .invert .input-prepend .add-on,
    .invert .input-append .add-on{
        border-color: transparent;
        background: #323232;
        color: #fff;
    }

    .invert .section-title .heading,
    .invert.section-title .heading{
        color: #fff;
    }
    .invert .section-title .excerpt,
    .invert.section-title .excerpt{
        color: rgba(255, 255, 255, 0.8);
    }
    .invert .avatar-image{
        border-color: #fff;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    }


        /*-----------------------*/
        /*- LOGO INVERT ---------*/
        .invert .sitename{
            color: #fff;
        }
        .invert .tagline{
            color: #fff;
            opacity: 0.9;
        }

        /*-----------------------*/
        /*- PAGE TITLES INVERT --*/
        .invert .heading{
            color: #fff;
        }
        .invert .sub-header{
            color: #fff;
            opacity: 0.9;
        }
        .invert .excerpt{
            color: #fff;
            opacity: 0.9;
        }

        /*-----------------------*/
        /*- NAV INVERT ----------*/
        .invert .nav > li > a{
            color: #fff;
            opacity: 0.8;
        }
        .invert .nav > li > a:hover{
            color: #fff;
            opacity: 1;
        }


    /*---------------------------*/
    /*- INVERT BLOCK ------------*/
    .invert-block{
        background: #323232;
        overflow: hidden;
        color: #ccc;
    }
    .thumbnail .invert-block{
        margin: 20px -20px -20px;
    }

    /*---------------------------*/
    /*- INVERTED MENUS ----------*/
    .invert .nav-vertical li a:hover{
        background: none;
        color: #fff;
    }
    .invert .sub-menu{
        background: none;
    }
    .invert .sub-menu li a{
        background: none;
    }
    .header-site.invert .sub-menu li a{
        background: #fff;
        color: #000;
    }
    .header-site.invert .sub-menu li a:hover{
        background-color: #323232;
        color: #fff;
    }