/* Misc Page CSS */

/* Event Not Found */

.event-not-found {width:50%; height:400px; margin:150px auto; display:block; text-align:center; padding:120px 0px; box-shadow: 0px 0px 10px 0px rgba(var(--pba-pink-rgba),0.5), inset 0px 0px 0px 3px rgba(var(--pba-pink-rgba),1);}
.event-not-found span {font-size:60px;}
.event-not-found a {font-size:30px; color:#var(--pba-blue);}
.event-not-found a:hover {color:#var(--pba-blue);}


/* If Event Exists */

.single-left-container {float:left; width:75%; margin:20px 0 0 0;}
.single-event-title {font-size:48px;}
.single-event-date {font-size:22px; margin:0 0 20px 0;}
.single-event-img {float:right; width:100%; height:auto;}
.single-event-location {font-size:24px; margin:0 0 10px 0;}
.single-event-text {}

.single-event-date span {color: var(--pba-pink); font-size: 30px; line-height: 30px; margin: 0 10px;}

.ticket-button {width:auto; height:auto; font-size:24px; line-height:50px; float:left; text-align:center; background-color: var(--pba-grey); color:var(--white); padding: 0 20px; margin: 0 20px 20px 0; text-transform: uppercase;}
.ticket-button:hover {color:var(--white);}
.ticket-button i {margin: 0 20px 0 0;}

.calendar-button {width:auto; height:auto; font-size:24px; line-height:50px; float:left; text-align:center; background-color: var(--pba-grey); color:var(--white); padding: 0 20px; margin: 0 20px 20px 0; text-transform: uppercase; border:0px; border-radius: 0px;}
.calendar-button:hover {color:var(--white); text-decoration: underline;}
.calendar-button i {margin: 0 20px 0 0;}

.map-container {margin: 30px 0 0 0;}
.gallery-container {margin: 30px 0 0 0;}
.gallery-container h3 {border-left: 3px solid; border-color: var(--pba-pink); padding: 0 0 0 20px; margin: 0 0 20px 0;}
.gallery-container hr {width: 100%; padding: 0px;}

.air-header {background-image: url(https://cdn.pompanobeachfl.gov/pba/site-images/AiR_Header_Background.jpg);}
.air-img {float: right; width: 300px; height: auto; margin: 0 0 30px 30px;}
.air-text {display: block; float: left;}

.air-block {text-decoration: none; display: block; margin: 30px 0;}
.air-block:hover {color: var(--pba-pink);}
.air-block img {margin: 0px auto; display: block;}
.air-name {text-transform: uppercase; color: #3D4548; text-align: center; margin: 10px 0;}
.air-name span {color: var(--pba-pink);}
.air-footer {background-color: #f2f2f2;}

.amp-home-title {text-transform: none !important; font-size: 1.75rem !important; letter-spacing: normal !important;}
.amp-image-text {position: relative; top: 50%; transform: translateY(-50%); color: white; font-size: 5vw !important; text-shadow: 0px 5px 10px #000; width: 100%; text-align: center;}
.axs-text {font-size: 5vw !important; width: 100%; text-align: center; color: #000; padding: 100px 0; }
.amp-show {display: block}
.amp-hide {display: none;}
.amp-img-home {background-image: url(/pompanobeacharts/assets/images/page_specific/home/amp_events_home.jpg); background-position: bottom; background-size: cover; background-repeat: no-repeat; height: 100%; display: block; padding: 50px 0;}
.amp-crowd {background-image: url(https://cdn.pompanobeachfl.gov/pba/images/amp.jpg); background-position: top; background-size: cover; background-repeat: no-repeat; height: 100%; display: block;}
.no-hover:hover {text-decoration: none;}

/* Articles Page */
.page-title {text-align: center; font-size: 3em; padding: 100px 50px; margin: 0;}
.pink-header {background-color: var(--pba-pink); color: #000}
.blog-posts,.content { margin-top: 30px; margin-bottom: 30px }
.blog-listing-first { background-color: #fff; width: 100%; margin-bottom: 30px }
.b-1-text { padding: 30px }
.b2-content,.top-posts h2 { padding: 20px }
.b-1-text h1 { font-size: 36px }
.b-1-text a { color: #000 }
.blog-listing-first img { width: 100%; max-height: 600px; object-fit: cover }
.b-2 a img,.warning_flags { width: 100% }
.b2-content { width: 100%; background-color: #fff; color: #000; margin-bottom: 20px }
.blog-header,.top-posts h2 { background-color: var(--yellow) }
.b-3,.blog-content { padding-top: 30px }
.blog-sidebar h3 { font-size: 20px }
.blog-sidebar .blog-date { font-weight: 400 }
.pr-footer p,.top-posts .blog-date,.tradewinds_issue_container .last { margin: 0 }
.blog-header { height: 300px; width: 100% }
.blog-header .row { display: table; width: 100%; height: 100%; margin: 0; text-align: center }
.blog-header h1 { display: table-cell; vertical-align: middle; font-weight: 700 }
.blog-content { margin-top: 40px; margin-bottom: 40px; background-color: #fff; padding-bottom: 30px }
.blog-date { text-align: left; font-weight: 700; margin: 0 0 25px; display: block }
.blog-categories-container,.blog-featured-image { margin: 0 0 30px; width: 100% }
.blog-block { text-align: justify }
.blog-categories-container { background-color: #fff; float: left }
.blog-category,.blog-share-fb { border-radius: 10px; text-decoration: none; margin: 10px; float: left; font-weight: 700; display: block }
.blog-categories-container p { float: left; font-size: 20px; line-height: 65px; margin: 0 20px }
.blog-category { background-color: #000; color: #fff; padding: 10px 30px }
.Government,.Other,.blog-category:hover { background-color: var(--blue); color: #fff }
.blog-category i { margin: 0 10px 0 -10px } .blog-share-fb { background-color: #1877f2; padding: 8px 30px }

.about-header {background-image: url(/pompanobeacharts/assets/images/page_specific/about/slim_generic.png); background-position: center; height: 200px; color: white; margin: 0 0 30px 0; font-size: 60px; text-align: center; text-shadow: 0px 5px 10px #000; display: flex; justify-content: center; align-items: center;}

/* Events Gallery Page */
.events-gallery a {display: block; margin-bottom: 30px;}
.events-gallery-text {border:1px solid #ccc; padding: 20px; color: #000;}
.events-gallery-text p {margin-bottom: 0;}
.events-gallery-sidebar {background-color: #efefef; color: #fff;}
.events-gallery-sidebar h2 {background-color: var(--pba-pink); padding: 20px;}
.events-gallery-sidebar a {border-bottom: 1px solid #fff; padding: 20px; font-size: 24px; display: block; color: #000;}
.events-gallery-img {aspect-ratio: 799 / 533; height: auto; width: 100%;}

/* Public Art Home */
.paHomeVideo {aspect-ratio: 16 / 9; height: auto; width: 100%;}

.boxContainer {background-color: #fff;}
.servicesBox {background-color: #fff; margin: -50px 5% 0 5%; width: 90%; z-index: 10; padding: 0;}
.servicesBoxMessage {width: 100%; background-color: var(--pba-pink); line-height: 80px; color: #fff; padding: 0 30px; font-size: 20px;}
.servicesBoxMessage a {color: #fff; text-decoration: underline;}
.servicesBoxLinks {padding: 0px 30px;}
.servicesBoxLinksContainer {border-bottom: 1px solid #ccc; height: 100px; margin: 15px;}
.servicesBoxLinks a { font-size: 16px; font-weight: bold; text-decoration: none; color: #000; display: flex; align-items: center; justify-content: flex-start;}
.servicesBoxLinks a:hover {border-bottom: 1px solid var(--pba-pink); color: var(--pba-pink);}
.servicesBoxIcon {height: 50px; margin: 25px 30px 25px 0px; aspect-ratio: auto 50 / 50;}
.servicesBoxArrow {height: 20px; margin: 40px 0; margin-left: auto; aspect-ratio: auto 20 / 20;}

.servicesBoxLinks span { font-size: 16px; font-weight: bold; text-decoration: none; color: #000; display: flex; align-items: center; justify-content: flex-start; cursor: pointer;}
.servicesBoxLinks span:hover {border-bottom: 1px solid var(--pba-pink); color: var(--pba-pink);}

/* Calls to Artists */

.app-button {padding: 20px; color: #fff; background-color: var(--pba-pink); font-weight: bold; margin: 30px 0;}
.app-button:hover {color: #fff;}

/* Exit36 */
.exit-banner {width: 100%; height: auto; margin: 0 0 30px 0;}
.exit-title {background-color: #1f6735; color: #fff; padding: 20px; scroll-margin-top:120px;}
.exit-register {background-color: #f26343;}

/* Jazz Fest */
.jazz-title {background-color: #3b2d62; color: #fff; padding: 20px; scroll-margin-top:120px;}
.jazz-button {background-color: #3b2d62; color: #fff; padding: 20px;}
.jazz-button:hover {background-color: #fff; border: 2px solid #3b2d62; color:#3b2d62;}
.jazz-text {color:#3B2DCF;}

/* BHM */

.bhm-nav-button {width: 80%; margin: 100px 10% 0 10%; color: #fff; padding: 30px; font-size: 18px; text-align: center; background-image: url(/pompanobeacharts/assets/images/page_specific/bhm/bhm-button-bg.jpg);}
.bhm-nav-button:hover {color: #fff; text-decoration: underline;}
.bhm-nav-button span {background-color: #231f20; padding: 10px;}

.bhm-nav {margin: 0 50px; background-color: #231f20; height: 80px; line-height: 80px; color: #fff; font-size: 24px;}
.bhm-nav ul li a {color: #fff; text-align: center; float: left; width: 25%;}

.bhm-logo {height: 300px; margin: 50px auto;}
.bhm-bg {background-color: #231f20; background-image: url(../../images/page_specific/bhm/bhm-logo-bg.jpg);}
.bhm-orange-bg {background-color: #f5881f; padding: 0 30px;}
.bhm-white-bg {background-color: #fff; padding: 0 30px;}
.bhm-yellow-bg {background-color: #f8b318; padding: 0 30px;}
.bhm-black-bg {background-color: #231f20; padding: 0 30px;}
.bhm-title {color: #abc526; margin: 20px 0 0 0;}
.bhm-location {}
.bhm-details {color: #abc526;}
.bhm-description {font-size: 18px;}

.bhm-event-img-container-left {float: left;}
.bhm-event-img-container-right {float: right;}

.bhm-image-left {height: 250px; margin: 0 50px 50px 0;}
.bhm-image-right {height: 250px; margin: 0 0px 50px 50px;}

.ae-title {margin: 20px 0px; text-transform: uppercase; color: #fff;}
.ae-event-title {margin: 20px 0px 0 0; text-transform: uppercase; color: #fad912;}
.ae-location {font-weight: bold; font-size: 24px; text-transform: uppercase; color: #fff;}
.ae-details {color: #fff; font-size: 22px; color: #fad912;}
.ae-description {font-size: 18px; color: #fff;}

.tt-title {margin: 20px 0px; text-transform: uppercase;}
.tt-event-title {margin: 20px 0px 0 0; text-transform: uppercase; color: #fff;}
.tt-event-subtitle {}
.tt-event-location {font-weight: bold; font-size: 24px; text-transform: uppercase;}
.tt-event-details {color: #fff; font-size: 22px;}
.tt-event-description {font-size: 18px;}

/* Virtual Adventures */
.va-week-header {width: 1005; height: 80px; background-color: var(--pba-blue); color: #fff; font-size: 36px; font-weight: bold; text-align: center; margin: 30px 0; line-height: 80px;}
.va-vid-box {text-align: center; margin: 0 0 30px 0;}
.va-vid-box h3 {line-height: 40px; padding: 20px; background-color: #f1f1f1;}

@media (max-width: 1200px) {

    .ticket-button {width: auto;}



}

@media (max-width: 992px) {

    .ticket-button {width: 60%;}
	.ticket-button {margin: 0 3% 20px 0;}
	.location-button {margin: 0 0 20px 3%;}



}

@media (max-width: 768px) {

    .ticket-button {width: 100%;}

    .air-img {width: 150px;}

    .amp-img-contaner {margin: 20px 0;}
    .amp-img-home {background-image: url(/pompanobeacharts/assets/images/page_specific/home/amp_events_home_mobile.jpg); padding: 125px 0;}
    .amp-image-text,.axs-text {font-size: 8vw !important;}

    .amp-crowd {height: 500px;}

    .bhm-nav {font-size: 18px; height: 160px; }
    .bhm-nav ul li a {width: 50%; border:1px solid #fff;}

    .about-header {font-size: 2.5rem;}

}

@media (max-width: 576px) {

    .ticket-button {font-size: 18px; }

    .air-img {width: 100%; margin: 30px 0 30px 30px;}

    .amp-crowd {height: 300px;}

}