/*
Theme Name: Teal Theme Base (Teal Framework)
Theme URI: https://katydwyerdesign.com/
Description: Custom Wordpress Theme by Katy Dwyer Design. Requires the Teal Framework (v1.38).
Author: Garrett Gardner
Author URI: http://garrett-gardner.com/
Version: 1.0 (2020-10-30)
*/

/* --------------------------------------------------------------- basic theme styles */
#header .topbar {
	display: none;
}
#header .mainbar {
	background-color: #000000;
	padding-top: 2rem;
}
#header .mainbar:after {
  content: '';
  width: 92%;
  height: 1px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 4%;
}
.scrolled #header .mainbar:after {
	display: none;
}
#header .navigation.main>ul>li>a {
	color: #fefefe;
	text-transform: none;
}
#header .navigation.main>ul>li>a:hover,
#header .navigation.main>ul>li.current-menu-item>a {
	color: #BD4E43;
}
/* --------------------------------------------------------------- basic mobile theme styles */
#menu .contrastToggle {
	display: none;
}
#menu {
	background-color: #000;
}
#menuToggle {
	color: #fff;
}
#menu .menu-main-menu-container,
#menu .socialButtons {
	margin-top: 40px;
}
#menu nav>ul>li>a {
	text-transform: none;
}
#menu .socialButtons a {
	font-size: 2rem;
	margin-right: 1.75rem;
}
/* --------------------------------------------------------------- home page styles */

.home:not(.scrolled) #header,
.home:not(.scrolled) #header .mainbar {
 	background-color: transparent;
	box-shadow: none;
	transition: background-color 1s, box-shadow 1s;
}
.home.scrolled #header,
.home.scrolled #header .mainbar {
	background-color: rgba(0, 0, 0, 0.6);
	transition: background-color 1s, box-shadow 1s;
}
.home {
	background-image: url("assets/images/really-big-home-bg-sky-tall2.jpg");
	/*background-size: 100%;
	background-repeat: repeat-y;*/
	background-attachment: fixed;
	background-size: cover;
}
@media only screen and (min-width: 992px) {
	.home {
		background-image: url("assets/images/really-big-home-bg-sky-tall.jpg");
	}
}
@media only screen and (min-width: 992px) {
	.home {
		background-image: url("assets/images/really-big-home-bg-sky.jpg");
	}
}
.home:not(.scrolled) #header .mainbar .logo {
	visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 0.5s linear;
}
.home.scrolled #header .mainbar .logo {
	/*display: block;
	transition: display 1s;
	transition-delay: 1s;*/
	visibility: visible;
  opacity: 1;
  transition: visibility 1s, opacity 0.5s linear;
}
.home #header .mainbar:after {
	content: none;
}
.home .home-logo {
	width: 45%;
	min-width: 300px;
}
.home .home-row .grid>.row {
	justify-content: center;
}
.home .home-row .grid .row img:first-of-type {
	width: 100%;
}
.home .home-row .width-four .content {
	padding-left: 2em;
	padding-right: 2em;
}
.home #block-2 {
	scroll-margin-top: 8rem;
	overflow: visible;
}
@media only screen and (min-width: 769px) {
	.home .home-row2b {
		margin-top: -5em;
	}
}
.home .styles a {
	color: #ffffff;
}
@media only screen and (min-width: 992px) {
	.home .block.grid.home-row .grid .column.width-four .content .styles { /* center text vertically */
		display: flex;
		align-items: center;
		height: 100%;
	}
	.home .block.grid.home-row2a .grid .column.width-four .content .styles { /* padding on text w/image overlay */
		padding-bottom: 50px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.home .block.grid.home-row .grid>.row>.column>.content>.inner>.styles { /* center images vertically */
		display: flex;
		align-items: center;
	}
	.home .block.grid.home-row2b .grid>.row>.column>.content>.inner>.styles {
		display: block;
	}
}
@media only screen and (max-width: 991px) {
	.home .block.grid .grid>.row .column.width-four .content {
		padding-bottom: 40px;
	}
	.home .block.grid.home-row .grid>.row .column.width-three .content {
		padding-top: 0;
		width: 90%;
		margin: auto;
		margin-top: -20px;
	}
	.home .home-row2b {
		margin-top: -60px;
	}
	.home .homepage-logo .down-arrow {
		display: none;
	}
}
/* --------------------------------------------------------------- music page styles */
.music-grid .grid>.row {
	justify-content: center;
}
.music-grid .grid .row img:first-of-type {
	width: 100%;
}
.music-grid .grid>.row>.column {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.music-grid .grid>.row>.column .styles p {
	margin-left: 20px;
	margin-right: 20px;
}
@media only screen and (max-width: 991px) {
	.music-grid .grid>.row>.column .styles p {
		margin-left: 0px;
		margin-right: 0px;
	}
}
/* --------------------------------------------------------------- concert & conversation page styles */
.music-banner .column .styles {
	padding-left: 20px;
}
.music-banner .column {
	min-height: 250px;
}
@media only screen and (max-width: 991px) {
	.music-banner .row > div:first-of-type {
		display: none !important;
	}
	.music-banner .column .styles p {
		text-align: center;
		padding-top: 30px;
	}
	.music-banner .column .styles {
		padding-left: 0;
	}
}
/* --------------------------------------------------------------- button styles */
.button {
	background-color: #BD4E43 !important; /*red*/
	text-transform: none !important;
}
.button:hover {
	background-color: #81271E !important; /*dark red*/
}
.button.listen {
	background-color: transparent !important;
	color: #BD4E43;
	font-family: "Lora, serif";
	padding-left: 0;
	font-size: 1.75rem;
}
.button.listen:hover {
	color: #81271E !important;
}
.button.listen:after {
	font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f0da";
    padding-left: 12px;
    font-size: 2rem;
    vertical-align: -5px;
}
.button.listen.secondary {
	color: #ffffff;
}
.button.listen.secondary:hover {
	color: #1C141A !important;
}
.button.listen.tertiary {
	font-size: 1.75rem !important;
}
.button.listen.tertiary:after {
	font-size: 2rem;
}
.textHeaderListen {
	margin-bottom: -0.5rem !important;
}
.socialButtons a {
	color: #BD4E43;
}
.socialButtons a:hover {
	color: #81271E;
}
/* --------------------------------------------------------------- essays page styles */
.post-template-default.single-post {
	background-color: #fff;
}
.post-template-default.single-post main {
	position: relative;
}
.post-template-default.single-post main::before {
	background-image: url("assets/images/really-big-home-bg-sky.jpg");
	background-attachment: fixed;
	background-size: cover;
	content: "";
	position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.35;
}
.post-template-default.single-post #main .block {
	background-color: transparent!important;
}
.essays-post-listings .post-excerpt-readmore a {
	color: #BD4E43;
}
.essays-post-listings .post-excerpt-description,
.post-template-default .block .container .contentPostDate {
	font-family: "Lora, serif";
}
.essays-post-listings .pagination>a {
	/*background-color: #BD4E43;*/
	color: #BD4E43;
	background-color: #fff;
	border-bottom: 3px solid #BD4E43;
}
.essays-post-listings .pagination>a:hover,
.essays-post-listings .pagination>span.current {
	/*background-color: #81271E;*/
	color: #000;
	background-color: #fff;
	border-bottom: 3px solid #000;
}
@media only screen and (min-width: 992px) {
	.essays-post-listings .excerpt:nth-of-type(2){
		padding-top: 50px;
	}
}
.essays-post-listings .excerpts {
	justify-content: space-around;
}
.post-template-default .block .container {
	max-width: 750px;
}
.post-template-default .block.default {
	padding-bottom: 0;
}
.post-template-default .block .container h1,
.post-template-default .block .container .contentPostDate {
	color:#334A67;
}
.page-id-97 {
	background-color: #ffffff;
}
.three-squares-icon {
	margin-top: -40px;
}

/* --------------------------------------------------------------- defaults
COLORS TEXT
Primary: #334A67 | Blue
Secondary: #BD4E43 | Red
Tertiary: #4B6559 | Green
Quaternary: #1C141A | Black
Quinary: #969C96 | Gray

COLORS BUTTONS
Button 01: #BD4E43 | Red
Text: White
HOVER: #81271E | Dark Red

FONTS
Primary: "Oswald, sans-serif"
Secondary: "Lora, serif"
--------------------------------------------------------------- */