/*
Theme Name: Nevision Theme
Author: Bryn Davies for Pete & Tom
Author URI: https://wordpress.org/
Description: A custom theme for Nevision
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nevisiontheme
*/
body {
margin:0;
font-family: "Roboto", sans-serif;
color:#000;
background-color:#f5f5f5;
font-size:18px;
line-height:28px;
}

.holding{text-align:center;}
.homelogo {max-width:400px; height:auto; margin:0 auto;padding-top:10vh;}
.hometext {text-align:center; padding-top:15vh;text-transform:uppercase;margin:0 auto;font-size:30px;letter-spacing: 1px;font-weight: 300;}
.homeemail {text-align:center; padding-top:35vh;text-transform:uppercase;margin:0 auto;font-size:21px;letter-spacing: 1px;font-weight: 400;}
.homeemail a {color:#e21924; text-decoration:none;}

.whitebackground {background-color:#ffffff;}

.animationoverlay {width:100%; height:100vh; position:fixed; top:0px left:0px; display:flex;align-items:center; justify-content: center; z-index: 300;background-color:#f5f5f5;}
.animatelogo {animation: logozoom 5s; width:300px;}
  @keyframes logozoom {
     0% {width: 300px; height:auto; opacity:0;}
     50% {width: 400px; height:auto; opacity:1;}
     100% {width: 400px; height:auto; opacity:1;}
   }

.header {width:100%; height:110px; position:fixed; top:0px; left:0px; z-index:10;display:block;}
.page-template-template-homemain .header {background-color:transparent;}
.headerlogo {position:absolute; left:10px; top:10px; height:90px; width:auto;z-index:1;}
.headercontent {max-width:1920px;margin:0 auto; padding-left:20px;padding-right:20px;position:relative;margin:0 auto;}

.mobonly {display:none;}
.dtoonly {display:block;}

.hideonmobile {display:block;}

section {width:100%;height:auto;padding-bottom:25px; padding-top:25px;overflow:hidden;}
.content {max-width:1920px;margin:0 auto; position:relative;}

#contactus .content {max-width:1440px;margin:0 auto; position:relative;}

.mobilemenu {display:none;}
.mobileclose {display:none;}

.mainmenu {padding-top:0px;position:absolute; right:0px; display:block;}
.mainmenu ul {}
.mainmenu ul li {display: inline-block; margin-right:30px;padding:5px;}
.mainmenu ul li a {text-decoration:none; text-transform:uppercase; color:#000000; font-size:16px;padding-top:18px;font-weight:500;letter-spacing: 1px;}
.mainmenu ul li a:hover {color:#e21924!important; text-decoration:none;}

.page-template-template-homemain .mainmenu ul li a {color:#ffffff;}

.menugradient { background-image: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0) 100%); }

.sliderholder {width:100%; height:auto; position:relative;}
.homeslider {width:100%; height:auto; overflow:hidden;position:relative;}
.nevslide {z-index:1; position:relative;}
.backgroundanimate {animation: myimagezoom 7s infinite;}

@keyframes myimagezoom {
   0% {background-size: 100% auto;}
   100% {background-size: 108% auto;}
 }

 .carouselsizer {width:100%; height:auto;}

.desktopslider {display:block;}
.mobileslider {display:none;}

 .slidetitle {position:relative;z-index:2; left:25px; bottom:45px; color:#ffffff; font-size:42px; text-transform:uppercase; font-weight:500;}
 .carouselscroll {position:absolute; z-index:2; right:35px; bottom:35px; width:100px;display: block;}

#desktopgrid {display:grid;}
#mobilegrid {display:none;}

.homegrid {
  display: grid;
  grid-template-columns: auto auto;
  margin:0 auto;
  margin-top:80px;
  width:80%;
}
.grid-item {
 height: auto;
 text-align:center;
 margin-bottom:100px;
 text-align:center;
 align-items:center;
 display:flex;
}

.gridinfo{
margin: auto;
}

.gridlogo {
width:270px!important;
display: block;
margin-bottom: 70px;
}

.grid-item img{
  width:100%;
}

.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#homeintro {padding-top:60px;padding-bottom: 0px;}

.openbutton {padding:15px 35px; border:1px solid #e21924; color:#e21924; text-transform:uppercase; text-decoration:none;letter-spacing:1.5px;font-size:16px;}
.openbutton:hover {background-color:#e21924; color:#ffffff;}

.headerbuffer {margin-top:100px; padding-bottom:0px;}
.pagelogo {/*width:225px;*/width:200px; height:auto; position:relative;margin:0 auto; display:block;margin-bottom: 20px;margin-top:25px;}

.pagetitle {text-transform:uppercase; color:#787878;text-align:center;clear:left;margin-top:4px; font-size:22px; padding-top:0px;font-weight:500;letter-spacing:3px;}

.pageIntro {text-align:left; max-width:850px; margin:0 auto; /*margin-top:80px;*/ margin-top:30px; padding-left:20px;padding-right:20px;}
.pageIntro p {text-transform:uppercase; font-size:24px; line-height:36px;font-weight: 500;letter-spacing: 1px;}

hr {border-top: 1px solid #e21924;}
.bottomtext {text-align:left; max-width:850px; margin:0 auto;margin-top:40px;margin-bottom:40px;padding-left: 20px; padding-right: 20px;}
.bottomtext h3 {}
.typecontactrow {max-width:850px; margin:0 auto; padding-left:0px; width:auto; border-top: 1px solid #e61a28;border-bottom: 1px solid #e61a28;margin-top:0px;padding-left:20px; padding-right:20px;}
.typecontactrow p {text-transform:uppercase;}


.page-template-template-scriptedshows .pageIntro {padding-top:30px; padding-bottom:15px;}
.page-template-template-unscriptedshows .pageIntro {padding-top:30px; padding-bottom:15px;}
.page-template-template-kidsfamilyshows .pageIntro {padding-top:30px; padding-bottom:15px;}

/*.page-template-template-scriptedshows .pageIntro p{font-size: 18px;line-height: 28px;font-weight: 400;letter-spacing: 0px; text-transform: none;}
.page-template-template-unscriptedshows .pageIntro p{font-size: 18px;line-height: 28px;font-weight: 400;letter-spacing: 0px; text-transform: none;}
.page-template-template-kidsfamilyshows .pageIntro p{font-size: 18px;line-height: 28px;font-weight: 400;letter-spacing: 0px; text-transform: none;}*/

.showblock {max-width:80%;margin:0 auto; display:block; /*margin-top:100px;*/margin-top:50px;padding-bottom: 60px;
  /*display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: masonry;*/
}
.grid {max-width:1920px;margin:0 auto; display:block; margin-top:80px;}
.showitem {cursor:pointer;}
.showname {text-transform:uppercase; font-size:24px;margin-top:15px;margin-bottom:15px;letter-spacing:1px;}
.showimageholder {width:100%; height:auto; background-color:#000000;position:relative;}
.showimageholder img {transition: .5s;}
.showtext {position:absolute; bottom:0px;left:20px; color:#ffffff;max-width:90%; opacity:0; transition: .5s;}
.showtext p {line-height:24px;}

.footer {width:100%; height:auto;background-color:#ffffff;min-height: 70px;}
.footerContent {max-width:1340px;margin:0 auto; padding-left:20px;padding-right:20px;position:relative;margin:0 auto;}
.footercol {width:auto; height:30px; display: inline-block;}
.footercol a {padding-top:20px; color:#e61a28; text-decoration:none; font-size:15px; text-transform:uppercase;}

.fcol1 {text-align:left; position:absolute; left:20px; top:10px;}
  .fcol2 {text-align:center;position:absolute; left:50%; top:10px;margin-left:-55px;}
    .fcol3 {text-align:right;position:absolute; right:20px; top:10px;}


.contacttitle {position:relative; top:60px;left:40px; width:400px;height:auto;z-index:2;}
.nevisionmap {width:100%; height:auto;z-index:1;position:relative;text-align:center; display:none}
.nevisionmap img {width:80%; height:auto; padding-top: 50px;}
.nevisionlocations {width:100%; height:auto; display:block; overflow:hidden;z-index:2;margin-top:130px;position:relative;}
.location {width:45%; margin-left:2%;margin-right:2%;display:inline-block; float:left;height:135px; border-top:1.35px solid #e61a28;padding-top:25px;}

.locpointerwrap {padding-left:50px; width:auto; background-image:url('/wp-content/themes/nevision-theme/images/map_pointer.svg'); background-repeat:no-repeat; background-position: 0px 0px; background-size:35px auto;padding-top: 5px;}
.locinfowrap {padding-left:50px; width:auto; padding-top: 5px;}
.locdocwrap {padding-left:50px; min-height:100px; width:auto;background-image:url('/wp-content/themes/nevision-theme/images/doc_icon.svg'); background-repeat:no-repeat; background-position: 0px 7px;background-size: 32px auto;}
.loctitle {font-size:24px; font-weight:600;padding-bottom:10px;text-transform:uppercase;letter-spacing:1px;}
.redslash {color:#e61a28;}
.locaddr {font-size:18px; font-weight:400;clear: left; text-transform:uppercase;padding-bottom:5px;}
.loceml {font-size:18px; font-weight:400;clear: left; text-transform:uppercase;}
.locurl {font-size:18px; font-weight:400;clear: left; text-transform:uppercase;}

.locrow{ width:96%;margin-left:2%;margin-right:2%;display:block; padding-top:25px; padding-bottom:25px; border-top:1.35px solid #e61a28;padding-top:25px;clear:left;}
.locrow p {max-width:750px;}
.locrow:last-of-type {border-bottom:1.35px solid #e61a28;padding-bottom:15px;}




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

}

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

.header {height:75px;/*background-color: #f5f5f5!important;*/}
  .headerlogo {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 73px;
    width: auto;
    z-index: 1;
}

#homeintro {
    padding-top: 20px;
    margin-bottom: -70px;
}

.gridinfo {
    margin: auto;
    margin-top: -40px;
}

.gridlogo {
    width: 320px!important;
}
.gridinfo .pagetitle {margin-bottom:80px!important;}

.page-template-template-homemain .pageIntro {margin-top:40px;}

.page-template-template-scriptedshows .pageIntro {padding-top:20px; padding-bottom:30px;margin-top:40px; margin-bottom: -70px;}
.page-template-template-unscriptedshows .pageIntro {padding-top:20px; padding-bottom:30px; margin-top:40px; margin-bottom: -70px;}
.page-template-template-kidsfamilyshows .pageIntro {padding-top:20px; padding-bottom:30px; margin-top:40px; margin-bottom: -70px;}

.page-template-template-scriptedshows .bottomtext {margin-top: -50px;}
.page-template-template-unscriptedshows .bottomtext {margin-top: -50px;}
.page-template-template-kidsfamilyshows .bottomtext {margin-top: -50px;}

  .location {width:96%; margin-left:2%;margin-right:2%;display:inline-block; float:left;height:120px; border-top:1.35px solid #e61a28;padding-top:25px;}
  .nevisionlocations {width:100%; height:auto; display:block; overflow:hidden;z-index:2;margin-top:100px;position:relative;}
  .content {width:96%;margin:0 auto; position:relative;}
  .showblock {max-width:none;width:91%!important;}

  .nevisionmap img {width:90%; height:auto; padding-top: 50px;}

  #desktopgrid {display:none;}
  #mobilegrid {display:grid;}

  .homegrid {
    display: grid;
    grid-template-columns: auto;
    margin:0 auto;
    margin-top:80px;
    padding-left: 20px;
    padding-right:20px;
    width:93%;
  }


  .mobilemenu {position:absolute; right:20px; top:25px; width:90px; height:35px;color:#000; display:block; cursor:pointer;font-weight:500;background-image:url('images/mob-open.png'); background-repeat:no-repeat; background-size: auto 18px; background-position:65px 4px;letter-spacing: 1.5px;}
  .page-template-template-homemain .mobilemenu {position:absolute; right:20px; top:25px; width:90px; height:35px;color:#fff; display:block; cursor:pointer;font-weight:500;background-image:url('images/mob-open.png'); background-repeat:no-repeat; background-size: auto 17px; background-position:65px 5px;letter-spacing: 1.5px;}
  .mobilemenu:hover {color:#e21924;}
  .mobileclose {position:absolute; right:20px; top:25px; width:90px; height:35px; color:#e21924; display:none; cursor:pointer;font-weight:500; background-image:url('images/mob-close.png'); background-repeat:no-repeat; background-size: auto 18px; background-position:65px 4px;letter-spacing: 1.5px;}
  .mobileclose:hover {color:#000;}

  .menugradient {
    background-image: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
}

  .mainmenu {padding-top:0px;position:absolute; right:0px; display:block;width:100%;height: 100vh; background-color: #f5f5f5;display:none;}
  .mainmenu ul {margin-left:0px; padding-left:0px;max-width:none;width:225px;margin:0 auto;margin-top:160px;}
  .mainmenu ul li {display: block; margin-right:auto;padding:10px; text-align:left;}
  .mainmenu ul li a {text-decoration:none; text-transform:uppercase; color:#000000!important; font-size:29px;padding-top:13px;padding-bottom:13px;font-weight:500;}
  .mainmenu ul li a:hover {color:#e21924!important; text-decoration:none;}

.hideonmobile {display:none!important;}
}

@media screen and (max-width: 900px) {
.carouselsizer {width:100%; height:auto;}
.carouselscroll {display:none;}

.desktopslider {display:none;}
.mobileslider {display:block;}

.slidetitle {bottom: 70px;}

.fcol1 {text-align:left!important; position:relative; left:auto; top:auto;display:block;}
  .fcol2 {text-align:left!important;position:relative; left:auto; top:auto; margin-left:auto;display:block;}
    .fcol3 {text-align:left!important;position:relative; right:auto; top:auto;display:block;}
}




@media screen and (max-width: 660px) {
  .slidetitle {font-size:32px; width:65%;}
  .mobonly {display:block;}
  .dtoonly {display:none;}
}


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

  .animatelogo {animation: logozoom 5s; width:250px; margin-top:-50px;}
    @keyframes logozoom {
       0% {width: 250px; height:auto; opacity:0;}
       50% {width: 350px; height:auto; opacity:1;}
       100% {width: 350px; height:auto; opacity:1;}
     }

  .homelogo {max-width:320px; height:auto; margin:0 auto;padding-top:0vh;}
  .hometext {text-align:center; padding-top:15vh;text-transform:uppercase;margin:0 auto;font-size:30px;letter-spacing: 1px;}
  .homeemail {text-align:center; padding-top:25vh;text-transform:uppercase;margin:0 auto;font-size:21px;letter-spacing: 1px;}

  .location {width:92%; margin-left:4%;margin-right:4%;display:inline-block; float:left;height:auto; border-top:1.35px solid #e61a28;padding-top:25px;padding-bottom:25px;}
  .pageIntro p {text-transform:uppercase; font-size:21px; line-height:30px;}
  .locrow {width:92%; margin-left:4%;margin-right:4%;}

  .footerContent {width: 88%;
    padding-left: 4%;
    padding-right: 4%;
  padding-bottom:30px;}

  .showname {text-transform:uppercase; font-size:21px;margin-top:15px;margin-bottom:15px;}
  .pagelogo {width:180px;}

  .contacttitle {
    position: relative;
    top: 30px;
    left: 20px;
    width: 280px;
    height: auto;
    z-index: 2;
}

.nevisionlocations {margin-top:70px;}

.gridlogo {
    width: 165px!important;
    padding-top: 30px;
}

.gridinfo .pagetitle {margin-bottom:80px!important; font-size: 28px!important;}

.footercol a {font-size:14px;}
.footercol {height:22px;}
.locdocwrap {font-size:16px; line-height: 22px;}

}

@media screen and (max-width: 550px) {
  /*.nevisionlocations {width:100%; height:auto; display:block; overflow:hidden;z-index:2;margin-top:0px;position:relative;}*/
  .slidetitle {font-size:28px; width:65%;}
}

@media screen and (max-width: 480px) {
  /*#mobilegrid {
    display: inline-block;
  }*/
  .gridlogo {
    width: 250px;
}


}

@media screen and (max-width: 450px) {
.footercol {height:25px;}
.loctitle {font-size:21px;padding-bottom: 10px;}
.locaddr {font-size:15px;}
.loceml {font-size:15px;}
.locurl {font-size:15px;}

}

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



}

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

.footercol a {padding-top: 15px;font-size: 15px;}
}

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

}