/*
 Theme Name:     Pinboard Child Theme
 Theme URI:      https://www.chrisblackledge.com/child-themes/pinboard
 Description:    Pinboard Child Theme
 Author:         Chris Blackledge
 Author URI:     http://www.chrisblackledge.com
 Template:       pinboard
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

#header {
    position: fixed;
    background-color: #FFFFFF;
    z-index: 3;
    width: 1140px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

#container {
    padding-top: 130px;
}

#site-title img {
    margin: 0px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#site-title, #site-description {
    line-height: 0px;
    margin: 10px 15px;
}

#social-media-icons {
    margin-top: 15px;
    margin-bottom: 5px;
}

#header #searchform {
    margin-top: 15px;
}

.pinboard_child_error {
    padding: 20px;
}

.instagram {
    background-image: url("images/instagram.png");
}

.github {
    background-image: url("images/github.png");
}

@media screen and (max-width: 1152px) {
	#header {
		width: 960px;
	}
}

@media screen and (max-width: 960px) {
	#header {
		width: 760px;
	}
}

@media screen and (max-width: 760px) {
	#header {
		width: 100%;
		max-width: 380px;
	}

	#container {
		padding-top: 97px;
	}

	#site-title {
    		margin: 10px 15px;
		text-align: left;
	}

	#header #searchform {
    		position: absolute;
		margin: 0px 0px;
		width: 110px;
		top: 10px;
		left: 100px;
	}

	#header input#s {
		width: 150px;
		margin-left: 0px;
	}

	#header input#s:focus {
		width: 150px;
		margin-left: 0px;
	}

	#access .nav-show, #access a.nav-show:hover {
		top: 10px;
		right: 20px; // need to adjust this for mobile; also, width of select box
	}

	#site-title img {
		width: 75px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	#access:target .menu {
		margin-top: 50px;
	}

}

@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
#header input#s {
	background-position: right center;
}