/**
Theme Name: joe-boyd
Template: astra
*/


body {
	font-family: "LinotypeUnivers";
	  font-style: normal;
	  font-stretch: normal;
	  font-weight: 400;
	color:#444;

}

strong, b {
	font-family: "LinotypeUnivers";
	  font-style: normal;
	  font-stretch: normal;
	  font-weight: 700;
}

h1, h2, h3 {
	font-family: "LinotypeUnivers";
	  font-style: normal;
	  font-stretch: condensed;
	  font-weight: 400;

}

h2.widget-title {
	  font-weight: 400;
}

h2, .entry-content :where(h2) {
	  font-weight: 400;
}

.ast-mobile-header-wrap .ast-below-header-bar, .ast-below-header-bar .site-below-header-wrap {
	min-height: 40px;
}

.ast-site-identity {
	font-style: normal;
	font-stretch: extra-condensed;
	font-weight: 500;
	font-family: 'LinotypeUnivers';
	text-transform: uppercase;
	font-size: 50px;
	letter-spacing: 1px;
}

.ast-logo-title-inline .ast-site-identity {
	padding: 30px 0px 0px 0px;
margin-bottom: -10px;
}

.site-header .site-description {

	font-size: 19px;
/* font-size: 0.9375rem; */
display: inline;
/* float: left; */
line-height: 77px;
margin-left: 5px;
	color: white;


}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
	width: 40px;
	height: 40px;
	fill: white;
}

.site-title {
	font-size: 52px;
	font-size: 2 rem;
	display: block;
	float: left;
	font-weight: 500;

}

.ast-site-identity .site-title a {
	color: white;
	font-weight: 500;
}

.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
	text-decoration: none;
}

.wp-block-search__button {
	display: none;
}

.ast-primary-header-bar {
	display: block;
	background-color: #cc3300;
}

.main-header-menu .menu-item a.menu-link {
	font-family: "LinotypeUnivers";
	  font-style: normal;
	  font-stretch: condensed;
	  font-weight: 400;
	  color: #cc3300;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
	color: #444;
}

.main-header-menu li.menu-item {

#post-15 table {
	border: none;
}

border-right: solid 1px #c1c1c1;
}

.ast-desktop .ast-below-header-bar .main-header-menu > .menu-item {
	line-height: 20px;
}

.main-header-menu li.menu-item:last-child {
	border-right: none;
}

#podcast-frame {
	height: 100px;
	margin-top: 30px;
	clear: both;
	padding-top: 30px;
}


#podcast-letters {
	font-family: "LinotypeUnivers";
  font-style: normal;
  font-stretch: condensed;
  font-weight: 400;
font-size: 50px;
text-transform: uppercase;
padding-bottom: 20px;
letter-spacing: -3px;
color: #999;
width: 100%;
line-height: 50px;
	
}

#podcast-letters-home {
			font-family: 'Linotype Univers W01 Cn';
font-size: 34px;
	text-transform: uppercase;
margin-bottom: 5px;
	
}

.second-letters {
	font-size: 29px;
}

#main .home-podcast-text {
	margin-bottom: 20px;
	margin-left: 150px;
}
#home-header .main-image img {
	width: 80%;
	margin-left: 20px;
}



#podcast-letters-home a {

}

#podcast-text {
	
	text-transform: none;
}

#podcast-texts {
	clear: both;
	padding-top: 15px;
}
.podcast-text {
	display: none;
	
	
}
#podcast-logo {
	 background: #cc3300 none repeat scroll 0 0;
	border-radius: 50%;
	font-size: 40px;
	width: 130px;
	height: 130px;
		color: white;
		 line-height: 120px;
	text-align: center;
float: left;

	
}


#podcast-logo h1 {
	color: white;
	margin-top: 27px;
	font-size: 31px;
	line-height: 33px;
}

#podcast-home {
	margin-left: 150px;
}

#podcast-home h1 {
font-family: "LinotypeUnivers";
  font-style: normal;
  font-stretch: condensed;
  font-weight: 700;
font-size: 50px;
margin-bottom: 0px;
}

#podcast-home h2 {
font-family: "LinotypeUnivers";
  font-style: normal;
  font-stretch: condensed;
  font-weight: 700;
font-size: 20px;
margin-bottom: 0px;


}

.podcast-link {
 background: #cc3300 none repeat scroll 0 0;
	border-radius: 50%;
	color: white;
	float: left;
	font-size: 32px;
	height: 45px;
	margin: 9px 9px 0 0;
	width: 45px;
	text-align: center;
	line-height: 53px;
	padding-right: 2px;
	}
	
.podcast-link a {
			color: white;
			}
			
.podcast-link a:hover {
	color: black;
}
			
.second-letters {
	font-size: 26px;
		letter-spacing: 1px;
		padding-right: 0px;

}
.sidebar-main ul {
	list-style: none;
	margin: 0px;
}
.sidebar-main li {
	border-top: solid 1px #ccc;
	padding-top: 8px;
	margin-bottom: 5px;
}

#secondary li {
	margin-bottom: 0px;
}

.home-column-title {
		margin-bottom: 10px;
	padding: 5px 0px;
	border-bottom: solid 1px #ccc;

	border-top: solid 1px #ccc;
	
}

.home-column-title h3 {
	margin: 0px;
}


.site-header-primary-section-right {
	margin-bottom: -10px;
}


.home-flex {
  display: flex;
  margin-top: 30px;
  gap: 20px; /* Space between columns */
}

/* Base style for both columns */
.column {
  padding: 20px;
  background-color: #f4f4f4;
  border-radius: 8px;
}

/* 2/3 width column */
#home-left {
  flex: 2; /* Takes 2 parts of the available space */
}

/* 1/3 width column */
#home-right {
  flex: 1; /* Takes 1 part of the available space */
}

.entry-content > .wp-block-group, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns {
	padding-top: 0px;
}

/* Responsive: Stack vertically on mobile screens */
@media (max-width: 768px) {
  .home-flex {
	flex-direction: column;
  }
  
	#secondary {
	  display: none;
	}
.page-id-383 #secondary, .group-blog #secondary {
	display: block;
}

.page-id-383 #news-archives {
	display: none;
}

.group-blog #events-archives {
	display: none;
}
  .site-header .site-description {
	  clear: both;
	  display: block;
	  margin-left: 0px;
	  margin-bottom: 20px;
	  line-height: 30px;
  }
  
  .site-title {
		margin-bottom: -10px;
	}
	
	#primary {
		margin-top: 20px;
	}
  
  #post-11 {
	  margin-top: 10px;
  }
  
  #podcast-home {
  clear: none;
  margin-left: 0px;
  }
  
  #podcast-home h1 {
	  font-size: 35px;
	  margin-left: 90px;
  }
  
  #podcast-home h2 {
	  clear: both;
	  margin-top: 10px;
  }
  
  #main .home-podcast-text {
	  margin-bottom: 20px;
	  margin-left: 0px;
  }
  
  #podcast-logo {
	  float: left;
	  width: 50px;
	  height: 50px;
  }
  
  #podcast-logo h1 {
		margin-top: 13px;
 	   font-size: 14px;
	    line-height: 12px;
  }
  
  #main p {
	  margin-left: 0px;
  }
  
  #home-header .main-image img {
	  width: 80%;
	  margin-left: 20px;
  }
  
  
}