/*
 Theme Name:   Abyss of Birds
 Theme URI:    http://abyssofbirds.com
 Description:  Theme for artist Steve Williams
 Author:       Ivan Lo
 Author URI:   https://ivanlo.com
 Template:     generatepress
 Version:      0.1
*/

/*-BEGIN-GENERAL------------------------------------------------------------------*/
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Oscilla';
	font-style: normal;
	font-weight: 400;
	src: url('http://abyssofbirds.com/fonts/Oscilla.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
	background-image: url("http://abyssofbirds.com/wp-content/uploads/AoB_bg-bottom.jpg");
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-size: contain;
	font-family: aleo, serif;
	min-height: 100vh;
}


.main-title a, .main-title a:hover {
	font-family: Oscilla, sans-serif;
}

.one-container .container {
	background-color: transparent;
	padding: 5px 40px !important;
}

.one-container .site-content {
	padding: 0;
}

.mobile-hide {
	display: inherit;
}

.mobile-show {
	display: none;
}

@media only screen and (max-width: 780px) {
	.mobile-hide {
		display: none;
	}

	.mobile-show {
		display: revert;
	}
}

code {
	font-family: aleo, serif;
}

.left, .right {
	width: 50%;
}

.left {
	float: left;
	padding-right: 3%;
}

.right {
	float: right;
	padding-left: 3%;
}

/*.left p:last-child, .right p:last-child {
	margin-bottom: 0;
}*/

@media only screen and (max-width: 780px) {

	.left, .right {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		float: none;
	}
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
	width: 100%;
}

/*-END-GENERAL--------------------------------------------------------------------*/



/*-BEGIN-HEADER-------------------------------------------------------------------*/

.site-header {
	background-image: url("http://abyssofbirds.com/wp-content/uploads/AoB_bg-top.jpg");
	background-repeat: no-repeat;
	background-position-y: top;
}

.inside-header {
	padding: 70px 40px 10px;
}

.main-navigation, .main-navigation ul ul {
	background-color: transparent;
}

.main-navigation a {
	font-family: aleo, serif;
	font-size: 18px;
	font-weight: 300;
	transition: 0.5s;
}

.main-navigation a:hover {
	transition: 0.5s;
}

.main-navigation .main-nav ul li:last-child a {
	padding-right: 0;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
	background-color: transparent;
}

/*-END-HEADER---------------------------------------------------------------------*/



/*-BEGIN-HOMEPAGE-----------------------------------------------------------------*/

.home-quote {
	border-left: none;
	text-align: center;
	margin: 40px auto 0;
	font-family: aleo, serif;
	width: fit-content;
	max-width: 875px;
}

.home-words {
	font-style: italic;
	font-size: 25px;
	line-height: 38px;
}

.home-words::before, .home-words::after {
	font-size: 40px;
	font-weight: 300;
	color: #939393;
	position: relative;
}

.home-words::before {
	content: "“";
	right: 14px;

}

.home-words::after {
	content: "”";
	top: 32px;
	left: 10px;
}

.home-author {
	text-align: right;
	font-size: 18px;
	position: relative;
	top: 38px;
	right: 15px;
}

.home-author::before {
	content: "— ";
}

.home-source {
	font-style: italic;
	color: #939393;
	font-size: 14px;
	position: relative;
	left: 2px;
}

.home-spacer-4 {
	height: 4vh;
}

.home-spacer-6 {
	height: 6vh;
}

.home-spacer-8 {
	height: 8vh;
}

.home-spacer-10 {
	height: 10vh;
}

.home-spacer-12 {
	height: 12vh;
}

/*-END-HOMEPAGE-------------------------------------------------------------------*/



/*-BEGIN-GALLERY------------------------------------------------------------------*/

.prev-page, .next-page {
	background-color: #222222;
	width: 125px;
	padding: 5px;
	text-align: center;
	transition: 0.5s;
	position: fixed;
	top: 199px;
	color: #ffffff;
	animation-iteration-count: 1;
	animation-duration: 4s;
	opacity: 0.25;
}

.prev-page:hover, .next-page:hover {
	opacity: 1;
	transition: 0.5s;
}

.prev-page a, .next-page a{
	text-decoration: none;
}

.prev-page {
	transform: rotate(90deg);
	left: -46px;
	animation-name: flash-prev;
}

.next-page {
	transform: rotate(-90deg);
	right: -46px;
	animation-name: flash-next;
}

@keyframes flash-prev {
	0% {
		opacity: 0;
		left: -80px;
	}
	25% {
		opacity: 0.25;
		left: -46px;
	}
	50% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {opacity: 0.25;}
}

@keyframes flash-next {
	0% {
		opacity: 0;
		right: -80px;
	}
	25% {
		opacity: 0.25;
		right: -46px;
	}
	50% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {opacity: 0.25;}
}

@media only screen and (max-width: 780px) {
	.prev-page, .next-page {
		top: 238px;
		padding: 0;
	}
	
	.prev-page {
		left: -50px;
	}
	
	.next-page {
		right: -50px;
	}
	
	@keyframes flash-prev {
		0% {
			opacity: 0;
			left: -75px;
		}
		25% {
			opacity: 0.25;
			left: -50px;
		}
		50% {
			opacity: 1;
		}
		75% {
			opacity: 1;
		}
		100% {opacity: 0.25;}
	}

	@keyframes flash-next {
		0% {
			opacity: 0;
			right: -75px;
		}
		25% {
			opacity: 0.25;
			right: -50px;
		}
		50% {
			opacity: 1;
		}
		75% {
			opacity: 1;
		}
		100% {opacity: 0.25;}
	}
}

.mfp-bg {
	background: #fff !important;
}

.mfp-iframe-holder {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.mfp-container {
	padding: 0 !important;
}

.mfp-iframe-holder .mfp-close {
	top: 0px !important;
	right: 5px !important;
	color: #464646 !important;
}

.mfp-iframe-holder .mfp-content {
	width: 100% !important;
	max-width: none !important;
	height: 100vh;
}

.mfp-iframe-scaler {
	padding-top: 0 !important;
}

.mfp-iframe-scaler iframe {
	background: transparent !important;
	box-shadow: none !important;
	/*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)*/
}

.mfp-content .shrinkToFit {
	margin: 0 auto !important;
}

.gallery-column {
	text-align: right;
}

@media only screen and (max-width: 780px) {
	.gallery-column {
		text-align: center;
	}
}

.gallery-small-img{
	max-height: 100vh;
}

.description-text {
	font-size: 14px;
	color: #a7a7a7;
}

@media only screen and (max-width: 780px) {
	.gallery-small-img {
		max-height: none;
	}
}

blockquote {
	border-left: none;
	text-align: center;
	margin: 40px 0;
	font-size: 22px;
}

.silence {
	color: #a7a7a7;
}

.gallery-details{
	color: #939393;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
}

.gallery-spacer {
	display: inherit;
}

@media only screen and (max-width: 1055px) {
	.gallery-spacer {
		display: none;
	}
}

/*-END-GALLERY--------------------------------------------------------------------*/



/*-BEGIN-BOOKS--------------------------------------------------------------------*/

.df-ui-nav .df-ui-btn::before {
	color: #C5C5C5 !important;
	filter: none !important;
	transition: 0.5s;
}

.nav {
	margin-top: 20px;
}

/*-END-BOOKS----------------------------------------------------------------------*/



/*-BEGIN-CONTACT------------------------------------------------------------------*/

.wpcf7-form-control.wpcf7-submit.has-spinner, .wpcf7-spinner {
	float: right;
}

/*-END-CONTACT--------------------------------------------------------------------*/



/*-BEGIN-FOOTER-------------------------------------------------------------------*/

.site-info {
	background-color: transparent;
}

.copyright-bar {
	display: none;
}

/*-END-FOOTER---------------------------------------------------------------------*/
