/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://www.femplay.com.au/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       Aidan Reay
 Author URI:   http://www.femplay.com.au/
 Template:     twentyfourteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

@import url("../twentyfourteen/style.css");

/*------------------------------------------*/
/* Header Changes                           */
/*------------------------------------------*/

/* Change the header bar to white */
.site-header {
	background-color: #fff;
	max-width: 1260px;
	position: relative;
	width: 100%;
	z-index: 4;
}

/* Change 'Femplay Australia Blog' hover colour to pink */
.site-title a,
.site-title a:hover {
    color: #d38;
}

/* Box around the magnifying glass - Now white */
.search-toggle {
    background-color: #fff;
    cursor: pointer;
    float: right;
    height: 48px;
    margin-right: 38px;
    text-align: center;
    width: 48px;
}

.search-toggle:hover,
.search-toggle.active {
    background-color: #fff;
}

/* Change the magnifying glass to pink */
.search-toggle:before {
    color: #b16;
    content: "\f400";
    font-size: 20px;
    margin-top: 14px;
}

.search-box {
    background-color: #f9c;
    padding: 12px;
}

.search-box .search-field {
    background-color: #fff;
    border-colour: #888;
    border: 1;
    float: right;
    font-size: 16px;
    padding: 2px 2px 3px 6px;
    width: 100%;
}

/*------------------------------------------*/
/* Footer Changes                           */
/*------------------------------------------*/

.site-footer {
    background-color: #d38;
    font-size: 12px;
    position: relative;
    z-index: 3;
}

/*------------------------------------------*/
/* Sidebar Changes                          */
/*------------------------------------------*/

/* Make the sidebar white */
@media screen and (min-width: 1008px) {
    .site:before {
        background-color: #fff;
        content: "";
        display: block;
        height: 100%;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 182px;
        z-index: 2;
    }
}

/* Remove the black background on the sidebar when it is moved to the bottom on mobile */
@media only screen and (max-width: 1007px) {

#secondary {
	background-color: #EEE;
}
}


/* Make the sidebar headings black*/
.widget-title,
.widget-title a {
    color: #000;
}

/*Search box border?*/
.search-box .search-field {
    background-color: #fff;
    border-color: #888;
    border: 1;
    float: right;
    font-size: 16px;
    padding: 2px 2px 3px 6px;
    width: 100%;
}

/* Text colour to black */
.widget a {
    color: #000;
}