*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ir{overflow:hidden}.ir:before{content:"";display:block;width:0;height:100%}.clearfix:after{content:"";display:table;clear:both}@font-face{font-family:tgr-site-icons;font-weight:400;font-style:normal;src:url("fonts/tgr-site-icons3.eot");src:url("fonts/tgr-site-icons3.eot?#iefix") format("embedded-opentype"),url("fonts/tgr-site-icons3.woff") format("woff"),url("fonts/tgr-site-icons3.ttf") format("truetype"),url("fonts/tgr-site-icons3.svg#tgr-site-icons") format("svg")}.hero-slider .swiper-slide.contest-2021{height:350px!important}.contest-2021.header-text.contest{top:-310px!important}.contest-2021.enter-button{float:right;top:0;margin-top:-15px}.contest-2021.enter-button .button{z-index:30;border-right:none!important;color:#fff!important;font-weight:700}.contest-2021.enter-button .button:hover{background-color:#cc3000!important;color:#fff!important}.contest-2021.enter-button .button:after{width:0}@media only screen and (max-width:700px){.contest-2021.enter-button{float:none;z-index:20}}ul.sweepstakes-subnav.contest{display:relative}ul.sweepstakes-subnav.contest li a{z-index:30}.contest-2021.enter-button-mob{display:hidden}@media only screen and (max-width:700px){.contest-2021.enter-button-mob{display:block}}.contest-2021.enter-button-mob .button{border-right:none!important;color:#fff!important;font-weight:700}.contest-2021.enter-button-mob .button:hover{background-color:#cc3000!important;color:#fff!important}.contest-2021.enter-button-mob .button:after{width:0}.contest-2021.button{color:#fff!important}h2.with-borders{margin:0 0 20px 0}.full-width .post{margin-top:0}.grom-contest .full-width h2,.grom-contest .full-width h3,.grom-contest .full-width h4,.grom-contest .full-width li,.grom-contest .full-width p{margin:0 0 10px 0}.grom-contest .full-width p{font-size:16px}.grom-contest .full-width p a{text-decoration:underline}.grom-contest .load-more-container{margin-bottom:20px}.grom-contest .flex-height{height:auto}.grom-contest .post .icon:hover,.grom-contest .post a:hover{color:#7bc25a}.grom-contest .no-margin{margin:0}.grom-contest .well h4 a{color:#7bc25a}.grom-contest .post.post-video .image-wrap:hover:after{color:#7bc25a}.grom-contest a.button{background-color:#7bc25a;color:#161616}#breadcrumb .grom-contest .bc-link:hover{color:#7bc25a}@font-face{font-family:kamerik;src:url("/css/fonts/kamerik.woff") format("woff");font-weight:400;font-style:normal}.grom-contest.twenty-mtb{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-weight:400!important}.grom-contest.twenty-mtb .container{background:#191919}.grom-contest.twenty-mtb .main.container{padding-top:50px;padding-bottom:100px}.grom-contest.twenty-mtb *{color:#fff!important;font-family:CircularStd-Bold,"Trebuchet MS",Helvetica,Arial,sans-serif!important}.grom-contest.twenty-mtb .skin{display:none!important}.grom-contest.twenty-mtb .header{width:100%;height:calc(100vh - 137px);min-height:730px;position:relative}@media screen and (max-width:1240px){.grom-contest.twenty-mtb .header{min-height:650px}}.grom-contest.twenty-mtb p{letter-spacing:0}.grom-contest.twenty-mtb .video-container{position:absolute;top:0;overflow:hidden;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:right}.grom-contest.twenty-mtb .landing-image,.grom-contest.twenty-mtb .landing-video{position:absolute;min-width:100%;min-height:100%;margin-left:50%!important;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}.grom-contest.twenty-mtb .landing-image{bottom:0;height:100%;width:100%!important;background-size:cover;background-position:bottom}.grom-contest.twenty-mtb .header-front{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:#191919;opacity:.6;mix-blend-mode:multiply}.grom-contest.twenty-mtb .header-front.multiply{opacity:.3}.grom-contest.twenty-mtb .social-img{height:350px;width:100%;min-width:750px;margin-bottom:50px;margin-top:50px;margin-left:50%!important;transform:translateX(-50%);display:block;-webkit-transform:translateX(-50%);background-position:center;background-size:contain;background-repeat:no-repeat}.grom-contest.twenty-mtb .header-content{padding:8vh 12vw;position:relative;z-index:3}.grom-contest.twenty-mtb .header-content .header-grom-logo{position:relative;left:-5px;bottom:-10px;height:20vw;width:32vw;display:inline-block;background-image:url("/images/ci-images/2020-mtb-grom-logo.png");background-repeat:no-repeat;background-size:contain;background-position:bottom center}.grom-contest.twenty-mtb .header-content .enter-text{color:#fff;font-size:2.25vw;line-height:2.8vw;margin-top:65px}.grom-contest.twenty-mtb .header-content .enter-text span{display:inline-block}.grom-contest.twenty-mtb .header-content a.enter-contest{cursor:pointer;z-index:4;font-size:2.25vw;color:#fff;text-transform:lowercase;transition:.3s}.grom-contest.twenty-mtb .header-content a.enter-contest u{text-decoration:none;border-bottom:5px solid #fff}.grom-contest.twenty-mtb .header-content a.enter-contest:hover{opacity:.5}@media screen and (min-width:1440px){.grom-contest.twenty-mtb .header-content .header-grom-logo{width:389px;height:331px}.grom-contest.twenty-mtb .header-content .enter-text,.grom-contest.twenty-mtb .header-content a.enter-contest{font-size:26px;line-height:1.2em}}.grom-contest.twenty-mtb ul.entry-links{height:10px;position:absolute;left:12vw;bottom:10vh;z-index:999;font-size:12px;letter-spacing:.15em;transition:padding .28s ease-in-out}.grom-contest.twenty-mtb ul.entry-links li{font-size:10px;display:inline-block;padding-right:50px}.grom-contest.twenty-mtb ul.entry-links li a{color:#fff;text-transform:uppercase;letter-spacing:.12em!important;transition:color .28s}.grom-contest.twenty-mtb ul.entry-links li a:hover{opacity:.5}.grom-contest.twenty-mtb .top-bar{visibility:hidden;opacity:0;width:100%;height:60px;background:#191919;position:fixed;top:0;z-index:998;transition:.28s}.grom-contest.twenty-mtb .top-bar.visible{visibility:visible;opacity:1}.grom-contest.twenty-mtb .grom-center,.grom-contest.twenty-mtb .grom-create,.grom-contest.twenty-mtb .grom-social,.grom-contest.twenty-mtb .grom-win{padding:0 30px}.grom-contest.twenty-mtb .grom-create{position:relative;width:100%;height:750px;background-image:url("/images/ci-images/grom-mtb-top.jpg");background-size:cover;background-repeat:no-repeat;background-position:right center;position:relative;text-align:center}@media screen and (min-width:1540px){.grom-contest.twenty-mtb .grom-create{background-size:contain}}.grom-contest.twenty-mtb .grom-create h3{text-transform:lowercase;color:#fff;display:inline-block;font-size:46px;letter-spacing:-.02em;line-height:1.1em;position:relative;margin-top:100px}.grom-contest.twenty-mtb .grom-create h5{text-transform:none;max-width:340px;color:#fff;display:inline-block;font-size:16px;position:relative;margin-top:35px;line-height:1.2em;letter-spacing:0}.grom-contest.twenty-mtb .grom-create .grom-instructions{text-transform:lowercase;color:#fff;display:block;font-size:16px;padding-top:10px;position:absolute;right:0;left:0;margin:0 auto;bottom:60px;width:100%;text-align:center}.grom-contest.twenty-mtb .big{font-size:46px;letter-spacing:-.02em;padding-right:30px}.grom-contest.twenty-mtb .grom-ctas{width:100%;height:175px;max-width:750px;margin:95px auto 0 auto;padding:0 30px}.grom-contest.twenty-mtb .grom-ctas a{display:block;width:175px;height:175px}.grom-contest.twenty-mtb a.bumper-cta{margin:0 auto;background-image:url("/images/ci-images/bumper-icon.png");background-size:contain;background-repeat:no-repeat}.grom-contest.twenty-mtb a.bumper-cta,.grom-contest.twenty-mtb a.music-cta{transition:.3s}.grom-contest.twenty-mtb a.bumper-cta:hover,.grom-contest.twenty-mtb a.music-cta:hover{transform:scale(.98);opacity:.9}.grom-contest.twenty-mtb .grom-center{width:100%;background-size:contain;position:relative;height:900px;background-image:url("/images/ci-images/grom-mtb-bottom1.jpg");background-repeat:no-repeat;background-position:center}.grom-contest.twenty-mtb .winner-1,.grom-contest.twenty-mtb .winner-2,.grom-contest.twenty-mtb .winner-3{width:330px;height:450px;position:absolute;background-size:cover;transition:.3s;background-repeat:no-repeat}.grom-contest.twenty-mtb .winner-1.z-move{transform:translate3d(0,30px,2500px)!important;transition-delay:0!important}.grom-contest.twenty-mtb .winner-2.z-move{transform:translate3d(0,-100px,3000px)!important;transition-delay:.2s}.grom-contest.twenty-mtb .winner-3.z-move{transform:translate3d(-50px,-200px,3000px)!important;transition-delay:.2s}.grom-contest.twenty-mtb .winner-1.z-move-left,.grom-contest.twenty-mtb .winner-2.z-move-left{transform:translate3d(-110px,0,0)!important}.grom-contest.twenty-mtb .winner-1{background-image:url("/images/ci-images/byrd.jpg");background-position:right;z-index:5}.grom-contest.twenty-mtb .winner-1:hover{box-shadow:0 5px 50px rgba(0,0,0,.3)}.grom-contest.twenty-mtb .winner-2{background-image:url("/images/ci-images/bode.jpg");z-index:4}.grom-contest.twenty-mtb .winner-2:hover{box-shadow:0 5px 75px rgba(0,0,0,.3)}.grom-contest.twenty-mtb .winner-3{background-image:url("/images/ci-images/terje.jpg");z-index:3}.grom-contest.twenty-mtb .winner-3:hover{box-shadow:0 5px 100px rgba(0,0,0,.3)}.grom-contest.twenty-mtb .winner-1{left:5vw;top:0}.grom-contest.twenty-mtb .winner-2{left:0;right:0;margin:0 auto;top:150px}.grom-contest.twenty-mtb .winner-3{right:5vw;top:300px}.grom-contest.twenty-mtb .winners{transform-style:preserve-3d;perspective:10000px;position:relative;width:80vw;max-width:1000px;margin:0 auto}.grom-contest.twenty-mtb .winners p{z-index:5;position:absolute;bottom:145px;right:-90px;font-size:16px;color:#fff;font-weight:200;width:245px;transform:rotate(-90deg);text-shadow:-.5px 0 1.5px rgba(0,0,0,.4)}.grom-contest.twenty-mtb .winners div .overlay{width:100%;height:100%;opacity:0;background:#191919;transition:.5s}.grom-contest.twenty-mtb .winners div .overlay:hover{opacity:.75}.grom-contest.twenty-mtb .grom-social{text-align:center}.grom-contest.twenty-mtb p.grom-share{padding:15px 15px 0 15px;text-transform:lowercase;color:#fff;display:inline-block}.grom-contest.twenty-mtb .line,.grom-contest.twenty-mtb p.grom-share{font-size:16px}.grom-contest.twenty-mtb .social-video{width:100%;max-width:400px;margin:50px auto;display:block}.grom-contest.twenty-mtb .grom-win{width:100%;position:relative;height:75vh;background-position:top center;background-size:cover;background-image:url("/images/ci-images/grom-mtb-bottom2.jpg");text-align:center}.grom-contest.twenty-mtb p.win-details{margin:0 auto;max-width:850px;padding-top:15px;text-transform:lowercase;color:#fff;display:inline-block}.grom-contest.twenty-mtb p.win-details span.big{float:left}.grom-contest.twenty-mtb p.win-details span.line{text-align:left;display:block;width:622px;float:right;margin-bottom:-5px}.grom-contest.twenty-mtb a.enter-now{display:block;text-align:center;color:#fff;font-size:55px;color:#fff;text-transform:lowercase;cursor:default;width:100%}.grom-contest.twenty-mtb a.enter-now u{transition:.3s;cursor:pointer;text-decoration:none;border-bottom:9px solid #fff}.grom-contest.twenty-mtb a.enter-now u:hover{opacity:.5;color:#fff!important}.grom-contest.twenty-mtb a.button{background:#00adee!important}@media screen and (max-width:1240px){.grom-contest.twenty-mtb .big{display:block;padding-bottom:35px;padding-right:0;text-align:center}.grom-contest.twenty-mtb .win-details{text-align:center}.grom-contest.twenty-mtb .grom-instructions{padding:10px 30px 0 30px}.grom-contest.twenty-mtb .header-content .header-grom-logo{height:300px;width:348px}.grom-contest.twenty-mtb .header-content .enter-text,.grom-contest.twenty-mtb .header-content a.enter-contest{font-size:28px;line-height:30px}.grom-contest.twenty-mtb .header-content .enter-text span,.grom-contest.twenty-mtb .header-content a.enter-contest span{display:inline}}@media screen and (max-width:915px){.grom-contest.twenty-mtb .winners{width:90vw}.grom-contest.twenty-mtb .winners div{position:relative;margin:0 auto;height:350px;width:80%;right:initial;left:initial;top:initial}.grom-contest.twenty-mtb .winners .winner-1,.grom-contest.twenty-mtb .winners .winner-2{margin-bottom:30px}.grom-contest.twenty-mtb .winners .winner-1.z-move,.grom-contest.twenty-mtb .winners .winner-2.z-move,.grom-contest.twenty-mtb .winners .winner-3.z-move{transform:translate3d(0,0,300px)!important;transition-delay:0!important}.grom-contest.twenty-mtb .winners .winner-1.z-move-left,.grom-contest.twenty-mtb .winners .winner-2.z-move-left{transform:translate3d(0,0,0)!important}.grom-contest.twenty-mtb .grom-center{padding:0;background:0 0;height:1200px}.grom-contest.twenty-mtb .winner-1,.grom-contest.twenty-mtb .winner-2{background-position:top}.grom-contest.twenty-mtb .winner-3{background-position:0 -70px}.grom-contest.twenty-mtb .grom-instructions{bottom:30px}.grom-contest.twenty-mtb .grom-ctas{max-width:500px}.grom-contest.twenty-mtb .grom-create{background-position:right top;background-size:120%}.grom-contest.twenty-mtb .win-details *{width:100%!important}.grom-contest.twenty-mtb .win-details .big{float:none!important;margin:0 auto;text-align:center!important}.grom-contest.twenty-mtb .win-details .line{display:inline!important;float:none!important;margin:0 auto -10px auto;text-align:center!important}}@media screen and (max-width:760px){.grom-contest.twenty-mtb .entry-links{width:100%;left:10px!important;text-align:center}.grom-contest.twenty-mtb .entry-links li{height:20px;line-height:20px;font-size:2vw!important;padding-right:5.9vw!important}.grom-contest.twenty-mtb a.enter-now{margin-top:180px}}@media screen and (max-width:690px){.grom-contest.twenty-mtb .grom-title{top:390px}.grom-contest.twenty-mtb .header-content{text-align:center}.grom-contest.twenty-mtb .header-content .enter-contest{display:block;margin-top:50px;text-align:center}.grom-contest.twenty-mtb .header-content .header-grom-logo{height:220px!important;position:static!important}.grom-contest.twenty-mtb .header-content .enter-text{margin-top:50px}.grom-contest.twenty-mtb .header-content .enter-text,.grom-contest.twenty-mtb .header-content a.enter-contest{font-size:24px;line-height:26px}.grom-contest.twenty-mtb .header-content .enter-text u,.grom-contest.twenty-mtb .header-content a.enter-contest u{border-bottom-width:4px}}@media screen and (max-width:630px){.grom-contest.twenty-mtb .header{height:calc(100vh - 60px)}.grom-contest.twenty-mtb .grom-ctas{max-width:400px}.grom-contest.twenty-mtb a.bumper-cta,.grom-contest.twenty-mtb a.music-cta{width:130px;height:130px}.grom-contest.twenty-mtb .rules .header-grom-logo{width:80%!important;top:150px!important}}@media screen and (max-width:480px){.grom-contest.twenty-mtb .header{min-height:550px}.grom-contest.twenty-mtb .header-content .enter-contest{margin-top:40px}.grom-contest.twenty-mtb .header-content .header-grom-logo{height:160px;width:204px}.grom-contest.twenty-mtb .header-content .enter-text{margin-top:40px}.grom-contest.twenty-mtb .header-content .enter-text,.grom-contest.twenty-mtb .header-content a.enter-contest{font-size:20px;line-height:23px}.grom-contest.twenty-mtb .header-content .enter-text u,.grom-contest.twenty-mtb .header-content a.enter-contest u{border-bottom-width:3px}.grom-contest.twenty-mtb a.enter-now{font-size:30px;margin-top:120px}.grom-contest.twenty-mtb a.enter-now u{border-bottom-width:5px}.grom-contest.twenty-mtb .winner-3{background-position:0 0}}@media screen and (max-width:415px){.grom-contest.twenty-mtb .grom-ctas{margin-top:45px;padding:15px}.grom-contest.twenty-mtb .grom-ctas a{width:100px;height:100px}.grom-contest.twenty-mtb .grom-create{height:660px;background-position:-200px 0;background-size:200%}.grom-contest.twenty-mtb .grom-instructions,.grom-contest.twenty-mtb .line,.grom-contest.twenty-mtb h5,.grom-contest.twenty-mtb p.grom-share{font-size:14px!important}.grom-contest.twenty-mtb .big,.grom-contest.twenty-mtb h3{font-size:29px!important}.grom-contest.twenty-mtb .winners{width:calc(100% - 30px);width:100%}}@media screen and (max-width:320px){.grom-contest.twenty-mtb .header{min-height:450px}.grom-contest.twenty-mtb .header-content .enter-contest{margin-top:50px}.grom-contest.twenty-mtb .header-content .enter-text{margin-top:30px}.grom-contest.twenty-mtb .header-content .header-grom-logo{height:160px;width:184px}.grom-contest.twenty-mtb .header-content .enter-text,.grom-contest.twenty-mtb .header-content a.enter-contest{font-size:16px;line-height:21px}}.grom-contest.twenty-mtb.page .header-back{background-position:bottom center;background-image:url("/images/ci-images/rules-header-2020-mtb.jpg");background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.grom-contest.twenty-mtb .grom-logos{padding-top:50px}.grom-contest.twenty-mtb .grom-logos a{display:inline-block;width:120px;height:80px;background-size:contain;background-position:center;background-repeat:no-repeat;margin:25px}@media screen and (max-width:600px){.grom-contest.eighteen .grom-logos a{width:80px;height:60px;margin:10px}}.grom-contest.twenty-mtb.page .contest-description{width:700px;margin:50px auto 0 auto}.grom-contest.twenty-mtb.page-mtb .contest-description a{color:#fff;text-decoration:underline}.grom-contest.twenty-mtb .grom-instructions a{color:#fff;text-decoration:underline;transition:.28s ease}.grom-contest.twenty-mtb .grom-instructions a:hover{opacity:.6}.grom-contest.eighteen .grom-instructions a:hover,.grom-contest.twenty-mtb.page-mtb .contest-description a:hover{color:#fff!important}.grom-contest.twenty-mtb .upload .contest-description{width:100%!important}.grom-contest.twenty-mtb.page .contest-description h3{font-size:36px;text-transform:lowercase;color:#fff;letter-spacing:0}.grom-contest.twenty-mtb.page .header-grom-logo{width:50%;background-size:contain;height:190px;z-index:4;background-repeat:no-repeat;position:relative;background-position:center;margin:0 auto;top:200px;background-image:url("/images/ci-images/2020-mtb-grom-logo.png")}.upload.contest .contest-entry-step-list .entry-step h3{letter-spacing:0!important}.upload.contest .section-title{text-transform:capitalize!important;letter-spacing:0!important}.grom-contest.twenty-mtb.page h2.grom-title{position:absolute;top:430px;width:100%;display:block;z-index:4;text-align:center;letter-spacing:0;font-size:40px;color:#fff;text-transform:lowercase;line-height:47px;color:#fff}.grom-contest.twenty-mtb.page .grom-gradient{width:100%;height:33%;color:#fff;position:absolute;bottom:0;left:0;z-index:4}.grom-contest.twenty-mtb.page .contest .contest-description p,.grom-contest.twenty-mtb.page .contest.upload p{color:#fff}.grom-contest.twenty-mtb.page .contest .contest-description li{color:#fff;font-size:18px;line-height:1.4em;padding:5px 0;margin-bottom:10px;display:block}@media screen and (max-width:768px){.grom-contest.twenty-mtb.page .contest-description{width:100%;padding:0 15px}}.primary-nav-link.shop svg {margin-right: 5px;}.primary-nav-link.shop,.primary-nav-link.shop:hover,.primary-nav-link.shop a{color:#f7c92a;background:transparent}.primary-nav-link.shop:hover a{background-color:#f7c92a;color:#fff;}.primary-nav-link.shop:hover{background:transparent;color:#f7c92a;}.overlay-tile a.i-tag{color:#f7c92a;}.overlay-tile a.i-tag:hover {background-color:#f7c92a;color:#fff;}a.shop-anchor svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin-bottom:10px;fill:#fff;font-size:20px!important}a.shop-anchor{width:100px;height:100px;border-radius:50%;align-items:center;display:flex;justify-content:center;background:#f7c92a;box-shadow:0 0 50px rgb(0 0 0 / 20%);padding:15px;text-align:center;font-size:14px;text-transform:uppercase;line-height:1.2;position:fixed;bottom:50px;right:20px;z-index:99;flex-direction:column;font-weight:700;color:#000;}a.shop-anchor:hover {color:#000 !important;}a.shop-anchor:hover span {color:#000 !important;}li.tours:hover{background-color:#fa8500;border-right:2px solid #fa8500;color:#fff}
.primary-nav-link.shop:hover a svg {
fill: #fff !important;
}
.video--banner {
width:100%;
padding-top: 40%;
position: relative;
background:#000;
}
.video--banner video {
position: absolute;
left: 0;
top:0;
width:100%;
height: 100%;
}
@media (max-width:991px) {
.video--banner {
padding-top: 0px;
}
.video--banner video {
position: static;
height: auto;
}
}
.text-color-white * {
color: #fff;
}
.text-color-white h1, .text-color-white a {
color:#fff !important;
}
.pt-50 {
padding-top: 50px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
.premium-three-columns p strong {
font-size:24px;
}
.premium-three-columns p {
margin: 0px;
color: #fff !important;
margin-top: 10px;
}
.access-container {
max-width: 1170px;
padding-left: 20px;
padding-right: 20px;
justify-content: center;
}
.access-container :is(.lg\:w-1\/4) {
text-align:right;
}
.access-container .prose {
width:100%;
max-width: 100%;
}
.packages-top:before {
position:absolute;
top:0;
left:50%;
margin-left:-100px;
content:'';
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-top: 40px solid #ff3c00;
}
.access-container .w-full {
display: inline-block !important;
margin-right:10px;
margin-bottom: 20px;
width: auto;
}
.access-table h2 {
margin-bottom:40px;
}
.access-table table td {
border:#333 solid 1px;;
padding:15px !important;
font-size:16px;
vertical-align:middle;
}
.access-table table td p {
margin:0px !important;
}
.access-table table td:nth-child(2), .access-table table td:nth-child(3), .access-table table td:nth-child(2) p, .access-table table td:nth-child(3) p {
text-align:center;
font-size:20px !important;;
font-weight:bold !important;
}
.access-table table tr:nth-child(1) td {
font-size:20px;
font-weight:bold;
}
/* Austin december/january edits */
.films-subnav .mobile-only li {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.entry-share span.count {
padding: 8.25px 0;
}
.accomplice-wrapper .video-container .landing-video {
max-width: unset;
}
@media (min-width: 1280px) {
.main.container {
max-width: 1280px !important;
}
}
.i-google:before {
content: '';
background: center / contain url(/images-new/icons/google-plus.png) no-repeat;
height: 17px;
background-size: 44%;
display: block;
}
.mobile-only .button {
color: #fff;
font-size: 14px;
font-weight: 800;
}
a.platform-button {
background-size: contain !important;
}
.accomplice-wrapper .sponsors.legend {
opacity: 1;
visibility: visible;
}
.entry-detail .video-container {
position: static;
}
.accomplice-wrapper .accomplice-skin.legend {
background: unset;
}
.accomplice-wrapper .accomplice.legend {
padding-top: unset;
}
svg.bi.bi-cart {
display: inline-block;
margin-right: 7px;
}
.navlinks,
.navlinks .dropdown{
color: #161616;
}
#utility-menu-dialog {
top: unset;
max-width: unset;
max-height: unset;
transform: unset;
}
#text-center img {
margin-left: auto;
margin-right: auto;
}
/* safety week 2024 */
.safety-week h1, .safety-week h2, .safety-week .intro *, .safety-week .video-container span, .safety-week strong {
font-family: hwt-artz, sans-serif !important;
font-weight: 700;
font-style: normal;
}
.safety-week .intro h1 {
max-width: 500px !important;
font-size: 70px !important;
line-height: .8em !important;
}
.safety-week .intro span {
margin-top: 30px !important;
}
.safety-week .intro h2 {
letter-spacing: 0 !important;
font-size: 15px !important;
}
.safety-week .intro p {
line-height: .9em !important;
}
.playgrounds.safety-week .overlay-image {
position: absolute !important;
}
.safety-week .image-wrap,
.safety-week .vid-embed {
margin-bottom: 30px !important;
}
@media (max-width: 1000px) {
.safety-week .intro h1 {
font-size: 40px !important;
}
}
.tgr-search-results .entry-item {
display: flex !important;
}
.tgr-search-results .entry-item .search-thumb {
width:300px;
min-width: 300px;
max-width: 300px;
margin-right:20px;
}
.tgr-search-results .entry-item .search-thumb img {
width:100%;
height: auto;
}
@media (max-width:600px) {
.tgr-search-results .entry-item {
display: flex !important;
flex-flow:wrap;
}
.tgr-search-results .entry-item .search-thumb {
width:100%;
min-width: 100%;
max-width: 100%;
margin-right:0px;
margin-bottom: 20px;
}
}
/* styles for grom contest 2024 */
#draggable-anchor,
.grom-contest.four .author-info {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
#page-wrapper.grom-contest.four {
background: center / cover no-repeat url('/images-new/grom-2025/background-edited.webp') fixed;
}
.grom-contest.four .landing-section,
.grom-contest.four .header-grom,
.grom-contest.four .landing-spacer {
height: calc(100vh - 135px);
}
.grom-contest.four .landing-section {
position: absolute;
left: 0;
right: 0;
top: 0;
overflow: hidden;
width: 90%;
max-width: 1000px;
margin: 0 auto 100px auto;
min-height: 550px;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
z-index: 0;
mix-blend-mode: multiply;
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
align-items: center;
}
.grom-contest.four .header-grom {
position: sticky;
top: 30px;
right: 0;
margin: 0 0 0 auto;
width: 135px;
left: unset;
text-align: right;
z-index: 1000;
padding: 30px 30px 50px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
gap: 50px;
}
.grom-contest.four .header-grom .bottom {
margin-top: 40px;
}
.grom-contest.four .entry-links {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 20px;
}
.grom-contest.four .container {
background: transparent !important;
}
.grom-contest.four .main.container {
max-width: 600px !important;
}
.contests-entries .grom-contest.four .main.container {
max-width: 1280px !important;
}
.grom-contest.four li {
transition: .28s ease;
}
.grom-contest.four li img {
height: 30px;
width: initial !important;
object-fit: contain;
}
.grom-contest.four li.grom-home img {
height: 80px;
margin-bottom: 20px;
}
.grom-contest.four li.grom-download img,
.grom-contest.four li.grom-upload img{
height: 35px;
transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
}
.grom-contest.four .header-grom li:hover {
opacity: .5;
}
.grom-contest.four h1,
.grom-contest.four h2,
.grom-contest.four strong,
.grom-contest.four .button {
font-family: futura-pt-condensed, sans-serif !important;
text-transform: lowercase !important;
font-weight: 800;
font-style: italic;
letter-spacing: -.03em;
background-color: rgb(203, 66, 57);
line-height: .69em;
color: #fff;
overflow: hidden;
display: inline-block;
font-size: 40px;
}
.grom-contest.four .contest-description li {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 10px;
}
.grom-contest.four .contest-description a:hover {
opacity: .5;
}
.grom-contest.four .button {
width: unset !important;
padding: unset !important;
}
.grom-contest.four a.button:hover {
transform: rotate(3deg);
-webkit-transform: rotate(3deg);
opacity: .7;
}
.grom-contest.four .upload.contest .contest-entry-step-list .section_next .button:nth-of-type(2) {
margin-right: 20px;
}
.grom-contest.four .upload.contest .contest-entry-step-list .entry-step h3 {
font-family: futura-pt-condensed, sans-serif !important;
text-transform: lowercase !important;
font-weight: 800;
font-style: italic;
letter-spacing: -.03em;
line-height: .69em;
}
.grom-contest.four .contest-description h3 {
letter-spacing: 0;
font-weight: normal;
}
.slider-container,
.slides,
.slide {
height:100%;
position: absolute;
width: 100%;
}
.slide {
opacity: 0;
visibility: hidden;
transition: 0.8s ease;
}
.slide.active {
opacity: 1;
visibility: visible;
opacity: 1;
}
.grom-contest.four .grom-image,
.slide img {
position: absolute;
width: 100%;
height: calc(100% - 80px);
object-fit: contain;
object-position: center;
}
.slide img {
opacity: 0;
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transition: 1s ease;
}
.slide.active img {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.slide.active img:nth-child(1) {
transition-delay: 0s;
}
.slide.active img:nth-child(2) {
transition-delay: .15s;
}
.slide.active img:nth-child(3) {
transition-delay: .3s;
}
.slide.active img:nth-child(4) {
transition-delay: .45s;
}
.progress-bars {
display: flex;
width: 100%;
max-width: 500px;
margin: auto;
right: 0;
left: 0;
height: 5px;
position: absolute;
bottom: 40px;
z-index: 999;
}
.progress-bar {
cursor: pointer;
border-radius: 5px;
flex-grow: 1;
background-color: rgba(203, 66, 57, 0.25);
margin: 0 4px;
position: relative;
overflow: hidden;
transition: background-color .1s ease;
}
.progress-bar:hover {
background-color: rgba(203, 66, 57, 0.6);
}
.progress-bar-inner {
background-color: rgba(203, 66, 57, 1);
width: 0%;
height: 100%;
position: absolute;
transition: none;
}
.grom-contest.four .contest .contest-description.success {
display: none !important;
}
.contests-winners .grom-contest.four .landing-section {
mix-blend-mode: unset;
}
.sponsor-section {
width: 90%;
margin: auto;
max-width: 400px;
}
.sponsor-logos {
display: flex;
gap: 40px;
margin: auto;
width: 100%;
justify-content: center;
align-items: center;
margin: 25px auto 50px auto;
flex-wrap: wrap;
}
.sponsor-logos li {
text-align: center;
flex-grow: 1;
transition: .28s ease;
}
.sponsor-logos li:hover {
opacity: .5
}
.grom-contest.four li img.logo-camp {
height: 100px;
}
.grom-contest.four li img.logo-jhmr {
height: 45px;
}
.grom-contest.four li img.logo-windells,
.grom-contest.four li img.logo-highcamp {
height: 68px;
}
.grom-contest.four li img.logo-tml {
height: 55px;
}
.grom-contest.four li img.logo-tgr {
height: 48px;
}
.grom-contest.four img.circle-loading-gif {
mix-blend-mode: multiply;
}
.grom-contest.four .post .icon:hover,
.grom-contest.four .post a:hover,
.grom-contest .post.post-video .image-wrap:hover:after {
color: rgb(203, 66, 57);
}
.grom-overflow {
overflow: unset;
}
.grom-overflow.fixed {
overflow: hidden !important;
position: fixed;
}
.ee-debugger,
.grom-overflow .hero-slider,
.grom-overflow .upload .one-column.float-right,
.grom-overflow .upload .comments,
.grom-overflow .upload .content-list .filters,
.grom-overflow .contest-recent-entries {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
.hamburger-menu {
display: none;
cursor: pointer;
}
@media (max-width: 1200px) {
.sponsor-logos {
gap: 25px;
}
.grom-contest.four li.grom-download img, .grom-contest.four li.grom-upload img {
height: 30px;
}
}
@media (max-width: 1075px) {
.progress-bars {
bottom: 0;
}
.grom-contest.four .landing-section,
.grom-contest.four .header-grom,
.grom-contest.four .landing-spacer {
height: 60vh;
margin-bottom: 50px;
min-height: 550px;
}
.grom-contest.four .header-grom {
padding: unset;
width: 80px;
}
.grom-contest.four .grom-image, .slide img {
height: calc(100% - 30px);
}
.grom-contest.four .hamburger-menu {
display: block;
position: absolute;
right: 20px;
top: 20px;
z-index: 9999;
background: center / contain no-repeat url('/images-new/grom-2025/mobile-logo.png');
width: 80px;
height: 80px;
transition: .28s ease, right 0s;
}
.grom-contest.four .hamburger-menu:hover {
opacity: .5;
transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}
.grom-contest.four .header-grom.open .hamburger-menu {
background: center / contain no-repeat url('/images-new/grom-2025/mobile-close.png');
right: 30px;
}
.grom-contest.four .header-grom .entry-links,
.grom-contest.four .header-grom .bottom {
display: none;
}
.grom-contest.four .header-grom .entry-links {
position: fixed;
background-color: #fff;
width: 100%;
left: 0;
top: 0;
flex-direction: column;
align-items: center;
padding-top: 50px;
height: 100vh;
z-index: 1000;
overflow: auto;
}
.grom-contest.four .header-grom .entry-links:not(.bottom) {
z-index: 1200;
background: center / cover no-repeat url('/images-new/grom-2025/background.webp') fixed;
}
.grom-contest.four .header-grom .entry-links .bottom {
background: transparent;
flex-direction: column;
text-align: center;
gap: 25px;
}
.grom-contest.four li.grom-download img, .grom-contest.four li.grom-upload img {
height: 36px;
}
.grom-contest.four .header-grom.open {
width: 100%;
}
.grom-contest.four .header-grom.open .entry-links,
.grom-contest.four .header-grom.open .bottom {
display: flex;
}
}
@media (max-width: 768px) {
.grom-contest.four .header-grom {
top: 0;
right: 0;
}
.grom-contest.four .hamburger-menu {
height: 60px;
width: 60px;
}
}
@media screen and (max-width: 480px) {
.grom-contest.four .landing-section {
overflow: visible;
}
.grom-contest.four .grom-image.enlarge {
width: 130%;
margin-left: -15%;
}
.grom-contest.four .grom-image.move-left {
left: -8%;
}
.grom-contest.four .grom-image.move-mohawk {
left: 9%;
bottom: -8%;
}
.grom-contest.four .grom-image.move-winners {
width: 130%;
}
.grom-contest.four .grom-image.move-rules {
bottom: -5%;
}
.grom-contest.four .width-50, .grom-contest.four .width-100 {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
.grom-contest.four .upload.contest .one-column {
margin: 0;
}
.grom-contest.four h1, .grom-contest.four h2, .grom-contest.four strong, .grom-contest.four .button {
font-size: 30px;
}
}
#loading-overlay {
top: 137px;
display: flex;
justify-content: center;
align-items: center;
font-size: 2em;
transition: 0.5s ease;
position: fixed;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 10000;
}
#loading-overlay.hide {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
@media screen and (max-width: 630px) {
#loading-overlay {
top: 60px;
}
}