@charset "utf-8";
/* CSS Document */

@media (max-width: 1700px){
	#tyh .scroll{
		width:88%;
		margin:130px auto 100px auto;
	}

}


@media (max-width: 1400px){
    h2{
        font-size: 65px;
    }
    #tyh #dn-center .dedications{
        width: calc(100% - 431px);
        padding: 0 40px 0 0;
        margin: 0 40px 0 0;
    }

    #tyh #dn-center .dedications .ticket{
        font-size: 18px;
    }

    #tyh #dn-center .dedications .ticketprice{
        font-size: 26px;
    }

    #tyh #dn-center .dedications .available{
        font-size: 12px;
    }

    #tyh #dn-center .dedications .lg .ticketinfo{
        font-size: 12px;
    }
}



@media (max-width: 1200px){
	h1{
		font-size:50px;
	}
	
	h1 span{
		font-size:20px;
	}

	h2{
		font-size: 50px;
	}

    #tyh #dn-center .dedications label, #tyh #dn-center .dedications .ticketbox{
        width:30%;
    }
	
	#footerwrapper .footer .left{
		width:100%;
	}
	
	#footerwrapper .footer{
		flex-direction:column;
		text-align:center; 
	}
	
	#footerwrapper .footer .right{
		text-align:center;
		margin:30px 0 0 0;
		flex-direction:column;
	}
	
	#footerwrapper .footer br{
		display:none;
	}
	
	#footerwrapper .logo{
		margin:20px auto 0 auto;
	}
	
	#tyh .top{
		background-attachment:scroll;
	}
	
	button,
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none; /* Removes native iOS styles */
  appearance: none;
  border-radius: 0; /* Removes rounded corners */
  background: none; /* Optional: remove default background */
  box-shadow: none; /* Removes inner shadow */
  outline: none; /* Removes focus outline */
  -webkit-tap-highlight-color: transparent; /* Disables grey tap highlight on touch */
}

}

@media (max-width: 1000px){
	#tyh .top .flex .nav{
		margin:0;
	}
	
	 .main-menu{
        position: absolute;
        display: none;
        right: 0px;
        top: 0;
        height: 100%;
        width:100%;
        transition: left 0.3s ease, box-shadow 0.3s ease;
        z-index: 999;

    }



    #navwrapper .main-menu ul{
        list-style: none;
        display:block;
        margin: 0;
        height:100vh;
        padding: 70px 0 0 0;

        -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
        -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
        box-shadow: -8px 0 8px rgba(0,0,0,.5);
        width: 100%;
        background: #000;
        z-index:9;

    }
	
	#navwrapper .main-menu a:hover{
		color:#BC9B40;
	}
 

    #navwrapper .main-menu a {
        display: block;
        padding:0;
        text-transform:uppercase;
        color: #fff;
        text-decoration: none;
        background:none!important;
        border:none;
        font-size:24px;
        border-radius:0;
        text-align:center;
        position:relative;
        background:none;
        letter-spacing:7px;
    }

    
    
    #navwrapper .main-menu .menu-close{
        position:absolute;

        font-size: 16px;
        margin:20px 10px 0 0;

        font-weight:bold;
    }

    #navwrapper .fa.fa-close{
        font-size:16px;
        font-weight:300;

    }
 

    #navbars.scrolled #navwrapper li, #topwrapper .top ul li, #topwrapper .top ul li.hide{
        margin:50px 0;
        display:block;
    }





    #navwrapper .fa-bars{
        color:#fff;

        font-size:20px;
    }

     

    #navwrapper .menu-toggle, #navwrapper .menu-close{
        display:block;
        text-align:right;
    }





    .main-menu li:first-child a {
        border-top: 1px solid #383838;
    }

    .main-menu a:hover,
    .main-menu a:focus,
    {
        background: #333;
        text-decoration: none;
    }

    .main-menu .menu-close {
        position: absolute;
        right: 0;
        top: 0;
        border-bottom: none!important;
    }

    .main-menu:target, .main-menu[aria-expanded="true"]{
        display: block;
        right: 0;
        outline: none;
        -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
        -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
        box-shadow: 3px 0 12px rgba(0,0,0,.25);
        text-align:right;


    }

    .main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
        z-index: 1001;
    }

    .main-menu:target ul, .main-menu[aria-expanded="true"] ul  {
        position: relative;
        z-index: 1000;
    }

    .main-menu:target + .backdrop,
    .main-menu[aria-expanded="true"] + .backdrop{
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 998;
        background: #000;
        background: rgba(0,0,0,.85);
        cursor: default;

    }


    @supports (position: fixed) {
        .main-menu,
        .main-menu:target + .backdrop,
        .main-menu[aria-expanded="true"] + .backdrop {
            position: fixed;

        }

		#tyh .top{
			background-position: 60% top;
		}

		#tyh .overlay{
			background:linear-gradient(180deg, rgba(5, 11, 49, 0) 17%, rgba(5, 11, 49, 0.5) 27%, rgba(5, 11, 49, 0.6) 100%);
		}
		
		#tyh .about .left {
			width:100%;
			margin:40px 0 0;
		}

		#tyh .about .left img {
			max-height: 350px;
		}
		
		#tyh .about .right {
			width:100%;
		}
		
		#tyh .about{
			flex-direction:column-reverse;
		}

        #tyh #dn-center{
            display: block;
            max-width: 750px;
            margin:40px auto 0;
        }

        #tyh #dn-center .dedications{
            width:100%;
            padding:0 0 40px;
            margin:0 0 40px;
            border:0;
            border-bottom: 1px solid #D6D6D6
        }

        #tyh #dn-center .form-group{
            margin:auto;
        }
		
		.navwrapper li {
			display: block;
			margin: 80px 0;
		}
}

@media (max-width: 960px){
}

@media (max-width: 850px){
	.fancybox__content {
    width: 75% !important;
}
}


@media (max-width: 550px){

	#tyh .top .flex {

		padding: 10px 0 0;
	}


	#tyh .top .logo {
		width: 80px;
	}
	
	   h3 {
            font-size: 24px;
            letter-spacing: 3px;
        }
	
	    h1 span {
        font-size: 17px;
    }
	
	    h1 {
        font-size: 40px;
    }

	#tyh .top{
		font-size: 20px;
	}
	
	.copy{
		flex-direction:column;
		text-align:center;
		line-height:1.5;
	}
	
	 
	
	#tyh .bar{
		font-size:13px;
	}

	#tyh .about .left:after{
		left: 2%;
		top: 2%;
		width: 99%;
		height: 99%;
	}

	#tyh .available{
		font-size: 14px;
		letter-spacing: 1.4px;
		margin:15px 0 0;
	}
	
	.button{
		font-size:16px;
		padding:10px 16px;
	}
	
	        .fancybox__content {
            width: 95% !important;
        }
	
	h2{
		font-size:35px;
		margin:0 0 8px 0;
	}
	
	        #tyh .top {
            background-image:url(images/topbg-banner.jpg);
			background-position:right top;
        }

		#tyh .scroll h2{
			font-size:35px;
			text-align:left;
			width:250px;
		}
		
		#tyh .scroll{
			margin:100px auto 50px auto;
		}
		
		#tyh .owl-nav{
			top:30%;
		}

	#tyh .owl-nav .owl-prev, #tyh .owl-nav .owl-next{
		width:30px;
		height: 30px;
	}
		
		.owl-carousel .owl-item img {
			width: 130px !important;
		 
			min-height: 200px;
		}

    #tyh #dn-center .dedications .lg{
        width:96%;
    }

    #tyh #dn-center .dedications label, #tyh #dn-center .dedications .ticketbox{
        margin:.5%;
        width:46%;
        padding:16px 1% 35px;
    }

    #tyh #dn-center .dedications .ticket{
        font-size: 16px;
    }

    #tyh #dn-center .dedications .ticketprice{
        font-size:22px;
    }

    #dn-center .dn-textfield{
        padding:12px 6px;
        font-size: 13px;
    }

    #dn-center .dn-title{
        top:12px;
        font-size: 13px;
    }

    #dn-center .dn-field select.dn-textfield{
        height: 42px;
    }

    .fancybox-stage .fancybox-slide{
        padding:15px;
    }
		

}