/*
 Project specific CSS goes here.
*/

:root{
  --light: #fff;
  --dark:  #000;
  --accent1: #662859;
  --accent2: #ECC4FF;
}


 @font-face{
        font-family:"Avenir Next";
        src:url("Fonts/174d458a-81e0-4174-9473-35e3bf0a613c.woff2") format("woff2"),url("Fonts/57a79aa3-9b06-4ba7-a9a4-2b766d826ecf.woff") format("woff");
font-weight: 200;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir Next";
        src:url("Fonts/69a545eb-cdd0-4c00-9035-0029d8cede28.woff2") format("woff2"),url("Fonts/642cb581-067a-4f15-9df9-55c49c6b5446.woff") format("woff");
font-weight: 200;
font-style: italic;
    }
    @font-face{
        font-family:"Avenir Next";
        src:url("Fonts/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"),url("Fonts/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff");
font-weight: 400;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir Next";
        src:url("Fonts/b17468ea-cf53-4635-984b-4d930a68ed4d.woff2") format("woff2"),url("Fonts/4d1d0d0d-9ea6-4117-901f-8b32ca1ab936.woff") format("woff");
font-weight: 400;
font-style: italic;
    }
    @font-face{
        font-family:"Avenir Next";
        src:url("Fonts/b0b84e4d-2164-45c7-a674-1662f19f3ba6.woff2") format("woff2"),url("Fonts/e91d1bbf-3fea-45e2-b003-a22b12ce6e5f.woff") format("woff");
font-weight: 500;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir Next";
        src:url("Fonts/4c04fb14-abdb-4f93-82bb-734d1b84307b.woff2") format("woff2"),url("Fonts/04d2f223-2786-40c9-8481-be9dd47d8e7f.woff") format("woff");
font-weight: 700;
font-style: normal;
    }



/* Custom CSS Classes */
@media screen and (min-width: 980px){
  .services-section .wp-block-column:first-child{
    padding-right: 16%;
  }
}


.portfolio-section{
  position: relative;
  top: -52px;
}

.portfolio-section .wp-block-image{
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}


.portfolio-section .wp-block-image img{
  width: 100%;
}

@media screen and (min-width: 980px){
  .portfolio-section p{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .portfolio-section{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1140px){
    .portfolio-section{
      max-width: 60%;
    }
}

@media screen and (max-width: 921px){
  .portfolio-section{
    position: relative;
    top: -37px;
  }

  .portfolio-section .wp-block-image{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 544px){
 .portfolio-section{
    position: relative;
    top: -27px;
  }

}

/* Background Images */
body{
  background-size: cover;
  background-repeat: repeat-y;
  background-position: center top;
}





/* Typography */
body{
  font-family: "Avenir Next" !important;
}

.entry-content p:last-child{
margin-bottom: 0;
}

.entry-content h3{
  margin-bottom: 0 !important;
}

.entry-content h4{
font-weight: 600;
}


/* Buttons */
.wp-block-button .wp-block-button__link{
  border: 1px solid var(--dark) !important;
}

.has-background .wp-block-button .wp-block-button__link{
  color: var(--light);
  border-color: var(--light) !important;
}

.has-background .wp-block-button .wp-block-button__link:hover{
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light) !important;
}


/* Custom Header */

#main-header{
  display: flex;
  justify-content: space-between;
  margin:  0 auto;
  padding: 30px 35px;
  max-width: 100%;
  position: relative;
  z-index: 100;
  opacity: 0;
  transition: opacity .5s ease-out;
}


#main-header .menu-toggle{
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  color: var(--dark);
  font-weight: 600;
}


#main-header .menu-toggle:hover{
  color: currentColor;
}


#main-header .menu-toggle span{
  height: 2px;
  width: 30px;
  background-color: var(--dark);
  display: block;
  transition: all .2s ease-out;
  margin-right: 0;
  margin-left: auto;
}


#main-header .menu-toggle span.top{
  transform: translateY(-7px);
}

#main-header .menu-toggle span.bottom{
  transform: translateY(7px);
}



#main-header .site-logo{
  display: flex;
  flex-flow: column;
  justify-content: center;
}

#main-header .site-logo a{
  width: 300px;
  display: block;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

#main-header .site-logo a .custom-logo{
  width: 100%;
  height: auto;
}

#main-header .site-logo a img{
  opacity: 0;
}


body.menu-open{
  overflow: hidden !important;
  height: 100vh;
}

body.menu-open #hubspot-messages-iframe-container{
  display: none !important;
}


.menu-open #main-header .menu-toggle span{
  background-color: var(--light);
}

.menu-open #main-header .menu-toggle span.top{
  transform: translateY(4px) rotate(-135deg);
  width: 30px;
}

.menu-open #main-header .menu-toggle span.middle{
  transform: scale(0)
}

.menu-open #main-header .menu-toggle span.bottom{
  transform: translatex(0) rotate(135deg);
  width: 30px;
}


.menu-open #main-header .menu-toggle .menu-text-open{
  display: none;
}

.menu-open #main-header .menu-toggle .menu-text-close{
  display: block;
}

.menu-open #main-header .menu-toggle{
  color: var(--light);
}

.menu-open .custom-logo path{
  fill: var(--light);
}

.home #main-header{
  position: absolute;
  top: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.home #main-header .menu-toggle{
  color: var(--light);
}

.home .custom-logo path{
  fill: var(--light);
}

.home #main-header .menu-toggle span{
  background-color: var(--light);
}


@media screen and (min-width: 1200px){
  #main-header{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 980px){
  #main-header{
    padding: 30px 20px;
  }
}


@media screen and (max-width: 600px){
  #main-header{
    max-width: 100%;
  }

}


@media screen and (max-width: 480px){
  #main-header .site-logo a{
    width: 240px;
  }

  #main-header .menu-toggle span.top{
    transform: translateY(-5px);
  }

  #main-header .menu-toggle span.bottom{
    transform: translateY(5px);
}




}

@media screen and (max-width: 340px){
  #main-header .site-logo a{
    width: 220px;
  }
}


/* Menu Flyout */

.menu-flyout{
  display: none;
  position: fixed;
  top: 100%;
  background-color: var(--dark);
  height: 100vh;
  width: 100vw;
  opacity: 0;
  transition: top .3s ease-out;
}

.menu-flyout #menu-main-menu{
  transform: translateY(50px);
  opacity: 0;
  transition: all .5s ease-out .5s;
}

.menu-open .menu-flyout.animate-in #menu-main-menu{
  opacity: 1;
  transform: translateY(0);
}

.menu-open .menu-flyout{
  display: block;
  opacity: 1;
}

.menu-open .menu-flyout.animate-in{
  opacity: 1;
  top: 0;
}



.menu-flyout .menu-flyout-inner{
  display: flex;
  flex-flow: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 102;
  position: relative;
}

.menu-flyout .menu-flyout-inner .menu{
  width: 100%;
  padding: 0 35px;
}

.menu-flyout .primary-menu{
  margin-left: 0;
}

.menu-flyout .primary-menu li{
  list-style: none;
  text-align: center;
  font-size: 12vh;
  line-height: 1;
  position: relative;
  font-weight: 700;
}

.menu-flyout .menu-link{
  color: var(--light);
  text-transform: uppercase;
}

.menu-flyout .menu-link:hover{
  color: var(--accent2);
}


.rvr-header .menu-bottom{
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items:center;
  flex-flow: column;
  width: 100%;
  padding: 30px 35px;
  opacity: 0;
  transition: opacity .2s linear;
}

.menu-open .rvr-header .menu-flyout.animate-in .menu-bottom{
  opacity: 1;
    transition: opacity .2s linear .4s;
}


.rvr-header .menu-bottom .menu-button{
  border: 1px solid var(--light);
  color: var(--light);
  font-weight: 700;
  padding: 15px 30px;
  border-radius: 60px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.rvr-header .menu-bottom .menu-button:hover{
  color: var(--accent2);
  border-color: var(--accent2);
}

.rvr-header .social-menu{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rvr-header .social-menu a{
  padding: 0 8px;
  color: var(--light);
  font-size: 30px;
}

.rvr-header .social-menu a:hover{
  color: var(--accent2);
}

@media screen and (max-width: 980px){
  .rvr-header .menu-bottom{
    padding: 30px 20px;
  }

  .menu-flyout .menu-flyout-inner .menu{
    padding: 30px 20px;
  }
}


@media screen and (max-width: 480px){
  .menu-flyout .primary-menu li{
    font-size: 60px;
  }

  .menu-flyout .menu-flyout-inner .menu{
    transform: translateY(-10%);
  }
}


/* Footer */
.site-footer .site-above-footer-inner-wrap.ast-builder-grid-row{
  padding: 0 !important;
}

.site-footer .site-primary-footer-wrap{
  padding-top: 100px;
  padding-bottom: 100px;
}

.site-footer .site-primary-footer-wrap h2{
  font-size: 12vw;
  line-height: .9;
}

@media screen and (min-width: 1300px){
  .site-footer .site-primary-footer-wrap h2{
    font-size: 180px;
  }
}

@media screen and (max-width: 980px){
  .site-footer .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* Links */
.entry-content p a{
  position: relative;
  display: inline-block;
}

.entry-content p a:before{
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: currentColor;
  position: absolute;
  bottom: 5px;
  transition: width .3s ease-out;
}

.entry-content p a:hover:before{
  width: 0;
}



/* group padding */
.entry-content .wp-block-group.alignfull{
padding-left: 42px;
padding-right: 42px;
}

.entry-content .wp-block-group:not(.alignfull){
  padding-left: 22px;
  padding-right: 22px;
}

.entry-content .wp-block-group.alignfull > .wp-block-group__inner-container{
max-width: 100%;
}

.entry-content .wp-block-group.alignfull .wp-block-group:not(.alignfull){
  padding-left: 42px;
  padding-right: 42px;
}

@media screen and (max-width: 980px){
.entry-content  .wp-block-group.alignfull{
padding-left: 27px;
padding-right: 27px;
}

.entry-content .wp-block-group:not(.alignfull){
  padding-left: 7px;
  padding-right: 7px;
}


.entry-content  .wp-block-cover.alignfull{
  padding-left: 27px;
  padding-right: 27px;
}

.entry-content .wp-block-cover.alignfull .wp-block-group{
  padding-left: 0;
  padding-right: 0;
}

.entry-content .wp-block-cover.alignfull > .wp-block-cover__inner-container{
  padding-left: 0;
  padding-right: 0;
}


}


@media screen and (max-width: 1000px){
  .ast-plain-container.ast-no-sidebar .entry-content .wp-block-group.alignfull > .wp-block-group__inner-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}




/* All Posts */
.single #content .ast-container{
  max-width: 100%;
}

.single .entry-header{
  margin-bottom: 20px;
}

.single .post-navigation{
  padding-bottom: 30px;
  border-top: none;
}


/* Full height */
.fullheight {
  min-height: 100vh;
}

.full-height > .wp-block-group__inner-container {
  min-height: calc(100vh - 140px);
}

.full-height.full-bleed-group > .wp-block-group__inner-container {
  min-height: calc(100vh);
}

.full-height > .wp-block-group__inner-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .fullheight {
    min-height: 95vh;
  }

}

/* tablet columns */
@media screen and (max-width: 768px) and (min-width: 600px){
  .wp-block-column:not(:only-child){
  width: 100% !important;
  flex-basis: 100% !important;
  }

  .wp-block-column:nth-child(2n){
    margin-left: 0;
  }
}

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

  .mobile-reverse{
    flex-direction: column-reverse !important;
  }
}

/* Flickity Dots */
.flickity-page-dots .dot{
 opacity: 1;
 background-color: var(--light);
}

.flickity-page-dots .dot.is-selected{
 background-color: var(--dark);
}

.flickity-page-dots .dot:hover{
 background-color: var(--dark);
}


.hero-slideshow-block .flickity-page-dots .dot.is-selected{
  background-color: #fff;
}


/* Posts Carousel */
.posts-carousel-block{
  padding-top: 40px;
}

.posts-carousel-block .flickity-button{
  padding: 20px 10px;
  position: absolute;
  top: -20px;
  background-color: transparent;
}

.posts-carousel-block .flickity-button:focus{
  box-shadow: none;
  background-color: transparent;
}

.posts-carousel-block .flickity-prev-next-button.previous{
  left: auto;
  right: 40px;
}

.posts-carousel-block .flickity-button[disabled=""]{
  color: var(--dark);
  opacity: 1;
}

.posts-carousel-block .flickity-button{
  color: var(--dark);
}

.posts-carousel-block .flickity-button:hover{
  color: var(--light);
  background-color: transparent;
}

.posts-carousel-block .post-carousel-title{
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
  display: block;
  color: var(--dark);
}

.posts-carousel-block .post-carousel-more-link{
  font-weight: 700;
  color: var(--dark);
  margin-top: 15px;
  display: block;
}


/* GB Accordion Block */
.gb-block-accordion .gb-accordion-title::marker{
  font-size: 0;
}

.gb-block-accordion summary::-webkit-details-marker{
  display: none;
}


.gb-block-accordion details[open=""] .gb-accordion-title::after{
  transform: rotate(45deg);
}

.gb-block-accordion .gb-accordion-title::after{
  content: "\f067" !important;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-size: 18px;
  position: absolute;
  right: 0;
  transition: .2s linear all;
}

.gb-block-accordion .gb-accordion-title:focus{
  outline: none;
}

.wp-block-genesis-blocks-gb-accordion{
  border-bottom: 1px solid var(--dark);
}

.gb-block-accordion .gb-accordion-title{
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  position: relative !important;
  font-weight: bold !important;
  font-size: 20px !important;
}

.gb-block-accordion .gb-accordion-text{
  padding-left: 0;
  padding-right: 0;
}


/* Separator Block */
.wp-block-separator{
  border-bottom: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* Quote Block */
.wp-block-quote:before{
  content: "“";
  font-family: serif;
  font-weight: bold;
  font-size: 150%;
  line-height: 1em;
}

.wp-block-quote{
  font-style: normal;
  font-size: 200%;
  color: inherit;
  max-width: 800px;
  border: none;
}

.wp-block-quote p{
  margin-bottom: 20px;
}

.wp-block-quote cite{
  font-style: normal;
  font-size: 20px;
  display: block;
}

.wp-block-quote cite:before{
  content: "— ";
}


/* Blog Post List */
.blog .entry-title a{
  font-weight: 700;
  font-size: 18px;
  display: block;
  line-height: 1.2;
  text-align: center;
}

.blog .entry-content{
  display: none;
}

.blog .blog-layout-1{
  border-bottom: none;

}

.blog .post-content{
  display: flex;
  flex-flow: column-reverse;
}



.blog .ast-container{
  max-width: 100%;
}

.blog #primary{
  margin-top: 0;
}

.blog .ast-archive-entry-banner h1{
  line-height: 1 !important;
}

.blog .post-thumb a{
  display: block;
  padding-bottom: 56.25%;
}

.blog .post-thumb a img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit:cover;
}


@media screen and (min-width: 980px){
  .blog .ast-container{
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog .ast-archive-entry-banner h1{
    font-size: 200px !important;
  }
}

/* Single Blog Post */
.single-post .single-layout-1{
  max-width: 900px;
  margin: 60px auto;
}



.single-post .entry-meta{
  display: none;
}


.single .nav-links a{
  border: 1px solid var(--dark);
  border-radius: 30px;
  margin: 0;
}

.single .nav-links a:hover{
  background-color: var(--dark) !important;
  color: var(--light) !important;
}

/* Single Project */

@media screen and (min-width: 980px){
  .single-projects .ast-container{
    max-width: 80% !important;
  }

  .single-projects .projects-more-work{
    margin-left: calc( -50vw + 50%);
    margin-right: calc( -50vw + 50%);
    max-width: 100vw;
    width: 100vw;
    padding-left: 42px;
    padding-right: 42px;
  }

}

.single-projects .project-slideshow-wrap{
  max-width: 400px;
  margin: 0 auto 30px auto;
}

.single-projects .project-slideshow-wrap .slideshow-item{
  width: 400px;
  padding-bottom: 100%;
}



@media screen and (min-width: 1200px){
  .single-projects .project-slideshow-wrap{
    max-width: 500px;
  }

  .single-projects .project-slideshow-wrap .slideshow-item{
    width: 500px;
  }
}



@media screen and (max-width: 640px){
  .single-projects .project-slideshow-wrap{
    max-width: 100%;
  }

 .single-projects .project-slideshow-wrap .slideshow-item{
    width: calc(100vw - 40px);
  }

}

.single-projects .project-slideshow-wrap .slideshow-inner{
  opacity: 0;
  transition: opacity .2s linear .1s;
}

.single-projects .project-slideshow-wrap .slideshow-item img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.single-projects .project-tagline{
  font-size: 22px;
  font-style: italic;
  text-align: center;
  margin-bottom: 20px;
}

.single-projects .project-name{
  text-transform: uppercase;
  line-height: 1 !important;
  font-size: 45px !important;
  text-align: center;
}


.single-projects .project-buttons{
  padding-top: 10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 30px;
}

.single-projects .project-buttons .wp-block-button{
  margin: 0 10px 10px 10px;
}

.single-projects .project-buttons .wp-block-button__link{
  text-align: center;
}



.single-projects .project-services{
  text-align: center;
  font-size: 12px;
}

.single-projects .project-services span{
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  display: inline-block;
  text-transform: uppercase;
}

.single-projects .project-services span:first-child{
  padding-left: 0;
}

.single-projects .project-services span:not(:last-child):after{
  content: "|";
  position: absolute;
  right: -2px;
  top: -1px;
}

.single-projects .project-content{
  line-height: 1.4;
  font-size: 22px;
}

.single-projects .project-content:last-child{
  padding-bottom: 80px;
}

.single-projects .project-content .wp-block-group{
  padding-top: 1em;
  padding-bottom: 1em;
}


@media screen and (max-width: 980px){
  .single-projects .project-name{
    font-size: 40px !important;
  }

}


@media screen and (max-width: 640px){
  .single-projects .project-name{
    font-size: 35px !important;
  }

  .single-projects .project-buttons{
    flex-flow: column;
    align-items: center;
  }

}


.single-projects .projects-more-work{
  position: relative;
  z-index: 1;
  padding-top: 80px;
}



.single-projects .more-work-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  padding-bottom: 60px;
}

.single-projects .more-work-image{
  display: block;
  padding-bottom: 100%;
  position: relative;
}

.single-projects .more-work-image img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-projects .more-work-title{
  display: block;
  text-align: center;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}


.single-projects .projects-more-work h2{
  font-size: 11vw;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 1300px){
  .single-projects .projects-more-work h2{
    font-size: 180px;
  }
}

@media screen and (max-width: 640px){
  .single-projects .projects-more-work{
    padding-top: 60px;
  }

  .single-projects .projects-more-work h2{
    font-size: 60px;
  }

  .single-projects .more-work-grid{
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 641px){
   .single-projects .project-image-col-inner{
    position: sticky;
    top: 30px;
  }
}



@media screen and (min-width: 980px){
  .single-projects .ast-container{
    padding-left: 35px;
    padding-right: 35px;
  }
}


/* Ninja Forms General */
.nf-form-cont .nf-form-fields-required{
display: none;
}

.nf-form-content .nf-field-label label{
  display: none;
}


.nf-form-content .ninja-forms-req-symbol{
color: var(--dark);
}

.nf-form-content .field-wrap{
  padding-bottom: 20px;
}

.nf-form-content input[type="text"],
.nf-form-content input[type="email"],
.nf-form-content input[type="tel"],
.nf-form-content textarea{
  background-color: var(--light) !important;
  border-color: var(--accent1) !important;
  color: var(--dark) !important;

}


.nf-field-element input::-moz-placeholder,
.nf-field-element textarea::-moz-placeholder{
  opacity: .8;
}

.nf-field-element textarea::placeholder,
.nf-field-element textarea::-webkit-input-placeholder,
.nf-field-element input::placeholder,
.nf-field-element input::-webkit-input-placeholder {
  opacity: .8;
}

.nf-form-content .list-select-wrap select{
  border: 1px solid var(--accent1) !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div{
  background-color: var(--light) !important;
}


.nf-form-content .list-select-wrap > div div:after{
color: var(--dark);
}

.nf-form-content input[type="submit"]{
  width: 100% !important;
  border: 1px solid var(--dark) !important;
  background-color: transparent !important;
  color: var(--dark) !important;
  display: inline-block;
  font-weight: bold;
  width: auto !important;
  padding: 15px 30px;
  border-radius: 40px !important;
}

.nf-form-content input[type="submit"]:hover{
  color: var(--light) !important;
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
}

.nf-form-content .nf-after-field{
  display: none;
}

.nf-form-content .nf-error .ninja-forms-field{
  border-color: var(--accent1) !important;
}



.nf-error.field-wrap .nf-field-element:after{
background-color: rgba(0,0,0,1) !important;

}

.nf-error-msg{
  color: var(--dark) !important;
}

.nf-pass.field-wrap .nf-field-element::after{
color: rgba(0,0,0,.6) !important;
}


/* Homepage Customizations */
.large-header{
  font-size: 11vw !important;
}

@media screen and (min-width: 1300px){
  .large-header{
    font-size: 180px !important;
  }
}


@media screen and (max-width: 640px){
  .large-header{
    font-size: 60px !important;
  }
}


/* Our Work Section */
.our-work-section .wp-block-cover__inner-container{
  width: 100% !important;
  max-width: 100% !important;
}

.our-work-section .large-header{
  margin-bottom: -.5em;
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 980px){
  .our-work-section .wp-block-cover__inner-container{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (max-width: 980px){
  .our-work-section{
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}


@media screen and (max-width: 600px){
  .our-work-section .wp-block-spacer{
    display: none;
  }
}

/* Hero Animation */
#hero-background{
  background-color: var(--dark);
  height: 100vh;
  position: fixed !important;
  z-index: 1 !important;
  left: 0;
}

#hero-background .wp-block-cover__video-background{
  opacity: 0;
  transition: opacity .5s ease-out;
}

#hero-panel-1{
  height: 100vh;
}


#hero-panel-1 .wp-block-group__inner-container{
  height: 100%;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

#hero-panel-1 h2{
  color: var(--light);
  position: sticky;
  position: -webkit-sticky; 
  top: 45%;
  opacity: 0;
  transition: opacity .3s ease-in-out .5s;
  font-size: 85px;

}

.home .entry-content > div{
  z-index: 2;
  position: relative;
}

.home .site-footer{
  z-index: 2;
  position: relative;
}

#hero-panel-2 .large-header{
  color: var(--light);
}

@media screen and (max-width: 768px){
  #hero-panel-1 h2{
    font-size: 60px;
  }
}


@media screen and (max-width: 640px){
  #hero-panel-1 h2{
    font-size: 40px;
  }
}


/* Twitter embed */
.twitter-tweet{
  margin: 10px auto !important;
}

/* spacer sizes */
.mobile-sm-spacer{
  height: 40px !important;
}


/* Awards on Homepage */
@media screen and (max-width: 600px){
  .awards{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    text-align: center;
  }
}