/*
Theme Name: found-press Child
Description: A starter WordPress theme using Foundation 6
Author: Chris Long
Author URI: http://github.com/CL75/
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive, fluid, mobile, mobile-friendly
Template:   found-press
Comments:   includes CSS from HTML5 Boilerplate and Normalize.css.
  		http://necolas.github.com/normalize.css/
			https://github.com/h5bp/html5-boilerplate


@import url("../found-press/style.css"); */








/* ==========================================================================
   Global
   ========================================================================== */

body {
	background:#FFF;
	padding:0;
	margin:0;
}

div#page {
	padding:0 10px;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	color:#000;
}

p, i, h5 a, a.title, span.posted_in, small, a, li, li a {
	color:black;
}

a {
	color:black;
}

a:hover,
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover,
ul.menu li a:hover,
p b a {
	color:#696969;
}

.full-width {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

a i {
	font-size:3em;
	padding:10px 7px;
}

#smpb-footer {
	margin:65px 0 0 0;
}

div#footer-social {
	padding:0 0 15px 0;
}

#smpb-header {
	padding-bottom:70px;
}

img#header-image {
	margin:14px 0 0 0;
}

.nav-right,
.menu-primary-container {
	text-align:right;
}

ul#menu-primary {
	display:inline-block;
}

#smpb-footer {
	padding-top:10px;
}

div#brands {
	padding:50px 0;
}

#phone-icon, #main-menu {
	display:inline-block;
}

#phone-icon {
	padding-top:2px;
	vertical-align:top;
}

div.dfad a img {
	border:solid 1px black;
}

#blogposts a.more-link {
	display:none;
}


div#hero {
	background-image:url('https://www.sk8serio.com/wp-content/themes/fp-child/img/lanky-kickflip.jpg');
  background-repeat: no-repeat;
	background-position:center;
  width: auto;
  height: 508px;
	margin-bottom:100px;
}

div#product-overview {
	margin-bottom:65px;
}

div#brands {
	margin-bottom:50px;
}


/* This style requires a square image to work properly */
.img-circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }







/* ==========================================================================
   Header & Footer
   ========================================================================== */

/* FIXED NAV ALL DEVICES */
div#smpb-nav {
	position:fixed;
	width:100%;
	z-index:1000;
}

div#smpb-nav, ul.menu {
	background:#FFF;
	opacity:.95;
}

/* Control appearance of nav menu links */
ul.menu li a {
	color:#000;
	font-size:1em;
}

ul.menu li a:hover {
	color:#F00;
}

button.button {
	background:#F00;
}












/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

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

	#serio {
		padding-top:90px;
	}
	
	#smpb-footer {
		margin-top:50px;
	}
	
	/* controls product title on product pages */
	div.summary h1.product_title {
		font-size:24px;
	}

}

@media screen and (width:1024px) and (orientation:landscape) {

	

}





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

	

}




@media screen and (width:768px) {

	.top-bar {
		margin-bottom:24px;
	}

}



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

	

}











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

}








/* Target all devices 600px wide or less */
@media screen and (max-width: 600px)	{
	
	
	
}



/* Target all devices 568px wide */
@media screen and (min-width: 568px)	{
	
	#footer-social {
		text-align:right;
	}
	
}





/* Target all devices 480px wide or less */
@media screen and (max-width: 480px)	{

	/* Center our navigation elements for phones */
	.top-bar {
		text-align:center;
	}
	
	/* Center our cart icon for phones */
	ul.menu {
		display:inline-block;
	}
	
	img#header-image {
		height:90%;
		width:90%;
		margin-top:14px;
	}
	
	#footer-social, #copyright {
		text-align:center;
	}
	
	/* controls product title on product pages */
	div.summary h1.product_title {
		font-size:16px;
	}
	
}




/* Target up to 320 wide */
@media screen and (max-width: 320px) {
	
	#smpb-header {
		padding-bottom:50px;
	}
	
	div.nav-right {
		margin:6px 0px 0 0;
	}
	
	div#hero {
		background-image:url('https://www.sk8serio.com/wp-content/themes/fp-child/img/miles-downtown-kickflip-320.jpg');
	  background-repeat: no-repeat;
	  width: auto;
	  height: 437px;
	}
	
	
}











/* EASILY CHECK DIV POSITIONING
   https://gist.github.com/4657937 */
.a { background: aqua;    	   	}
.b { background: blue;			}
.c { background: chartreuse; 	}
.d { background: dodgerblue; 	}
.e { background: beige;       	}
.f { background: fuchsia; 		}
.g { background: green; 		}
.h { background: hotpink; 		}
.i { background: indigo; 		}
.j { background: gold;      	}
.k { background: khaki;     	}
.l { background: limegreen;   	}
.m { background: maroon;     	}
.n { background: navy;     		}
.o { background: orange; 		}
.p { background: pink; 			}
.q { background: turquoise;		}
.r { background: red; 			}
.s { background: SaddleBrown;	}
.t { background: teal;     		}
.u { background: AliceBlue;		}
.v { background: violet;     	}
.w { background: crimson;  		}	
.x { background: coral;    		}
.y { background: yellow; 		}
.z { background: DarkMagenta; 	}