/* 
Theme Name: Village Halloween Parade  - Child of Elementor Hello Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root {
    --music-walking: #f67512;
    --individuals: #9C12F6;
    --puppets: #1295F6;
    --puppets-specials: #F612A7;
    /* --lineup-interface-color: #341118; */
    --lineup-interface-color: #f67512;
    /* --music-walking: #1295F6;
    --individuals: #1295F6;
    --puppets: #1295F6;
    --puppets-specials: #1295F6; */
}

html {scroll-behavior: smooth;overflow-wrap:break-word; word-wrap:break-word;-ms-word-break:break-all; word-break:break-all; word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto; hyphens:auto;}

body {background:#333 url(https://halloween-nyc.com/wp-content/themes/hello-theme-child-vhp/img/vhp-website-background-burgundy.jpg) repeat center top;}
body.home #vhp-page-title {display: none;}

a.wp-block-button__link {border-radius:10px; background-color: #409EFF; color:white !important;}

.center {text-align: center;}

/* --------------------------------------------------------------------- */
/* vhp countdown clock */
/* --------------------------------------------------------------------- */
#vhp_countdown_wrapper {text-align: center; line-height: 1.2em; border: 0px solid #D86236; border-radius: 10px; margin-top:20px; margin-bottom:20px; padding: 20px;}
#vhp_countdown_clock {text-align: center; font-size: 1.6em; line-height: 1.2em;}

/* --------------------------------------------------------------------- */
/* sponsor page */
/* --------------------------------------------------------------------- */
.row.sponsor_wrapper {width:100%; margin-left:auto; margin-right:auto; max-width:600px; margin-bottom:20px;}
.sponsor_post_featured_image {margin-top:12px;}
h3.sponsor_post_title {text-align: left !important;}
@media only screen and (max-width: 767px) {
    .sponsor_post_featured_image {max-width:200px;}
}
#sponsor-logos-footer-mobile .sponsor-logos-wrapper {display:grid; grid-template-columns:repeat(1, 1fr); grid-column-gap:10px; grid-row-gap:10px; justify-items:center;}

/* --------------------------------------------------------------------- */
/* sponsor ticker */
/* --------------------------------------------------------------------- */
/* .footer_scroller {height:60px; width:100%; background-color:white; padding-top:5px; padding-bottom:5px; position:fixed; bottom:0px; left:0px;} */
/* .footer_scroller img {height:70px; width:auto;} */
.cta-button-container {display:none;}
@media only screen and (max-width:766px) {.footer_scroller {background-color:black;}
	.ticker-container {display:none;}
	.cta-button-container {display:inherit; width:100%; text-align:center;}
}
body.page-id-7881 .footer_scroller{display:none !important;}
span.sponsor_ticker_image {margin-right:10px;}
span.sponsor_ticker_image img {height:46px; max-height:46px; width:auto; border: 4px solid white; background-color: white;}

/* --------------------------------------------------------------------- */
/* The Parade Group Output */
/* --------------------------------------------------------------------- */
/* SEE https://halloween-nyc.com/lineup/ */

.searchbox {text-align:left; position: -webkit-sticky; position: sticky;top: 0; left:0; padding:10px;background-color: var(--lineup-interface-color); border-radius: 16px;}
/* .searchbox {margin-left:-20px; margin-right:-20px;} */
/* @media only screen and (max-width: 767px) {
    .searchbox {width:100vw;}
} */

.searchbox input {width:100%; border:1px solid silver; padding:10px; font-size:1.2em; line-height:1.2em; border-radius: 10px;}
.searchbox button {border:1px solid silver; padding:10px 20px; margin-left:4px;}

.total-results-container {text-align:center; margin:20px 0; color:black; font-size:22px;}
.filters-wrapper {text-align:center; margin-top:20px; margin-bottom:20px;}
.filterDiv {float:left; background-color:#2196F3; color:#ffffff; width:100px; line-height:100px; text-align:center; margin:2px; display:none;}
/* .container {margin-top:20px; overflow:hidden;}
.btn {border:none; outline:none; padding:12px 16px; background-color:#f1f1f1; cursor:pointer;}
.btn:hover {background-color:#ddd;}
.btn.active {background-color:#666; color:white;} */

.group-wrapper {padding:0 20px 0 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition: 0.3s; margin-bottom:60px; border-radius: 10px; margin-left:auto; margin-right:auto; max-width:700px;}
.group-wrapper:hover {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);}

.group-image-wrapper {margin-left:-20px; margin-right:-20px;}
.group-image-wrapper img {width:100%; height:auto; border-radius:10px 10px 0 0;}

.group-name-wrapper {color:white; padding:15px; margin-right:-20px; margin-left:-20px; background-color:#1095F6; border-radius: 10px;}
.group-name-wrapper.has-image {border-radius:0 0 10px 10px;}

.group-name-wrapper.music-walking {background-color: var(--music-walking);} 
.group-name-wrapper.individuals {background-color: var(--music-walking);}
.group-name-wrapper.specials {background-color: var(--music-walking);}
.group-name-wrapper.puppets-specials {background-color: var(--music-walking);} 

.group-name { margin: 0; padding: 0; }

.group-public-info-wrapper { margin-bottom: 0;}
.group-bio {font-size: 1rem; margin:20px 0; padding:10px; overflow:scroll; }
/* @media only screen and (min-width: 768px) {
    .group-bio {font-size: 1.2rem; margin:20px; max-height:40vh;}
} */
    

.group-bio::first-line {font-weight: bold;}

.group-social {text-align: center; margin-left:auto; margin-right:auto; width:95%; margin-top:20px; padding-bottom:20px;}
.social-link {margin-bottom:10px;}

.back-to-top { text-align: center; width: 100%; padding: 10px; background-color: var(--lineup-interface-color); position: fixed; bottom: 0; left: 0; box-sizing: border-box; }
.back-to-top a { color: white; }

.group-admin-wrapper {border-radius: 10px; padding:20px; margin: 20px -20px -20px -20px; background-color: aliceblue;}
.group-edit-wrapper {margin-bottom:10px; margin-top:10px;}
.group-edit-wrapper a {text-transform: uppercase; }


.is-hidden {display:none; transition-duration:2000;}
.show {display:block;}