/* the usuals rws */ .centertext {text-align:center; margin:0 auto;} .centertext img {margin:0 auto; text-align:center} .spb4 {margin-top: 2em;} .clearboth {clear:both} .fleft {float:left;} .fright {float:right;} .small {font-size: 0.9em;} .fff {color:#fcf8ef;} .fff a {color:#fcf8ef;} a.fff {color:#fcf8ef;} .hide {display:none} .fullimg img {width: 100%;} .nounderline, .nounderline a {text-decoration:none} .hbalance {text-wrap:balance} .pbalance {text-wrap:pretty} /* Image Aspect Ratios */ .aspect-1-1, .aspect-1-1 img {aspect-ratio: 1/1; object-fit: cover;} .aspect-3-2 img {aspect-ratio: 3/2; object-fit: cover;} .aspect-2-3, .aspect-2-3 img {aspect-ratio: 2/3; object-fit: cover;} .aspect-4-3, .aspect-4-3 img {aspect-ratio: 4/3; object-fit: cover;} .aspect-3-4, .aspect-3-4 img {aspect-ratio: 3/4; object-fit: cover;} .aspect-16-9, .aspect-16-9 img {aspect-ratio: 16/9; object-fit: cover;} .aspect-9-16, .aspect-9-16 img {aspect-ratio: 9/16; object-fit: cover;} /* mailerlite button doesn't work*/ #mlb2-12491139.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {background-color:#000000 !important; border-color: #000000 !important} /* 2025 gravity form field labelsl green */ .gform-field-label {color:#456d09} /* hide button that links to the single */ .event:not(.event-type-complete) .full-event { display: none; } /* set gravity calculation field apart */ #field_2_34 {border: 2px solid #eaeaea; background: #f2f2f2; padding:1rem;} #gfield_description_2_34 {padding:0} #input_2_34 {background: #ffffff} /* hide title preface if not a rock & gem show event */ .page:not(.single-event) .event-title { display: none; } /**/ .home-gallery {max-height:290px;} /* Footer menu Customization */ h6.gb-headline .footer_social_icon{ flex-direction: row-reverse; } nav.is-vertical.is-content-justification-left.is-layout-flex.wp-container-2.has-text-color.has-global-color-4-color.items-justified-left.is-vertical.footer_menu.footer_menu_1.wp-block-navigation ul li a:hover{ color: var(--accent); } nav.is-vertical.is-layout-flex.wp-container-4.has-text-color.has-base-3-color.is-vertical.footer_menu.footer_menu_2.wp-block-navigation ul li a:hover{ color: var(--accent); } @media (max-width: 767px) { nav.is-vertical.is-content-justification-left.is-layout-flex.wp-container-2.has-text-color.has-global-color-4-color.items-justified-left.is-vertical.footer_menu.footer_menu_1.wp-block-navigation ul { align-items:center; } nav.is-vertical.is-layout-flex.wp-container-4.has-text-color.has-base-3-color.is-vertical.footer_menu.footer_menu_2.wp-block-navigation ul { align-items:center; } nav.is-vertical.is-layout-flex.wp-container-4.has-text-color.has-base-3-color.is-vertical.footer_menu.footer_menu_2.wp-block-navigation { align-items:center; } nav.is-vertical.is-content-justification-left.is-layout-flex.wp-container-2.has-text-color.has-global-color-4-color.items-justified-left.is-vertical.footer_menu.footer_menu_1.wp-block-navigation { align-items:center; } } /* End of the footer menu Customization */ /* -- */ /* Mobile hamburger menu Customization */ /* hamburger menu trigger */ button.wp-block-navigation__responsive-container-open.always-shown{ padding:5px 10px 5px 10px; font-size: 33.2px; font-family: 'oswald'; font-weight: 500; border-radius:2px; } button.wp-block-navigation__responsive-container-open.always-shown::after{ content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.75 12.25h10.5m-10.5-4h10.5m-10.5-4h10.5"%2F%3E%3C%2Fsvg%3E'); margin-top:5px; margin-left:10px; } button.wp-block-navigation__responsive-container-open.always-shown:focus{ background:none; color:inherit; } button.wp-block-navigation__responsive-container-open.always-shown:hover{ background-color:var(--accent); color:inherit; } /* Closs button */ button.wp-block-navigation__responsive-container-close{ padding:5px 10px 5px 10px; font-size: 33.2px; font-family: 'oswald'; font-weight: 500; border-radius:2px; } button.wp-block-navigation__responsive-container-close::after{ content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13.46 12L19 17.54V19h-1.46L12 13.46L6.46 19H5v-1.46L10.54 12L5 6.46V5h1.46L12 10.54L17.54 5H19v1.46L13.46 12Z"%2F%3E%3C%2Fsvg%3E'); margin-left:10px; } button.wp-block-navigation__responsive-container-close:focus{ background:none; background-color:none; color:inherit; } } button.wp-block-navigation__responsive-container-close:hover{ background-color:var(--accent); color:inherit; } /* offscreen menu */ .main-nav-link-div ul.wp-block-navigation__container { margin-top:10px; } .important-nav-link-div ul.wp-block-navigation__container { margin-top:10px; } /* End of Mobile hamburger menu Customization */ /*Custoff text*/ .gb-headline .gb-headline-4c75decc .gb-headline-text{ display: -webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:4; } /*Customize off canvas menu*/ nav#mobile-menu-control-wrapper{ background-color: var(--accent); } span.gp-icon.icon-menu-bars{ align-items: center; } span.gp-icon.icon-menu-bars::before{ content:"Menu"; margin-right:10px; } /* Disable page title */ header.page-header { display: none; } /* add margins to masonory grid */ .generate-columns-container.masonry-container { margin-top: 40px; margin-bottom: 40px; } /*customize mobile navigation menu */ inside-navigation.grid-container.grid-parent { margin-top: 40px; } inside-navigation.grid-container.grid-parent::before { content:"Main Menu"; margin-bottom:10px; } /*customize mobile navigation menu close button*/ button.slideout-exit.has-svg-icon { background-color: var(--accent); color: var(--global-color-1); min-width: 60px; min-height: 60px; border-radius: 50px; margin-right: 20px; margin-top: 20px; } /* rws */ .hide {display:none} .nounderline a {text-decoration:none} /* gravity forms percentages */ .gform_wrapper .gfield.as_percent input { background-repeat: no-repeat; background-size: 20px; background-position: calc( 100% - 8px ) 50%; padding-right: 36px !important; background-image: url('data:image/svg+xml;utf8,'); }