/*
    Theme Name: John Brehm, Poet
    Theme URI: https://www.hamiltrowebsitedesign.com
    Description: CUSTOM THEME
    Version: 1
    Author: hamiltro
*/

@font-face {
    font-family: 'Garamond MT Pro';
    src: url('/wp-content/themes/brehm/assets/fonts/GaramondMTPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/brehm/assets/fonts/GaramondMTPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Garamond MT Pro';
    src: url('/wp-content/themes/brehm/assets/fonts/GaramondMTPro-Italic.woff2') format('woff2'),
        url('/wp-content/themes/brehm/assets/fonts/GaramondMTPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Adobe Garamond Pro';
    src: url('/wp-content/themes/brehm/assets/fonts/AGaramondPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/brehm/assets/fonts/AGaramondPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--footer-bg-color: #a1ada1;	
	--darker-text-color: #444;
	--a-color: #333;
	--a-hover-color: BLACK;
	--poems-sage-BG-color: #cbd0cb;
}

body	{
	font-family: georgia, serif;
}
.siteTitle.flexItem	{
	width: 60%;min-width: 340px;
	
}

.siteTitle.flexItem	h2 { 
	text-align: left;
}

.siteTitle.flexItem	h2 span{
	font-family: 'Garamond MT Pro', serif;
	text-transform: none;
	/*font-style: italic;*/	
	color: #8c95a6;
	font-size: 2.6rem;
	font-weight: normal;
}

.navbar .flexcontainer	{
	width: 100%;
}

.mainNavigation.flexItem {
    justify-content: flex-end;
    width: 40%;
}

@media only screen and (min-width: 769px) {
	.navbar-wrapper {
		position: fixed;
		width: 100%;
	}
	.siteTitle.flexItem	{
		width: 13%;
		min-width: 230px;
	}
	.mainNavigation.flexItem {
		width: 87%; 
		max-width: calc(100% - 230px);
		padding-right: 15px;
	}
}

.navbar-wrapper {
    min-height: 60px;
    background: WHITE;
    z-index: 999;
    font-family: 'Open Sans', sans-serif;
}



li.menu-item {
	text-transform: uppercase;
}

.navbar-nav > li {
	padding-top: 18px;
}

h1.pageTitle	{
	font-style:normal;
	line-height: 2rem;
}
h2	{
	font-family: 'Adobe Garamond Pro', serif;
	font-size: 2.4rem;
	text-align: center;
	/*text-transform: uppercase;*/
	font-weight: normal;
	margin-bottom: 40px;
}

h2.pageTitle	{
	font-size: 2.6rem;
}

/*.content h2	{
	margin-top: 50px;
}&*/

h3 {
	font-size: 1.4rem;
	max-width: 730px;
	margin: 70px auto 20px;
	color: var(--darker-text-color);
}
@media only screen and (max-width: 500px)	{
	h2.pageTitle, h2.sectionHeading, h2.rowHeading {
		padding-top: 0;
	}
}

p	{
	font-size: 1.2rem;
	line-height: 1.8rem;
}

p.entry-date	{
	font-size: 1rem;
}

section.footer p { 
	margin-bottom: 20px;
}

blockquote	{
	font-style: italic;
}
cite	{
	font-style: normal;
	font-size: 1rem;
}

cite em,
.a-text-italic	{
font-style: italic;
}

span.cite-normal {
	/*font-style: normal !important;*/
	color: #444;
}

.mainContent p:not(.bookreadmore):not(.editLink) a	{
	color: #000 !important;
	border-bottom: .5px solid #000;
}

.mainContent p:not(.bookreadmore):not(.editLink) a:hover {
	border-bottom: 1px solid #000;
}





/* BANNERS
--------------------------------------------------------------------*/
section.bannerImage,
section.bannerImage.subPage.pageHeader {
	top: 60px;
	
	background-image: url('/wp-content/themes/brehm/assets/images/subPage-banner-BG1.jpg');	
	background-position: center top;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	max-height: 300px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 2rem;
	color: #333;
	text-shadow: 1px 1px 1px rgb(193 205 217 / 50%);
}


/*.page-about section.bannerImage.subPage.pageHeader {
	background-image: none;
}
.bannerSiteTitle.subPage {	
	margin-top: 10vh;
	padding-bottom: 4vh
}

section.bannerImage .subPage .bannerSiteTitle h2{
	font-size: 3.2rem;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(75,32,21,0.5);
}

section.bannerImage .subPage .bannerSiteTitle h1{
	color: #FFF;
	font-size: 1.4rem;
	background-color: rgba(125,66,34,0.8);
	padding: 20px 20px 24px;
	max-width: 260px;
	margin-top: 80px;
	font-style: normal;
	letter-spacing: 0.015 rem;
}




@media only screen and (min-width: 500px)	{
	section.bannerImage .subPage .bannerSiteTitle {margin-top: 14vh;}
	section.bannerImage .subPage .bannerSiteTitle h2 {font-size: 4rem;}
	section.bannerImage .subPage .bannerSiteTitle h1 {font-size: 1.8rem;max-width: 340px;margin-top: 50px;}
}

@media only screen and (min-width: 813px)	{
	section.bannerImage .subPage .home section.bannerImage {min-height: calc(100vh - 20px);}
	section.bannerImage .subPage .bannerSiteTitle {margin-top: 34vh;}
	section.bannerImage .subPage .bannerSiteTitle h2 {font-size: 5rem;}
	section.bannerImage .subPage .bannerSiteTitle h1 {font-size: 2.6rem;max-width: 460px;}
}
*/
/* HOME--------------------------------------------------------------------*/




.home ul.navbar-nav.flexContainer {
    justify-content: center;
    padding-right: 0px;
}

@media only screen and (min-width: 769px){
	.home .mainNavigation.flexItem {
    	width: 100%;
    	padding: 0 15px 10px;
	}
}

.home section.bannerImage {
	background-image: url('/wp-content/uploads/2021/05/home-banner-BG1.jpg');
	min-height: calc(100vh - 20px);
	font-size: 1.8rem;
	line-height: 2.4rem;
}

@media (min-width: 769px){
	.home .siteTitle	{display: none;}
}
@media (max-width: 768px){
	.home .bannerSiteTitle{display: none;}
}

@media (max-device-width: 768px) {
	.home section.bannerImage {min-height: 718px; height: 100%;}
}




.bannerSiteTitle {
	margin-top: 8vh;
}

.bannerSiteTitle h1{
	font-family: 'Adobe Garamond Pro', serif;
	font-style: normal;
	font-size: 5rem;
	color: #333;
	text-shadow: 1px 1px 1px rgba(193,205,217,0.5);
  	line-height: 1.6em;
  	padding-top: 40px;
}
.bannerSiteTitle h1 span{
	font-family: 'Garamond MT Pro', serif;
	text-transform: none;
	font-style: italic;	
	color: #444;
	font-size: 2.6rem;
}

section.bannerImage  .quotes	{
	padding: 0 16px;
}

section.bannerImage .quote {
	margin-top: 18vh;
	color: #FFF;
	font-size: 2.6rem;
	font-family: 'Garamond MT Pro', serif;
	font-style: italic;
}

@media (max-width: 767px)	{
	section.bannerImage .quote {margin-top: 14vh;}
}

section.bannerImage .quote p	{
	font-size: 2.4rem;
	 font-size: calc(2.1rem + 0.25vw); 
	line-height: 2.4rem;
}

section.bannerImage p.quoteAuthor {
	margin-top: .8vh;
	color: #FFF;
	font-size: 2.1rem;
	font-size: calc(2rem + 0.05vw);
	font-style: normal;
}

@media (max-device-width: 812px) and (orientation: landscape) {
	.home section.bannerImage {min-height: 355px; height: 100%;}
	.home .siteTitle	{display: block;}
	.home .bannerSiteTitle{display: none;}
	.navbar-menu {display: none!important;}
	.collapse { display: block; }
	.navbar-header.navbar-icon {float: right;margin-right: 10px;margin-top: -40px;}
	section.bannerImage .quote {margin-top: 20px;}
	section.bannerImage .quote p	{font-size: 1em;}
	section.bannerImage .quote p.quoteAuthor {font-size: .8em;} 
}

.home section 	{
	min-height: 200px;
}

/* home-section-poems ---*/


section.poems {
    background-color: #cbd0cb;
}

.panel-group {
    margin-bottom: 60px;
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
    margin-left: -15px;
}

.panel-title {
    text-align: center;
    max-width: 730px;
    margin: 0 auto 12px;
    font-weight: normal;
    font-size: 1.5rem;
}

.panel-title a {
    display: inline-block;
    text-decoration: none;
    color: #23303b;
}

.panel-title a .title-text {
    display: inline-block;
}

.panel-title a:hover .title-text {
    text-decoration: underline;
}

.panel-title a .arrow {
    margin-left: 5px;
    color: #23303b;
    font-size: 25px;
    text-decoration: none;
}


.homebooks, 
.homevideos, 
.homeAbout, 
.defaultcontainer {
    max-width: 730px;
    margin: 0 auto 12px;
    font-weight: normal;
    font-size: 1.1rem;    
}

.defaultcontainer.poem {
    line-height: 1.8rem;
    max-width: 26em;
}


.poems .panel-title {
    padding: 0 15px;
}

.panel-body {
    background-color: white;
    position: relative;
}

/*.x_close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}*/

.bottom-X {
    text-align: right;
    padding: 15px;
}


.homeAbout{
	max-width: 850px;
}
.homebooks  {
	max-width: 1000px;
}

.accordion-toggle
{
	line-height: 40px;
	color: var(--a-color);
}

a.accordion-toggle:hover {
	color: var(--a-hover-color);
}
.panel-collapse {
    transition: height 1.0s;
}

.panel-body {
	background: white;
    padding: 15px;

}

.x_close {
    float: right;
    border: 2px solid #999;
    border-radius: 50%;
    z-index: 9999;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 26px; /* Added this line */
    text-align: center;
    background: #fff;
    cursor: pointer;
    font-weight: normal;
    display: inline-block; /* Added this line */
    position: relative; /* Added this line */
}
.bottom-X {
	margin-bottom:40px;
}
#content  {
	 padding-top: 30px;
}
.right {
	float:right;
}
.txtcenter {
	text-align:center;
}

h3.txtcenter	{
	margin-top: 30px;
}

p.pub-in	{
	margin-top: 30px;
}

/* home-section-events ---*/

section.events {
	background-color: #fff8e6;
	padding-top: 80px !important;
}

/*section.events h2	{
	color: #193b68;
}*/

.homeEvents:not(:first-of-type) {
    border-top: 1px solid #ccc;
    border-top: 1px solid transparent; /* 3/5/25 */
    padding-top: 50px;
}

.homeEvents {
	margin: 40px auto 0;
}

h3.eventTitle	{
	margin: 0 auto 12px;	
}

p.dateDescription	{
	font-weight: bold;	
}
}

/*.home .flexContainer	{
	text-align: center;
}*/

.flex-item {
  padding: 10px;
  flex: 33%;
}

.eventDate.flex-item-3	{
	text-align: right;
}

.eventDetails.flex-item-7	{
	text-align: left;

}

.eventDate.flex-item-3	{
	padding-right: 30px;
	text-transform: uppercase;
	font-size: 1.1rem;
}

.eventDate.flex-item-3 p,
.eventDetails.flex-item-6 p {
	margin: 0 auto;
}

.eventDate span.moDay	{
	font-weight: bold;
}

.eventDate p {
	padding-right: 10px;
	border-right: 3px solid #193b68;
}

.eventdesc  {
	padding:0px 0px 12px;
	max-width: 730px;
}

/* home-section-video ---*/

section.video {
	background-color: #111;
}

section.video h2 {
	color: WHITE;
}

.homevideos {
	padding:20px 0;
}

section.video p.editLink a	{
	color: White;
}


.homeAbout .rightAlign  {
	padding: 0 20px;
}

.homeAbout .leftAlign  {
	padding: 0 20px;
	text-align: left;
}

/*   BOOKS
-----*/
.single-books .one-col {
	max-width: 900px;
}

.single-books .flex-item-3	{width: 100%;}
.single-books .flex-item-7, .flex-item-33	{width: 100%;}
.bookreadmore
{
	text-align:right;
}
.featuredImage
{
	text-align:center;
}
.post-type-archive-books .sectionTitle
{
	min-height:56px;
}
@media screen and (min-width: 820px) and (max-width: 960px) {
	.flex-item-33	{
		text-align: left;
		width:50%;
		float:left;
	}
}
@media screen and (min-width: 960px) {
	.flex-item-33	{
		text-align: left;
		width:33.33%;
		float:left;
	}
}
@media screen and (min-width: 820px) {
	.mobile-only {display: none;}
	.desktop-only  {display: block;}
	.single-books .flex-item-3	{width: 30%;}
	.single-books .flex-item-7	{width: 70%;}
	.bookreadmore { text-align:left; }	
}
.books .row.content
{
	padding: 15px;
}
.single-books .flex-item-7 {
	padding: 0 20px;
}
section .books .flex-item-33
{
	margin-bottom: 15px;
}
.single-books blockquote,
.page-about blockquote {
	border-left: 2px solid #8d8c87;
    padding-left: 20px;
	margin: 30px 0;
}
.bookreadmore
{
	padding-top:2px;
}
.bookcontainer
{
	max-width: 1200px;
    margin: 0 auto;
}
.row.content.one-col.
row.header.one-col
{
	padding:10px;
}
.please{
    font-size: .9em;
    padding: 0 5px;
    text-align: center;
    line-height: 1.2em;
}

a.button,
input#submit {
    text-align: center;
    padding: 8px 16px;
    padding: 10px 30px;
    border: 1px solid BLACK;
    background-color: GREY;
    color: WHITE;
    border-radius: 0px;
    font-weight: bold;
}

a.button.purchase {
	border: 1px solid #BBB;
    background-color: #CCC;
    background-color: var(--footer-bg-color);
	line-height: 40px;
	font-size: .8em;
	width: 100%;
	display: block;
	padding: 5px 6px;
}

a.button.purchase:hover  {
background-color: var(--footer-bg-color);
background-color: #CCC;
    background-color: #879287;
}

.single-books #nav-single  {
	clear: both;
}
.single-books p {
	margin-bottom: 20px;
}

.single-books .mobile-only p.txtcenter:first-of-type {
	margin-top: 40px;
}
.single-books h3 {
	margin: 0 auto;
}

p.entry-date	{
	/*margin-top: -26px;	*/
}
div.book 
{
	 padding: 15px;
}
@media only screen and (max-width: 768px)	{
	.flexcontainer {
		display:block;
	}
	.single-books .flex-item-3 {
		width:100%!important;
	}

}

@media only screen and (max-width: 500px)	{
.homeAbout .flex-item-7,
.homeAbout .flex-item-6,
.homeAbout .flex-item-3,
.homeAbout .flex-item-5 {flex: 100%;}
}
/* Homepage Quote Slides 
----------------------------------------------------------------------------*/
.mySlides {
  display: none;
  padding: 10px;
  text-align: center;
}
.mySlides p	{
	max-width: 570px;
	max-width: 36rem;
}

.mySlides p.author	{
	max-width: 35rem;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 67%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.prev
{
	left:0%;
}
/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0%;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}




/* ABOUT PAGE
---------------------------------------------------------------------*/
.one-col.bio {
	max-width: 900px;
}

@media (max-width:768px) {
	.page-about .flex { display: block;}
	.page-about .flex > div	{width: 100%;}
}

section.praiseContent	{
	background-color: #fff8e6;
}




/* POEMS PAGE
---------------------------------------------------------------------*/

.post-type-archive-poems section:nth-child(even) {background: #223039;background: #cbd0cb;}

.post-type-archive-poems section:nth-child(odd) {background: #fff8e6;} 


.post-type-archive-poems section .container	{
	max-width: 730px;
	margin: auto;
	padding: 50px;
	background: WHITE;
}

.post-type-archive-poems section .bannerSiteTitle.container	 {
	margin-top: 8vh;
	padding: 0;
}



/*.post-type-archive-poems section.pageHeader {background: WHITE; height: 150px;padding: 0;}*/

.post-type-archive-poems section.bannerImage.subPage.pageHeader .container	{background: transparent;}



.post-type-archive-poems section.footer  {background-color: var(--footer-bg-color);}
.post-type-archive-poems section.footer .container {background-color: var(--footer-bg-color);}


.post-type-archive-poems h3.sectionTitle	{
	text-align: left;
	margin-top: 10px;
}
.pagination{
	text-align: center;
    margin-bottom: 10px;
}
.videowrapper p{
	text-align: center;
}

div.book 	{
	font-size: 1.2rem;
	line-height: 1.8rem;
}

body.post-type-archive-poems .navigation.pagination{
	margin: 0;
	padding-bottom: 40px;
	padding-top: 39px;
    margin-top: -104px;
}
body.post-type-archive-poems section.footer{
	border: 0;
}
.lastchild
{
	padding-bottom:125px!important;
}

/* NEWS PAGE
---------------------------------------------------------------------*/

.back_link{
	margin-bottom: 20px;
}

section.generalNews	{
	padding-top: 0;
}

.page-news section.generalNews  p.dateDescription,
.page-news section.generalNews  p.venue {
	margin-bottom: 2px;
}

section.generalNews	a.button	{
	background-color: #ccc;
	border: 1px solid #999;
}

section.generalNews	a.button:hover	{
	background-color: #999;
}

.page_content a	{
	text-decoration: underline;
}

.single-news .comments	{
	margin-top: 50px;
	padding-top: 30px;
	border-top: 1px solid #eee;
	font-size: .9rem;
	display: none;
}

.single-news .comments h3	{
	margin-top: 20px;
	font-size: 1.2rem;
}

.single-news .comments h3.commentsHeader	{
	text-transform: uppercase;
	font-size: 1.6rem;
	color: #666;
	margin-bottom: 40px;
}

.single-news .comments label	{
	display: block;	
}

.single-news .comments p.comment-form-url,
.single-news .comments .comment-form-cookies-consent	{
	display: none;
}

p.form-submit	{
	margin-top: 30px;
}

p.comment-form-author input,
p.comment-form-email input	{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 360px;
	max-width: 100%;
}

section.pastEvents,
section.generalNews {
	padding-top: 80px;
}

section.pastEvents h3,
section.pastEvents p {
	margin-bottom: 2px;
	margin-top: 0;
}

/* temp until turn past events back on */

.page-events .mainContent	{
	background-color: #fff8e6;
}

section.pastEvents {
	/*display: none;*/
	background-color: white;
}

/* temp end */

div.past	{
	margin-bottom: 20px;
}



p.video	{
	text-align: center;
}



.homeNews .flex-item-6:not(.first-media-post) {
    padding-top: 60px;
    margin-top: 40px;
    border-top: 1px solid #eee;
}

/* CONTACT PAGE
---------------------------------------------------------------------*/
.page-contact .row.content.one-col	{
	margin-top: 80px;
	max-width: 400px;
	max-width: 480px;
	max-width: 600px;
	border: 1px solid #fff;
	padding: 40px;
	text-align: center;
}
.bookcontainer .sectionTitle
{
	padding:0 15px;
}


.page-contact p.credit {
     color: #666;
}

.page-contact p.credit a {
     color: #555;
}
.page-contact p.credit a:hover {
     color: #222;
}


p.pleasePurchase	{
font-size: .8em;
	margin-top: -40px;
}

#gmdropdown
{
	float:right;
	padding:5px;
	margin-top: 10px;
	position: absolute;
    right: 30%;
}

#mainContent,
#primary.content-area	{
	min-height: calc(100vh - 300px);
	width: 100%;
}
#loom-companion-mv3 section#shadow-host-companion {
	position: absolute;
	bottom: 0;
	z-index:9999;
	padding: 0 15px;
}

/* ARTICLES SECTION */
.article-title {margin-bottom: 8px;}
.article-meta span	{opacity: .6}

iframe{
	margin-top: 20px;
}