/*
Theme Name: pellicaan
Theme URI: http://bravemonkeys.com/
Author: bravemonkeys
Author URI: http://bravemonkeys.com/
Description: Custom WordPress theme for Richard Pellicaan FA
Version: 1.0.0
Text Domain: pellicaan

pellicaan is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# General Typography
--------------------------------------------------------------*/
body {
	color: #f00;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
}

a {
	color: #f00;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #fff;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}


/*--------------------------------------------------------------
# General Elements
--------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	background-color: #f2e5b1;
}

::-webkit-scrollbar {
  width: 0px;
}

img {
	border: 0;
}

.container {
	max-width: 900px;
}

div#page.site div.container {
 	margin: auto;
}

@media screen and (orientation: portrait) {
	body {
		background-color: #f00;
		color: #fff;
		padding-bottom: 50px;
	}

	a {
		color: #fff;
		text-decoration: none;
	}

	a:hover,
	a:focus,
	a:active {
		color: #f2e5b1;
	}
}


/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.pfalogo {
	padding: 75px 0 20px 0;
}

#pfamenu {
	font-family: 'BenchNine', sans-serif;
	font-size: 31px;
	font-weight: 300;
	line-height: 1.2;
	text-transform: uppercase;
}

#pfamenu li:first-child {
	font-weight: 700;
}

#pfamenu li {
  list-style-type: none;
}

#pfamenu ul {
  padding: 0;
}

.current-menu-item a {
	color: #fff;
}

#pfamenu li:first-child a {
 	color: #f00;
}

#pfamenu .navbar {
	margin: 0;
}

@media screen and (orientation: portrait) {
	.current-menu-item a {
		color: #f2e5b1;
	}

	#pfamenu li:first-child a {
	  color: #fff;
	}

	#pfamenu {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	#pfamenu {
		padding-left: 15px;
	}
}

 /*--------------------------------------------------------------
 # Page layout
 --------------------------------------------------------------*/
.pfalogo img {
	width: 250px;
	margin-bottom: 20px;
}

.page-portrait {
	display: none;
}

.page-landscape {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.leftside,
.rightside {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.leftside {
	min-width: 250px;
}

.rightside {
	padding: 0 75px;
	margin-top: 2px;
}

@media screen and (orientation: portrait) {
	.pfalogo img {
		margin-bottom: 0;
	}

	.page-landscape {
		display: none;
	}

	.page-portrait {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}


/*--------------------------------------------------------------
# Contactinfo
--------------------------------------------------------------*/
.contactinfo {
	font-family: 'BenchNine', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
}

.contactinfo span {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 17px;
}

.contactinfo p {
	margin: 0;
}

.contactinfo a {
	color: #f00;
}

.contactinfo a:hover,
.contactinfo a:focus,
.contactinfo a:active {
	color: #fff;
}

.beconnr {
	font-size: 14px;
}

.beconnr span {
	font-size: 11px;
}

@media screen and (orientation: portrait) {
	.contactinfo a {
		color: #fff;
	}

	.contactinfo a:hover,
	.contactinfo a:focus,
	.contactinfo a:active {
		color: #f2e5b1;
	}
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
nav.navigation.post-navigation h2.screen-reader-text,
#comments,
#search-2,
#recent-posts-2,
#recent-comments-2,
#archives-2,
#categories-2,
#meta-2 {
    display: none;
}

article h1 {
    font-size: 1em;
}