/*
  Theme Name: Hollow
  Theme URI: http://bigtuna.com
  Description: BigTuna WordPress Theme
  Version: 1.0.0
  Author: BigTuna
  Author URI: http://bigtuna.com
  Tags: HTML5, CSS3
*/
@charset "utf-8";

/* header {background:transparent;} */
body:not(.page-template-full-01) header,
header.full { background:#fff; }
header.full { top:0%; }
header.full .logo img { padding:20px 0; }
header.full .logo { position:relative; transform:none; }
header .social { float:right; }
header .social .fa-stack-2x { color:#000; transition:all 0.25s ease; -webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease; }
header .social a:hover .fa-stack-2x { color:#f30609; }
header .social .fa-stack-1x { color:#fff; }

@media (min-width: 768px) and (max-width: 991px) {
  .hollow-service-boxes-09 .col-sm-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    display: block;
  }
}

@media (min-width: 768px){
    body header nav a {
        color: #000;
		font-weight:300;
		font-family:'Lato';
		font-size:1.2rem;
    }
	header nav {
		background-color: #fff;
	}
}
@media (max-width: 767px){
	body header nav a {
        color: black;
        background: #fff;
    }
	header nav {
		background-color: #fff;
		position: absolute;
	}
	body.header-menu-open #mobile > .hamburger:after, body.header-menu-open #mobile > .hamburger:before, .hamburger:before, .hamburger:after {
		background: black;
	}
	header .logo img {
		margin: none;
		display: none;
	}
}
/* Footer */
.footer-01 .fa-stack-2x {
    color: #000;
}
.footer-01 a, .footer-01 a:hover, .footer-01 a:focus {
    color: #719C3B;
}
.footer-01 .social .fa-stack-1x {
    color: #fff;
}
.footer-01 .social a:hover .fa-stack-2x {
    color: #f30609;
}
.footer-01 .social a:hover .fa-stack-1x {
    color: #fff;
}
.footer-01 nav a {
    padding: 5px;
    display: inline-block;
}
.footer-01 a, .footer-01 a:hover, .footer-01 a:focus {
    color: #000;
}
@media (min-width: 768px) {
    .footer-01 {
        text-align: center;
    }
    .footer-01 nav a {
        display: block;
    }
    .footer-01 .menu-item {
        display: inline-block;
    }
}
.footer-01 {
    padding: 0;
    font-family: 'Lato';
    background: #fff;
    font-weight: 300;
    text-align: center;
}
.footer-01 .text-wrap {
  margin: 4rem 0 0 0 ;
}
.footer-01 .text-wrap h1 {
  font-size: 2rem;
  font-weight: 300;
}
.footer-01 .text-wrap h3 {
    font-size: 1rem;
    font-weight: 300;
}
.footer-01 .cred-wrap {
  border-top:1px solid #f30609;
  width: 75vw;
  padding: .5rem;
  margin: 2rem auto 0rem auto;
}
.footer-01 .design {
  display: inline-block;
}
.footer-01 .copyright {
  display: inline-block;
}
.footer-01 .social {
  display: inline-block;
}
.footer-01 .anthem {
  font-size:.8rem;
}
.footer-01 .fa-stack-2x {
  color: #f30609;
}
.footer-01 .social a:hover .fa-stack-2x {
  color: #000;
}
.footer-01 p {
  font-size: 1em;
	color:#000;
}
.footer-01 .design span a {
    padding: 0 1px;
}
.footer-01 .design span a strong {
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .footer-01 .design {
    float: left;
    text-align: left;
    margin: .5rem 0;
	  color:#000;
  }
  .footer-01 .social {
    float: right;
    text-align: right;
    font-size: 1.2rem;  
  }
}
@media only screen and (max-width: 767px) {
   .footer-01 .design {
    margin: 1rem 0;
  }
    .footer-01 .copyright {
    margin-bottom: 1rem
  }
}

/*============================ */
/* Hero 08
============================== */
.hollow-hero-08 {
  position: relative;
  overflow: hidden;
  background-color: #fff
}
.hollow-hero-08 .slider-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  pointer-events: none;
}
.hollow-hero-08 .slider-wrap {
  visibility: hidden;
}
.hollow-hero-08 .slider-wrap.slick-initialized {
  visibility: visible;
}
.hollow-hero-08 .slide {
  width: 100%;
  height: 100vh; 
  overflow: hidden;
  position: relative;
}

.hollow-hero-08 img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  object-position: center;
  display: block;
}

.hollow-hero-08 .caption-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.hollow-hero-08 .flex-container {
  height: 34rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hollow-hero-08 h1 {
  text-align: center;
  color: #FFF;
  text-shadow: 0px 0px 20px #00000085;
  margin-bottom: 1rem;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(calc((100vh / 3) * -1));
  -ms-transform: translateY(calc((100vh / 3) * -1));
  -o-transform: translateY(calc((100vh / 3) * -1));
  transform: translateY(calc((100vh / 3) * -1));
}
.hollow-hero-08 h1.active {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.hollow-hero-08 p {
  color: #FFF;
  text-shadow: 0px 0px 12px #00000085;
  text-align: center;
  padding: 0 2rem;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.hollow-hero-08 p.active {
  opacity: 1;
}
.hollow-hero-08 hr {
  border: .5px solid #FFF;
  width: 100%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.hollow-hero-08 hr.top {
  -webkit-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -o-transform: translateX(-100vw);
  transform: translateX(-100vw);
  }
.hollow-hero-08 hr.bottom {
  -webkit-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  -o-transform: translateX(100vw);
  transform: translateX(100vw);
}
.hollow-hero-08 hr.active {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.hollow-hero-08 a {
  color: #FFF;
  font-size: 1rem;
  padding: .5rem 1rem;
  margin-top: 1rem;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  text-transform: uppercase;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transform: translateY(calc(100vh / 3));
  -ms-transform: translateY(calc(100vh / 3));
  -o-transform: translateY(calc(100vh / 3));
  transform: translateY(calc(100vh / 3));
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.hollow-hero-08 a.active {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.hollow-hero-08 a:hover {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

.hollow-hero-full-01 {
    font-size: 2rem;
    font-family: "Lato";
}
.hollow-hero-full-01.slick-slider {
    margin-bottom: 0;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 0%;
    padding-top: 4%;
}
.hollow-hero-full-01 .slick-list,
.hollow-hero-full-01 .slick-track,
.hollow-hero-full-01 .slide {
    height: 100%;
}
.hollow-hero-full-01 .slide {
    position: relative;
	max-height:40rem;
}
.hollow-hero-full-01 .slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.26);
}
.hollow-hero-full-01 .text-wrap {
    position: relative;
    margin-bottom: 1rem;
}
.hollow-hero-full-01 .slick-slide img {
/*         position: absolute; */
        display: block;
        min-width: 100%;
        min-height: 100%;
        max-width: initial;
        max-height: initial;
/*         width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%); */
}
.hollow-hero-full-01 .text-wrap h1 {
    color: #FFF;
    font-size: 1em;
    line-height: 1;
    margin-bottom: 1rem;
    font-weight: 400;
    display: inline-block;
}
.hollow-hero-full-01 .text-wrap p {
    color: #FFF;
    font-size: .5em;
    line-height: 1.4;
    font-weight: 400;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #FFF;
    display: inline-block;
}
.hollow-hero-full-01 .arrow-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #FFF;
    z-index: 10;
}
.hollow-hero-full-01 .arrow-wrap > * {
    display: inline-block;
    background:rgba(243, 6, 9, 0.5);
}
.hollow-hero-full-01 .arrow-wrap .prev-slide {
    padding: 5px 20px 5px 15px;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
	position:absolute;
	left:5%;
}
.hollow-hero-full-01 .arrow-wrap .prev-slide:hover,
.hollow-hero-full-01 .arrow-wrap .next-slide:hover {
    background:rgba(243, 6, 9, 1);
}
.hollow-hero-full-01 .arrow-wrap .next-slide {
    padding: 5px 15px 5px 20px;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
	position:absolute;
	right:5%;	
}
@media (min-width: 768px) and (max-width: 1199px) {
    .hollow-hero-full-01 .text-wrap {
        max-width: 35%;
    }
}
@media only screen and (min-width: 768px) {
    .hollow-hero-full-01 {
        position: relative;
        height: 100%;
        width: 100%;
    }
    .hollow-hero-full-01 .text-wrap {
        position: absolute;
        display: inline-block;
        text-align: left;
        top: 75%;
        left: 50%;
        transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
        padding: 1.6rem;
        max-width: 30%;
        z-index: 100;
    }
    /* Hide footer at viewports > mobile */
    .hollow-hero-full-01 ~ footer {
/*         display: none; */
    }
}
@media only screen and (max-width: 767px) {
    .hollow-hero-full-01 .text-wrap {
        padding: 3rem 1rem;
        text-align: center;
    }
    .hollow-hero-full-01 .text-wrap p {
        border: none;
        margin: 0;
    }
    .hollow-hero-full-01 .arrow-wrap {
        top: auto;
        bottom: 0;
        text-align: center;
        margin: 18rem 0 0rem;
    }
}

.hollow-contact-01 {
    font-family: 'Lato';
    font-size: 2rem;
    color: #363636;
    position: relative;
    overflow:hidden;
}
.hollow-contact-01 .info-wrap {
    z-index: 10;
}
.hollow-contact-01 .info-wrap .info-text-wrap {
    background: #fff;
    padding: .5em;
}
.hollow-contact-01 .content-wrap .info-wrap .title-wrap {
    display: block;
    border-bottom: 2px solid #363636;
    margin-bottom: .3em;
}
.hollow-contact-01 .content-wrap .info-wrap .title-wrap h1,
.hollow-contact-01 .content-wrap .info-wrap .title-wrap a {
    display: inline-block;
    line-height: 1em;
    font-weight: 300;
}
.hollow-contact-01 .content-wrap .info-wrap .title-wrap h1 {
    font-size: 1.5em;
    margin-bottom: .3em;
}
.hollow-contact-01 .content-wrap .info-wrap .title-wrap a {
    font-size: .75em;
    padding: .1em .6em;
    border: 1px solid #363636;
    margin-left: 7em;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    color: #363636;
}
.hollow-contact-01 .content-wrap .info-wrap .title-wrap a:hover {
    background: #363636;
    color: #fff;
}
.hollow-contact-01 .info-wrap .text-wrap {
    padding: .3rem 0;
}
.hollow-contact-01 .content-wrap .info-wrap .text-wrap p {
    color: #000;
    line-height: 1.5em;
    font-weight: 300;
    font-size: .6em;
}
.hollow-contact-01 .contact-background {
    position: relative;
    display: block;
    width: 100%;
}
/*iPhone phone number <a> autowrap fix*/
.hollow-contact-01 .info-wrap .text-wrap p > a {
    color: #000;
}
.hollow-contact-01 .gm-style-iw { color:#000 !important; }
@media only screen and (min-width: 768px) {
    .hollow-contact-01 .info-wrap {
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        position: absolute;
    }
}

/*------------------------------------*\
    ADDITIONAL STYLES
\*------------------------------------*/

/* interior h1 styles */
body {
    background: #fff;
}
.interior-page h1 {
    color: #f3060a;
    display: inline-block;
    font-size: 1.2em;
	font-family: 'Lato';
}
.interior-page span.red {
    color: #f3060a;
    font-weight: 700;
}
/* .interior-page .margin-p p {
    margin-bottom: .5rem;
} */
.interior-page p {
    text-align: justify;
	font-family: 'Lato';
}
/* navigation */

nav a {
    color: #000;
}
a {
    color: #f3060a;
}
@media only screen and (max-width: 1198px) and (min-width: 992px) {
    nav a {
        font-size: .85em;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    nav a {
        font-size: .75em;
        padding: .3em;
    }
}

@media only screen and (max-width: 767px) {
    header.full {
        background-color: #e7e7e7;
    }
        body:not(.page-template-full-01) header {
        background-color: #fff;
    }
    header .social {
        display: none;
    }
    .menu-item.open > a, .menu-item:hover > a, .menu-item.active a, .menu-item.active:hover > a {
        color: #fff;
    }
    header #header-border {
        display: none;
    }
}

main .container-fluid {
	padding-right: 13%;
    padding-left: 13%;
    margin-right: auto;
    margin-left: auto;
}

/*PORTFOLIO*/
.hollow-service-boxes-09 {
    display: block;
    position: relative;
    font-family: 'Lato';
    font-size: 2rem;
}
.hollow-service-boxes-09 .col-sm-4 { padding:1%; }
.hollow-service-box-09 {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}
.hollow-service-box-09 .caption {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    background:rgba(255,255,255,0.6);
    padding:.5rem;
    min-height:40px;
}
.hollow-service-box-09 h3 {
    display: block;
    color: #000;
    position: relative;
    z-index: 400;
    font-size: .5em;
    font-weight: 400;
    margin-bottom:0;
    line-height:.7;
}
.hollow-service-box-09 h3 span.small { font-size:.7rem; }
.hollow-service-box-09 a:not(.ngg-fancybox) {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}
.hollow-service-box-09 .ngg-gallery-singlepic-image { margin:0; }
.hollow-service-box-09 a.ngg-fancybox {
    padding:0;
}
/* .hollow-service-box-09::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
} */
.hollow-service-box-09:hover::before {
    background: 0;
}
.hollow-service-box-09 img:not(.ngg-singlepic) {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    max-width: initial;
    transform: translate(-50%,-50%);
    z-index: 0;
}
.hollow-service-box-09 a.ngg-fancybox img {
    height:295px;
    padding: 0;
    width: 100%;    
}
.hollow-service-box-09:hover a {
    color: transparent;
}
.hollow-service-box-09:hover::after {
    background: rgba(113,156,59,0);
}
@media (min-width: 768px) {
    .col-20 {
        width: 20%;
        float: right;
    }
    .col-33 {
        width: 33.333333%;
        float: right;
    }
    .pad-2 {
        padding: 2px;
    }
}
.hollow-service-box-09 .caption-mobile {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    background:rgba(255,255,255,0.6);
    padding:.5rem;
    min-height:40px;
}
.hollow-service-box-09 .caption-mobile h3 {
    display: block;
    color: #000;
    position: relative;
    z-index: 400;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom:0;
    line-height:.7;
}
.caption-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
    .hollow-service-boxes-09 {
        font-size: 2.5rem;
    }
    .col-20 {
        width: 100%;
    }
	body.page-id-190 #fancybox-wrap {
    display: block !important;
  }
  .caption-mobile {
    display: block;
  }
}

.contact-page {
	font-family: 'Lato'
}

.section-join {
    margin-right: auto;
    margin-left: auto;
    padding-left: 13%;
    padding-right: 13%;
	margin-top: 2rem;
}
.section-join .container-fluid {
	padding: 0;
	margin: 0;
}
.studio-locations {
    background: #fff;
    margin-right: auto;
    margin-left: auto;
    padding-left: 13%;
    padding-right: 13%;
}
.studio-locations .container-fluid {
	padding: 0;
    margin: 0;
}
.studio-locations h3.title {
    background:#fff;
    color:#000;
    padding-bottom:1rem;
    text-transform:uppercase;
	border-bottom: 1px solid #f30609;
    margin-bottom:2rem;
	font-family: 'Lato';
}
.studio-locations .location-box { width:100%; }
.studio-locations .location-box img { width:100%; }
.studio-locations .location-box .location-info {
    
}
.studio-locations .location-box .location-info h3 {
    text-transform:uppercase;
    margin:1rem 0;
	font-family: 'Lato';
}
.studio-locations .location-box .location-info p {
    line-height:1;
    margin-bottom:15px;
	font-family: 'Lato';
}
/*============================ */
/* recaptcha css
============================== */
.grecaptcha-badge{
 visibility: collapse !important; 
} 

.default-page-header {
	margin: 0;
}
.default-page-header h1 { 
    color: #f3060a;
    font-size: 1.2em;
	font-family: 'Lato';
}

.default-page-header p {
	font-family: 'Lato';
}

.page-id-187 h3 {
    font-family: 'Lato', sans-serif;
    color: red;
    text-transform: uppercase;
    font-size: 1.2rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.page-id-187 h6 {
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
}
.page-id-187 .service-header {
	padding: 1rem;
}
.boxes {
	margin: 2rem
}
.boxes .dot {
	color: red;
    font-size: 5rem;
}
.boxes .tagline {
	text-align: -webkit-center;
}
.boxes .mini-boxes {
	background: lightgray;
	padding: 1.5rem;
}
.boxes h1 {
	color: #000;
    display: inline-block;
    font-size: 1.2em;
    font-family: 'Lato';
}
.team-members .team-member h4 {
    font-size: 1.5rem;
    font-family: 'Lato';
    margin-bottom: 1rem;
}
.team-members .team-member .subtitle {
   font-size: .8rem;
}
.team-members .text-center { text-align:center; }
.team-members .team-member { text-align:center; }
.team-members .team-member img { margin-bottom:1rem; }
.team-members .team-member p {
    text-align: center;
    margin-bottom: .5rem;
    font-size: 1.2rem;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
	.boxes .mini-boxes {
		margin-top: 1rem;
	}
	.page-id-187 .interior-page p {
		text-align: center;
	}
	.page-id-187 .row {
	   text-align: -webkit-center;
	}
}
.hollow-web-design-01 {
  display:block;
}
.hollow-web-design-01 .top-half {
/*   background:#fff; */
  padding:4rem 0 0;
}
.hollow-web-design-01 .top-half h1 {
  color:var(--defaultMainDark);
  text-align:center;
  font-size:2rem;
  font-weight:500;
  margin-bottom:1rem;
}
.hollow-web-design-01 .top-half h2 {
  color:#000;
  text-align:center;
  font-size: 1.35rem;
  font-weight: 500;
  text-transform: none;
  line-height: 24px;
  letter-spacing: 0px;
  margin:0 12rem 1rem;  
}
.hollow-web-design-01 .top-half p {
  font-size:1rem;
  color:#000;
  font-weight:500;
  width:75%;
  margin:0 auto 1rem;
}
.hollow-web-design-01 .bottom-half {
/*   background:#F6F6F6; */
  padding:2rem 0 2rem;
}
.hollow-web-design-01 .bottom-half .form-wrap {
  width:50%;
  margin:0 auto;
}
.hollow-web-design-01 .bottom-half .form-wrap input:not([type="submit"]),
.hollow-web-design-01 .bottom-half .form-wrap textarea {
  padding: 10px 0px 10px 15px;
  border-radius:10px;
  border-color: #DCDCDC;
}
.hollow-web-design-01 .bottom-half .form-wrap textarea { height:9em; }
.hollow-web-design-01 .bottom-half .form-wrap textarea::placeholder { color:#000; }
.hollow-web-design-01 .bottom-half .form-wrap input[type="submit"] {
  background:var(--defaultMainAccent);
  border-radius:35px;
  text-transform:uppercase;
  border:none;
  font-weight:500;
}
@media only screen and (max-width:767px) {
  .hollow-web-design-01 .top-half h2 {
    margin:0 3rem 1rem;
  }
  .hollow-web-design-01 .top-half p {
    font-size:1rem !important;
  }
  .hollow-web-design-01 .bottom-half .form-wrap {
    width:80%;
  }
}