/* Selma Tail  CSS
u-t - brown yellow gradient font 
*/

/*gradients - 62% is golden rat - based on JTB style guide form ben */
:root {

--grey-gradient: linear-gradient(90deg, #323232 0%, #787878 62%, #B7B7B7 100%);
--grey-flat-gradient-dark: linear-gradient(90deg, #323232 0%, #606060 62%, #6D6D6D 100%);
--grey-flat-gradient: linear-gradient(90deg, #787878 0%, #8D8D8D 62%, #B7B7B7 100%);
--grey-gradient-transp: linear-gradient(90deg, #323232aa 0%, #787878aa 62%, #B7B7B7aa 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 62%, #D2D2D2 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 62%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 62%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 62%, #EFEFEF33 100%);

--brown-gradient: linear-gradient(90deg, #6e2814 0%, #a04614 62%, #dc8200 100%);
--urinetown-gradient:   linear-gradient(90deg, #470804 0%, #7d270c 62%, #bd2c00 100%)  ; 
--urinetown-gradient-hover:   linear-gradient(90deg, #470804 0%, #7d270c 62%, #bd2c00 100%) ; 

--24jandh-gradient:   linear-gradient(90deg, #470804 0%, #7d270c 62%, #bd2c00 100%) ; 

--grease-gradient:    linear-gradient(90deg, #bd2c00 0%, #EF6C00 62%, #FFC107 100%) ; 
--grease-gradient-hover:   linear-gradient(90deg, #470804 0%, #7d270c 62%, #bd2c00 100%) ; 
--url-hover-gradient:   linear-gradient(90deg, #bd2c00 0%, #EF6C00 62%, #FFC107 100%) ; 


/*darken the lightest colour
https://meyerweb.com/eric/tools/color-blend/

old
--url-hover-gradient: linear-gradient(90deg, #2196F3 0%, #1E59D3 62%, #29B6F6 100%); 
*/


}



/*

SELMA TAIL EDIT

*/

.custom_PHP_page_PUKKA{
   padding:1em 3em;
}
.custom_PHP_page_PUKKA #header .description{
   color: #ffd42b;
}
.custom_PHP_page_PUKKA #footer{
   display:none;
}
.custom_PHP_page_PUKKA hr{
  height: 11px;
  border: none;
  color: white;
  background: #835309;
}
.custom_PHP_page_PUKKA a{
  text-decoration:none;
}


.error404 main div div figure img{
  display:none;
}

.error404 main div div figure {
  width:98%;
  height:272px;
  background-image:url(https://selmatail.com/u/i/selma-404.jpg);
  background-repeat:no-repeat;
  background-size:100%;
  border-radius: 18px;
}


.selmasns img{width: 50px;
  height: 50px;
  display: block;margin-right: 1em;
  position: relative;
float: left;}
.selmasns{
	display: block;
   min-width: 300px;
}

html .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, html  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  flex: 1 0 0%;
  height: 100%;
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}



html footer .wp-block-group{padding-bottom: 0px !important;}

html .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-spacer,

html .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-container-core-group-is-layout-91e87306

{display:none;}





.wpcf7-quiz{max-width: 470px;}
html #wp-admin-bar-wp-logo{display:none !important ;}


/*MOBILE*/

@media only screen and (max-width: 600px) {


 html body.page-id-7 .wp-block-buttons{max-width: 90% !important;}

 html body.page-id-7 .mc_container
 {width: 100% !important ;
 float: initial !important ;}
 
html body.page-id-7 footer{height:202px !important ;}
html body.page-id-7 footer .left{display:block !important ;}
html body.page-id-7  footer .left .copyright{display:none !important ;}
html body.page-id-7  .copyright2{    position: relative !important ;
    display: block !important ;
float: left !important ;}


html body footer{height:333px !important ;position:relative}
html  .page-id-7 footer{height:222px;}
.page-id-7  footer   .left{    position: absolute  !important ;
bottom: 0.2em;}

html .copyright2{    position: relative;
    display: block;
float: left;}

html #hmsfooter .left,
html #hmsfooter .right{width:100%;padding-top:2em;
display: inline-block;float:initial;
  clear: both;max-width: 100%;
}html .mc_container div {
  display: inline-block;
  width: 100%;float:initial;
}
html #hmsfooter a {
  float: left;
}
html .mc_merge_var label, html .mc_merge_var input, html .mc_signup_submit{font-size: 16px;
	max-width:22%;margin-right: 1%; min-width: 20px !important ;
}html .mc_merge_var, html .mc_signup_submit input{display:inline;}
.mc_container,.mc_custom_border_hdr,#mc_signup{display:block;width:100%;}
html .mc_merge_var{display:inline !important ;}
html #mc_signup_submit{max-width:97% !important ;min-width: 20px;}

html .copyright2 {   text-align: left;  float: left;}
 html #hmsfooter .right {     padding-top: 4em;   }
html #mc_signup div{  height: 33px !important ;}
#mc_message{font-size:11px !important ;}
html .mc_custom_border_hdr	{font-size: 21px !important ;}


html  body .mc_merge_var, html  body .mc_signup_submit input{font-size: 15px !important ;}
html .mc_form_inside div label,html .mc_form_inside div input {
  margin-right: 3px !important ;
}html .mc_merge_var input,html .mc_merge_var label, html body input#mc_signup_submit{font-size: 9px !important ;}
.mc_merge_var{width: 53%;}
html body div.mc_merge_var label.mc_header_email{font-size:13px !important ;}

html footer{ 
  font-size: 66%; 
  height:188px;
}
html #hmsfooter img{max-width:55px;}

html body.page-id-7.scrolled-to-top main {    padding-top: 5em !important ;}
/*mobile home page position logo around photo*/
body.page-id-7.scrolled-to-top .wp-block-site-title{position:relative;top:-6px;}

html .wp-block-site-title a,
html .wp-block-site-title a ,
html body.page-id-7.scrolled-to-top .wp-block-site-title a{ 
    width: 100px !important ; /* Set the width of the image */
    height: 29px !important ; /* Set the height of the image */ 
}
html .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 100%  !important ;
}
html body.page-id-7.scrolled-to-top header
{height:130px !important ;min-height:130px  !important ;position:fixed;}
html body.page-id-7 header
{height:80px  ;min-height:80px    ;position:fixed;}

html body.page-id-7.scrolled-to-top .wp-block-site-title a::after {
    width: 100px !important ; /* Set the width of the image */
    height: 29px !important ; /* Set the height of the image */ 
    background-size: 100px 29px  !important ;
}

html body.page-id-7 .wp-block-site-title a::before { 
   width: 100px !important ; /* Set the width of the image */
    height: 29px !important ; /* Set the height of the image */ 
background-image: url('https://pipe.pushka.com/wp-content/uploads/2025/06/parra-pipe-white-mono.png'); /* Replace with your image path */ 
    background-size: 100px 29px !important  ; 
}

html body.page-id-7.scrolled-to-top header  .menu-item  a span,
html body.page-id-7.scrolled-to-top header .wp-block-navigation-item__content
{color:#000;text-decoration-color:#000  ; outline-color: #000; /* Set only the outline color */
font-size: 18px;
  text-shadow: initial;}

html body.page-id-7.scrolled-to-top header  .menu-item ul  a span{text-shadow:initial;}

body.page-id-7.scrolled-to-top header  #modal-1 svg {
  filter: initial;
}

html body.page-id-7.scrolled-to-top main .wp-block-group{top: 0px;}
html body.page-id-7 h1.wp-block-post-title {margin-top:80px;}
html body.page-id-7 .wp-block-site-title a{ 
    width: 150px !important ; /* Set the width of the image */
    height: 45px !important ; /* Set the height of the image */ 
	 background-size: 150px 45px  !important ;
}

body.page-id-7 .wp-block-site-title a::after { 
      width: 150px !important ; /* Set the width of the image */
    height: 45px !important ; /* Set the height of the image */ 
	 background-size: 150px 45px  !important ;
}



}/*END-mobile*/






/*MOBILE-tiny*/
@media only screen and (max-width: 480px) {


}/*END-mobile*/







/*SMALL - computer screen*/
@media only screen and (max-width: 600px) {
	
	
 
 html body.page-id-7 .wp-block-buttons{max-width: 90% !important;}

 
 html body.page-id-7 .mc_container
 {width: 100% !important ;
 float: initial !important ;}

html body.page-id-7 footer{height:202px !important ;}


html body.page-id-7  footer .left .copyright{display:none !important ;}

html body.page-id-7  .copyright2{    position: relative !important ;
    display: block !important ;
float: left !important ;}

html body.page-id-7 footer .left{display:block !important ;}



html body footer{height:333px !important ;position:relative}
html  .page-id-7 footer{height:222px;}
.page-id-7  footer   .left{    position: absolute  !important ;
bottom: 0.2em;     max-width: 80% !important ;}

html .copyright2{    position: relative;
    display: block;
float: left;}

html #hmsfooter .left,
html #hmsfooter .right{width:100%;padding-top:2em;
display: inline-block;float:initial;
  clear: both;max-width: 100%;
}html .mc_container div {
  display: inline-block;
  width: 100%;float:initial;
}
html #hmsfooter a {
  float: left;
}
html .mc_merge_var label, html .mc_merge_var input, html .mc_signup_submit{font-size: 16px;
	max-width:22%;margin-right: 1%; min-width: 20px !important ;
}html .mc_merge_var, html .mc_signup_submit input{display:inline;}
.mc_container,.mc_custom_border_hdr,#mc_signup{display:block;width:100%;}
html .mc_merge_var{display:inline !important ;}
html #mc_signup_submit{max-width:97% !important ;min-width: 20px;}
html footer{height:388px;}
html .copyright2 {   text-align: left;  float: left;}
 html #hmsfooter .right {     padding-top: 4em;   }
html #mc_signup div{  height: 33px !important ;}
#mc_message{font-size:11px !important ;}
html .mc_custom_border_hdr	{font-size: 19px !important ;}


.mc_form_inside{display:block !important ;width:100% !important ;}
#mc_message{width: 100% !important ;
  position: absolute !important ;
  bottom: -2.8em !important ;
  left: 0px !important ;}



html .mc_merge_var input,html .mc_merge_var label, html body input#mc_signup_submit{font-size: 10px !important ;}
html body div.mc_merge_var label.mc_header_email{font-size:13px !important ;}

html body.page-id-7.scrolled-to-top main  {    padding-top: 5em !important ;}
/*mobile home page position logo around photo*/
body.page-id-7.scrolled-to-top .wp-block-site-title{position:relative;top:-6px;}

html .wp-block-site-title {width:100px;}
html .wp-block-site-title a,
html .wp-block-site-title a ,
html body.page-id-7.scrolled-to-top .wp-block-site-title a{ 
    width: 100px !important ; /* Set the width of the image */
    height: 29px !important ; /* Set the height of the image */ 
}
html .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 100%  !important ;
}
html body.page-id-7.scrolled-to-top header
{height:130px !important ;min-height:130px  !important ;position:fixed;}
html body.page-id-7 header
{height:80px  ;min-height:80px    ;position:fixed;}

html body.page-id-7.scrolled-to-top .wp-block-site-title a::after {
    width: 100px !important ; /* Set the width of the image */
    height: 29px !important ; /* Set the height of the image */ 
    background-size: 100px 29px  !important ;
}

html body.page-id-7 .wp-block-site-title a::before { 
   width: 100px !important ; /* Set the width of the image */
    height: 29px !important ; /* Set the height of the image */ 
background-image: url('https://pipe.pushka.com/wp-content/uploads/2025/06/parra-pipe-white-mono.png'); /* Replace with your image path */ 
    background-size: 100px 29px !important  ; 
}

html body.page-id-7.scrolled-to-top header  .menu-item  a span,
html body.page-id-7.scrolled-to-top header .wp-block-navigation-item__content
{
font-size: 18px;
  text-shadow: initial;}

html body.page-id-7.scrolled-to-top header  .menu-item ul  a span{color:#000;text-decoration-color:#000  !important ; outline-color: #000  !important ; text-shadow:initial;}

body.page-id-7.scrolled-to-top header svg {
  filter: initial;
}

body.page-id-7.scrolled-to-top header  #modal-1 svg {
  filter: initial;
}

html body.page-id-7.scrolled-to-top main .wp-block-group{top: 0px;}
html body.page-id-7 h1.wp-block-post-title {margin-top:80px;}
html body.page-id-7 .wp-block-site-title a{ 
    width: 150px !important ; /* Set the width of the image */
    height: 45px !important ; /* Set the height of the image */ 
	 background-size: 150px 45px  !important ;
}

body.page-id-7 .wp-block-site-title a::after { 
      width: 150px !important ; /* Set the width of the image */
    height: 45px !important ; /* Set the height of the image */ 
	 background-size: 150px 45px  !important ;
}






}
/*END-small-comp-screen*/









/*MED - computer screen*/
@media only screen and (max-width: 1120px) {

html .copyright2 { 
           font-size: 12px;
}
html .left  {
    max-width: 66%;
}

}
/*END-med-comp-screen*/





/*MED - computer screen*/
@media only screen and (max-width: 888px) {

html .copyright2 { 
           font-size: 12px;
}
html .right  {
    width: 100%;display:block;clear:both;
}html body .left  {
    max-width: 96% !important ;
}

html footer{height:288px !important ;}
html .copyright2 	{    float: left;}
html #hmsfooter .right {
float: left;}

 html body.page-id-7 .mc_container
 {width: 100% !important ;
 float: initial !important ;}
  html body.page-id-7 .wp-block-buttons{max-width: 90% !important;}

 
 
}
/*END-med-comp-screen*/

 
 
 /*
 
 floating email box
  
 html body.page-id-7.scrolled-to-top .mc_container {
   position: relative  !important ;
    top: inherit;
    right: inherit;
    background: inherit;
    padding: 10px 20px;
    border-radius: 5px;
}
 
 
 html body.page-id-7  .mc_container {
 position: fixed;
  top: 120px;
  right: 10px;
  background: rgba(209, 195, 187, 0.84);
  padding: 10px 20px;
  border-radius: 5px;
  color: #000;
}

*/





html .wp-block-button,html  .wp-block-button a { 
  font-size: 20px;
}
 
 
 
 html body.page-id-7 .mc_container
 {width: 34%;
 float: right;}


html body.page-id-7.scrolled-to-top header ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content { 
  text-decoration-color: #262626;
  outline-color: #393939; 
}


/*email subscribe mail chimp 2025*/
.mc_success_msg{color: #059e00;}
.mc_container div{display:inline;}
.mc_custom_border_hdr{font-weight:bold;}
#mc_signup div{font-size: 16px;
  height: 73px;}
#mc_signup input{font-size: 13px;
  height: 22px;}

#mc_signup input#mc_signup_submit  {font-size: 18px;
  height: 27px;
   background: linear-gradient(90deg, #8EEDDC 0%, #ECFFE5 62%, #B4D8FFFC  100%);
  border: none;box-shadow: 2px 2px 4px #00000017;
  border-radius: 6px;}
  #mc_signup input#mc_signup_submit:hover  { 
  background: linear-gradient(90deg, #C3FB9F  0%, #E8E8E8 62%, #D4E3F3FC 100%);
   }
   .mc_form_inside div label ,.mc_form_inside div input{margin-right:1em;}

.mc_container {margin-bottom: 60px;}


footer .mc_container	{margin-bottom: 0;
	float: left; display:inline-block;width:100%;}
footer .copyright{float: left; display:inline-block;width:100%;}
.clear{clear:both;}
.left , .right{max-width:50%;}


h1.wp-block-post-title{display:none;}

.copyright2{
	display: flex;
  clear: right;
  margin-top: 1em; 
  text-align: right;
float: right;}

.page-id-7 .copyright2{
	display: none;}
html .page-id-7 .copyright{
	display: block  !important ;}
 html .copyright{
	display: none;}
.mc_error_msg{color:#D50000;}

/*FOOT*/
#hmsfooter .left{position:relative;float:left;display:flex;}
#hmsfooter .right{position:relative;float:right;display:flex;}
#hmsfooter img{max-width:55px;}
#hmsfooter a	{display: block;
	margin-right: 1.8em;}

footer{
	display: block;
  height: 250px;
  background: linear-gradient(to bottom, #dbdbdb, #6f60526e);
  font-size: 88%;
  color: #6c483a;
}



header {
    position: fixed;
    top: 0;
    width: 100%; /* Optional: To make sure the header spans the entire width */
    z-index: 1000; /* Optional: To ensure the header stays above other content */
background-color: #ececec;    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Adds a shadow to the header */
}

.wp-block-woocommerce-customer-account ,
.wc-block-mini-cart ,
html body .wp-container-core-group-is-layout-9
{display:none;}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 80%  !important ;
}

.wp-block-site-title a {
    display: block;
    width: 207px; /* Set the width of the image */
    height: 60px; /* Set the height of the image */
    background-image: url('https://selmatail.com/u/i/selma-wide-WHT.png'); /* Replace with your image path */
    background-size: contain; /* Ensures the entire image fits */
    background-repeat: no-repeat;
    text-indent: 99px; /* Hides any text within the <a> tag (like "Hornsby Musical Society") */
}

body.page-id-7.scrolled-to-top .wp-block-site-title a { 
    background-image: url('https://pipe.pushka.com/wp-content/uploads/2025/06/parra-pipe-white-mono.png'); /* Replace with your image path */ 
	    width: 414px; /* Set the width of the image */
    height: 120px; /* Set the height of the image */
	
}


body.page-id-7 main {    padding-top: 4em !important ;}
 body.page-id-7.scrolled-to-top main{    padding-top: 0.5em !important ;}
 
html .page-id-7  main .wp-block-group { padding-top: 0.2em  !important ;}
html .page-id-7 main .wp-block-group { padding-top:  2em  !important ;}

    main .wp-block-group { padding-top:  3.4em  !important ;}
 .scrolled-to-top   main .wp-block-group { padding-top:  0.1em  !important ;}

html .page-id-7 .wp-block-buttons{max-width: 40% !important;}



/*

 main {    padding-top: 2em !important ;}
  body.scrolled-to-top main{    padding-top:0  !important ;}
  
  
main wp-block-group {}
wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained
*/



.mc_form_inside{position:relative;}

html .mc_form_inside{display:block !important ;}

.wp-block-site-title a {
    display: block;
    width: 207px; /* Set the width of the image */
    height: 60px; /* Set the height of the image */
    background-image: url('https://selmatail.com/u/i/selma-wide-WHT.png'); /* Replace with your image path */
    background-size: contain; /* Ensures the entire image fits */
    background-repeat: no-repeat;
    text-indent: -9999px; /* Hides any text within the <a> tag (like "Hornsby Musical Society") */
}

footer .wp-block-site-title a {
display: block;
  width: 180px;
  height: 120px;
  background-image: url('https://selmatail.com/u/i/selma-tall-WHT2.png');
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
  position: relative;
  float: left;
  position: absolute;
  filter: sepia(3)brightness(0.85)saturate(14)hue-rotate(328deg);
}

html footer  .wp-block-site-tagline  { 
  position: absolute;
  bottom: 10px;
}

body.page-id-7.scrolled-to-top .wp-block-site-title a { 
    background-image: url('https://pipe.pushka.com/wp-content/uploads/2025/06/parra-pipe-white-mono.png'); /* Replace with your image path */ 
	
	
}



html #mc_message{display:inline !important ;}

body.page-id-7.scrolled-to-top .wp-block-site-title a {
    position: relative;
    background-color: initial  !important ; /* Background color */
    Background:initial  !important ;
	background-image:initial  !important ;
	    width: 414px !important ; /* Set the width of the image */
    height: 120px !important ; /* Set the height of the image */
}

body.page-id-7 .wp-block-site-title a {
    position: relative;
    background-color: initial  !important ; /* Background color */
    Background:initial  !important ;
	background-image:initial  !important ;
	width: 207px;
    height: 60px;
}

body.page-id-7 .wp-block-site-title a::before {
    content: '';
    position: absolute;
    top: 0;  left: 0;
    width: 414px;
    height: 120px;
background-image: url('https://pipe.pushka.com/wp-content/uploads/2025/06/parra-pipe-white-mono.png'); /* Replace with your image path */ 
    background-size: 414px 120px ;
    background-position: center;
    opacity: 0; /* Initially set opacity to 0 */
    transition: opacity 0.5s ease; /* Smooth transition for opacity */
}

body.page-id-7.scrolled-to-top .wp-block-site-title a::before {
    opacity: 1; /* On hover, set opacity to 1 */
}


body.page-id-7.scrolled-to-top .wp-block-site-title a::after {
    content: '';
    position: absolute;
    top: 0;  left: 0;
  	width: 207px;
    height: 60px;
background-image: url('https://selmatail.com/u/i/selma-wide-WHT.png'); /* Replace with your image path */ 
    background-size: 207px 60px ;
    background-position: center;
    opacity: 0; /* Initially set opacity to 0 */
    transition: opacity 0.5s ease; /* Smooth transition for opacity */
}

body.page-id-7 .wp-block-site-title a::after {
    opacity: 1; /* On hover, set opacity to 1 */
	
	    content: '';
    position: absolute;
    top: 0;  left: 0;
  	width: 207px;
    height: 60px;
background-image: url('https://selmatail.com/u/i/selma-wide-WHT.png'); /* Replace with your image path */ 
    background-size: 207px 60px ;
    background-position: center;
    opacity: 1; /* Initially set opacity to 0 */
    transition: opacity 0.5s ease; /* Smooth transition for opacity */
	
	
	
}




body.page-id-7.scrolled-to-top main .wp-block-group{top: -90px;}


body.page-id-7 .wp-block-site-title a::after,
body.page-id-7 .wp-block-site-title a::before {
    width: 207px ; /* Set the width of the image */
    height: 60px ; /* Set the height of the image */ 
    background-size: 207px 60px   ;
}


html body.page-id-7.scrolled-to-top .wp-block-site-title a::after,
html body.page-id-7.scrolled-to-top .wp-block-site-title a::before {
     width: 414px ;
    height: 120px ;
    background-size: 414px 120px   ;
}

 

.alignright{
	Position:relative;float:right;
	margin: 0 0 2em 2em ;
	max-width:50%;height:auto;
}



.scrolled-to-top header {
background: #512a00;
transition: background-color 0.3s ease;
Position:relative;
}


body.page-id-7.scrolled-to-top header  .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 100% !important;
}

body.page-id-7.scrolled-to-top header  .menu-item  a span,
body.page-id-7.scrolled-to-top header .wp-block-navigation-item__content
{color:#fff;text-decoration-color:#fff  ; outline-color: #fff; /* Set only the outline color */
font-size: 23px;
  text-shadow: 5px 5px 5px #000;}

body.page-id-7.scrolled-to-top header  .menu-item ul  a span{color:#000;text-decoration-color:#000  !important ; outline-color: #000  !important ; text-shadow:initial;}

body.page-id-7.scrolled-to-top header svg{filter: invert(1)brightness(1.8);}

html body .mc_merge_var  {display:inline !important ;}

html header{ background-color: #2b140b; /* Background color */}
body.page-id-7.scrolled-to-top header {
	/*height: 480px; */
    background-color: #2b140b; /* Background color */
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

html footer{
	color:#c76804;
	background: linear-gradient(to bottom, #361e02, #a016006e);
	
}html footer a{color:#c76804;}


body.page-id-7  header{
    min-height: 100px; /* Set the initial height */
    /* overflow: hidden;  Prevent content overflow during transition */
    transition: min-height 0.5s ease; /* Animate max-height */
}

body.page-id-7.scrolled-to-top header {
    min-height: 420px; /* Set smaller height when scrolled to top */
}

body.page-id-7999.scrolled-to-top header  .wp-block-site-title::after{min-height:300px;}

.entry-content img{max-width:100%;height:auto;}
form input, form textarea{
	    max-width: 98%; 
}

body.page-id-7 header::before {
    content: '';
    position: absolute;
    top: 0;  left: 0;
    width: 100%;
    height: 100%;
background-image: url('/u/i/parra-pipe-web.jpg'); /* Path to your image */
    background-size: cover;
    background-position: center;
    opacity: 0; /* Initially set opacity to 0 */
    transition: opacity 0.3s ease; /* Smooth transition for opacity */
}

body.page-id-7.scrolled-to-top header::before {
    opacity: 1; /* On hover, set opacity to 1 */
}





.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  font-weight: bold;
}
html .wp-block-navigation .wp-block-navigation-item { 
  padding-right: 1.2em;
}


















headerzzz:hover {
    background-color: #ff5733; /* Change background color on hover */
}
bodyzzzzz.page-id-7 header::before{
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/u/i/parra-pipe-web.jpg'); /* Path to your image */
background-size: cover; /* Stretch the image to cover the entire header */
background-position: center; /* Position the image in the center */
background-repeat: no-repeat; /* Prevent the image from repeating */
width: 100%; /* Ensure the header spans the full width of the container */
opacity: 1; /* Initially set opacity to 0 */
transition: opacity 0.66s ease; /* Smooth transition for opacity */
}


/*END - 2025 update - WP 2025*/

/*END - 2025 update - WP 2025*/






/* a link url */
  /*#post-area*/  a, .main-content  a{color:#ada8dc;}
  /*#post-area*/ main  a:hover, .main-content a:hover{background: var(--url-hover-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	line-height: 1.3em;}



html /*#post-area*/ a.wp-element-button,
html .container-wrap a.wp-element-button,html /*#post-area*/ a.wp-element-button:hover,
html .container-wrap a.wp-element-button:hover
{color:#fff  !important ;}

.wp-block-button__link , html input.wpcf7-submit
{ padding: 0.4em 1.6em;
  background: var(--grease-gradient);border-radius: 8px; color:#fff;
}

.wp-block-button__link:hover ,html input.wpcf7-submit:hover,
html /*#post-area*/ a.wp-element-button:hover,
html .container-wrap a.wp-element-button:hover, .wpcf7-submit:hover
{ 
background:var(--grease-gradient-hover)  !important  ;color:#fff  !important  ;
-webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
	line-height: inherit;
}

footer .has-global-padding{
	min-height: 234px;
}

 /*#post-area*/  h2.wp-block-heading, html   /*#post-area*/  h2, html  /*#post-area*/   h1,
 .main-content  h2.wp-block-heading ,  .main-content  h2 , .main-content  h1
 {
	font-weight: 700;
  font-size: 35px;
  display: table;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: var(--grease-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height:1.3em;
  text-transform:uppercase;
}




/*current show colour above*/

#top .container h1,#top .container h2,#top .container h3,
#top  h1,#top  h2,#top  h3, #page-header-wrap h1
{
	color:#fff  !important ;
}

html h2.jandh24{background: var(--24jandh-gradient)  !important ;  -webkit-background-clip: text  !important ;
  -webkit-text-fill-color: transparent  !important ;
  line-height:1.3em  !important ;}


html h2.urine24,
.page-id-1242 h2{background: var(--urinetown-gradient)  !important ;  -webkit-background-clip: text  !important ;
  -webkit-text-fill-color: transparent  !important ;
  line-height:1.3em  !important ;}




h2{margin-bottom:0.7em;padding-bottom:0.7em;}






/*other*/



#sidebar #text-2 h4
{
background: var(--grey-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  line-height: 1.3em !important;
}

input.wpcf7-submit, input.wpcf7-submit:hover
{line-height: 1.3em  !important ;}

.wpcf7-form input, html .ascend .container-wrap input[type="submit"] , .wpcf7-form textarea{ }

.wp-block-button, .wp-block-button a{font-weight: bold;}


.button,
body .wpcf7-form-control ,
body input[type="submit"], body button[type="submit"],body  input[type="button"]
{font-size: 24px;
  min-width: 80px;}
  
  
body .wp-block-separator{margin:2em 0;}
body .wp-element-button {margin: 0.55em 0;}

html body .nectar-button.medium { 
    font-size: 18px;
	font-weight:bold;
}
 html body.page-id-7 .nectar-button.medium 
{    margin-top: 1em;}




/*HIDE SHOPPING CART FOR NOW*/
#mobile-cart-link i {display:none;}
 

/*header and menus */
html body #header-outer.transparent header#top nav > ul > li > a { 
  font-size: 23px; 
}
html header#top nav > ul
{right: -2em;top:1em;
  position: relative;}
html #slide-out-widget-area ul li{
margin-bottom: 1.5em;
}
html #logo img.starting-logo
{-webkit-filter: drop-shadow(5px 5px 5px #000);
  filter: drop-shadow(5px 5px 5px #000);position:relative;}
html header#top #logo .starting-logo{
	position:relative  !important ;
}html .page-id-7 .small-nav #logo {height: 65px;}
html  body div#header-outer.transparent, body #page-header-bg h1 {
  text-shadow: 5px 4px 6px #000;
}
html #boxed div#header-outer.small-nav{box-shadow: rgba(0, 0, 0, 0.4) 3px 0px 4px !important;}

#sidebar h4{margin-top: 0.3em;}
.small-nav ul, small-nav li{top: -0.3em  !important  ; }

/*FONTS*/
 
h1,h2,h3,h4,h5,body #sidebar h4,#page-header-bg h1, .nectar-box-roll .overlaid-content h1,#mobile-cart-link, #mobile-cart-link li, mobile-cart-link li a,
.wp-block-button, .wp-block-button a
{font-family: 'Hammersmith One', sans-serif;}


body h2{font-size:35px;}
body h1{font-size:35px;}
body h3{font-size:31px;letter-spacing:0.05em;}
body h4,body h4.wp-block-heading,
.row .col h4, body h4
{font-size:25px;letter-spacing:0.05em;}
.wp-block-button, .wp-block-button a{letter-spacing:0.05em;}
html  body #copyright p{font-size: 18px;}
html  body #footer-outer i, body  #header-secondary-outer #social i {
  font-size: 31px;
}html body #footer-outer #copyright li {
  margin-left: 40px;
}html  body #footer-outer #copyright { 
  color: #444;
}

/*email sign up green success*/
html #mce-success-response{color:#077e0e;}

/*audition-page*/
 html .page-id-99 .img-with-aniamtion-wrap   img {  max-width: 700px;}

/*home-banner */
html .homebanner{
	max-width:750px  !important ;
	    width: 100%;
}

/*home-button
 * button color
SBOB - #2885cb

red button
e00000


a.has-vivid-red-background-color:hover {
background-color: #b5bece !important;
  color: #242424;
}



html  body[data-form-submit="regular"] input[type="submit"]:hover, html body[data-form-submit="regular"] button[type="submit"]:hover 
{
background-color: #ce0f2a !important;}
*/

/*button book
.regular-button{text-align:center;margin-left:auto;margin-right:auto;display:table;}

*/



/*HR*/
html body .wp-block-separator {
  border: none;
  height: 8px;
  background: var(--silver-gradient);
}


/*Sub-menu-top-menu*/
html ul.sf-menu .sub-menu{top: 111px    !important ;
filter: invert(1)hue-rotate(180deg);
}

html .small-nav ul.sf-menu .sub-menu {top: 45px  !important ;}

html ul.sf-menu .sub-menu .menu-item:hover , 
html ul.sf-menu .sub-menu .menu-item a:hover {color: #ff7e7e !important;}

html ul.sf-menu .sub-menu .current_page_item a{color:#ff9f9f   !important ; }

/*Past Shows - list of shows */
.page-id-261  .main-content .row {line-height: 1.8em;
font-size: 120%;}
.page-id-261  h2{padding-bottom: 1em;}


html header#top nav > ul > li > a { 
  font-size: 15px;}


/*FOOTER*/

html #footer-outer  {
  color: #363636;
  position: relative;
  z-index: 10;
  background-color: #d0d0d0;
  height: 100px;
	padding-top: 1em;}


/*header width font size */




@media   screen and (max-width: 1257px) {
html body #header-outer.transparent header#top nav > ul > li > a {
  font-size: 16px !important;
}html .page-header-bg-image h1,
html  #page-header-bg	.inner-wrap
	{
visibility: hidden !important;}
}

.sf-menu li { 
  top: 8px;
}



html footer{
	color:#c76804;
	background: linear-gradient(to bottom, #361e02, #a016006e);
	
}html footer a{color:#c76804;}