/*
Theme Name: AMF 2024
Theme URI: https://amfmusicpublishing.com/
Author: AMF Music Publishing
Author URI: https://amfmusicpublishing.com/
Description: It's a new AMF theme. Rejoice.
Requires at least: 5.3
Tested up to: 6.5
Requires PHP: 5.6
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amf2024
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

AMF 2024, (C) 2024 AMF Music Publishing
*/

html, body {
	background: #F7F7F7;
	display: flex;
	flex-direction: column;
	font-family: "Lexend", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: normal;
	height: 100%;
	min-height: 100vh;
}

.nav-social-icons {
	background: #616161;
	height: 50px;
	margin: 0 auto;
	max-height: 60px;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.nav-social-inner {
	max-width: 1200px;
	height: 50px;
	margin: 0 auto;
	position: relative;
	width: auto;
}

.nav-social-icons .nav-social-links {
	background: #FFF;
	display: inline;
	float: right;
	height: 100%;
	max-height: 50px;
	overflow: hidden;
	padding: 5px 10px 0;
	width: auto;
}

.nav-social-links .nav-social {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-social-links .nav-social .social-item {
	display: inline;
	margin: 0 auto;
}

.nav-social .social-item .social-link img {
	height: auto;
	margin: 0 0.5rem 0;
	max-height: 36px;
	max-width: 36px;
	overflow: hidden;
	width: auto;
}

.navbar-nav .nav-item .nav-link,
.navbar-nav .nav-item .nav-link:visited {
	border: 1px solid transparent;
	color: #616161;
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:active {
	border-bottom: 1px solid #616161;
}

#main-menu .nav-item .active { font-weight: bold; }

@media (max-width: 991.98px) {
	#main-menu { text-align: center; }
	#main-menu li a { text-align: center; width: 100%; overflow: hidden; }
	#main-menu .nav-item a.nav-link { font-size: 1rem; }
	#logo {
		display: block;
		margin: 0 0 2rem;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}
	#logo .navbar-brand { margin: 0; padding: 0; }
}

#main-menu .nav-item, #footer-menu .nav-item {
	font-weight: bold;
	text-transform: uppercase;
}

#content-outer {
	background: #fff url('assets/content-footer-bg.gif') left bottom repeat-x;
}

#content-inner {
	margin: 0 auto;
	max-width: 1200px;
	overflow: hidden;
	width: 100%;
}

#content-inner .btn-primary {
	background: #616161;
	border: 1px solid #333;
	color: #FFF;
}

#content-inner .bg-primary {
	background: #616161 !important;
}

#content-inner .btn-primary:hover,
#content-inner .btn-primary:active {
	background: #999;
}

.footer-nav {
	background: #FFF;
	text-align: center;
	width: 100%;
}

footer.bg-grey {
	background: #F7F7F7 url('assets/footer-bg-top.gif') left top repeat-x;
	color: #616161;
	flex: 0 0 50px;
	padding: 10px 0 0;
	text-align: center;
	margin-top: auto;
}

#page-content {
	background: #EFEFEF;
}

.align-items-center {
	display: flex; 
	align-items: center;  /*Aligns vertically center */
}

.yclamp { max-width: 1200px; }

.fpad { padding: 0.5rem 0; }

/* Filterizr */

* {
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-box-sizing:border-box;
}
img {
	max-width: 100%;
	height: auto;
}
ul,ol {
	list-style-type: none;
}

.container { position: relative; }

.entry-content a, .entry-content a:visited {
	color: #333;
	text-decoration: underline;
}

.port-gallery ul {
  display: inline-block;
  list-style-type:none;
  margin: 0;
  padding: 0;
  text-align: center
}
.port-gallery ul li {
	background: #616161;
	border: 1px solid #F7F7F6;
	border-radius: 1em;
	color: #FFF;
	display: inline;
	cursor: pointer;
	padding: 5px 10px;
	line-height: 2.25;
	white-space: nowrap;
}
.port-gallery ul li.filtr-active {
	background-color: #F7F7F7;
	border: 1px solid #616161;
	cursor: default;
	color: #616161;
}

.filterizr-control {
	margin: 0 auto 2rem;
	overflow: hidden;
	width: 90%;
}

.filtr-container {
	text-align: center;
}

.filtr-item {
	text-align: center;
	margin: 0 0 2rem;
}
.filtr-item iframe { margin: 0; padding: 0; }

.filtr-item h3, #featured-songs h3 { text-transform: uppercase; font-size: 1.5rem; color: #333 !important; }
.filtr-item a, .filtr-item a:visited { color: #616161; text-decoration: none; text-transform: uppercase; font-size: 1.2rem; }
.filtr-item a:hover, .filtr-item a:active { text-decoration: underline; }

#content-inner .entry-header h1, .artist-name, #featured-songs h2, #featured-songs h3, #featured-songs h4 {
	color: #616161;
	text-transform: uppercase;
}

#featured-songs a, #featured-songs a:visited,
.artist-name a, .artist-name a:visited {
	color: #616161;
	font-size: 0.8em;
	text-decoration: none;
}

.artist-name a:hover, .artist-name a:active {
	text-decoration: underline;
}

.entry-header, #featured-songs {
	text-align: center;
}

.entry-header .post-thumbnail img {
	border-radius: 1em;
	height: auto !important;
	width: 100% !important;
}

.artist .post-thumbnail img {
	border-radius: 1em;
	width: 100% !important;
	height: 200px !important;
	object-fit: cover;
	object-position: 25% 25%; 
}

.post-thumbnail {
	margin: 0 auto 2rem;
}

#content-inner h3.artist-name {
	margin: 0 auto 1.5rem;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

#content-inner .bg-banner p { font-size: 1rem; width: 50%; }

#content-inner .carousel-item .content-area {
	margin-left: 20%;
	margin-right: 20%;
}

#mailing-list h4 {
	border-bottom: 1px solid transparent;
	color: #616161;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

#mailing-list input {
	margin: 0;
	padding: 0;
}

#mailing-list #email {
	border: 1px solid #999;
	border-radius: 10px;
	padding: 2px 5px;
}

#mailing-list .sib-submit-area input {
	background: none;
	border: none;
	color: #616161;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	padding: 0.2rem 0.5rem;
}

/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
gmp-map { height: 100%; min-height: 400px; overflow: hidden; width: 100%; }

#paginationNav .wp-pagenavi {
	border-top: 1px solid #616161;
	font-size: 1.2rem;
	margin: 20px auto 0;
	overflow: hidden;
	padding: 20px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

#paginationNav .wp-pagenavi .pages { border: none; }

#paginationNav .wp-pagenavi .current {
	background: #FFF;
	border-radius: 5px;
	color: #616161;
	padding: 2px 5px;
	text-decoration: underline;
}

#paginationNav .wp-pagenavi a,
#paginationNav .wp-pagenavi a:visited {
	background: #616161;
	border-radius: 5px;
	color: #FFF;
	padding: 2px 5px;
}