/*
 Theme Name:   Control Alt Designs Child Theme
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Control Alt Designs Child Theme
 Author:       Collin Johnson
 Author URI:   http://www.controlaltdesigns.com
 Template:     u-design
 Version:      2.13.10
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  
*/

.abouthatt {
	background-color:#000000
}

.bgdcamp {
	background-color:#895020
}

.introtext p {
	font-size:1.3em
}

/* ===========Begin Home Events SLider ============ */

.tm-slider h1 {
	font-size:1.8em !important
}

.tm-slider h3 {
	font-size:1.1em !important;
	color:#cc0000;
	font-weight:600
}

@media only screen and (max-width: 720px) {
.tm-slider h1 {
	font-size:2.3em !important
}
}

.wnext .slick-next {
    right: 50px !important;
	top:0px !important;
    z-index: 99;
}
.wnext .slick-prev {
    left: calc(100% - 130px) !important;
	top:0px !important;
    z-index: 99;
}



.wnext img {
    width:320px;
	margin:0px 0px 0px 0px
}

.wnext .slick-next:before {
    content: "\f138" !important;
}
.wnext .slick-prev:before {
    content: "\f137" !important;
}



/* ===========End Home Events SLider ============ */

.playcard {
	border-radius:10px;
	border:1px solid #cccccc;
	padding:20px 10px 10px 0px
}

.playcard h1 {
	font-size:1.6em
}


.cards {
	box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, .3);
	margin:0px !important; padding:30px !important;
	border-radius:10px;
	background-color:#f7f7f7
}



.cards h3 {
	font-weight:bold}


.fancyimg img {
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: rgba(255,255,255,0.33);
    border-radius: 24px 24px 64px 24px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
}

.fancyimg2 img {
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: rgba(255,255,255,0.33);
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
}

.joinus {
	background-image:url(https://hattiloo.org/wp-content/uploads/2026/03/pic1.jpg);
	background-position:center center;
	padding-bottom:50px !important;
	background-size:cover
}

/* Begin Menu Item customization */
.redbtn A span {
  color: #cc0000 !important;
}
.redbtn A span:hover {
  color: #ffffff !important;
}

.redbtn A {
	background-color:#ffffff;
	border:2px solid #cc0000 !important;
	color:#cc0000;
	border-radius:10px;
	transition: all 0.2s ease-in-out;
}
.redbtn A:visited {
	color: #cc0000; TEXT-DECORATION: none
}
.redbtn A:hover {
	color: #fff !important; TEXT-DECORATION:none;
	background-color:#cc0000;
	border:1px solid #cc0000;
}
.redlink A span {
  color: #BE202F !important;
}


/* End Menu Item customization */

.auditions-cont p {
	margin-top:0px; padding-top:0px
}
.auditions {
	border:1px solid #cccccc;
	padding:30px;
	margin-bottom:40px
}

.homebox {
	box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);
	padding:30px;
}

.imghover img {
        transition: all 0.2s ease-in-out;
    }

.imghover:hover img {
        transform: scale(1.1);
    }

.bgddots {
	background-image: radial-gradient(rgba(187,187,187,.35) 8%,transparent 8%);
    background-size: 36px 36px;
}
.bgddotswhite {
	background-image: radial-gradient(rgba(255,255,255,1) 8%,transparent 8%);
    background-size: 36px 36px;
}

.playpic {
	margin-left:30px !important; margin-right:30px !important;
	box-shadow: 20px 20px #333333;
}

.playtext {
	padding-left:50px !important; padding-right:50px !important
}
@media only screen and (max-width: 720px) {
	.playtext {
		padding-left:inherit !important; padding-right:inherit !important
	}
	
}


.homebanner {
	padding-bottom:400px
}
.btnpadd {
	background-color:#ffffff;
	padding:0px 20px 10px 30px 
}
.playinfo {
	background-color:#ffffff;
	padding:0px 30px 0px 30px 
}
.playinfo2 {
	background-color:#ffffff;
	padding:30px 30px 0px 30px 
}

.playscont .wpb_content_element  {
    margin-bottom: 0px;
}

.pposter {margin:0px !important; padding:0px !important}


.plays1 {
	padding:30px;
	/*background-color:#49033e;*/
}


/*
.playscont:nth-child(odd) .plays1 {
  background-color:#5b084e;
}
.playscont:nth-child(even) .plays1 {
  background-color:#49033e;
}*/


.item:nth-child(odd) .description {
    background-color: blue;
}

.extrapadd {
	padding-left:50px !important; padding-right:50px !important;
}

@media only screen and (max-width: 720px) {
	.extrapadd {
		padding-left:30px !important; padding-right:30px !important;
	}
	
}

#top-wrapper {background-color:#ffffff;}

.navigation-menu span {text-transform:uppercase}

.woc p, .woc img {margin-top:0px; padding-top:0px}

.seasonbox {
		min-height:350px
	}

@media screen and (max-width: 1600px) and (min-width: 800px) { 
	.seasonbox {
		min-height:450px
	}
}



@media only screen and (max-width: 720px) {
	h1 {
		font-size:2.0em;
	}
}

.onstagetitle h1 {
	font-size:3.0em;
}



.titlelogo {
	background-image:url(/wp-content/uploads/2023/05/border-logo.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:50px !important;
	background-size:auto 40px;
}
.titlelogowhite {
	background-image:url(/wp-content/uploads/2023/05/border-logo_white.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:50px !important;
	background-size:auto 40px;
}



.plays2 h1 {
	font-size:3.0em;
}
.plays2 h2 {
	font-size:2.0em;
}

@media only screen and (max-width: 720px) {
	.onstagetitle h1, .plays2 h1  {
		font-size:2.0em;
	}
	.plays2 h2 {
		font-size:1.2em;
	}
}

sil-accordion {
	background-color:#ffcc33 !important
}

.sayitloud h2, .sayitloud h3, .sayitloud p {
	margin:0px; padding:0px;
}

.sayitloud h2{
	font-weight:700
}

.btn-sil button, .btn-sil a {
      font-family: 'Poppins', sans-serif !important; padding:10px !important; 
	background-image:none !important
}

.btn-woc button, .btn-woc a {
      font-family: 'Poppins', sans-serif !important; padding:10px !important; 
	background-image:none !important;
	background-color:#ad5192 !important;
}
.btn-woc button:hover, .btn-woc a:hover { 
	background:#31160b !important;
}


.gtrombones strong {
      color:#ba650f
}

.hide {
      display:none
}


#slogan {
      display:none
}

.frontlines h1 {
	font-family: 'Oswald', sans-serif;
	font-size:4.6em
}
.frontlines h3 {
	font-size:1.4em
}
.frontlineleft {padding-left:40px; padding-right:40px}

@media only screen and (max-width: 720px) {
	.frontlines h1 {
		font-size:2.6em
	}
	.frontlineleft {padding-left:10px; padding-right:10px}
	.frontlines h3 {
		font-size:1.0em
	}
}

.seasonplays h1 {
	font-family: 'Oswald', sans-serif;
	font-size:3.6em
}

.seasonplays  {
	font-size:1.2em
}

h1, h2  {
	color:#000000
}
.header1  {
	padding:250px 0px 0px 0px;
	background-position:center bottom !important;
}



.frschedule h2 {
	color:#820f13;
	border-top:1px solid #cccccc;
	padding-top:30px;
}
.donationrow h2 {
	color:#000000;
	font-size:2.1em;
	margin:0px; padding:0px
}
.donationrow h3 {
	color:#000000;
	font-size:1.6;
	margin-bottom:50px
}

.cblock {
	box-shadow: 0 8px 6px -6px black;
	box-shadow: 0px 16px 16px -16px rgba(0,0,0,0.3);
	margin-bottom:30px;
	padding-bottom:30px;

}


.pageheader {margin-bottom:30px;
	background-image:url(/wp-content/uploads/2026/05/pageheader1.jpg);
	background-position:center center;
	background-size:cover;
}

.pageheaderinner {
	background: RGBA(0, 0, 0, 0);
	background: linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 70%);
	padding-top:150px !important; padding-bottom:50px !important;
}

.pageheader h1 {
	text-transform:uppercase;
	font-size:4em
}

.bgdheader   {
	background-color:#000000;
	background-image:url(/wp-content/uploads/2026/01/season-20banner.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	padding:100px 0px 100px 0px !important;
	margin-bottom:30px;
	
}

.headerstrip   {
	background-image:url(/wp-content/uploads/2019/05/headerstrip2.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding:100px 0px 0px 0px !important;
	margin:0px !important;
}

.characters {
	background-image:url(/wp-content/uploads/2023/05/characters.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:500px 0px 0px 0px !important;
	margin:0px !important;
	background-size:contain;
	border-bottom:1px solid #a514ad
}

@media only screen and (max-width: 720px) {
	.characters {
		
		padding:0px 0px 0px 0px !important;
		
	}
}

.seasonbanner   {
	background-image:url(https://hattiloo.org/wp-content/uploads/2022/06/season-16-banner.jpg;)
	background-position:center center;
	background-repeat:no-repeat;
	padding:200px 0px 200px 0px !important;
	background-size:cover
}
@media only screen and (max-width: 720px) {
	.seasonbanner   {
		padding:100px 0px 100px 0px !important;

	}
}



.white, .white h1, .white h2, .white h3, .white h4 {
      color:#FFFFFF
}

.white A {
	color: #ffffff; TEXT-DECORATION: none
}
.white A:visited {

	color: #ffffff; TEXT-DECORATION: none
}
.white A:hover {
	color: #cccccc; TEXT-DECORATION:underline
}

.btnhome button {
      font-family: 'Poppins', sans-serif !important; padding:10px !important; 
}

.btn15 button, .btn15 a {
      font-family: 'Poppins', sans-serif !important;
	background-image:none !important;
	 font-size:1.2em !important
}
.btn15 button:hover, .btn15 a:hover { 
	background:#ffcc33 !important;
}

.btn15ds button, .btn15ds a {
      font-family: 'Poppins', sans-serif !important;
	background-image:none !important;
	background-color:#ffffff !important;
	 font-size:1.2em !important
}
.btn15ds button:hover, .btn15ds a:hover { 
	background:#ffcc33 !important;
}

.btn16ds button, .btn15ds a {
      font-family: 'Poppins', sans-serif !important;
	background-image:none !important;
	background-color:#a514ad !important;
	 font-size:1.2em !important
}
.btn16ds button:hover, .btn16ds a:hover { 
	background:#0155b9 !important;
}




.btn button, .btn a {
      font-family: 'Poppins', sans-serif !important;
	background-image:none !important;
	font-weight:600 !important;
	text-transform:uppercase;
	 font-family: 'Poppins', sans-serif !important; font-size:1.2em !important; padding-left:30px; padding-right:30px
}

 .btn-large button, .btn-large a{
      font-family: 'Poppins', sans-serif !important; font-size:1.2em !important
}



.btn button:hover, .btn a:hover  { 
	background:#000000 !important;
}

.btn2 button:hover { 
	background:#fd6401 !important;
}

.btn2 A, .btn2 button {
     font-size:1.1em !important;
	font-family: 'Poppins', sans-serif;
}

.btn3 A, .btn3 button {
     font-size:1.3em !important;
	
}

.btn16 button, .btn16 a {
      font-family: 'Poppins', sans-serif !important;
	background-image:none !important;
	 font-size:1.2em !important
}
.btn16 button:hover, .btn16 a:hover { 
	background:#ffffff !important;
}

.nmte {
	color:#ffffff;
	border-top:1px solid #cccccc;
	padding-top:30px;
}
.nmte h2, .nmte h3 {
	color:#ffffff;

}

.nmte h3 {
	font-size:1.2em
}

.nmte ul {
	margin-left:20px;
	margin-top:20px
}

.nmteimg {
	padding:0px; margin:0px
}

.nmteimg img {
	padding:0px; margin:0px
}




.btnfooter button, .btnfooter a {
      font-family: 'Poppins', sans-serif !important; padding: 0px; 
}

.no-breadcrumbs-padding {padding: 0px; }
.entry { padding: 0px; clear: both;}


/*Delete 3 and 4 in order to active 1 and 2. This will move the content to be flush to the top of the browser */



/*3#home-page-content { margin-top:0px}*/
/*4#page-content-title { margin-top:0px}*/
/*1#home-page-content { margin-top:-80px}*/
/*2#page-content-title { margin-top:-80px}*/


#navigation-menu {height:0px}


/*REMOVE TOP CONTENT PADDING FOR DOING FULL WIDTH ROW SECONDARY PAGE HEADER*/
.no-breadcrumbs-padding {
    padding: 0px 0; 
}


#home-page-content #content-container { padding:0px 0; }
#page-content #content-container { padding:0px 0; }
#page-content  { padding-bottom:0px; }
.entry {
    padding: 0px;
    clear: both;
}

.nopadding {
    margin-bottom:0px !important; 
	padding:0px !important; 
}
.headertxt {
   padding-top:100px;
	padding-bottom:100px;
		
}
.headertxt h1 {
   padding:0px 0px 0px 30px; margin:0px;
		
}
.header-donate {
		padding-top:100px; padding-bottom:100px;
	}
@media only screen and (max-width: 720px) {
	.header-donate {
		padding-top:50px; padding-bottom:50px;
	}
}

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

#top-wrapper {
   position:inherit;
    z-index: 20000;
    margin: auto;
    width: 100%;
	/*background-color: rgba(0, 0, 0, 1);*/
	display:inherit;
	padding-bottom:0px
		
}

#home-page-content {
    margin-top:0px
}



}

/*Responsive Menu Bar customization*/

.mean-bar {
        background: #333333 !important;
}

.mean-nav {
        background: #666666 !important;
}

.mean-container .mean-nav ul li a {
		font-family: 'Times New Roman' !important; 
		text-transform:uppercase !important;
	font-size:20px;
	text-align:center
}

.mean-container .mean-nav ul li li a {
		
	font-size:16px;
	
}

/* Begin Wordpress Custom Menu Customization */
.submenu1 ul {
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-family: 'Josefin Sans', sans-serif;
	font-size:45px; line-height:50px;
	text-align:right;
}

.submenu1 li:hover {
	background-color:#4d4c4c
}		

.submenu1 li {
	padding:8px 8px 8px 12px;
	margin:0px 0px 5px 0px;
	/*background-color:#5b9b44*/
}	
		

.submenu1 A {
	color: #ffffff; TEXT-DECORATION: none; display:block;
}
.submenu1 A:visited {

	color: #ffffff; TEXT-DECORATION: none
}
.submenu1 A:hover {
	color: #ffffff; TEXT-DECORATION:none
}
	
/* End Wordpress Custom Menu Customization */


/* Start Ninja Forms Styles for forms */

.form1 input, .form1 textarea
	{
		border:1px solid #626bdb;

		webkit-box-shadow: 0px 0px 3px 0px  rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 3px 0px  rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 3px 0px  rgba(0, 0, 0, 0.25); 
		
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		border-radius: 6px;
		
		background-color:transparent;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:2%;
		padding-right:2%;
		color: #333333;
		font-size:16px;
		width:95%;
		margin:5px 0px 5px 0px;
		font-family: 'Source Sans Pro', sans-serif; 
	}

.form1 .submit1 {
    color: #ffffff;
    background: #168d02;
	font-weight:bold;
    padding: 10px 20px 10px 20px;
	width:100px; margin:auto;
	margin-top:10px;
	
	 text-transform:uppercase;
	webkit-box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25); 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #ffffff;
	/*text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);*/
}
.form1 .submit1:hover {
    background:#333333;
	color: #ffffff;
}


/* End Ninja Forms Styles for forms */

.form2 input::placeholder {
  color: #ff924b;
}

.form2 input, .form2 textarea
	{
		border:1px solid #ffffff;

		webkit-box-shadow: 0px 0px 3px 0px  rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 3px 0px  rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 3px 0px  rgba(0, 0, 0, 0.25); 
		
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		border-radius: 6px;
		
		background-color:transparent;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:2%;
		padding-right:2%;
		color: #ffffff;
		font-size:16px;
		width:70%;
		margin:5px 0px 5px 0px;
		font-family: 'Source Sans Pro', sans-serif; 
	}

.form2 .submit2 {
    color: #ffffff;
    background: #ab4b0d;
	font-weight:bold;
    padding: 10px 10px 10px 10px;
	width:100px; margin:auto;
	margin-top:10px;
	
	 text-transform:uppercase;
	webkit-box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25); 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #ffffff;
	/*text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);*/
}
.form2 .submit2:hover {
    background:#833300;
	color: #ffffff;
}


/* Begin Super Fly Menu Customization */

.mean-bar {display:none !important;}
.mean-nav {	display:none !important;}

@media screen and (max-width: 1024px) {
	.superfly-on #sfm-mob-navbar {
		display: block !important;
	}
}

@media all and (min-width: 1024px){
.superfly-on #sfm-sidebar,  .superfly-on .sfm-navicon-button{
display: none !important;

}
}

#sfm-mob-navbar {
    background-color: #000000 !important;
	background-size:100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	text-align:left;
}

@media screen and (max-width: 1024px) {
	#sfm-mob-navbar img {
		height: 30px;
		margin-top: 6px;
	}
	#top-wrapper {display:none;}
	#sfm-mob-navbar {text-align:left !important}
}

@media screen and (max-width: 1024px) {
.superfly-on #sfm-mob-navbar {
    display: block !important;
}
}

/* End Super Fly Menu Customization */

/* Begin Wordpress Footer Custom Menu Customization */

.footer {
    line-height:1.2em
}
.footer div {
    margin-bottom:0px
}
.footer h3 {
    font-size:1.2em;
	line-height:1.2em;
	color:#ffffff;
	margin-bottom:20px !important;
	border-bottom:1px solid #333333
}

#bottom .widget_nav_menu li a {
    background: none
}

.footertext2 {
      font-size:.85em; line-height:1.6em
}

#footer-bg {
      display:none
}

.footermenu ul {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	list-style:none;
	font-size:1.0em; line-height:1em;
	text-align:left;
}

.footermenu li:hover {
	background-color:#333333
}		
.footermenu li {
	margin:0px 0px 0px 0px !important;
	padding:10px 0px 10px 0px !important;
	background:none !important;
	
}	
.footermenu li a:before {
	margin:0px 0px 0px 0px !important;
	border:none !important;
	background:none !important;
	content:none !important;
}


.footermenu A, .footermenu A:visited {
	margin:0px 0px 0px 0px !important;
	padding:0px !important;
	border:none !important;
}
.footermenu A:visited {
	border:none !important;
}
.footermenu A:hover {
	border:none !important;
}
	
/* End Wordpress Footer Custom Menu Customization */


/* EventON Customization */

.evcal_event_title {
	color:#000000 !important
}

.evofxdrc {
	color:#000000 !important
}


.eventon_events_list .eventon_list_event .evoet_cx span.evcal_desc2, .evo_pop_body .evoet_cx span.evcal_desc2 {

    text-transform: none !important;
    font-size: 20px !important;
}

.desc_trig_outter a {
	background-color:#f7f7f7 !important;
	border:1px solid #cccccc !important;
	/*border-radius:0px !important*/
}

/* .ajde_evcal_calendar.boxy.boxstyle1 .evo_boxtop, .ajde_evcal_calendar.boxy.boxstyle2 .evo_boxtop {
    border-radius: 0px !important;
}*/

.onstage {
	background-color:#f7f7f7;
	border:1px solid #cccccc;
	padding:15px;
	border-radius:20px
}

.onstage h2{
	font-weight:900
}