/*
Theme Name:     Customizr Pro Child
Theme URI:      http://presscustomizr.com/customizr
Description:    A child theme with a custom skin for the Customizr Pro WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Nicolas Guillaume (nikeo)
Author URI:     http://presscustomizr.com
Template:       customizr-pro
Version:        1.0.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- */
/* czr-nav-menu-search menu item created in functions.php. Move it way over to the right */
.navbar .nav .czr-nav-menu-search {
    float: right;
}
.navbar .nav {
    width: 100%;
}
.czr-nav-menu-search .search-form {
    position: relative;
    margin: 0;
}
/*Stop the display of the Search button*/
.czr-nav-menu-search .search-submit {
    display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
.czr-nav-menu-search .search-form .screen-reader-text {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

/* Style the search input textbox */
.czr-nav-menu-search .search-field {
    background: transparent;
    border: none;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    cursor: pointer;
    height: 26px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 28px;
    position: relative;
    -webkit-transition: width 400ms ease;
    -moz-transition:    width 400ms ease;
    -o-transition:      width 400ms ease;
    transition:         width 400ms ease;
    width: 0px;
}

/* Expand the search box when you click it */
.czr-nav-menu-search .search-field:active,
.czr-nav-menu-search .search-field:focus {
    color: #5a5a5a;
    /* change the colour above if you are working with a dark navbar background */
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 80px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin: 0;
}

/* Add a magnifying glass background */
.czr-nav-menu-search .search-form:before {
    font-family: 'FontAwesome';
    content: '\f002';
    position: absolute; /* this is the key to put it visually inside the search field */
    font-size: 19px;
    font-weight: normal;
    top: 5px; /* tune this vertical alignment inside the search field, as needed */
    left: 5px; /* tune this horizontal alignment inside the search field, as needed */
}

/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px){
    .navbar .nav .czr-nav-menu-search {
        float: none;
    }
    .navbar .czr-nav-menu-search .search-field {
        width: 90%;
        min-width: 80px;
    }
    .navbar .nav {
        width: auto;
    }
}

/* Modifications for Salsa Engage signup form */

.sli-element * {
	font-family: 'Cantarell' !important;
}

.sli-element * h1, .sli-widget .sli-element h1 {
	font-family: 'Fjalla One' !important;
	font-size: 38px;
	line-height: 1.26;
}

.sli-form .sli-input[type="checkbox"] {
	margin-top: 0;
}