/*
Theme Name: Wharf Chambers Queer Web Design child theme based on Underscores!
Template: wharfchambers_qwd
Author: Queer Web Design
Author URI: https://queerwebdesign.com
Description: A theme based on Underscores by Queer Web Design (this one by Billy and Brax!)
Version: 1.0
*/

/* Enqueue Parent Theme Stylesheet */
@import url('../wharfchambers_qwd/style.css');

/* Hello Wharf staff member! Please only adjust this if you know what you're doing, it can break the enitre website :-) */

/* Mobile Styles (No Media Query) */

html {
	background: #df9d6c;
}

body {
	max-width: 100%;
	padding: 0;
}

.entry-content, article, .page {
	margin-bottom: 0!important;
}

/* Remove elements */

.entry-header, #page aside, .entry-meta, .entry-footer, #top-button {
	display: none;
}

/* Flex align center */

#masthead, #site-navigation, .site-branding, .button, div.buttons, .menu-item, .site-footer, .site-info {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

/* Fonts and styling */

body * {
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: 'MartianMono';
	src: url('/wp-content/themes/wharfchambers_qwd_child/fonts/MartianMono-VariableFont_wdth%2Cwght.woff') format('woff');
	src: url('/wp-content/themes/wharfchambers_qwd_child/fonts/MartianMono-VariableFont_wdth%2Cwght.ttf') format('truetype');
}

@font-face {
	src: url('/wp-content/themes/wharfchambers_qwd_child/fonts/MartianMono-VariableFont_wdth%2Cwght.ttf') format('truetype');
	font-family: 'CyGrotesque';
	src: url('/wp-content/themes/wharfchambers_qwd_child/fonts/kobuzan-cy-grotesk-grand-dark.otf') format('opentype');
}

@font-face {
	font-family: 'MinSans';
	src: url('/wp-content/themes/wharfchambers_qwd_child/fonts/MinSans-Regular.woff') format('woff');
	src: url('/wp-content/themes/wharfchambers_qwd_child/fonts/MinSans-Regular.ttf') format('truetype');
}

p, h3, h4, table, td, div {
	color: #2e4552;
	font-family: 'MartianMono', Fallback, sans-serif;
	font-weight: 400;
}

.type-post h1, h1.page-title {
	font-family: 'CyGrotesque', Fallback, sans-serif;
}

h1.page-title {
	text-transform: uppercase;
	text-align: center;
}

h2 {
	color: #a3471e;
	margin: 50px auto;
	font-size: 2.5em;
	font-weight: 1000;
	line-height: 1;
	text-align: center;
}

h2, h3, h4 {
	font-family: 'CyGrotesque', Fallback, sans-serif;
	text-transform: uppercase;
}

a, .menu-item a, a:visited {
	transition: 0.3s;
	color: #dccfa2;
}

a {
	text-decoration: underline;
}

a:hover {
	color: #f3f1e0;
	transition: 0.3s;
}

.site-info div {
	font-weight: 700;
}


/* Style buttons */

/* Menu button */

#site-navigation {
	margin-bottom: 30px;
}

button.menu-toggle, button {
	background: #a3471e;
	text-transform: uppercase;
	padding: 15px;
	transition: 0.3s;
	border: 1px solid #dccfa2;
	border-radius: 50px;
	margin-top: 20px;
	font-size: 1.2em;
	font-family: 'MartianMono';
	font-weight: 700;
	color: #DCCFA2;
	padding-left: 30px;
	padding-right: 30px;
}

button:hover, button.menu-toggle:hover {
	background: #429195;
	transition: 0.3s;
	cursor: pointer;
}

/* Header */

#masthead {
	background: #a3471e;
	flex-flow: column-reverse;
}

/* Site branding (logo, site title and description) */


/* Logo */

a.custom-logo-link img {
	max-width: 100px;
	align-self: center;
}

/* Site title */

p.site-title a {
	display: flex;
	color: #dccfa2;
	text-transform: uppercase;
	font-family: 'CyGrotesque';
	font-size: 2.5em;
	font-weight: 800;
	text-decoration: none;
	text-align: center;
}

/* Site description */

p.site-description {
	font-weight: 700;
	font-size: 0.9em;
	letter-spacing: 0;
	color: #dccfa2;
	text-transform: uppercase;
}

/* Header Right */

.header-right {
	width: 100%;
}

/* Menu */

button.menu-toggle, .menu-item {
	background: #2e4552;
}

.menu-wharfmenu-container {
	width: 100%;
	margin-top: 20px;
}

.menu-item {
	height: 50px;
	justify-content: space-around;
	border-top: 1px solid #000;
	text-transform: uppercase;
	padding: 0 15px;
}

.menu-item:last-of-type {
	border-bottom: 1px solid #000;
}

.menu-item:hover {
	background: #429195;
	transition: 0.3s;
}

li#menu-item-6881 {
	text-align: center;
}

/* General pages styling */

.entry-content {
	margin: 0;
}

div.two-columns {
	flex-direction: column;
	min-height: auto;
}

div.first-column,
div.second-column {
	min-width: 100%;
}
	
div.first-column, div.second-column {
	padding: 4% 4% 12%;
}

/* Home Welcome page styling */

#post-33 .image-column-home {
	background: url('/wp-content/themes/wharfchambers_qwd_child/images/drummer.jpg') center;
	background-size: cover;
	height: 300px;
}

#post-33 .two-columns {
	display: flex;
	flex-flow: column-reverse;
}

#post-33 div.first-column {
	background: #2e4552;
}

#post-33 div.first-column h2, #post-33 div.first-column p {
	color: #dccfa2;
}

#post-33 div.second-column {
	background: #c97f56;
}

#post-33 div.second-column h2, #post-33 div.second-column p {
	color: #2e4552;
}

#post-33 table td {
	text-align: center;
	text-transform: uppercase;
	font-weight: 1000;
	font-size: 1.2em;
}

/* Image slider */

#post-33 .slider-column {
	background: #2e4552;
}

.slider-column {
  width: 100%;
  min-height: 400px;
  margin: 0 auto;
  overflow: hidden;
}

.slider {
	position: relative;
	min-height: 400px;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  animation: fade 39s infinite;
}

.slide:nth-child(1) {
  animation-delay: 0s;
}

.slide:nth-child(2) {
  animation-delay: 3s;
}

.slide:nth-child(3) {
  animation-delay: 6s;
}

.slide:nth-child(4) {
  animation-delay: 9s;
}

.slide:nth-child(5) {
  animation-delay: 12s;
}

.slide:nth-child(6) {
  animation-delay: 15s;
}

.slide:nth-child(7) {
  animation-delay: 18s;
}

.slide:nth-child(8) {
  animation-delay: 21s;
}

.slide:nth-child(9) {
  animation-delay: 24s;
}

.slide:nth-child(10) {
  animation-delay: 27s;
}

.slide:nth-child(11) {
  animation-delay: 30s;
}

.slide:nth-child(12) {
  animation-delay: 33s;
}

.slide:nth-child(13) {
  animation-delay: 36s;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  8.3333% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  33.3333% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}




/* Styling for Upcoming Events on home page */

.home-events {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.tribe-events-before-html div p a {
	text-decoration: underline;
}

.tribe-events-before-html {
	display: none;
}

#tribe-events, .tribe-events-event-image {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	padding-left: 7%;
}

#tribe-events {
	max-width: 90%;
}

.tribe-events-event-meta, dt {
	min-width: 100%;
	color: #f3f1e0;
}

.tribe-events-c-top-bar a {
	color: #000!important;
}

ul.ecs-event-list {
	display: flex;
	flex-flow: row wrap;
	width: 70%;
	justify-content: center;
	padding: 0;
	margin: 0;
	padding-bottom: 50px;
}

li.ecs-event {
	display: flex;
	flex-flow: column-reverse nowrap;
	justify-content: space-between;
	align-items: center;
	min-height: 400px;
	width: 500px;
	background: #2e4552;
	margin-bottom: 20px;
}

span.duration {
	padding: 20px;
	color: #dccfa2;
}

li.ecs-event h4 {
	width: 80%;
	font-size: 1.2em;
	font-family: 'MartianMono';
	font-weight: 700;
}

.tribe-events-single-event-title {
	font-family: 'CyGrotesque';	
	color: #dccfa2;
	text-transform: uppercase;
}

li.ecs-event h4 a {
	text-decoration: none;
}

div.tribe-events.tribe-common {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.home-events button {
	margin-bottom: 100px;
}

.home-events h2 {
	padding-top: 20px;
}

.home-events a {
	text-decoration: none;
	transition: 0.3s
}

.home-events a h2:hover {
	color: #429195;
	transition: 0.3s
}

.home-events button {
	margin-bottom: 100px;
}


/* Events page */

#post-6768 .first-column {
	background: #429195;
	color: #F3F1E0;
}

#post-6768 div.first-column h2 {
	color: #F3F1E0;
	text-align: center;
}

#post-6768 div.first-column p {
	color: #F3F1E0;
	text-align: left;
}

/* The Events Calendar on Events page */

.tribe-events-l-container {
	display: flex; 
	flex-flow: column nowrap;
	align-items: center;
}

.tribe-events-before-html {
	max-width: 70%;
}

.tribe-events-before-html p {
	padding-bottom: 20px;
}

.tribe-events-c-small-cta__price {
	font-size: 1.5em;
	font-family: 'MartianMono';
	font-weight: 700;
	color: #dccfa2;
}

#post-0 {
	background: #429195;
	color: #F3F1E0;
}

#post-0 h2 {
	color: #F3F1E0;
	text-align: center;
	margin-bottom: 40px;
}

#post-0 p, #post-0 a, #post-0 time {
	color: #F3F1E0;
	text-align: left;
}

.tribe-events-c-nav__prev-label {
	padding-left: 20px;
}

#post-33 li.ecs-event a {
	order: 3;
	padding-top: 30px;
}

#post-33 h4.summary {
	order: 2;
}

#post-33 span.duration {
	order: 1;
}

#post-33 h4 {
	text-align: center;
}

h2.tribe-events-single-section-title {
	font-size: 2em!important;
}

.tribe-events-meta-group {
	padding-bottom: 50px;
}

.tribe-events-sub-nav {
	padding: 0;
}

.tribe-events-nav-previous {
	max-width: 50%;
}

.tribe-events-c-nav__today {
	text-align: center!important;
}

.tribe-events-calendar-list-nav.tribe-events-c-nav {
	width: 100%;
}

/* Membership page */

#post-4344 .first-column {
	background: #2e4552;
}

#post-4344 .first-column h2 {
	color: #D6B9AB;
	font-size: 2em;
}

#post-4344 .first-column p {
	color: #D6B9AB;
}

#post-4344 .first-column a {
	color: #D6B9AB;
}

.crm-main-content-wrapper {
	width: 90%;
}

li#menu-item-6881 {
	text-align: center;
}

#post-4344 .crm-public-footer {
	display: none;
}

/* Lending Library page */

#post-6887 {
	background: #c97f65;
}

#post-6887 .two-columns {
	background: #429195;
}

#post-6887 .second-column h2 {
	color: #F3F1E0;
	text-align: center;
}

#post-6887 .second-column p {
	color: #F3F1E0;
}

#post-6887 .second-column button:hover {
	background: #c97f65;
}

#post-6887 h3 {
	text-align: center;
	color: #dccfa2;
	padding: 30px 0;
	font-size: 1.5em;
}

#post-6887 h3 a {
	text-decoration: underline;
}

#post-6887 .final-image {
	min-height: 650px;
	background: url('/wp-content/themes/wharfchambers_qwd_child/images/books.jpg') center;
	background-size: contain;
}


#post-6887 .final-image {
	background-size: cover;
}

/* Policies page */

.archive #page #secondary, .single-post #secondary {
	display: flex;
	flex-flow: column nowrap;
}

.page-header, .type-post {
	padding: 0 4%;
}

.archive-description {
	font-size: 1.1em;
}
	
#secondary {
	background: #9ecdbb;
	color: #2e4552;
	padding-top: 20px;
}

#secondary h2 {
	color: #2e4552;
}
	
#secondary p, #secondary a {
	color: #2e4552;
}

#secondary a {
	text-decoration: underline;
	font-weight: 700;
}

#secondary a:hover {
	color: #df9d6c;
}

.widget {
	margin: 0;
}

.widget_text {
	padding: 0 4%;
}
	

/* Policies posts (ie Safer Spaces Agreement) */
	
.type-post .entry-header {
	display: flex;
}

.post:first-of-type {
	margin-top: 10px;
}

.post:first-of-type h1 {
	color: #2e4552;
	text-transform: uppercase;
}

nav.post-navigation {
	display:none;
}


/* Contact page */

/* Hide mystery sidebar on Contact page */

.page-id-1511 aside#secondary {
	display: none;
}

#post-1511 {
	background: #c97f65;
}


#post-1511 .two-columns {
	background: #df9d6c;
}

#post-1511 h2 {
	color: #2e4552;
}

#post-1511 .image-column {
	display: none;
}

#google-maps-block {
	min-height: 600px;
}

#google-maps-block iframe {
	min-height: 600px;
}

#post-1511 .contact {
	display: flex;
	flex-flow: column;
	justify-content: space-evenly;
	padding: 4%;
}

.col-one {
	text-align: left;
}

.page-id-1511 {
		background-color: #c97f65!important;
}

/* GDPR */

#post-6945 {
	margin: 5%;
}

#post-6945 h2 {
	font-size: 2em;
}

/* Footer */

#colophon {
	background: #df9d6c;
	padding-top: 20px;
}

.site-footer {
	min-height: 300px;
}

.site-info {
	flex-flow: column-reverse;
}

.site-info div {
	padding: 20px;
	text-align: center;
}

.social-icons {
	justify-content: center;
}

.social-icons i {
	padding: 10px;
	color: #2e4552;
	transition: 0.3s;
}

.social-icons i:hover {
	color: #f3f1e0;
	transition: 0.3s;
}

/* Media Query for Tablets (768px and Up) */
@media (min-width: 768px) {

/* Menu */

.menu-wharfmenu-container {
	margin-top: 0;
}

#primary-menu {
	justify-content: space-between;
	background: #2e4552;
	padding: 0 4%;
}

.menu-item, .menu-item:last-of-type {
	border: 0px;
}
	
/* Membership page */
	
#post-4344 .first-column h2 {
	font-size: 3em;
}


/* Lending Library page */

div.second-column {
	padding-bottom: 10%;
}

/* Policies page */

#secondary {
	padding-bottom: 3%;
}

/* Contact page */

#post-1511 .contact {
	padding-top: 0;
}

}

/* Footer */

.social-icons {
	justify-content: center;
}

/* Fine tune tablet rules */

@media screen and (min-width: 570px) and (max-width: 900px) {

	
	.menu-item-6881 a {
		text-align: center;
	}
	
	.menu-wharfmenu-container {
		margin-top: 0;
		border: 0;
	}

	.menu-item, .menu-item:last-of-type {
		border: 0;
	}
	
	ul.ecs-event-list {
		width: 100%;
	}
	
	li.ecs-event {
		min-width: 500px;
	}
	
}


/* Media Query for Desktops (1160px and Up) */
@media (min-width: 1160px) {

/* Fonts */

h2 {
	font-size: 3.5em;
}

/* Header */

#masthead {
	display: flex;
	flex-flow: row;
	align-items: flex-end;
}

.site-branding {
	padding: 2% 4% 0;
	align-items: flex-start;
}

.custom-logo-link {
	order: 1;
}

.site-description {
	order: 2;
	margin-bottom: 0;
	white-space: nowrap;
}

.site-title {
	order: 3;
	text-align: left;
}

p.site-title a {
	text-align: left;
	line-height: 1;
}

/* Header Right */

.header-right {
	display: flex;
	flex-flow: column;
}

#top-button {
	display: flex;
	align-self: flex-end;
	margin: 0 4% 30px 0;
}

#top-button button {
	background: #2e4552;
}

#top-button button:hover {
	background: #429195;
}

/* Menu */

#site-navigation {
	margin-bottom: 1%;
}

#primary-menu {
	justify-content: end;
}

ul#primary-menu, .menu-item {
	background: none;
}

.menu-item:hover {
	background: none;
}

/* Pages */

#post-33 .two-columns, #post-6768 .two-columns, #post-4344 .two-columns, #post-6887 .two-columns, #post-1511 .two-columns {
	display: flex;
	flex-flow: row wrap;
	min-height: 800px;
}

.image-column, .image-column-home {
	display: flex;
	flex-grow: 1;
}

.image-column > img {
	flex-grow: 1;
}

div.first-column, div.second-column {
	padding: 40px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	min-width: 50%;
	max-width: 50%;
}

div.image-column {
	min-width: 50%;
	max-width: 50%;
}
	
#post-4344 div.first-column {
	justify-content: flex-start;
}
	
.credit {
	text-align: center;
	margin-bottom: 50px;
}

/* Home Welcome page */

#post-33 .slider-column {
	width: 50%;
	min-height: 100%;
}

.slider, .image-column-home {
	min-height: 800px;
}
	
li.ecs-event {
	width: 40%;
	margin: 20px;
}

/* Events page */
	
/* Membership page */
	
#post-4344 .first-column h2 {
	font-size: 3.5em;
}
	
/* Lending library page */
	


/* Policies page */

.single-post #page {
	background: #9ecdbb;
}

.single-post main#primary, .archive main#primary, aside#secondary {
	max-width: 50%;
}

.single-post main#primary, .archive main#primary {
	float: left;
	background: #f3f1e0;
}

.single-post footer#colophon {
	clear: both;
}

.archive h1 {
	text-align: left;
}


/* Contact page */

#post-1511 .image-column {
	display: flex;
}

#post-1511 .contact {
	flex-flow: row nowrap;
}

.col-one {
	text-align: right;
	padding-right: 2%;
}

.col-two {
	padding-left: 2%;
}

/* Footer */

#colophon, .site-info {
	flex-flow: row wrap;
	min-height: 300px;
	min-width: 100%;
	justify-content: space-between;
}

#colophon {
	max-width: 100%;
}

.site-info div {
	text-align: left;
	padding: 0 20px;
}

.site-info div.social-icons, .site-info div.footer-text {
	text-align: right;
	align-self: flex-end;
	max-width: 60%;
}

.address, .footer-credit, .gdpr-link {
	min-width: 60%;
}

.address {
	order: 1;
}
	
.copyright {
	order: 3;
}

.site-credit {
	order: 5;
}

.gdpr-link {
	order: 6;
}

.footer-text {
	order: 4;
	margin-top: 20px;
}
	
	#colophon, .site-info {

}

.footer-left, .footer-right {
	max-width: 50%;
	min-height: 200px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.social-icons {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	width: 100%;
}

}

/* Styling for large desktop screens */

@media (min-width: 1300px) {
	
.site-title {
	font-size: 1.4em;
}
#post-4344 .first-column h2 {
	font-size: 4em!important;
}
	
/* Membership page */	
	
#post-4344 .first-column h2 {
		font-size: 4.5em;
	}
	
/* Lending library page */
	
#post-6887 h3 {
	font-size: 2em;
}
	
}