/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://www.americagear.org/
 Description:  Twenty Sixteen Child Theme
 Author:       Brad
 Template:     twentysixteen
 Version:      1.0.0
*/


/*sets all SVG's to be responsive. displaying at full width*/
img[src*='.svg']{
    width: 100%;
    height: auto;
    
}


/*this didn't help as desired -- sticky header -- You can simply add the following CSS to your header element. For example, if your header had a class of site-header, you would use the following CSS:
This will move your main content area (whatever comes immediately after your header) behind your header, instead of below it. We need to bump the main content area down so none of it gets cut off.*/

/*

.site-header {
	position: fixed;
	width: 100%;
	z-index: 1000;
}*/

.site-footer {
  /*background-color: #F5F5F5;*/
  
  
 /* color: #000;*/
}

.site-header {
    /*
	background-color: #F5F5F5;*/
	/*text-align: center;*/
}




/* Get rid of black border */
 
.site {
    margin: 0 auto !important;
    
}
 
body:not(.custom-background-image):before,
    body:not(.custom-background-image):after {
    height: 0px !important;
}

/*
.site-inner {
    overflow: hidden !important;
}
*/


/*
#site-banner {
    max-width: inherit;
    width: 100%;
}
*/
/********************************/


/* Webfont: Haimdaletypeface */

@font-face {
    font-family: 'Haimdaletypeface';
    src: url('/wp-content/themes/twentysixteen-child/fonts/Haimdale.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/twentysixteen-child/fonts/Haimdale.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/twentysixteen-child/fonts/Haimdale.woff') format('woff'), /* Modern Browsers */
         url('/wp-content/themes/twentysixteen-child/fonts/Haimdale.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/wp-content/themes/twentysixteen-child/fonts/Haimdale.svg#Haimdaletypeface') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    
}


/* Webfont: MidnightShow-Regular */@font-face {
    font-family: 'MidnightShow';
    src: url('/wp-content/themes/twentysixteen-child/fonts/Midnight Show.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/twentysixteen-child/fonts/Midnight Show.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/twentysixteen-child/fonts/Midnight Show.woff') format('woff'), /* Modern Browsers */
         url('/wp-content/themes/twentysixteen-child/fonts/Midnight Show.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/wp-content/themes/twentysixteen-child/fonts/Midnight Show.svg#MidnightShow-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}





/* Webfont: Shakehand-Regular */@font-face {
    font-family: 'Shakehand';
    src: url('/wp-content/themes/twentysixteen-child/fonts/Shakehand typeface.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/twentysixteen-child/fonts/Shakehand typeface.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/twentysixteen-child/fonts/Shakehand typeface.woff') format('woff'), /* Modern Browsers */
         url('/wp-content/themes/twentysixteen-child/fonts/Shakehand typeface.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/wp-content/themes/twentysixteen-child/fonts/Shakehand typeface.svg#Shakehand-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



/* Webfont: Shoutest typeface shadowed */@font-face {
    font-family: 'Shoutesttypefaceshadowed';
    src: url('/wp-content/themes/twentysixteen-child/fonts/Shoutest shadowed.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/twentysixteen-child/fonts/Shoutest shadowed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/twentysixteen-child/fonts/Shoutest shadowed.woff') format('woff'), /* Modern Browsers */
         url('/wp-content/themes/twentysixteen-child/fonts/Shoutest shadowed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/wp-content/themes/twentysixteen-child/fonts/Shoutest shadowed.svg#Shoutest typeface shadowed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Holden */@font-face {
    font-family: 'Holden';
    src: url('/wp-content/themes/twentysixteen-child/fonts/Holden.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/twentysixteen-child/fonts/Holden.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/twentysixteen-child/fonts/Holden.woff') format('woff'), /* Modern Browsers */
         url('/wp-content/themes/twentysixteen-child/fonts/Holden.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/wp-content/themes/twentysixteen-child/fonts/Holden.svg#Holden') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}




.site-title {
	font-family: 'Shakehand', sans-serif;
	font-size: 33px;
	letter-spacing: 3px;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.0;
	margin: 0;
}


/* how to prevent scroll bar from repositioning webpage - just leave it on always but doesn't work in chrome browsers */
html {
  overflow-y: scroll;
}



.search-form {
	position: relative;
}

input[type="search"].search-field {
	border-radius: 7px 0px 0px 7px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
	
}

.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;

}

.search-submit {
	border-radius: 0 7px 7px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}