@font-face {
font-family: bebas;
src: url(fonts/BebasNeue.eot);
src: url(fonts/BebasNeue.eot?#iefix) format("embedded-opentype"), 
url(fonts/BebasNeue.woff2) format("woff2"), 
url(fonts/BebasNeue.woff) format("woff"), 
url(fonts/BebasNeue.ttf) format("truetype")
}

@font-face {
font-family: chandler;
src: url(fonts/Chandler42.eot);
src: url(fonts/Chandler42.eot?#iefix) format("embedded-opentype"), 
url(fonts/Chandler42.woff2) format("woff2"), 
url(fonts/Chandler42.woff) format("woff"), 
url(fonts/Chandler42.ttf) format("truetype");
font-weight:normal;
}

.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
		transition: color 0.2s linear;
	 -o-transition: color 0.2s linear;
text-decoration:none;
}

* {
margin:0;
padding:0;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'chandler', Arial;
color:#444334;
font-size:14px;
background:url(images/bg.jpg) top center repeat;
position:relative;
}

.header-wrapper {
position:absolute;
top:0;
left:0;
right:0;
}

header {
position:fixed;
z-index:999 !important;
top:0;
right:0;
left:0;
background:url(images/bg-header.png) bottom center no-repeat;
background-size:cover;
padding:20px 0 0 0;
height:110px;
line-height:75px;
}

header #logo {
position:absolute;
left:3%;
}

header #logo img {
height:75px;
}

nav#main {
position:absolute;
left: 50%;
transform: translate(-50%, -0%)
}

nav#main ul {
font-family:'bebas';
margin:0 auto;
}

nav#main li {
display:inline-block;
font-size:28px;
}

nav#main a {
color:#f6e7c2;
padding:8px 1.6vw;
}

nav#main a:hover {
color:#f6e7c2;
background:url("images/ITP_Stroke-6c.png");
background-size:100% 100%;
}

header #socials {
position:absolute;
right:3%;
}

header #socials li {
float:left;
font-size:18px;
margin:0 0 0 0.8vw;
}

header #socials a {
color:#f6e7c2;
margin:0 0 0 5px;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
		transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
}

header #socials a:hover {
opacity:0.8;
}


/** Feature **/
#feature {
height:75vh;
padding-top:25vh;
margin:0 0 100px 0;
}

#feature #col-1 {
float:left;
width:50%;
padding-top:30px;
}

#feature #release-info {
margin:50px 0 0 0;
text-align:center;
text-transform:uppercase;
}

#release-pre {
font-size:20px;
margin:0 0 10px 0;
}

#release-date {
font-family:'bebas';
font-size:70px;
line-height:100%;
BUbackground:url("images/ITP_Scribble.png") no-repeat;
padding:0 90px;
BUbackground-size:100% 20%;
dispflay:inline-block;
}

#release-date::after {
content:"";
display:block;
background:url("images/ITP_Scribble.png") no-repeat;
padding:0 0px 50px 0px;
background-size:100% 120%;
margin:-32px auto 0 auto;
}


#release-btn {
margin:60px auto 0 auto;
width:80%;
text-transform:uppercase;
font-size:30px;
font-family:'bebas';
text-align:center;
}

#release-btn a {
color:#f6e7c2 !important;
padding:18px 0;
display:block;
background:url("images/ITP_Button-Stroke-Sm.png") !important;
background-size:100% 100% !important;
}

#release-btn a:hover {
color:#f6e7c2;
background:url("images/ITP_Button-Stroke-Sm-hover.png") !important;
background-size:100% 100% !important;
}


#feature #col-2 {
float:right;
width:48%;
}

#container {
width:1100px;
margin:0 auto;
}




#section-head {
font-family:'bebas';
color:#444334;
font-size:70px;
text-transform:uppercase;
text-align:center;
margin:0 0 30px 0;
}



/** Avail links **/
#avail-links {
text-transform:uppercase;
margin:100px 0 150px 0;
}

#avail-links ul {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap:60px;
}

#avail-links li {
text-align:center;
}

#avail-links #avail-text {
font-family:'bebas';
font-size:50px;
line-height:100%;
margin:30px 0 0 0;
}

#avail-links hr {
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px solid #444334;
margin:10px 0 10px 0;
}

a.avail-link {
color:#444334;
font-size:23px;
display:block;
padding:15px 0 15px 0;
}

a.avail-link:hover {
color:#f6e7c2;
background:url("images/ITP_Button-Stroke-Sm.png");
background-size:100% 100%;
}


/** Tour **/
#tour {
margin:0 0 150px 0;
}

#tour #section-head span {
background:url("images/ITP_Stroke-4.png") bottom center no-repeat;
padding:0 80px 20px 80px;
background-size:100% 80%;
display:inline-block;
}

.seated-event-row {
border-top:2px solid #444334;
border-bottom:2px solid #44434;
padding:0 20px !important;
}
.seated-event-row:hover {
background:rgb(0,0,0,0) !important;
}

.seated-event-date-cell,
.seated-event-venue-name,
.seated-event-venue-location {
font-family:'bebas';
font-size:30px;
}

.seated-event-date-cell:after {
content:"|";
padding:0 5px 0 1px;
}

.seated-event-date-cell {
float:left;
padding:20px 0 0 0;
}

.seated-event-details-cell {
padding:0 0 20px 0;
}

.seated-event-venue-name {
padding:20px 0 0 0;
}

.seated-event-venue-location {
clear:both;
padding:20px 0 0 20px;
width:50% !important;
}

.seated-event-link-cells {
border-left:2px solid #444334;
width:20%;
}

.seated-event-details-cell {
opacity:1 !important;
display:inline-block !important;
color:#a9683a;
font-size:15px;
}

.seated-event-link-cell {
margin:0 auto !important;
}

.seated-event-link1, .seated-event-link1:visited, 
.seated-event-link2, .seated-event-link2:visited {
color: #444334 !important;
border:0 none !important;
background:0 none !important;
border-radius:0 !important;
display: block !important;
font-size: 23px !important;
margin:0 auto !important;
overflow:visible !important;
padding: 15px 20px 20px 20px !important;
width:100% !important;
min-width:10px !important;
}

.seated-event-link:hover {
color:#f6e7c2 !important;
background:url("images/ITP_Stroke-6c.png") !important;
background-size:100% 100% !important;
}

.seated-follow-box,
.seated-events-table > div:last-child {
display:none !important;
}


/** Videos **/
#videos {
margin:0 0 150px 0;
}

#videos #section-head span {
background:url("images/ITP_Stroke-6.png") bottom center no-repeat;
padding:0 80px 20px 80px;
background-size:100% 70%;
display:inline-block;
}

#videos .epyt-video-wrapper {
margin:0 0 20px -10px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(68,67,52,0.5);
   -moz-box-shadow: 0px 0px 15px 0px rgba(68,67,52,0.5);
		box-shadow: 0px 0px 15px 0px rgba(68,67,52,0.5);
}

#videos .epyt-video-wrapper iframe {
border:10px solid #FFF;
max-width:100% !important;
}

#videos .epyt-gallery-img-box {
border:1px solid #444334;
padding:3%;
max-width:93% !important;
}

#videos .epyt-gallery-title {
margin:6px 0 0 0;
font-size:15px !important;
}

#videos .epyt-gallery-title:hover {
background:url("images/video-scribble.png") !important;
background-size:100% 100% !important;
}


/** Music **/
#music {
margin:0 0 150px 0;
}

#music #section-head span {
background:url("images/ITP_Scribble-3.png") bottom center no-repeat;
padding:0 80px 30px 80px;
background-size:100% 60%;
display:inline-block;
}

#music .wonderplugin3dcarousel-list-container {
background:url("images/Music-Carousel-Shadow.png") bottom center no-repeat;
background-size:100% 22%;
}

#music .wonderplugin3dcarousel-title {
display:none !important;
}

#music .wpp-btn-blue-medium {
margin:20px auto 0 auto;
width:50%;
text-transform:uppercase;
font-size:30px;
font-family:'bebas';
text-align:center;
}

#music a .wpp-btn-blue-medium {
color:#f6e7c2 !important;
padding:26px 80px;
background:url("images/ITP_Button-Stroke-Sm.png") !important;
background-size:100% 100% !important;
}

#music a .wpp-btn-blue-medium:hover {
color:#f6e7c2;
background:url("images/ITP_Button-Stroke-Sm-hover.png") !important;
background-size:100% 100% !important;
}


/** About **/
#about {
margin:0 0 150px 0;
}

#about #section-head span {
background:url("images/ITP_Stroke-2.png") bottom center no-repeat;
padding:0 80px 10px 80px;
background-size:100% 50%;
display:inline-block;
}

#about #col-1 {
float:left;
width:49%;
}

#about #col-2 {
float:right;
width:49%;
}

#about a {
color:#444334;
border-bottom:1px dashed #444334;
}

#about a:hover {
color:#444334;
border-bottom:1px solid #444334;
}

#about p {
margin:0 0 20px 0;
font-size:14px;
line-height:160%;
}

#about p:last-child {
margin:0;
}



/** Footer **/
footer {
background:url(images/bg-footer.png) top center repeat;
padding:20px 0 15px 0;
text-align:center;
color:#FFF;
font-size:12px;
}

footer a {
color:#f6e7c2;
text-decoration:underline;
}

footer a:hover {
color:#FFF;
text-decoration:none;
}


/** Pages **/
#container.page {
padding:200px 0 150px 0;
}


#container.page h2.page-title {
font-family:'bebas';
color:#444334;
font-size:70px;
text-transform:uppercase;
margin:0 0 30px 0;
background:url("images/ITP_Stroke-4.png?v=1.01") bottom left no-repeat;
padding:0 80px 20px 0px;
background-size:100% 80%;
display:inline-block;
}

#container.page p {
margin:0 0 25px 0;
line-height:160%;
}

#container.page a {
color:#444334;
border-bottom:1px dashed #444334;
}

#container.page a:hover {
border-bottom:1px solid #444334;
}


/** News **/
ul#news-feed {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap:22px;
}

ul#news-feed li {
height:400px;
margin:0 1% 2% 1%;
background-color:#373325;
position:relative;
}

ul#news-feed li #img {
height:60%;
overflow:hidden;
}

ul#news-feed li #img img {
min-width:100%;
min-height:100%;
width:auto;
height:auto;
object-fit:cover;
-webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
	 -o-transition: all .3s ease;
		transition: all .3s ease;
}

ul#news-feed li:hover #img img {
transform: scale(1.04);
}

ul#news-feed li #content {
padding:12px;
}

ul#news-feed li h2 {
font-family:'bebas';
font-size:22px !important;
line-height:130%;
margin:0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color:#F6E7C2 !important;
}

ul#news-feed li h2 a {
color:#FFF !important;
border:0 none !important;
}

ul#news-feed li h2 a:hover {
color:#F6E7C2 !important;
border:0 none !important;
}

ul#news-feed li #news-meta {
position:absolute;
bottom:12px;
left:12px;
color:#FFF;
font-size:12px;
}

ul#news-feed li #news-read-more {
position:absolute;
bottom:12px;
right:12px;
font-size:14px;
font-weight:600;
text-transform:uppercase;
}

ul#news-feed li #news-read-more a {
color:#a9683a;
border:0 none !important;
}

ul#news-feed li #news-read-more a:hover {
color:#FFF;
border:0 none !important;
}

#older-newer {
font-weight:400;
font-size:17px;
text-transform:uppercase;
margin:50px 0 0 0;
}

#older-newer.single-post {
margin:100px 0 0 0;
}

#older-posts {
float:right;
text-align:right;
width:48%;
}

#newer-posts {
float:left;
width:48%;
}


/** Single post **/
#container.post h1.title {
font-family:'bebas';
color:#444334;
font-size:40px;
text-transform:uppercase;
margin:0 0 30px 0;
background:url("images/ITP_Stroke-4.png?v=1.01") bottom left no-repeat;
padding:0 80px 40px 0px;
background-size:30% 50%;
display:inline-block;
}

#single-meta {
font-size:13px;
margin:0 0 20px 0;
}

#single-post-content .wp-block-image {
margin: 0 0 25px 0;
}

#single-post-content figcaption.wp-element-caption {
margin:5px 0 0 0;
font-style:italic;
}

#single-post-content p {
margin:0 0 25px 0;
line-height:190% !important;
font-size:15px;
}


/** Mobile nav **/
#nav-trigger {
position:fixed;
right:3%;
top:20px;
line-height:75px;
z-index:999;

}

#nav-trigger:before {
content:"";
display:inline-block;
background-image:url("images/Nav-Icon.png");
height:35px;
width:60px;
background-size:cover;
background-position:100% 100%;
vertical-align:middle;
}

#nav-trigger.open:before {
display:inline-block;
background-image:url("images/Nav-Close.png");
background-size:cover;
background-position:100% 100%;
vertical-align:middle;
}


#mobile-nav {

}

#mobfffile-nav ul#nav-mob {
display:none;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}

#mobile-nav ul#nav-mob {
display:none;
background-color:#454336;
position:fixed;
height:100vh;
padding:25vh 0 0 0;
text-align:center;
top:0;
right:0;
left:0;
bottom:0;
z-index:888;
}

#mobile-nav li {
font-size:34px;
line-height:120%;
margin:0 0 20px 0;
text-transform:uppercase;
font-family:'bebas';
}

#mobile-nav li a {
color:#f6e7c2;
}

#mobile-nav #mobile-nav-socials {
margin:40px 0 0 0;
}

#mobile-nav #mobile-nav-socials ul {
display:block !important;
z-index:999;
position:relative;
margin:0 auto;
height:auto;
padding:0;
}

#mobile-nav #mobile-nav-socials li {
display:inline-block;
margin:0 7px;
font-size:24px;
}