/* fonts */

/* title/meta fonts */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,800');

/* body font */
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,700');

/* Highlite search terms */
.hilite {
	font-weight: 900;
	background-color: #cce6ff;
	display: inline-block;
	padding: 0 0.2em;
}

/* fix full-width blog */
.blog:not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article {
	float: none;
	width: auto;
	clear: both;
}

body:not(.has-sidebar):not(.page-one-column) .page-header {
	float: none;
	width: auto;
	clear: both;
}

.site-header .menu-scroll-down {
	display: none
}

/* dark background for navigation*/
.navigation-top {
	background: #2d2d2d;
	border-bottom: none;
	border-top: none;
	position: relative;

	/* styles to hide the menu */
	max-height: 0px;
	overflow: hidden;
	transition: 0.3s;
}

.navigation-top.site-navigation-fixed {
	max-height: 70px;
}

/* navigation alive */
.navigation-top.active {
	max-height: 70px;
}

/* site branding remove extra bottom margin */
.site-branding {
	margin-bottom: 0 !important;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.custom-header {
	margin-bottom: 0 !important;
}

/* hide nav menu scroll down  */
.site-header .navigation-top .menu-scroll-down {
	display: none;
}

/* light colored nav links */
.navigation-top a {
	color: #999;
	font-family: 'Raleway';
	text-transform: uppercase;
}

.navigation-top a:hover {
	color: #fff;
}

/* site title font */
.site-title {
	font-size: 2em;
}

/* center entry header */
.entry-header {
	text-align: center;
	width: 66%;
	margin: 0 auto;
}

/* entry meta fonts */
.entry-meta {
	font-weight: 600;
	font-size: 0.7em;
	letter-spacing: 1px;
	text-transform: none;
	font-style: italic;
	font-family: 'Vollkorn';
}

.entry-meta a {
	color: #bbb;
}

/* entry title font */
.home.blog .entry-title, .single-post .entry-title, .page .entry-title, .search .entry-title {
	font-family: 'Vollkorn';
	font-weight: 700;
	font-size: 1.6em;
	text-transform: uppercase;
}

/* entry content font */
.entry-content, .entry-summary {
	font-family: 'Vollkorn';
	font-size: 1.15em;
	line-height: 160%;
}

.link-more:after {
	content: " →";
	font-size: 0.8em;
}

.entry-content iframe {
	margin: 0 auto;
	display: block;
}

/* for ordered and unordered lists in in entry content */
.entry-content ol, .entry-content ul {
	margin-left: 2.5em;
}

.entry-content li {
	margin-bottom: 1em;
}

.entry-content figure {
  text-align: center;
}

/* body font */
body {
	font-family: 'Raleway';
	font-size: 18px;
	line-height: 1
}

/* remove extra top padding on site */
.site-content {
	padding-top: 2.5em;
}

/* remove page header on home page */
.home .page-header {
	display: none
}

/* single post full width */
.single-post:not(.has-sidebar) #primary {
	max-width: initial;
}

/* Custom menu button */
.nav-toggle {
	display: block;
	padding: 20px 0;
	position: absolute;
	left: 5%;
	top: 50%;
	margin-top: -25px;
}

.nav-toggle .bars {
	height: 10px;
	width: 15px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

.nav-toggle .bar {
	width: 15px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.nav-toggle .bar, .nav-toggle p {
	transition: all 0.4s ease-in-out;
}

.nav-toggle .bar:nth-child(2) {
	top: 4px
}

.nav-toggle .bar:nth-child(3) {
	top: 8px
}

.nav-toggle .bars .clear {
	clear: both;
}

.nav-toggle p {
	float: left;
	margin: 0 0 0 24px;
	font-size: 14px;
	line-height: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.nav-toggle .close {
	display: none;
}

.nav-toggle.active .close {
	display: block;
}

.nav-toggle.active .menu {
	display: none;
}

.nav-toggle.active .bar:nth-child(1) {
	transform: rotate(45deg);
	top: 4px;
}

.nav-toggle.active .bar:nth-child(2) {
	opacity: 0;
}

.nav-toggle.active .bar:nth-child(3) {
	top: 4px;
	transform: rotate(-45deg);
}

.header-links {
	list-style:none;
	margin-bottom: 0;
	position: absolute;
	right: 0;
	top: 20px;
}

.header-links li {
	display: inline-block;
}

/*twitter header icon link */
.header-twitter, .header-search {
	color: #000;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
}

.header-twitter {
	margin-right: 0.5em;
}

.header-twitter .icon, .header-search .icon {
	top:0.3em;
	margin: 0 auto;
}

.header-search {
	position:relative;
}

.header-links-search .search-form-area {
	display: none;
	width: 220px;
	position: absolute;
	right: 0;
}

.header-links-search .search-form-area form {
	margin-top: 0.2em;
}

.header-links-search .search-form-area label {
	display: none;
}

.header-links-search:hover .search-form-area {
	display: block;
}

.search-form input {
	border-radius: 30px;
}

.search-form button {
	border-radius: 5px 30px 30px 5px;
}

/* archive area */
.monthly-posts {
	list-style-type: none;
}

.monthly-title {
	font-family: 'Vollkorn';
	font-weight: 700;
}

.monthly-posts li {
	font-weight: 400;
	line-height: 160%;
	margin-bottom: 0.5em;
	font-family: 'Vollkorn';
}

/* page titles */
body.page:not(.twentyseventeen-front-page) .entry-title {
	font-size: 2em;
	letter-spacing: 0;
}

/* Photo Gallery */
.gallery-caption, .wp-caption-text {
	background-color: #eee;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
}

/* Subscriber buttons */
.onp-sl-control.onp-sl-twitter.onp-sl-button {
	box-shadow: none;
	width: 350px !important;
	text-transform: none;
}
.onp-sl-friendly-giant .onp-sl-connect-buttons.onp-sl-first-group .onp-sl-twitter .onp-sl-connect-button {
	border-left-color: rgba(101, 204, 239, 0.4)
}

a.not-subscriber-button {
	background-color: #f5f5f5;
	box-shadow: none !important;
	border-bottom: 5px solid rgba(0, 0, 0, 0.0392157);
	border-radius: 5px;
	border-left: 5px solid rgba(101, 204, 239, 0.4);
	color: #777;
	font-size: 14px;
	font-weight: 700;
	display:inline-block;
	padding: 0 10px;
	width: 350px;	
	line-height: 55px;
	transition-delay: 0;
	transition-duration: 0.2s;
}

a.not-subscriber-button:hover {
	background-color: rgb(101, 204, 239);
	border-bottom-color: rgba(0, 0, 0, 0.117647);
	color: #fff;
}

/* mobile styles */

@media screen and (max-width: 48em) {

	.home.blog .entry-title, .single-post .entry-title, .page .entry-title {
		font-size: 1.5em;
	}

	.entry-meta {
		font-weight: 600;
		font-size: 0.6em;
		letter-spacing: 1px;
	}

	.entry-content {
		font-family: 'Vollkorn';
		font-size: 1em;
		line-height: 1.6;
	}

	.menu-toggle {
		color: #fff
	}

	.nav-toggle {
		display: none
	}

	.navigation-top, .navigation-top.active {
		max-height: 100%;
	}

	.main-navigation > div > ul {
		background-color: #2d2d2d;
		border-color: #444;
	}

	.main-navigation ul li {
		border-color: #444;
	}

	.header-links {
		display: none;
	}
}