/*
Theme Name:		Amsterdam 2016
Theme URI:
Description:	Child theme based on Twenty Sixteen for Amsterdam Bar and Hall
Author:			Room 34 Creative Services
Author URI:		http://room34.com
Template:		twentysixteen
Version:		1.0.0
License:		Not for redistribution
License URI:
Tags:
Text Domain:	abh
*/

/* COLORS */
/*
Red:	rgb(255,31,44);		#ff1f2c
Black:	rgb(34,34,34);		#222222
*/

/* STANDARD HTML */

body {
	background: rgb(255,255,255) url('images/bg-tile.png') left top repeat fixed;
	color: rgb(34,34,34);
	font-size: 100%;
	overflow-y: scroll;
}

body * {
	color: inherit;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
	line-height: 1.5em;
}

a, a:visited {
	color: rgb(255,31,44);
	text-decoration: none;
}

a:active, a:hover {
	color: rgb(34,34,34);
	text-decoration: underline;
}

h1, h2, h3 {
	border-bottom: 1px solid rgb(34,34,34);
	color: rgb(255,31,44);
	margin-bottom: 0.5em !important;
}

h1 {
	font-size: 180%;
	line-height: 1em;
	padding-bottom: 0.125em;
}

h2 {
	font-size: 150%;
	line-height: 1.125em;
	padding-bottom: 0.125em;
}

h3 {
	font-size: 133.333%;
	line-height: 1.25em;
	padding-bottom: 0.25em;
}

h4, h5, h6 {
	font-size: 116.667%;
	font-style: normal;
	font-weight: bold;
	line-height: 1.333em;
	margin-bottom: 0.5em !important;
}

hr {
	background-color: rgb(34,34,34);
	border: 0;
	color: rgb(34,34,34);
	height: 1px;
	margin: 1.5em 0;
	width: 100%;
}

small {
	display: inline-block;
	font-size: 80%;
	line-height: 1.5em;
}

sup {
	font-size: 50%;
	position: relative; top: -0.5em;
}

table {
	border: none !important;
	border-collapse: collapse;
	clear: both;
	table-layout: auto;
	width: 100%;
}

tbody, tr {
	border: none !important;
}

th, td {
	border: none !important;
	padding: 0 1.5em 0.5em 0 !important;
	vertical-align: top !important;
}


/* CSS CLASSES */

.content-area.full {
	float: none;
	margin-right: 0;
	width: 100%;
}

.entry-content { }

body:not(.home) .entry-content h1,
body:not(.home) .entry-content h2,
body:not(.home) .entry-content h3
{
	border-bottom: none;
	color: rgb(34,34,34);
	padding: 0;
}

body:not(.search-results) article:not(.type-page) .entry-content {
	float: none;
	width: 100%;
}

.entry-footer { display: none; }

.entry-header { }

.home .entry-header, .page-template-menus .entry-header { display: none; }

	.entry-title { font-size: 200%; }

.events-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.events-list li {
		border-bottom: 1px solid rgb(204,204,204);
		clear: both;
		display: block;
		margin: 0 0 1em 0;
		padding: 0 0 1em 0;
	}
	
	.events-list li:last-of-type { border-bottom: none; }
	
		.events-list li *:last-child { margin-bottom: 0; }

	.event-date {
		display: inline-block;
		margin-right: 3%;
		vertical-align: top;
		width: 20%;
	}
	
		.date-dow {
			color: rgb(34,34,34);
			font-size: 75%;
			line-height: 1.5em;
		}
		
		.date-month {
			color: rgb(255,31,44);
			font-size: 75%;
			line-height: 1.5em;
		}
		
		.date-day {
			color: rgb(255,31,44);
			font-size: 200%;
			line-height: 1em;
		}
	
	.event-info {
		display: inline-block;
		font-size: 90%;
		line-height: 1.5em;
		vertical-align: top;
		width: 75%;
	}

ul.menu {
	font-size: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul.menu li {
		display: inline-block;
		margin: 0 0.5em;
		position: relative;
		z-index: 1;
	}
	
	ul.menu li:hover {
		z-index: 2;
	}
	
	ul.menu a, ul.menu a:visited {
		color: rgb(34,34,34);
		display: block;
		padding: 15px 0 5px 0;
		white-space: nowrap;
	}
	ul.menu a:active, ul.menu a:hover {
		color: rgb(255,31,44);
		text-decoration: none;
	}
	
	ul.menu .current-menu-item > a {
		background: transparent url('images/mini-x.png') center top no-repeat;
	}
	
	ul.menu li ul {
		display: none;
	}

table.menu_table {
	margin: 1.5em auto;
	max-width: 720px;
}

	table.menu_table tr {
		border-bottom: 1.5em solid transparent !important;
	}

	table.menu_table th, table.menu_table td {
		padding: 0 1.5em 0 0 !important;
	}
	
.rslides_container { }

	.rslides_container a { box-shadow: none !important; }

.site-main > article { margin-bottom: 3em; }

img.social_icon {
	display: inline-block;
	height: 21px;
	width: 21px;
}

.widget {
	border-top: none;
	margin-bottom: 1.5em;
}


/* DOM ELEMENTS */

#page {
	margin: 21px auto;
	max-width: 90%;
	min-width: 280px;
}

#masthead {
	display: block;
	height: 220px;
	position: relative;
	z-index: 2;
}

	#branding {
		background: transparent url('images/logo.png') center center no-repeat;
		background-size: contain;
		display: inline-block;
		height: 108px;
		overflow: hidden;
		position: absolute; top: 45px; right: auto; bottom: auto; left: 50px;
		text-indent: -9999px;
		width: 200px;
	}
	
		#branding h1 {
			border: none;
			margin: 0;
			padding: 0;
		}
	
		#branding a {
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		}
	
	#main_nav {
		display: inline-block;
		position: absolute; top: 70px; right: 240px; bottom: auto; left: 300px;
	}
	
	#contact {
		display: inline-block;
		font-size: 70%;
		line-height: 1.5em;
		position: absolute; top: 40px; right: 55px; bottom: auto; left: auto;
	}
	
		#contact p {
			margin: 0 0 0.5em 0;
		}

#main { }

	#main ul.menu { text-align: center; }
	
	#text-5 { display: none; }
	
	body.home #text-5 {
		background: rgb(34,34,34);
		color: rgb(255,255,255);
		display: block;
		font-size: 100%;
		line-height: 1.5em;
		padding: 1.5em;
	}

#colophon {
	font-size: 80%;
	padding: 2em;
	text-align: center !important;
}

#colophon * {
	margin: 0 auto !important;
	text-align: center !important;
	width: auto !important;
}
			

/* CSS3 MEDIA QUERIES */

/* PRINT */
@media print {

}


/* LARGE SCREENS (content area over 1280 pixels) */
@media screen and (min-width: 1280px) {

	ul.menu { font-size: 110%; }

	body { font-size: 110%; }
	
	#main_nav { left: 360px; }

}


/* SMALLER SCREENS (content area under 1279 pixels) */
@media screen and (max-width: 1279px) {

	#page { margin: 21px 4%; max-width: 92%; }

}


/* TABLETS (content area under 1000 pixels) */
@media screen and (max-width: 1000px) {

	.content-area, .sidebar {
		float: none !important;
		margin: 0 !important;
		width: 100% !important;
	}

    .entry-header, .post-thumbnail, .entry-content, .entry-summary,
    .entry-footer, .comments-area, .image-navigation, .post-navigation,
    .page-header, .page-content, .content-bottom-widgets, .events-list {
        margin: 0 25px !important;
    }

	ul.menu { font-size: 90%; margin: 0 5px; }

	ul.menu li { margin: 2px; }

	ul.menu a, ul.menu a:visited {
		background: transparent;
		border: 1px solid rgb(221,221,221);
		border-radius: 2px;
		padding: 3px 6px;
	}
	ul.menu a:active, ul.menu a:hover {
		background: transparent;
		border-color: rgb(255,31,44);
		color: rgb(34,34,34);
	}
	
	ul.menu .current-menu-item > a {
		background: rgb(238,238,238);
		border-color: rgb(204,204,204);
		color: rgb(34,34,34);
	}

	#masthead { height: 250px; }
	
	#main_nav {
		text-align: center;
		top: 200px; right: 25px; left: 25px;
	}

}


/* PHONES (content area under 782 pixels) */
/* Matched to size where WP mobile admin bar appears */
@media screen and (max-width: 782px) {

    .entry-header, .post-thumbnail, .entry-content, .entry-summary,
    .entry-footer, .comments-area, .image-navigation, .post-navigation,
    .page-header, .page-content, .content-bottom-widgets, .events-list {
        margin: 0 25px !important;
    }

	ul.menu { font-size: 85%; }

	#page { margin-top: 15px; margin-bottom: 15px; }

	#masthead { height: 250px; }
	
	#branding { top: 25px; left: 25px; }
	
	#main_nav {
		text-align: center;
		top: 200px; right: 5px; left: 5px;
	}

	#contact {
		top: 25px; right: 25px;
	}

}


/* SMALLER PHONES (content area under 580 pixels) */
@media screen and (max-width: 580px) {

	body { background: rgb(255,255,255); }
	
	th, td { display: inline-block; }

    .entry-header, .post-thumbnail, .entry-content, .entry-summary,
    .entry-footer, .comments-area, .image-navigation, .post-navigation,
    .page-header, .page-content, .content-bottom-widgets, .events-list {
        margin: 0 20px !important;
    }

	
	ul.menu { font-size: 80%; }
	
	.sidebar { padding: 0 20px; }
	
	#page { margin: 0; max-width: 100%; }

	#masthead { height: 240px; }
	
	#branding {
		height: 81px;
		top: 20px; left: 12px;
		width: 150px;
	}

	#main_nav {
		text-align: center;
		top: 190px; right: 5px; left: 5px;
	}

	#contact { top: 20px; right: 12px; }

}


/* SMALLEST PHONES (content area under 350 pixels) */
@media screen and (max-width: 350px) {

	body { font-size: 90%; }
	
    .entry-header, .post-thumbnail, .entry-content, .entry-summary,
    .entry-footer, .comments-area, .image-navigation, .post-navigation,
    .page-header, .page-content, .content-bottom-widgets, .events-list {
        margin: 0 12px !important;
    }
	
	.sidebar { padding: 0 12px; }
	
	#masthead { height: 220px; }
	
	#branding {
		height: 65px;
		top: 12px; left: 12px;
		width: 120px;
	}

	#main_nav { top: 170px; right: 5px; left: 5px; }

	#contact { top: 12px; right: 12px; }

}


/* HIGH RESOLUTION IMAGE REPLACEMENTS */
@media	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-devicepixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx)
{

}