/*
Theme Name: skateinschool
URI: http://320press.com/wpbsDescription 
Author: Ailene Pecayo
*/

@import url(library/css/font-face.css);
@import url(http://fonts.googleapis.com/css?family=Monda:400,700);

/*** General CSS ****/

body { padding-top: 0; font-family:'DINPro-Regular', sans-serif; font-size: 16px; line-height: 23px; color: #4E4F51;}
.container { width: 960px}
.row { margin-left: 0; margin-right: 0}
h1,h2,h3,h4,h5,h6 { font-family:'DINPro-Bold', sans-serif!important; color: #595a5c  }
.alignleft { float: left; margin: 1% 2% 2% 0}
.alignright { float: right; margin: 1% 0 2% 2%}
.aligncenter { clear: both; text-align: center; margin: 1%}
.alignnone { float: none; margin: 1% } 

/* #Links
/***********************************************************/
	a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; }
	a:hover, a:focus, a:visited { outline: 0; text-decoration: underline;}
	p a, p a:visited { line-height: inherit; }
	a img { border: 0}
	
/* #Images
/***********************************************************/
	img, a img {
		border:none;
		padding: 0;
		margin:0;
		display:inline-block;
		max-width: 100%;
		height:auto;
		width:auto;
		image-rendering: optimizeQuality;
	}

/* #Buttons
/***********************************************************/

	input[type="submit"], #submit, .button{
		padding:9px 22px;
		cursor:pointer;
		border:none;
		 -webkit-appearance: none;
		 border-radius: 0px;
		background-color: #ed145a;
		color: #fff;
	}
	
	input[type="submit"]:hover, #submit:hover, .button:hover, .navbar-nav > li > a:hover {
		opacity: .7;
		transition: .5s;
	}
	
/* #Lists
/***********************************************************/
	ul, ol { margin-bottom: 20px;  }
	ul { list-style: none outside; margin-left: 7px;}
	ol { list-style: decimal; margin-left: 15px; }
	ol, ul.square, ul.circle, ul.disc { }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc, .entry-content-wrapper ul { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	.gform_wrapper .gform_body .gfield { margin-bottom: 10px}
	.gform_wrapper .gform_body label.gfield_label { font-size: 13px;}
	.gform_wrapper .gform_body input[type="text"], .gform_wrapper .gform_body textarea { 
		border: 1px solid #a6a8ac; 
		border-radius: 3px;
		font-size: 13px;
		line-height: 18px;
		color: #a6a8ac; 
	}
	
/* #Table
/***********************************************************/
table {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 13px;
	border-collapse: separate;
	border-spacing: 0;
}

table caption {
	padding: 0 0 5px 0;
	width: auto;
	font-style:italic;
	text-align: right;
	font-size: 12px;
}

th {
	font-weight:bold;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: left;
	padding: 9px 12px;
	border-style: solid;
	border-width: 1px;
	border-left:none;
	border-top:none;
}

td {
	font-size: 13px;
	padding: 9px 12px;
	border-style: solid;
	border-width: 1px;
	border-left:none;
	border-top:none;
}

tr th:first-child, tr td:first-child{
	border-left-style: solid;
	border-left-width: 1px;
}

tr:first-child th, tr:first-child td{
	border-top-style: solid;
	border-top-width: 1px;
}

#top th.nobg {
	background: none;
	border-top: 0;
}

/***********************************************************/
/***** HEADINGS / Typography  ******************************/
/***********************************************************/

h1,h2,h3,h4,h5 { margin: 15px 0; }
	h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
	h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
	h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } 
	h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } 
	h5 { font-size: 16px; line-height: 1.1em; }						
	h6 { font-size: 14px; line-height: 1.1em; }
	
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.5em; }
p { margin: 0.85em 0; }
p img { margin: 0; }
em, i { font-style: italic; }
strong, b{ font-weight: bold;  }
small { font-size: 80%; }

	/*	Blockquotes  */
	
	blockquote{
	border-left-style:solid;
	border-left-width:7px;
	padding-left:20px;
	margin-bottom:1em;
	margin-right:1em;
	font-size: 16px;
    line-height: 1.5em;
	}

	blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}
	

/* #Misc
/***********************************************************/
	
code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; }
iframe, object, embed{ max-width:100%; }
sup{ vertical-align: super; font-size: smaller; }
sub{ vertical-align: sub; font-size: smaller; }


/*** Header CSS ****/
	#header-top { padding: 30px 0;}
		#header-top .logo { text-align: right; }
		#header-top .top-right, #header-top .top-right a { 
			text-align: left; 
			padding-left: 6%; 
			font-family:'DINPro-Bold', sans-serif; 
			font-size: 20px; 
			line-height: 18px; 
			color: #b3b5b8; 
			font-weight: bold; 
		}
		#header-top .top-right a.email, #header-top .top-right a.email { font-family:'DINPro-Regular', sans-serif; font-weight: normal; font-size: 14px;}
		#header-top .top-right a:hover { text-decoration: none}
		#header-top .top-right p { margin-bottom: 0}
	
	.navbar-collapse { text-align: center; }
	.navbar-nav { display: inline-block; float: none;}
	.navbar { margin-bottom: 0 }
	.navbar-default { background-color: #fff; border: 0}
	.navbar-default #nav-menu { background-color: #ed145a}
	.navbar-nav > li > a { font-family:'DINPro-Regular', sans-serif; font-size: 13px; color: #fff!important; padding: 5px 10px 0; }
		.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent}

/*** Home Page ***/
	#slider.row{
		margin-left: 0;
		margin-right: 0;
		margin-top: 140px;
		padding-bottom: 14px;
		position: relative;
		width: 100% !important;
	}
	.home .featured { margin-bottom: 18px;}
	.attachment-featured-slide.wp-post-image { width: 100%; }
	
	.home h1 { font-size: 20px}
	
	
/*** Footer ***/
	#footer { background-color: #404041; padding: 20px 0 }
	#footer .mid-section { text-align: center}
		#footer .mid-section .widget, #footer .mid-section p { margin: 0}
		#footer .mid-section a { color: #a6a8ac; }
			#footer .mid-section a:hover { text-decoration: none}
	#footer .footer-logo { text-align: right}
	#footer .attribution, #footer .footer-logo { padding-top: 2%}


/*** INNER ***/

	.page-template-default #main-content, .page-template-page-templatespage-full-width-php  #main-content,
	.single #main-content, .archive #main-content{ 
		margin-top: 140px; 
		padding-top: 20px 
	}
	h1.page-title, .single #main-content .page-header, .single #main-content .page-header h1.single-title,
	.archive #main-content h1.archive_title { 
		margin-top: 0; 
		font-size: 20px; 
		line-height: 20px; 
		margin-bottom: 10px 
	}
	#sidebar1, #sidebar1 .widget { padding-left: 0}
	
	.page-template-default #main-content #main,
	.page-template-page-templatespage-full-width-php  #main-content #main,
	.single #main-content #main, .archive #main-content #main{ 
		padding: 0
	}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 
	.container { width: auto}
	.navbar-nav > li > a { padding: 5px 5px 0;}
	#slider.row { margin-top: 129px;}
}

@media (max-width: 767px) { 
	.navbar-fixed-top, .navbar-fixed-bottom { position: relative}
	#header-top { padding: 0}
	#slider.row { margin-top: 0px;}
	
	#header #header-top{ margin-top: 0; text-align: center; padding-bottom: 5%;}
	.home #main .featured, #sidebar1 { display: none}
	.top-right { float: left; width: 70%; position: relative; top: 20px;}
		.top-right a { color: #fff!important}
		.top-right .email { display: none}
		
	.navbar-default #nav-menu { margin-top: -8%; }
	.navbar-default .navbar-toggle { border: 0}
		.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
		
	#footer, #footer .footer-logo { text-align: center;}
	
	.page-template-default #main-content, .page-template-page-templatespage-full-width-php #main-content, .single #main-content, .archive #main-content { margin-top: 0}
}

@media (max-width: 320px) { 
	#header-top .top-right, #header-top .top-right a { font-size: 16px;}
	.top-right { top: 25px;}
}

@media (max-width: 240px) { 
	#header-top .top-right, #header-top .top-right a { font-size: 12px;}
	.top-right { top: 28px;}
}

@media (max-width: 239px) { 
	#header-top .top-right, #header-top .top-right a { font-size: 12px;}
	.top-right { top: 32px;}
	#nav-menu .container { padding: 0}
	.navbar-toggle { margin-right: 0}
	.top-right { width: 100%; }
	#header-top .top-right, #header-top .top-right a { padding-left: 0}
}


.mobile-dropdown {
display: none!important;
}

#main article {
border-bottom: 0px solid #eeeeee!important;
}