@charset "utf-8";
/*
Theme Name: Bear Grylls 2023
Theme URI: https://www.beargrylls.com/
Author: Rowland Holmes
Author URI: https://arturan.com/
Description: Bear Grylls 2023 theme.
Version: 0.0.1
*/

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Metropolis-Regular.woff2) format('woff2'),
       url(fonts/Metropolis-Regular.woff) format('woff');
}

:root{
  --bg-alt: #ff4500;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.4;font-size: 1em;-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%;}
body{margin:0;font-family:'Metropolis',Helvetica,sans-serif;font-weight:200;background:#000;color:#fff;overflow-x:hidden;height:100%;}
main{display:block;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{background-color:transparent;color:#fff;text-decoration:none}
.has-white-color a{color:#fff;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:700;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
.hidden, [hidden],.no-js .no-js-hidden,.js .js-hidden{display:none !important}
audio, canvas, iframe, img, svg, video{vertical-align:middle}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}

*{box-sizing:border-box}

.sr-only,
.img-replace span{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only.focusable:active, .sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}
.invisible{visibility:hidden}
.clearfix::before, .clearfix::after{content:" ";display:table}
.clearfix::after{clear:both}
.nowrap{white-space: nowrap;}
#skiptocontent a{position:absolute;top:-50px;padding:6px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;-webkit-transition:top 1s ease-out,background 1s linear;transition:top 1s ease-out,background 1s linear;z-index:100}#skiptocontent a:focus{position:absolute;left:0;top:0;background:#D14A1F;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}

.reverse{flex-direction:row-reverse}


/*.flickity-enabled {position: relative;}.flickity-enabled:focus {outline: none;}.flickity-viewport {overflow: hidden;position: relative;height: 100%;}.flickity-slider {position: absolute;width: 100%;height: 100%;}.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}.flickity-button {position: absolute;background: hsla(0, 0%, 100%, 0.75);border: none;color: #333;}.flickity-button:hover {background: white;cursor: pointer;}.flickity-button:focus {outline: none;box-shadow: 0 0 0 5px #19F;}.flickity-button:active {opacity: 0.6;}.flickity-button:disabled {opacity: 0.3;cursor: auto;pointer-events: none;}.flickity-button-icon {fill: currentColor;}.flickity-prev-next-button {top: 50%;width: 44px;height: 44px;border-radius: 50%;transform: translateY(-50%);}.flickity-prev-next-button.previous {left: 10px;}.flickity-prev-next-button.next {right: 10px;}.flickity-rtl .flickity-prev-next-button.previous {left: auto;right: 10px;}.flickity-rtl .flickity-prev-next-button.next {right: auto;left: 10px;}.flickity-prev-next-button .flickity-button-icon {position: absolute;left: 20%;top: 20%;width: 60%;height: 60%;}.flickity-page-dots {position: absolute;width: 100%;bottom: -25px;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;}.flickity-rtl .flickity-page-dots {direction: rtl;}.flickity-page-dots .dot {display: inline-block;width: 10px;height: 10px;margin: 0 8px;background: #333;border-radius: 50%;opacity: 0.25;cursor: pointer;}.flickity-page-dots .dot.is-selected {opacity: 1;}
 
 .flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}*/

/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;background:transparent;border:none;color:var(--bg-alt)}.flickity-button:hover{cursor:pointer}

.flickity-button:focus-visible{outline:0;box-shadow:0 0 0 4px var(--bg-alt)}
.flickity-button:focus:not(:focus-visible){outline:0;box-shadow:0 0 0 1px var(--bg-alt)}

.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:hsl(0 0% 20% / 25%);border-radius:50%;cursor:pointer;appearance:none;border:none;text-indent:-9999px;overflow:hidden}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-page-dot.is-selected{background:hsl(0 0% 20% / 100%)}

.carousel-cell{width:100%}

.wp-block-cover{padding: 0;}
.wp-block-columns{margin:0}

.no-gap{gap:0!important}
  
.has-black-background-color {
    background-color: #000
}

#sizzle-start{background:#000;padding:.5rem 1rem;cursor: pointer;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

#ow{min-height:100%;position:relative}
#iw{padding-bottom:230px}

#header{position:fixed;width:100%;z-index:1000;mix-blend-mode:difference;transition:-webkit-backdrop-filter 500ms ease-in,backdrop-filter 500ms ease-in;}
body:not(.is-active) #header.scrolled{
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

#header .contain{display:flex;justify-content:space-between;padding:1.4rem 5vw;}
.logo svg{width:100%;max-width:5rem;/*filter: drop-shadow(2px 2px 1px rgb(0 0 0 / 0.4));*/}
.logo svg path{fill:#fff}

#menu-trigger{position:absolute;top:1.8rem;right:1.4rem;z-index:999;/*filter: drop-shadow(2px 2px 1px rgb(0 0 0 / 0.4));*/}

#menu-trigger,#menu-trigger .icon{margin:0;padding:0;cursor:pointer;pointer-events:auto}
#menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;transform:translateZ(0);width:32px;height:23px}
#menu-trigger .icon span,
#menu-trigger .icon span::after,
#menu-trigger .icon span::before {position:absolute;display:block;width:100%;height:3px;background-color:#fff;}
#menu-trigger .icon span{transition:background 0s .3s}
#menu-trigger .icon span::after,
#menu-trigger .icon span::before {content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s;width:100%}


#menu-trigger .icon span::before{top:-10px;transition-property:top,transform}
#menu-trigger .icon span::after{bottom:-10px;transition-property:bottom,transform}

.is-active #menu-trigger .icon span{background:0 0!important;}
.is-active #menu-trigger .icon span::before{top:0;transform:rotate(45deg);transition-delay:0s,.3s;}
.is-active #menu-trigger .icon span::after{bottom:0;transform:rotate(-45deg);transition-delay:0s,.3s;}


#main-menu{transform:translateX(200%);position:fixed;top:0;left:0;width:100%;transition:transform 500ms ease-in;z-index:20;background:#000;bottom:0}
.is-active #main-menu{transform:translateX(0);overflow-y:scroll;}

#main-menu ul{list-style:none;margin:0;padding:9rem 0 0;}

#main-menu a{font-weight:400;display:block;color:#fff;text-decoration:none;padding:.45rem 1.2rem .4rem;font-size:2em;}
#main-menu .current-menu-item a{color:var(--bg-alt);}

.videowrap{position:relative}
.videowrap video{width:100%}
.controls{position:absolute;width:70px;bottom:2rem;right:2rem}
.controls svg{width:32px}

.play-pause[data-state="playing"] .play,
.play-pause[data-state="paused"] .pause,
.sound[data-state="audible"] .speaker-off,
.sound[data-state="muted"] .speaker-on{display:none;}

.play-pause[data-state="paused"] .play,
.play-pause[data-state="playing"] .pause,
.sound[data-state="muted"] .speaker-off,
.sound[data-state="audible"] .speaker-on{display:block;}

.icon-bkg{fill:rgba(255,255,255,.5)}

figure{margin:0}
figure picture, figure img, figure video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp-block-cover figure picture, .wp-block-cover figure img, .wp-block-cover figure video {
  object-position: 0 10%;
}

.triangle{position:relative;overflow:hidden}
.triangle::after{
  content:'';
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 15' xml:space='preserve'><path d='M100 15H0L100 0z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 15' xml:space='preserve'><path d='M100 15H0L100 0z'/></svg>");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position: bottom right;
  mask-position: bottom right;
  background-color:var(--bg-alt);
  
  position:absolute;
  /*inset:0 0 -1px 0;*/
  bottom:-1px;
  left:0;
  right:0;
  top:0;
  z-index: 2;
}
.triangle-hover::after{
    transform: rotate(5deg);
    transform-origin: bottom left;
    transition: transform .3s ease-in-out
}
.triangle-hover:hover::after{transform: rotate(0deg);}
  .triangle::after{pointer-events:none}

.instagram-mockup{margin:0 5vw}


h1,h2,h3,h4,h5,h6{font-family:'erbaum',Helvetica,sans-serif;margin:0;font-weight:700;text-transform:uppercase;}
.wp-block-cover h1, .wp-block-cover h2{font-size:clamp(1.7rem, 3vw, 5rem);filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 0.4));}
.text-fade{padding:5vw 6vw 18vw}
.headline .text-fade{padding:8vw 6vw 5vw}

.altcolor{color:var(--bg-alt);}
.text-fade .flickity-slider{transform:translateX(0) !important}
.text-fade .flickity-cell{position:absolute;transform:translateX(0) !important}

.masonry-cell{display:block;position:relative}
.masonry-cell figcaption{font-family:'erbaum',Helvetica,sans-serif;font-size:1.7em;margin:0;font-weight:700;text-transform:uppercase;filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 0.4));position:absolute;top:5vw;left:6vw;/*transform:translateY(-50%);width:100%;text-align:center;*/}

.social-icons a{display:inline-block;margin:0 .25rem}
.social-icons svg{width:2.6rem}

#footer {bottom: 0;position: absolute;width: 100%;background:#000;text-align:center;padding:2rem;font-size:.7em}
#footer ul{list-style:none;margin:0;padding:0}

.bgv-block-cover{min-height:50vw}

.wp-block-group.rawpage .wp-block-group__inner-container{padding:6vw}

p a{color:var(--bg-alt);}

/*label{font-size:.7em}*/
label:not(.checkbox){font-weight:bold;}
label sup{color:red;}
input[type="text"],
input[type="email"],
textarea{
  width:100%;
  background: #f7f7f7;
  border: 1px solid #c4c4c4;
  border-radius: 0;
  box-shadow: none;
  color: #787878;
  font-size:1em;
  margin:0;
  padding:.5em 1em;
}
input[type="text"],
input[type="email"]{margin-bottom:1rem}
input[type="text"]:invalid:focus,
input[type="email"]:invalid:focus {background:#b3d4fc;outline:none}

@media (max-width: 781px){
/*.videowrap video {
    height: 75vh;
    width:auto;
    transform: translateX(-50%);
}*/
.bgv-block-cover.headline{min-height:100vw}
  .wp-block-group.masonry-cell .wp-block-group__inner-container{padding:6vw}
}

@media (min-width: 782px){
  .controls svg:hover{cursor:pointer}
  .icon-bkg{transition: fill .5s ease-in-out}
  .controls svg:hover .icon-bkg{fill:rgba(255,255,255,1)}
  
  #main-menu ul {padding: 9rem 2vw 0;}
  
  .instagram-mockup{margin:0 20vw}
  
  #header .contain{padding:1.4rem 3vw;}
  .logo svg{max-width:10rem;}
  .text-fade{padding:3vw 3vw 5vw}
  .img-fill{position:absolute;height:100%;width:100%}
  .h1{padding-bottom:25vw}
  .h2{padding-bottom:50vw}
  .h3{padding-bottom:75vw}
  .h4{padding-bottom:100vw}
  
  .masonry-cell figcaption{font-size:clamp(1.3rem, 2vw, 3rem);top:3vw;top:5vw;left:3vw;width:auto;transform:none}
  
  .wp-block-group.masonry-cell .wp-block-group__inner-container{position:absolute;width:80%;left:10%;top:50%;transform:translateY(-50%);}

  figure.bw picture{filter:grayscale(1);transition:filter .4s ease-in-out .1s;}
  figure.bw:hover picture{filter:grayscale(0);}
  
  p{font-size:1.2em}
  
  #footer {
    padding: 2rem 4rem;
    font-size: 1em;
  }
  #footer-menu li{display:inline-block;padding-right:2rem}
  #footer-menu li:last-child{padding-right:0}
}