/*
Theme Name: Photoblog 2022
Author URI: www.studiomothership.com
Description: A theme for bookRoom
Author: Studio Mothership
Version: 1.1.0
Copyright: (c) 2012 Studio Mothership
*/

/* Reset
--------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1.2; }

ol, ul { list-style: none; }

blockquote,
q { quotes: none; }

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Headings
--------------------------------------------- */

h1 {
	color: #FF3800;
	padding-bottom: 3em;
}

h1 a { color: #FF3800!important; }

h1.collection-title {
	color: #FF3800;
	padding-bottom: 2em!important;
}

h2 {
	color: #FF3800!important;
	margin: 0;
	padding: 0;
}

h3 {
	font-family: 'Georgia', serif;
	font-style: italic;
	font-size: .9em;
}

h3 a { color: #FF3800!important; }

p { padding-bottom: 1em; }

strong { font-weight: bold; }

em { font-style: italic; }

/* Lists
--------------------------------------------- */

ol, ul, li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* General Structure
--------------------------------------------- */

body {
	background-color: #fff;
	color: #000;
	font-family: 'Karla', sans-serif;
	font-size: 1em;
	min-height: 100vh;
	text-align: left;
}

#page {
	display: grid;
	grid-template-columns: 15% 60% 25%;
	grid-template-rows: min-content min-content;
	margin: 76px auto;
	padding: 0 20px;
	max-width: 1280px;
	z-index: 0;
}

#content {
	line-height: 1.35;
	overflow: hidden;
	grid-column: 2/3;
	margin: 0 5.83046%;
}

header {
	position: sticky;
	top: 76px;
	align-self: start;
}

aside {
	grid-column: 3/4;
	position: sticky;
	top: 76px;
	align-self: start;
}

footer {
	border-top: 1px dotted #FF3800;
	clear: both;
	margin-top: 3em;
	margin: 3em 5.83046% 0 5.83046%;
	padding: 0.5em 0 50px 0;
	grid-column: 2/3;
	grid-row: 2/3;
}

/* Links
--------------------------------------------- */

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

a:hover {
	color: #FF3800;
	text-decoration: underline;
}

.current_page_item.menu-item a { 
	color: #FF3800;
}

/* Images
--------------------------------------------- */

#content img {
	width: 100%;
	height: inherit;
}

a.logo {
	display: block;
}

a.logo img {
	height: 58px;
	width: 116px;
	max-width: 100%;
}

img.attachment-myblogsize { padding-bottom: 1em; }

img.uca-logo {
	position: fixed;
	bottom: 50px;
	max-width: 8.70343%;
}

/* Menu
--------------------------------------------- */

nav#nav-main {
	padding-top: 60px;
}

#nav-main ul { 
	margin: 0; 
	padding: 0;
}

#nav-main ul a {
	display: block;
}

#nav-main ul li {
	display:inline-block; 
	width: 100%;
}

#nav-main ul li:before { content: '-'; }

ul.sub-menu li:before { content: none!important; }

#nav-main ul li a { 
	display: block; 
	margin: 0;
}

#nav-main ul li ul li a:hover { background: none; }

#nav-main ul li ul { 
	position: relative; 
	top: -2px; 
}
 
#nav-main ul ul li a { 
	background: none; 
	border: none;
	margin: 2px 0 0 7px;
	padding: 0;
}

#nav-main ul ul li ul { margin: 0 0 0 8px; }
 
ul.sub-menu li.current-menu-item a:before  {
	color: #FF3800;
	content:'> '!important;
	margin: 2px 0 0 -7px!important;
}


.menu-toggle {
	display: none;
}

/* Sidebar
--------------------------------------------- */

/* bookRoom Address */
#text-8 {
	position: fixed;
	bottom: 39px;
}

/* bookRoom research cluster */
#text-2 {
	color: #FF3800;
	float: left;
	width: 41.0714286%;	
}

#text-2 .widgettitle { padding-bottom: 2.05em; }

/* Directions */
#nav_menu-2,
/* Follow Us */
#text-9 {
	float: left;
	margin-left: 8.92857143%;
	width: 41.0714286%;
}

#text-9 .widgettitle { padding-top: 1em; }

#latest-news-widget-2, 
#categories-4 {
	clear: both;
	padding-top: 60px;
	width: 67.8571429%;
}

.textwidget { clear: both; }

.category-latest-news p { padding-bottom: 0; }

a.moretag { color: #FF3800!important; }

/* Pages
--------------------------------------------- */

#page-content {
	border-top: 1px dotted #FF3800;
	min-height: 478px;
	padding: 10px 0;
}

#page-content a { 
	color: #FF3800;
}

#page-content a:visited { color: #551A8B!important; }

/* Posts
--------------------------------------------- */

article#post-content {
	border-top: 1px dotted #FF3800;
	margin-bottom: 2em;
	padding-top: 1em;
}

.cat-single-post {
	border-top: 1px dotted #FF3800;
	padding-top: 10px;
	padding-bottom: 3em;
	margin-bottom: 10px;
}

/* Pagination
--------------------------------------------- */

#content #nav-below .nav-previous a {
	display: block;
	float: left;
	width: 40%;
}
#content #nav-below .nav-next a {
	display: block;
	float: right;
}
#content #nav-below .nav-previous a:hover, 
#content #nav-below .nav-next a:hover { text-decoration: none; }

#nav-below {
	border-top: 1px dotted #FF3800;
	margin-top: 2em;
	padding: 2em 0;
}

/* Book Collection 
--------------------------------------------- */

.single-item {
	display: inline-block;
	vertical-align: top;
	width: 33.333333%;
}

.single-item-search {
	display: inline-block;
	vertical-align: top;
	width: 33%;
}

/* .slideshow-nav a.slideshow-next { margin: 0 0 0 10px!important; } */

.n2-section-smartslider {
	margin-bottom: 1em;
}

.collectionimg {
	margin-top: 20px;
	width: 95.5%;
}

p.col-item { padding-bottom: 0; }

p.col-item-line {
	font-style: italic;
	text-decoration: underline;
}

.buybutton {
	font-size: 1.25em;
	font-weight: bold;
}

.ps-text-nav {
	color: #FF3800!important;
	float: right;	
}

.ps-text-nav a { color: #FF3800; }

.widget_search {
	clear: both;
	padding-top: 10px;
}

.widget_search .screen-reader-text, 
.widget_search #searchsubmit { display:none; }

input#s {
	border: 1px solid #000;
	padding: 4px;
	width:48%;
}

li#taxonomy-2,
li#lc_taxonomy-2 {
	clear: both;
	padding-top: 20px;
}

li#taxonomy-2 ul:before, 
li#taxonomy-2 ul:after,
li#lc_taxonomy-2:before,
li#lc_taxonomy-2:after { content:'-'; }

/* Footer
--------------------------------------------- */

#footer-nav li { display: inline; }

/* Media queries for responsive design
--------------------------------------------- */

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 900px) {

	#page {
		grid-template-columns: 1fr;
		grid-template-rows: min-content min-content min-content min-content;
		margin: 0;
		max-width: inherit;
	}

	header, #content, aside, footer {
		grid-column: 1/2;
	}

	header {
		background: white;
		grid-row: 1/2;
		margin: 0;
		position: sticky;
		top: 0;
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding-top: 1.5em;
		z-index: 9;
	}

	#content {
		grid-row: 2/3;
		margin: 1em 0 0 0;
	}

	aside {
		grid-row: 3/4;
		margin: 0;
		border-top: 1px dotted #FF3800;
    	margin-top: 2em;
    	padding: 2em 0;
	}

	footer {
		grid-row: 4/5;
		margin: 0;
	}

	#nav-main {
		background: #fff;
		font-size: 1.4em;
		margin: 0;
		padding: 20px 0 20px 0!important;
		margin-left: auto;
	}

	#nav-main ul li, 
	#nav-main ul li a {
		margin: 0;
	}

	.menu-toggle {
		background: transparent;
		border: 0;
		color: #FF3800;
		cursor: pointer;
		display: block;
		outline: none;
		height: 20px;
		position: relative;
		width: 36px;
		vertical-align: top;
		z-index: 9999999;
	}

	.nav-icon {
		background: #FF3800;
		height: 2px !important;
		width: 36px;
		position: absolute;
		left: 0;
		transform: translateY(-50%);
	}

	.nav-icon:before,
	.nav-icon:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: inherit;
		transform: translateZ(0);
		backface-visibility: hidden;
		transition: all .25s ease;
	}

	.nav-icon:before {
		transform: translateY(-6px);
	}

	.nav-icon:after {
		transform: translateY(6px);
	}

	.menu-toggle:hover .nav-icon:before {
		transform: translateY(-8px);
	} 

	.menu-toggle:hover .nav-icon:after {
		transform: translateY(8px);
	}

	.main-nav.toggled .nav-icon {
		visibility: hidden;
	}
		
	.main-nav.toggled .nav-icon:before {
		background: #FFFFFF;
		transform: rotate(45deg);
		visibility: visible;
	}

	.main-nav.toggled .nav-icon:after {
		background: #FFFFFF;
		transform: rotate(-45deg);
		visibility: visible;
	}

	.logo.toggled {
		filter: invert(100);
	}

	.main-nav {
		line-height: 1;
		z-index: -1;
	}

	.menu-pages-container {
		background: #FF3800;
		color: white;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		min-height: -webkit-fill-available;

		position: fixed;
		top: 0;
		right: 0;
		left: 0;

		opacity: 0;
		overflow: auto;
		visibility: hidden;
		z-index: -1;

		transition: opacity .3s;
	}

	.main-nav ul {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.main-nav ul li {
		opacity: 0;
		padding-bottom: 1em;
		transform: translate(0px, 30px);
		transition: all .3s linear;
	}

	.main-nav ul li:last-of-type {
		padding-bottom: 0;
	}

	.main-nav ul li a {
		color: white;
		display: none;
		text-decoration: none;
	}

	@media not all and (hover: none) {
		.main-nav ul li a:hover {
			text-decoration: underline;
		}
	}

	.main-nav.toggled .menu-pages-container {
		opacity: 1;
		visibility: visible;
		z-index: 999999;

		transition: opacity .3s;
	}

	.main-nav.toggled ul li {
		transform: translate(0px, 0px);
		opacity: 1;
		transition: all .3s linear;
	}

	.main-nav.toggled ul li a {
		display: block;
	}

	.current_page_item.menu-item a { 
		color: #FFF;
	}

	ul.sub-menu li.current-menu-item a:before  {
		color: white;
	}

	/* #categories-4 { display:none; } */

	#text-2 {
		margin: 0;
		padding: 0;
	}

	#text-8 {
		position: static;
		margin-top: 2em;
	}

	#text-9 {
		margin-left: 0;
	}

	#nav_menu-2 {
		margin: 0;
		padding: 0;	
	}

	img.uca-logo {
		display: none;
	}

	a.logo img {
		padding-bottom: 20px;
	}

	.single-item { width: 100%; }
}