/**handles:swiper,swiper-min,custom-style-all**/ .swiper-slide,.swiper-wrapper{height:100%;position:relative;width:100%}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-scrollbar-cursor-drag,.swiper-slide-zoomed{cursor:move}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-pagination-lock,.swiper-scrollbar-lock{display:none}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /*! Theme Name: Vitality Theme URI: http://underscores.me/ Author: kaokeb Author URI: https://www.kaokeb.com/ Description: Team Vitality is a French eSports organisation with top players and teams competing in League of Legends, Call of Duty, FIFA, Rainbow Six: Siege, Clash Royale and H1Z1 Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: vitality Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Vitality is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ body { margin: 0px; padding: 0px; outline: none; background-color: black; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 10px; background-color: #0c0c0c; } body::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); background-color: #313131; } body::-webkit-scrollbar { width: 10px; background-color: #000000; } body { overflow-x: hidden; overflow-y: scroll; } .viewport { overflow: hidden; position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; } .scroll-container { position: absolute; overflow: hidden; z-index: 10; display: flex; justify-content: center; backface-visibility: hidden; transform-style: preserve-3d; width: 100%; padding-top: 60px; } *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; } .rm_padd_bottom { padding-bottom: 0px !important; } .post, .page { margin: 0; } * { outline: none; margin: 0px; padding: 0px; } #page.site { overflow: hidden; position: relative; } #barba-wrapper, .barba-container { min-height: calc(100vh - 60px); } /* ---------------------------- ## Helpers classses --------------------------- */ .capitalize { text-transform: capitalize !important; } .height_zero { height: 0px !important; min-height: 0px !important; } .hide { display: none !important; } /* ---------------------------- ## Helpers classses --------------------------- */ .opacity_0 { opacity: 0 !important; } /* ---------------------------- ## cursor styles --------------------------- */ /*--Example 2--*/ /*-------------------------------------------------------------- ## site_header --------------------------------------------------------------*/ body.activate { overflow: hidden; } body .site-content { min-height: 90vh; width: 100%; } .loader_wrapper { min-height: 50px; width: 100%; height: 100%; position: fixed; left: 0px; bottom: 0px; z-index: 999999999999; background-color: black; will-change: transform, opacity; transition: transform ease 700ms, opacity ease 800ms; transform: translateY(0%); opacity: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; visibility: visible; } .loader_wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } @media screen and (max-width: 450px) { .loader_wrapper img { width: auto; height: 100%; max-width: none; } } .loader_wrapper.disable { transform: translateY(-200vh); } .loader_wrapper.hide { visibility: hidden; } .cookie_wrapper { min-height: 50px; width: 100%; height: 100%; position: fixed; left: 0px; bottom: 0px; z-index: 99999999999; background-color: rgba(255, 200, 45, 0.6); will-change: transform, opacity; transform: translateY(0%); opacity: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 72px; visibility: hidden; } .cookie_wrapper img.logo_cookie { position: absolute; left: 50%; top: 50%; max-width: 696px; width: 100%; transform: translate(-50%, -50%); margin-top: 50px; z-index: 0; } .cookie_wrapper .inside { width: 100%; max-width: 1200px; min-height: 156px; color: #fff; background-color: #000; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 1.8px; color: #ffffff; font-family: "Alegreya Sans", sans-serif; padding: 40px 100px; position: relative; text-align: justify; z-index: 2; } .cookie_wrapper .inside p a { color: #fff; font-family: "Alegreya Sans", sans-serif; font-size: 18px; font-weight: normal; font-style: normal; text-decoration: none !important; outline: none; font-stretch: normal; border-bottom: 1px solid #fff; } .cookie_wrapper .btn_wrapper { display: flex; width: 100%; flex-direction: row; justify-content: flex-end; } .cookie_wrapper a.btn { text-decoration: none !important; font-family: "Alegreya Sans", sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 1.8px; text-align: center; line-height: 36px; color: #f1be2e; text-transform: uppercase; width: 115px; display: inline-block; height: 40px; border: solid 3px #ffc82d; outline: none; } .cookie_wrapper a.btn:hover { opacity: 0.95; } .cookie_wrapper.show { transition: opacity cubic-bezier(0.42, 0, 0.18, 1.02) 400ms, transform cubic-bezier(0.42, 0, 0.18, 1.02) 400ms; transform: translateY(0%); opacity: 1; visibility: visible; } @media screen and (max-width: 768px) { .cookie_wrapper { padding: 40px 40px; } .cookie_wrapper img.logo_cookie { max-width: 586px; transform: translate(-49.7%, -50%); margin-top: -150px; } .cookie_wrapper .btn_wrapper { justify-content: center; } .cookie_wrapper .btn_wrapper a.btn { font-size: 21px; line-height: 46px; height: 50px; width: 155px; } .cookie_wrapper .inside { padding: 40px 30px; text-align: left; } } .site_header { margin-bottom: 60px; } .site_header .header_light { position: fixed; left: 0px; top: 0px; width: 100%; height: 165px; height: 125px; background: transparent !important; z-index: 99999; display: flex; } .site_header .header_light .row { width: 100%; max-width: 1600px; padding-left: 50px; padding-right: 50px; margin: auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; position: relative; height: 125px; padding-top: 58px; } .site_header .header_light .row .logos_sponsors { position: absolute; left: 50%; top: 50%; display: flex; flex-direction: row; justify-content: space-between; max-width: 900px; width: 100%; transform: translate(-50%, 20%); } .site_header .header_light .row .logos_sponsors .left-side { display: flex; flex-direction: row; width: 50%; flex-basis: 50%; padding-right: 50px; justify-content: flex-end; } .site_header .header_light .row .logos_sponsors .right-side { display: flex; flex-direction: row; width: 50%; flex-basis: 50%; padding-left: 50px; justify-content: flex-start; } .site_header .header_light .row .logos_sponsors a { align-items: center; align-content: center; display: flex; opacity: 0.5; transition: ease opacity 300ms; outline: none; -webkit-filter: invert(0) grayscale(1); filter: invert(0) grayscale(1); width: 25%; display: flex; justify-content: center; } .site_header .header_light .row .logos_sponsors a:nth-child(2) { /* margin-right: 100px; */ } .site_header .header_light .row .logos_sponsors a:hover, .site_header .header_light .row .logos_sponsors a:focus { opacity: 1; -webkit-filter: invert(0) grayscale(0); filter: invert(0) grayscale(0); } .site_header .header_light .row .logos_sponsors a img { max-width: 70px; max-height: 20px; width: auto; height: auto; margin: 0px 10px; } .site_header .header_light .row .logo_home { outline: none; position: relative; z-index: 4; margin-left: -6px; } .site_header .header_light .row .nav_button { text-decoration: none; position: relative; outline: none; transition: cubic-bezier(0.76, -0.08, 1, 1) all 700ms; } .site_header .header_light .row .nav_button span { font-size: 18px; font-family: "Chivo", sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 2px; left: 10px; top: -3px; position: relative; transition: cubic-bezier(0.76, -0.08, 1, 1) opacity 700ms; } .site_header .header_light .row .nav_button span:before { content: attr(data-title); position: absolute; left: -136px; top: -2px; font-size: 60px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: rgba(255, 255, 255, 0.1); text-transform: uppercase; letter-spacing: 6px; line-height: 43px; } .site_header .header_light .row .nav_button span.close { position: absolute; left: 40px; top: -2px; visibility: hidden; opacity: 0; transition: cubic-bezier(0.76, -0.08, 1, 1) opacity 700ms; } .site_header .header_light .row .nav_button span.close:before { left: -176px; top: 40px; opacity: 0; } .site_header .header_light .row .nav_button span.close.txt_en:before { left: -144px; top: 10px; } .site_header .header_light .row .nav_button span.open { opacity: 1; } .site_header .header_light .row .nav_button .svg_hamburger { opacity: 1; transform: rotate(0deg); transition: opacity all 500ms, transform all 500ms; } .site_header .header_light .row .nav_button .svg_icon_close { position: absolute; left: 0px; top: -4px; visibility: hidden; opacity: 0; transform: rotate(-45deg); transition: opacity all 500ms, transform all 500ms; animation-delay: 1.5s; } .site_header .header_light .row .nav_button.activate span.open { opacity: 0; } .site_header .header_light .row .nav_button.activate span.close { visibility: visible; opacity: 1; } .site_header .header_light .row .nav_button.activate span.close:before { opacity: 1; } .site_header .header_light .row .nav_button.activate .svg_icon_close { transform: rotate(0deg); opacity: 1; visibility: visible; } .site_header .header_light .row .nav_button.activate .svg_hamburger { transform: rotate(45deg); opacity: 0; } .site_header .header_light .row .shop_button { text-decoration: none; } .site_header .header_light .row .shop_button span { font-size: 18px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 2px; left: -10px; top: -7px; position: relative; } .site_header .header_light .row .shop_button span:before { content: attr(data-title); position: absolute; right: -136px; top: -12px; font-size: 60px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: rgba(255, 255, 255, 0.1); text-transform: uppercase; letter-spacing: 6px; line-height: 43px; } .site_header.front_class .header_light { background: #000 !important; } .site_header.front_class .header_light .row { padding-top: 13px; background: #000; } .site_header.front_class .header_light .row .nav_button span:before { top: 20px; } .site_header.front_class .header_light .row .shop_button span:before { top: 11px; } .site_header.front_class .header_light .row .nav_button span.close:before { top: 60px; } .site_header.front_class .header_light .row .nav_button span.close.txt_en:before { top: 30px; } .site_header.front_class .header_light .row .logos_sponsors { transform: translate(calc(-50% + 0px), -30%); } .site_header .navigation_menu_full_wrapper { visibility: hidden; position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; background-color: black; z-index: 9989; opacity: 0; transition: ease opacity 600ms; will-change: opacity; } .site_header .navigation_menu_full_wrapper.activate { visibility: visible; opacity: 1; } .site_header .navigation_menu_full_wrapper .main_menu { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } .site_header .navigation_menu_full_wrapper .main_menu .inner-wrapper { max-width: 900px; margin: auto; } .site_header .navigation_menu_full_wrapper .main_menu ul li { display: block; float: none; max-width: 440px; } .site_header .navigation_menu_full_wrapper .main_menu ul li>a { font-size: 60px; font-family: "Chivo", sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 8px; text-align: left; line-height: 60px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; display: block; position: relative; color: #000; } .site_header .navigation_menu_full_wrapper .main_menu ul li>a .effect_wrapper { color: transparent; -webkit-text-stroke: 1px #ffffff; } .site_header .navigation_menu_full_wrapper .main_menu ul li>a .effect_wrapper2 { position: absolute; left: 0px; top: 0px; z-index: 3; color: #fff; text-shadow: unset; overflow: hidden; width: 0px; transition: cubic-bezier(0.76, -0.08, 1, 1) width 700ms; } .site_header .navigation_menu_full_wrapper .main_menu ul li>a:hover .effect_wrapper2 { width: 100%; } .site_header .navigation_menu_full_wrapper .main_menu ul li.activate>a .effect_wrapper2 { width: 100%; } .site_header .navigation_menu_full_wrapper .main_menu ul li.activate:before { visibility: visible !important; transform: translateX(100%) !important; } .site_header .navigation_menu_full_wrapper .main_menu ul li.activate .sub-menu { visibility: visible !important; opacity: 1 !important; transform: translateX(0px) !important; } .site_header .navigation_menu_full_wrapper .main_menu ul li.activate .sub-menu:after { transform: translateX(80px); } .site_header .navigation_menu_full_wrapper .main_menu ul li.menu-item-has-children { position: relative; } .site_header .navigation_menu_full_wrapper .main_menu ul li.menu-item-has-children:before { content: ""; display: none; width: 270px; height: 180px; position: absolute; left: 430px; top: 0px; background-color: #000000; z-index: 999999; visibility: hidden; transform: translateX(0px); transition: cubic-bezier(0.76, -0.08, 1, 1) transform 300ms; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu { left: 100%; top: 20px; visibility: hidden; opacity: 0; transform: translateX(-20px); will-change: opacity, transform; transition: ease transform 800ms, ease opacity 1000ms; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu:before { content: ""; width: 3px; height: calc(100% - 29px); height: calc(100% - 38px); background: #272727; position: absolute; left: -50px; top: 15px; border-radius: 3px; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu:after { content: ""; width: 70px; height: 100%; position: absolute; right: calc(100% + 10px); top: 0px; background: black; transform: translateX(0px); will-change: transform; transition: ease transform 1000ms; pointer-events: none; display: none; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li { position: relative; max-width: none; width: 240px; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li:before { content: ""; height: 3px; width: 25px; background: #272727; position: absolute; left: -50px; top: 14px; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li:after { content: ""; height: 13px; width: 12px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 10px; position: absolute; left: -26px; top: 9px; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li:first-child a { position: relative; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li:first-child a:before { content: ""; width: 12px; height: 12px; border-radius: 12px; border: 3px solid #272727; position: absolute; left: -74px; top: 9px; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li:first-child a:after { content: ""; height: 3px; width: 15px; background: #272727; position: absolute; left: -63px; top: 14px; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li a { font-size: 18px; font-family: "Alegreya Sans", sans-serif; font-weight: 400; color: #f1be2e; text-shadow: none; text-transform: lowercase; letter-spacing: 1px; text-align: left; line-height: 30px; margin-left: 0px; display: block; padding: 5px 15px; width: 100%; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li a .effect_wrapper2 { position: relative; color: #f1be2e; top: -5px; } .site_header .navigation_menu_full_wrapper .main_menu ul li .sub-menu li a .effect_wrapper { display: none !important; visibility: hidden; } .site_header .navigation_menu_full_wrapper .main_menu ul li.shop_color>a .effect_wrapper { -webkit-text-stroke: 2px #f1be2e; } .site_header .navigation_menu_full_wrapper .main_menu ul li.shop_color>a .effect_wrapper2 { color: #f1be2e; } .site_header .navigation_menu_full_wrapper .footer_menu { position: absolute; left: 0px; bottom: 0%; width: 100%; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper { max-width: 1000px; margin: auto; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .social_media_wrapper { max-width: 250px; margin: auto; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .social_media_wrapper .row { display: flex; flex-direction: row; justify-content: space-between; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .social_media_wrapper .row .col a { position: relative; color: #fff; text-decoration: none; outline: none; display: flex; justify-content: center; align-content: center; align-items: center; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .social_media_wrapper .row .col a span { position: absolute; left: 50%; top: -30px; transition: ease all 600ms; visibility: hidden; transform: translateX(-50%) translateY(10px); opacity: 0; font-family: "Alegreya Sans", sans-serif; font-weight: 400; letter-spacing: 2px; font-size: 12px; text-transform: uppercase; display: none; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .social_media_wrapper .row .col a:hover span { visibility: visible; transform: translateX(-50%) translateY(0px); opacity: 1; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .social_media_wrapper .row .col a svg { height: 22px; fill: #fff; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper { margin: 20px 0px; margin-bottom: 5%; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul { display: flex; flex-direction: row; justify-content: center; list-style: none; padding: 0px; margin: 0px; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li a { font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 18px; text-transform: uppercase; color: #fff; text-decoration: none; letter-spacing: 2px; position: relative; outline: none; margin-left: 15px; margin-right: 15px; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li a:before { content: ""; display: none; width: calc(100% + 10px); height: 2px; background-color: #fff; opacity: 0.2; position: absolute; left: -5px; top: 40%; transform-origin: left; transform: scale(0, 1); transition: ease all 600ms; will-change: transform; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li a:hover:before { transform: scale(1, 1); } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.separator:before { content: "-"; display: inline; padding-right: 7px; color: #fff; position: relative; top: 0px; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.separator:after { content: "-"; display: inline; padding-left: 5px; color: #fff; position: relative; top: 0px; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.copy_right a { color: #f1be2e; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.copy_right a:before { display: none; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-fr a { font-size: 0px; height: 27px; width: 40px; display: block; position: relative; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-fr a:after { content: "FR >"; font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 18px; text-transform: uppercase; color: #fff; text-decoration: none; letter-spacing: 2px; position: absolute; left: 2px; top: 0px; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-en a { font-size: 0px; height: 27px; width: 44px; display: block; position: relative; } .site_header .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-en a:after { content: "EN >"; font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 18px; text-transform: uppercase; color: #fff; text-decoration: none; letter-spacing: 2px; position: absolute; left: 2px; top: 0px; } .site_header .navigation_menu_full_wrapper .menu_label { position: absolute; font-family: "Chivo", sans-serif; font-weight: 900; left: -230px; top: 600px; z-index: -1; font-size: 186px; transform: rotate(-90deg); font-weight: 900; color: rgba(255, 255, 255, 0.1); text-transform: uppercase; letter-spacing: 6px; line-height: 130px; left: -24vh; top: 64vh; font-size: 19.8vh; } .site_header .navigation_menu_full_wrapper .logo_bg { position: absolute; right: -20px; top: 200px; z-index: -1; transform: rotate(10deg); right: -4vh; top: 23vh; transform: rotate(8deg); } @media screen and (max-height: 610px) { .site_header .navigation_menu_full_wrapper .logo_bg svg { width: 520px; } } .site_header.mobile .navigation_menu_full_wrapper { overflow-x: hidden; display: flex; flex-direction: column; } .site_header.mobile .navigation_menu_full_wrapper .logo_bg { opacity: 0.6; top: 0px; right: 0px; width: 100%; height: 100%; } @media screen and (max-width: 450px) { .site_header.mobile .navigation_menu_full_wrapper .logo_bg svg { width: 121vw; position: absolute; left: 5vw; top: 24vw; } } .site_header.mobile .navigation_menu_full_wrapper .menu_label { display: none; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu { position: relative; left: 0px; bottom: 0%; width: 100%; margin-top: 60px; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper { margin-bottom: 0%; padding: 0px 40px; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul { flex-wrap: wrap; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li { margin-bottom: 30px; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li:nth-child(1), .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li:nth-child(2), .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li:nth-child(3) { width: 33%; text-align: center; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-en a, .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-fr a { width: 100%; text-align: center; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-en a span, .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-fr a span { text-align: center; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-en a:after, .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .footer_nav_wrapper ul li.wpml-ls-item-fr a:after { width: 100%; text-align: center; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .social_media_wrapper { margin-bottom: 50px; padding: 0px 50px; max-width: none; } .site_header.mobile .navigation_menu_full_wrapper .footer_menu .inner-wrapper .social_media_wrapper .row .col a svg { max-height: 48px; max-width: 45px; height: 6vw; width: 6vw; fill: #fff; } .site_header.mobile .navigation_menu_full_wrapper .main_menu { position: relative; left: 0%; top: 0%; transform: translate(0%, 0%); width: 100%; max-width: calc(100% - 110px); margin: auto; margin-top: 210px; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation { float: none; padding-bottom: 20px; position: relative; overflow: hidden; max-height: 390px; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li { max-width: none; width: 100%; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu { left: 0%; top: 0px; padding-left: 130px; width: 100%; background: url(https://vitality.gg/wp-content/themes/vitality/images/arrows_menu_mobile.png) no-repeat 0px 20px; background-size: 110px; margin-top: 30px; display: none; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu:after { display: none; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu:before { top: 25px; height: calc(100% - 56px); display: none; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu li { width: 100%; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu li:before { top: 30px; display: none; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu li:after { display: none; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu li a { width: auto; font-size: 35px; line-height: 50px; letter-spacing: 4px; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu li a:before { top: 30px; display: none; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu li a:after { display: none; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li.activate>a { background: url(https://vitality.gg/wp-content/themes/vitality/images/close_mobile.png) no-repeat right center; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li.activate .sub-menu { visibility: visible !important; opacity: 1 !important; transform: translateX(0px) !important; display: block !important; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li:nth-child(3) .sub-menu, .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li:nth-child(2) .sub-menu { padding-left: 104px; width: 100%; background: url(https://vitality.gg/wp-content/themes/vitality/images/arrows_menu_mobile2.png) no-repeat 0px 14px; background-size: 100px; margin-top: 30px; margin-bottom: 160px; display: none; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul ul { float: none; position: relative; } .site_header.mobile .navigation_menu_full_wrapper .main_menu ul li.menu-item-has-children>a { display: inline-block; padding-right: 40px; background: url(https://vitality.gg/wp-content/themes/vitality/images/arrow_mobile.png) no-repeat right center; } .site_header.mobile .header_light { height: 24vw; max-height: 150px; } @media screen and (max-width: 450px) { .site_header.mobile .header_light { height: 30vw; max-height: 99px; overflow: hidden; } } .site_header.mobile .header_light .row .nav_button span:before { left: -91px !important; top: -22px !important; transform: rotate(0deg); } @media screen and (max-width: 768px) { .site_header.mobile .header_light .row .nav_button span.txt_en:before { left: -91px !important; top: -22px !important; } } @media screen and (max-width: 460px) { .site_header.mobile .header_light .row .nav_button span.txt_en:before { left: -65px !important; } } .site_header.mobile .header_light .row .shop_button span:before { right: -95px; top: -22px; transform: rotate(0deg); } .site_header.mobile .header_light .row .logo_home svg { width: 10vw; max-width: 80px; } .site_header.mobile .header_light .row .logos_sponsors { padding: 0px 40px; margin-top: 110px; transform: translate(-50%, -50%); } .site_header.mobile .header_light .row .logos_sponsors a { opacity: 1; min-width: 100px; text-align: center; } .site_header.mobile .header_light .row .logos_sponsors a img { margin: auto; } .site_header.mobile .header_light .row .logos_sponsors a:nth-child(2) { margin-right: 0px; } @media screen and (max-width: 450px) { .site_header.mobile .navigation_menu_full_wrapper .main_menu { margin-top: 100px; max-width: calc(100% - 40px); margin-top: 130px; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu { padding-left: 104px; margin-bottom: 90px; background: url(https://vitality.gg/wp-content/themes/vitality/images/arrows_menu_mobile.png) no-repeat 0px 17px; background-size: 100px; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li .sub-menu li a { font-size: 28px; line-height: 46px; letter-spacing: 0px; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li:nth-child(3) .sub-menu { padding-left: 24vw; margin-bottom: 90px; background: url(https://vitality.gg/wp-content/themes/vitality/images/arrows_menu_mobile2.png) no-repeat 0px 17px; background-size: 84px; } .site_header.mobile .navigation_menu_full_wrapper .main_menu .inner-wrapper .main-navigation ul li:nth-child(3) .sub-menu li a { font-size: 28px; line-height: 46px; letter-spacing: 0px; } .site_header.mobile .navigation_menu_full_wrapper .main_menu ul li>a { font-size: 11vw; } .site_header.mobile .header_light .row { padding-left: 20px; padding-right: 20px; padding-top: 0px; } .site_header.mobile .header_light .row .nav_button.activate span.close:before { opacity: 0.5; } .site_header.mobile .header_light .row .nav_button span:before { opacity: 0.5; font-size: 50px; letter-spacing: -1px; left: -62px !important; } .site_header.mobile .header_light .row .shop_button span:before { right: -61px; opacity: 0.5; font-size: 50px; letter-spacing: -1px; } } .logos_sponsors_mobile { position: relative; z-index: 999; width: 100%; margin-top: -20px; } .logos_sponsors_mobile .logos_sponsors { position: relative; display: flex; flex-direction: row; justify-content: space-between; max-width: 590px; width: 100%; margin: auto; padding: 0px 40px; max-width: 95%; margin-top: 160px; flex-direction: column; justify-content: center; } .logos_sponsors_mobile .logos_sponsors .left-side { display: flex; flex-direction: row; justify-content: center; margin-bottom: 10px; } .logos_sponsors_mobile .logos_sponsors .right-side { display: flex; flex-direction: row; justify-content: center; } .logos_sponsors_mobile .logos_sponsors a { align-items: center; align-content: center; display: flex; opacity: 1; transition: ease opacity 300ms; outline: none; } .logos_sponsors_mobile .logos_sponsors a:nth-child(2) { margin-right: 0px; } .logos_sponsors_mobile .logos_sponsors a:hover, .logos_sponsors_mobile .logos_sponsors a:focus { opacity: 1; } .logos_sponsors_mobile .logos_sponsors a img { max-width: 100px; max-height: 34px; width: auto; height: auto; } @media screen and (max-width: 490px) { .logos_sponsors_mobile .logos_sponsors { margin-top: 60px; } .logos_sponsors_mobile .logos_sponsors a { width: 90px; } .logos_sponsors_mobile .logos_sponsors a img { max-width: 70%; max-height: 22px; margin: auto; width: auto; height: auto; } } /*-------------------------------------------------------------- ## Presentation --------------------------------------------------------------*/ .presentation_page { width: 100%; } .presentation_page .section { min-height: 758px; background-color: #000; color: #fff; } .presentation_page .section .inner-wrapper { max-width: 1200px; padding: 60px 50px; margin: auto; display: flex; flex-direction: row-reverse; justify-content: space-between; position: relative; z-index: 99; } .presentation_page .section .inner-wrapper .image_wrapper { flex-basis: 50%; max-width: 50%; } .presentation_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: transparent; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 8px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: -40px; } .presentation_page .section .inner-wrapper .image_wrapper img.first { position: relative; top: -180px; left: -40px; } .presentation_page .section .inner-wrapper .image_wrapper img.second { position: relative; top: -399px; left: 183px; margin-bottom: -400px; } .presentation_page .section .inner-wrapper .image_wrapper img.third { position: relative; top: -140px; left: 0px; margin-bottom: -15px; } .presentation_page .section .inner-wrapper .image_wrapper h2 { font-size: 48px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; bottom: 150px; padding-left: 50px; } .presentation_page .section .inner-wrapper .image_wrapper .svg_logo { display: block; text-align: right; margin-top: -140px; } .presentation_page .section .inner-wrapper .paragraph_wrapper { flex-basis: 50%; max-width: 50%; font-family: "Alegreya Sans", sans-serif; font-size: 14px; line-height: 30px; padding-right: 11%; letter-spacing: 1px; } .presentation_page .section .inner-wrapper .paragraph_wrapper p { margin-bottom: 5px; } .presentation_page .section .inner-wrapper .paragraph_wrapper ul { margin: 0px; padding: 0px; list-style: none; } .presentation_page .section .inner-wrapper .paragraph_wrapper ul li { position: relative; padding-left: 0px; } .presentation_page .section .inner-wrapper .paragraph_wrapper ul li:before { content: ""; width: 7px; height: 7px; border-radius: 7px; background-color: #fff; position: relative; display: inline-block; left: 0px; top: -1px; margin-right: 13px; } .presentation_page .section .inner-wrapper .paragraph_wrapper h2 { font-size: 48px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; bottom: 150px; padding-left: 50px; } .presentation_page .section:nth-child(2n) { background-color: #ffc82d; color: #000; } .presentation_page .section:nth-child(2n) .inner-wrapper { flex-direction: row; } .presentation_page .section:nth-child(2n) .inner-wrapper .paragraph_wrapper { padding-right: unset; padding-left: 11%; } .presentation_page .section.column .inner-wrapper { flex-direction: column-reverse; align-items: center; } .presentation_page .section.column .inner-wrapper .paragraph_wrapper { flex-basis: 100%; max-width: 430px; padding-right: 0px; } .presentation_page .section.column .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; } .presentation_page .section.column .inner-wrapper .image_wrapper h2 { position: relative; bottom: -35px; text-align: center; padding-left: 0px; margin-top: 10px; } .presentation_page .section.center .inner-wrapper { min-height: 758px; align-content: center; align-items: center; } .presentation_page .section.custom-min-height { min-height: 670px; } .presentation_page .section.custom-min-height .inner-wrapper { min-height: 670px; } .presentation_page .polygon_bg { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1200px; transform: translateX(-50%); height: 100%; overflow: hidden; } .presentation_page .polygon_bg svg { opacity: 0.1; position: absolute; } @media screen and (max-width: 460px) { .presentation_page .polygon_bg svg { width: 70px; } } .presentation_page .polygon_bg svg:first-child { right: 100px; top: 320px; } .presentation_page .polygon_bg svg:nth-child(2) { right: 540px; top: 700px; } .presentation_page .polygon_bg svg:nth-child(3) { left: 360px; top: 840px; } .presentation_page .polygon_bg svg:nth-child(4) { left: 660px; top: 880px; } .presentation_page .polygon_bg svg:nth-child(5) { right: 60px; top: 1180px; } .presentation_page .polygon_bg svg:nth-child(6) { right: 660px; top: 1472px; } .presentation_page .polygon_bg svg:nth-child(7) { right: 290px; top: 1745px; } .presentation_page .polygon_bg svg:nth-child(8) { right: 70px; top: 1885px; } .presentation_page .polygon_bg svg:nth-child(9) { right: 250px; top: 2065px; } .presentation_page .polygon_bg svg:nth-child(10) { left: 435px; top: 2140px; } .presentation_page .polygon_bg svg:nth-child(11) { right: 160px; top: 2465px; } .presentation_page .polygon_bg svg:nth-child(12) { right: -20px; top: 2665px; } .presentation_page .polygon_bg svg:nth-child(13) { left: 220px; top: 2755px; } .presentation_page .polygon_bg svg:nth-child(14) { right: 100px; top: 2835px; } .presentation_page .polygon_bg svg:last-child { left: 130px; top: 3105px; } .presentation_page.mobile .section { min-height: auto; } .presentation_page.mobile .section .inner-wrapper { flex-direction: column; } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper { padding-left: 0px; padding-right: 0px; } } .presentation_page.mobile .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; margin-top: 70px; text-align: center; } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper { margin-top: 10px; text-align: left; width: 100%; } .presentation_page.mobile .section .inner-wrapper .image_wrapper.image_wrapper1 { margin-bottom: -100px; } } .presentation_page.mobile .section .inner-wrapper .image_wrapper h1 { transform: rotate(0deg); text-align: left; font-size: 140px; margin-left: -90px; } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 18vw; margin-left: 0vw; line-height: 18vw; } } @media only screen and (orientation: portrait) { .presentation_page.mobile .section .inner-wrapper .image_wrapper h1.portrait { display: block; } .presentation_page.mobile .section .inner-wrapper .image_wrapper h1.landscape { display: none; } } @media only screen and (orientation: landscape) { .presentation_page.mobile .section .inner-wrapper .image_wrapper h1.portrait { display: none; } .presentation_page.mobile .section .inner-wrapper .image_wrapper h1.landscape { display: block; font-size: 9.4vw; margin-left: 0; } } .presentation_page.mobile .section .inner-wrapper .image_wrapper img.first { top: -180px; left: 2vw; transform: translateY(-20%); } @media screen and (max-width: 837px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper img.first { left: -22vw; } } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper img.first { width: 70vw; left: 0vw; transform: translateY(-10%); } } .presentation_page.mobile .section .inner-wrapper .image_wrapper img.second { left: -2vw; top: -499px; } @media screen and (max-width: 837px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper img.second { left: 22vw; } } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper img.second { width: 70vw; left: 30vw; } } .presentation_page.mobile .section .inner-wrapper .image_wrapper img.third { top: -360px; } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper img.third { width: 70vw; left: 50%; transform: translateX(-50%); top: -40vw; } } .presentation_page.mobile .section .inner-wrapper .image_wrapper h2 { letter-spacing: 9px; margin-top: 0px; margin-bottom: 0px; left: 50%; position: relative; top: 0vw; padding-left: 0px; font-size: 90px; text-align: left; max-width: 680px; width: 100%; line-height: 100px; overflow-wrap: break-word; transform: translateX(-50%); } @media screen and (min-width: 767px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper h2 { margin-top: -100px; } } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper h2 { line-height: 12vw; top: -26vw; bottom: unset; font-size: 10vw; letter-spacing: 2vw; padding: 0px 20px; } } .presentation_page.mobile .section .inner-wrapper .image_wrapper .svg_logo { display: block; text-align: center; margin-top: -37vw; } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper .svg_logo { margin-top: -44vw; } } .presentation_page.mobile .section .inner-wrapper .image_wrapper .svg_logo svg { width: 100%; max-width: 580px; } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .image_wrapper .svg_logo svg { max-width: 70vw; } } .presentation_page.mobile .section .inner-wrapper .paragraph_wrapper { flex-basis: 90%; max-width: 80%; font-size: 26px; line-height: 50px; padding-right: 0%; margin-top: 80px; margin-bottom: 210px; margin-left: auto; margin-right: auto; letter-spacing: 2px; } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .paragraph_wrapper { flex-basis: 100%; max-width: 100%; font-size: 4vw; line-height: 6vw; padding-right: 30px; padding-left: 30px; margin-bottom: 90px !important; margin-top: 30px; } } @media screen and (max-width: 400px) { .presentation_page.mobile .section .inner-wrapper .paragraph_wrapper { margin-bottom: 130px !important; } } .presentation_page.mobile .section .inner-wrapper .paragraph_wrapper h2 { letter-spacing: 9px; margin-top: 0px; margin-bottom: 0px; left: 50%; bottom: 362px; padding-left: 0px; font-size: 90px; text-align: left; max-width: 680px; width: 100%; line-height: 100px; overflow-wrap: break-word; transform: translateX(-50%); } @media screen and (max-width: 630px) { .presentation_page.mobile .section .inner-wrapper .paragraph_wrapper h2 { line-height: 12vw; bottom: 0vw; font-size: 10vw; letter-spacing: 2vw; position: relative; margin-top: 50px; margin-bottom: 0px; } } .presentation_page.mobile .section .inner-wrapper .paragraph_wrapper.vitality_section3 { margin-bottom: 660px; } .presentation_page.mobile .section .inner-wrapper.reverse { flex-direction: column-reverse; padding-left: 0px; padding-right: 0px; margin-bottom: -10px; } .presentation_page.mobile .section .inner-wrapper.reverse .paragraph_wrapper { padding-left: 40px; padding-right: 40px; } .presentation_page.mobile .section .inner-wrapper.reverse .image_wrapper { margin-top: -100px; } .presentation_page.mobile .section .inner-wrapper.reverse .image_wrapper h2 { top: 30px; text-align: center; } .presentation_page.mobile .section:nth-child(2n) .inner-wrapper .paragraph_wrapper { padding-right: unset; padding-left: 0%; margin-left: auto; margin-right: auto; margin-top: 170px; } @media screen and (max-width: 768px) { .presentation_page.mobile .section:nth-child(2n) .inner-wrapper .paragraph_wrapper { margin-top: 70px; padding-right: 30px; padding-left: 30px; margin-bottom: 100px; margin-top: 20px; } .presentation_page.mobile .section:nth-child(2n) .inner-wrapper .paragraph_wrapper.paragraph_wrapper3 { margin-bottom: 0px !important; } } @media screen and (min-width: 470px) { .presentation_page.mobile .section:nth-child(2n) .inner-wrapper .paragraph_wrapper { margin-bottom: 100px; margin-top: 80px; padding-right: 0px; padding-left: 0px; } .presentation_page.mobile .section:nth-child(2n) .inner-wrapper .paragraph_wrapper.paragraph_wrapper3 { margin-bottom: 0px !important; } } /*-------------------------------------------------------------- ## production --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## custom Lightbox --------------------------------------------------------------*/ .wrapper-lightbox { background-color: rgba(0, 0, 0, 0.98); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; display: flex; justify-content: center; align-content: center; align-items: center; visibility: hidden; opacity: 0; transition: ease opacity 800ms; transition-delay: 0.2s; } .wrapper-lightbox .close_overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; } .wrapper-lightbox .iframe_holder { position: relative; z-index: 2; } .wrapper-lightbox .iframe_holder .iframe_holder_data img { max-width: 700px; } .wrapper-lightbox .iframe_holder .close-lightbox { position: absolute; right: -40px; top: -40px; width: 30px; height: 30px; opacity: 0; transform: translateY(30px); transition: ease opacity 600ms, ease transform 500ms; transition-delay: 0.2s; } @media screen and (max-width: 560px) { .wrapper-lightbox .iframe_holder .close-lightbox { width: 100%; text-align: center; right: 0px; } } .wrapper-lightbox .iframe_holder iframe { opacity: 0; transform: translateY(50px); transition-delay: 0.6s; transition: ease opacity 600ms, ease transform 500ms; } .wrapper-lightbox.open { visibility: visible; opacity: 1; } .wrapper-lightbox.open .close-lightbox, .wrapper-lightbox.open iframe { opacity: 1; transform: translateY(0px); } /*-------------------------------------------------------------- ## custom Lightbox --------------------------------------------------------------*/ .production_page { width: 100%; } .production_page .section { min-height: 930px; background-color: #000; color: #fff; } .production_page .section .inner-wrapper { max-width: 1200px; padding: 60px 50px; margin: auto; display: flex; flex-direction: row-reverse; justify-content: space-between; position: relative; z-index: 99; } .production_page .section .inner-wrapper .image_wrapper { flex-basis: 50%; max-width: 50%; } .production_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; font-weight: 900; transform: rotate(-90deg); font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 8px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; position: absolute; top: 270px; left: 290px; margin-left: 0px; } .production_page .section .inner-wrapper .image_wrapper img.first { position: relative; top: -180px; left: -40px; } .production_page .section .inner-wrapper .image_wrapper img.second { position: relative; top: -399px; left: 183px; margin-bottom: -400px; } .production_page .section .inner-wrapper .image_wrapper img.third { position: relative; top: -140px; left: 0px; margin-bottom: -15px; } .production_page .section .inner-wrapper .image_wrapper h2 { font-size: 48px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; bottom: 150px; padding-left: 50px; } .production_page .section .inner-wrapper .image_wrapper .svg_logo { display: block; text-align: right; margin-top: -140px; } .production_page .section .inner-wrapper .image_wrapper .video_main { margin-top: 60px; margin-bottom: 60px; } .production_page .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper { width: 661px; height: 405px; overflow: hidden; position: relative; display: block; } .production_page .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper .play_btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale3d(1, 1, 1); z-index: 3; outline: none; opacity: 1; transition: ease opacity 200ms, ease transform 300ms; } .production_page .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper .play_btn svg { fill: #fff; opacity: 0.7; width: 200px !important; } .production_page .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale3d(1, 1, 1); width: 100%; z-index: 2; opacity: 1; transition: ease opacity 500ms, ease transform 500ms; } .production_page .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper iframe { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0; transform: scale3d(0.95, 0.95, 1); transition: ease opacity 700ms, ease transform 500ms; } .production_page .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper.video_iframe_wrapper.enable .play_btn { transform: translate(-50%, -50%) scale3d(0.5, 0.5, 1); opacity: 0; } .production_page .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper.video_iframe_wrapper.enable img { transform: translate(-50%, -50%) scale3d(0.95, 0.95, 1); opacity: 0; } .production_page .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper.video_iframe_wrapper.enable iframe { opacity: 1; transform: scale3d(1, 1, 1); } .production_page .section .inner-wrapper .paragraph_wrapper { flex-basis: 50%; max-width: 50%; font-family: "Alegreya Sans", sans-serif; font-size: 14px; line-height: 30px; padding-right: 11%; letter-spacing: 1px; } .production_page .section .inner-wrapper .paragraph_wrapper p { margin-bottom: 5px; } .production_page .section .inner-wrapper .paragraph_wrapper ul { margin: 0px; padding: 0px; list-style: none; } .production_page .section .inner-wrapper .paragraph_wrapper ul li { position: relative; padding-left: 0px; } .production_page .section .inner-wrapper .paragraph_wrapper ul li:before { content: ""; width: 7px; height: 7px; border-radius: 7px; background-color: #fff; position: relative; display: inline-block; left: 0px; top: -1px; margin-right: 13px; } .production_page .section .inner-wrapper .paragraph_wrapper h2 { font-size: 48px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; bottom: 150px; padding-left: 50px; } .production_page .section .inner-wrapper .videos_wrapper { padding: 50px 0px; padding-bottom: 0px; width: 100%; } .production_page .section .inner-wrapper .videos_wrapper h2 { font-size: 60px; font-family: "Chivo", sans-serif; font-weight: 900; color: #1e1e1e; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; top: -23px; } .production_page .section .inner-wrapper .videos_wrapper .row { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .production_page .section .inner-wrapper .videos_wrapper .row .col { flex-basis: 25%; max-width: 25%; padding-right: 2.6%; margin-bottom: 30px; position: relative; } .production_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder { display: block; } .production_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder .open-lightbox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; z-index: 3; outline: none; } .production_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder .data-iframe { display: none; } .production_page .section .inner-wrapper .videos_wrapper .row .col h3 { font-family: "Alegreya Sans", sans-serif; font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; padding-right: 30px; letter-spacing: 1px; height: 38px; } .production_page .section .inner-wrapper .videos_wrapper .row .col .polygon1 { position: absolute; left: -17px; top: -20px; z-index: -1; } .production_page .section .inner-wrapper .videos_wrapper .row .col .polygon2 { position: absolute; right: 3px; top: 104px; z-index: -1; } .production_page .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { position: absolute; right: 23px; top: 138px; z-index: -1; } .production_page .section:nth-child(2n) { background-color: #ffc82d; color: #000; } .production_page .section:nth-child(2n) .inner-wrapper { flex-direction: row; } .production_page .section:nth-child(2n) .inner-wrapper .videos_wrapper h2 { color: #f1be2e; } .production_page .section:nth-child(2n) .inner-wrapper .paragraph_wrapper { padding-right: unset; padding-left: 11%; } .production_page .section.column .inner-wrapper { flex-direction: column; align-items: center; } .production_page .section.column .inner-wrapper .paragraph_wrapper { flex-basis: 100%; max-width: 430px; padding-right: 0px; } .production_page .section.column .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; position: relative; } .production_page .section.column .inner-wrapper .image_wrapper h2 { position: relative; bottom: -35px; text-align: center; padding-left: 0px; margin-top: 10px; } .production_page .section.center .inner-wrapper { min-height: 930px; align-content: center; align-items: center; } .production_page .section.custom-min-height { min-height: 400px; overflow: hidden; } .production_page .section.custom-min-height .inner-wrapper { min-height: 400px; } .production_page .polygon_bg { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1200px; transform: translateX(-50%); height: 100%; overflow: hidden; } .production_page .polygon_bg svg { opacity: 0.1; position: absolute; } .production_page .polygon_bg svg:first-child { left: -20px; top: 460px; transform: rotate(-5deg); } .production_page.mobile .polygon_bg svg:first-child { top: 1050px; opacity: 0.04; } .production_page.mobile .section { min-height: 730px; } @media screen and (max-width: 620px) { .production_page.mobile .section { min-height: unset; } } .production_page.mobile .section .inner-wrapper { padding-left: 0px; padding-right: 0px; } .production_page.mobile .section .inner-wrapper .videos_wrapper h2 { width: 100%; text-align: center; } @media screen and (max-width: 620px) { .production_page.mobile .section .inner-wrapper .videos_wrapper h2 { font-size: 9vw; top: -4vw; } } .production_page.mobile .section .inner-wrapper .videos_wrapper .row { flex-direction: unset; } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col { flex-basis: 100%; max-width: 100%; padding-left: 10%; padding-right: 10%; margin-bottom: 80px; } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .cover_holder img { width: 100%; } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon1 { opacity: 0.5; left: 40px; top: -40px; } @media screen and (max-width: 470px) { .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon1 { left: 20px; top: -20px; } } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon1 svg { width: 10vw; max-width: 69px; } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { opacity: 0.5; right: 30px; top: unset; bottom: -40px; } @media screen and (max-width: 470px) { .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { top: unset; bottom: 0px; right: 15px; } } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 svg { width: 15vw; max-width: 111px; } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { right: 75px; top: unset; bottom: 0px; } @media screen and (max-width: 470px) { .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { top: unset; right: 35px; bottom: 18px; } } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon svg { width: 29px; } @media screen and (max-width: 460px) { .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { right: 35px; } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon svg { width: 4vw; } } .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col h3 { font-size: 24px; color: #fff; } @media screen and (max-width: 620px) { .production_page.mobile .section .inner-wrapper .videos_wrapper .row .col h3 { line-height: 4vw; font-size: 4vw; } } .production_page.mobile .section .inner-wrapper .paragraph_wrapper { flex-basis: 90%; max-width: 80%; font-size: 26px; line-height: 50px; padding-right: 0%; margin-top: 80px; margin-bottom: 80px; margin-left: auto; margin-right: auto; letter-spacing: 2px; } @media screen and (max-width: 480px) { .production_page.mobile .section .inner-wrapper .paragraph_wrapper { flex-basis: 100%; max-width: 100%; font-size: 4vw; margin-top: 0px; line-height: 7vw; padding-left: 30px; padding-right: 30px; margin-bottom: 0px; } } @media screen and (max-width: 400px) { .production_page.mobile .section .inner-wrapper .image_wrapper { width: 100%; } } .production_page.mobile .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper { width: 100%; height: 57vw; max-height: 405px; } @media screen and (max-width: 450px) { .production_page.mobile .section .inner-wrapper .image_wrapper .video_main .video_iframe_wrapper svg { width: 60px !important; } } @media screen and (max-width: 400px) { .production_page.mobile .section .inner-wrapper .image_wrapper .video_main { padding-left: 30px; padding-right: 30px; margin-top: 40px; margin-bottom: 40px; } } .production_page.mobile .section .inner-wrapper .image_wrapper h1 { line-height: 130px; margin-top: 60px; margin-bottom: 130px; position: relative; text-align: left; top: 0px; left: -55px; margin-left: 0px; font-size: 140px; transform: rotate(0deg); } @media only screen and (orientation: portrait) { .production_page.mobile .section .inner-wrapper .image_wrapper h1.portrait { display: block; } .production_page.mobile .section .inner-wrapper .image_wrapper h1.landscape { display: none; } } @media only screen and (orientation: landscape) { .production_page.mobile .section .inner-wrapper .image_wrapper h1.portrait { display: none; } .production_page.mobile .section .inner-wrapper .image_wrapper h1.landscape { display: block; font-size: 12vw; left: 2px; } } @media screen and (max-width: 660px) { .production_page.mobile .section .inner-wrapper .image_wrapper h1 { line-height: 20vw; font-size: 20vw; margin-top: 0px; margin-bottom: 0px; top: 0px; left: 0px; } } @media screen and (max-width: 400px) { .production_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 67px; letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; top: 0px; left: -4px; line-height: 60px; } } /*-------------------------------------------------------------- ## presse --------------------------------------------------------------*/ .presse_page { width: 100%; margin-top: 50px; } .presse_page .section { min-height: 800px; background-color: #000; color: #fff; } .presse_page .section .inner-wrapper { max-width: 1200px; padding: 60px 50px; margin: auto; display: flex; flex-direction: row-reverse; justify-content: space-between; position: relative; z-index: 99; } .presse_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 8px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: -40px; position: absolute; top: 250px; right: -100px; margin-left: 0px; } .presse_page .section .inner-wrapper .paragraph_wrapper { font-family: "Alegreya Sans", sans-serif; font-size: 14px; line-height: 30px; padding-right: 11%; letter-spacing: 1px; } .presse_page .section .inner-wrapper .presse_wrapper { padding: 50px 0px; padding-bottom: 0px; } .presse_page .section .inner-wrapper .presse_wrapper .row { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .presse_page .section .inner-wrapper .presse_wrapper .row .col { flex-basis: 20%; max-width: 20%; margin-bottom: 70px; position: relative; } .presse_page .section .inner-wrapper .presse_wrapper .row .col .cover_holder { display: block; position: relative; } .presse_page .section .inner-wrapper .presse_wrapper .row .col .cover_holder img.not_hover { opacity: 1; transform: translateY(0px); transition: ease transform 700ms, ease opacity 500ms, ease filter 400ms; } @media screen and (min-width: 768px) { .presse_page .section .inner-wrapper .presse_wrapper .row .col .cover_holder img.not_hover { -webkit-filter: grayscale(1); filter: grayscale(1); } } .presse_page .section .inner-wrapper .presse_wrapper .row .col .cover_holder img.hover { position: absolute; left: 0px; top: 0px; opacity: 0; transform: translateY(0px); transition: ease transform 700ms, ease opacity 500ms, ease filter 400ms; } @media screen and (min-width: 768px) { .presse_page .section .inner-wrapper .presse_wrapper .row .col .cover_holder img.hover { -webkit-filter: grayscale(1); filter: grayscale(1); } } .presse_page .section .inner-wrapper .presse_wrapper .row .col .download_icon { position: absolute; left: -12px; top: 429px; z-index: 1; transform: translateY(0px); transition: ease transform 700ms; } .presse_page .section .inner-wrapper .presse_wrapper .row .col .download_icon .svg_icon_download .cls-1 { fill: #ffc82d; } .presse_page .section .inner-wrapper .presse_wrapper .row .col h4 { font-size: 60px; font-family: "Chivo", sans-serif; transform: rotate(-90deg) translateY(0px); transition: ease transform 700ms; font-weight: 900; text-transform: uppercase; color: #000; -webkit-text-stroke: 2px #fff; letter-spacing: 4px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: -40px; position: absolute; top: 200px; right: -160px; margin-left: 0px; line-height: 50px; width: 450px; text-align: right; } .presse_page .section .inner-wrapper .presse_wrapper .row .col a { outline: none; text-decoration: none; } .presse_page .section .inner-wrapper .presse_wrapper .row .col a:hover .cover_holder img.not_hover, .presse_page .section .inner-wrapper .presse_wrapper .row .col a a:focus .cover_holder img.not_hover { transform: translateY(-35px); } @media screen and (min-width: 768px) { .presse_page .section .inner-wrapper .presse_wrapper .row .col a:hover .cover_holder img.not_hover, .presse_page .section .inner-wrapper .presse_wrapper .row .col a a:focus .cover_holder img.not_hover { -webkit-filter: grayscale(0); filter: grayscale(0); } } .presse_page .section .inner-wrapper .presse_wrapper .row .col a:hover .cover_holder img.hover, .presse_page .section .inner-wrapper .presse_wrapper .row .col a a:focus .cover_holder img.hover { opacity: 1; transform: translateY(-35px); } @media screen and (min-width: 768px) { .presse_page .section .inner-wrapper .presse_wrapper .row .col a:hover .cover_holder img.hover, .presse_page .section .inner-wrapper .presse_wrapper .row .col a a:focus .cover_holder img.hover { -webkit-filter: grayscale(0); filter: grayscale(0); } } .presse_page .section .inner-wrapper .presse_wrapper .row .col a:hover .download_icon, .presse_page .section .inner-wrapper .presse_wrapper .row .col a a:focus .download_icon { transform: translateY(-25px); } .presse_page .section .inner-wrapper .presse_wrapper .row .col a:hover h4, .presse_page .section .inner-wrapper .presse_wrapper .row .col a a:focus h4 { transform: rotate(-90deg) translateX(-15px); } .presse_page .section .inner-wrapper .presse_wrapper .row .col h3 { font-family: "Alegreya Sans", sans-serif; font-size: 12px; color: #fff; font-weight: 700; text-transform: uppercase; padding-right: 70px; letter-spacing: 2px; line-height: 16px; margin-top: 10px; } .presse_page .section .inner-wrapper .presse_wrapper .row .col:nth-child(2n) h3 { color: #ffc82d; } .presse_page .section .inner-wrapper .presse_wrapper .row .col:nth-child(2n) .download_icon .svg_icon_download .cls-1 { fill: #fff !important; } .presse_page .section .inner-wrapper .presse_wrapper .row .col:nth-child(2n) h4 { -webkit-text-stroke: 2px #f1be2e; text-align: left; padding-left: 10px; } .presse_page .polygon_bg { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1200px; transform: translateX(-50%); height: 100%; overflow: hidden; } .presse_page .polygon_bg svg { opacity: 0.1; position: absolute; } .presse_page .polygon_bg svg:first-child { left: 85px; top: 100px; } .presse_page .polygon_bg svg:nth-child(2) { right: 440px; top: 220px; } .presse_page .polygon_bg svg:nth-child(3) { right: 70px; top: 499px; } .presse_page .polygon_bg svg:nth-child(4) { right: 160px; top: 669px; } .presse_page .polygon_bg svg:nth-child(5) { left: 120px; top: 659px; } .presse_page .polygon_bg svg:nth-child(6) { right: 190px; top: 1089px; } .presse_page .polygon_bg svg:last-child { left: 160px; top: 1280px; } .presse_page .polygon_bg.mobile svg:first-child { left: 28vw; top: 80vw; } .presse_page .polygon_bg.mobile svg:nth-child(2) { right: 29vw; top: 150vw; } .presse_page .polygon_bg.mobile svg:nth-child(3) { right: 43vw; top: 215vw; } .presse_page .polygon_bg.mobile svg:nth-child(4) { right: 28vw; top: 292vw; } .presse_page .polygon_bg.mobile svg:nth-child(5) { left: unset; right: 78vw; top: 346vw; } .presse_page .polygon_bg.mobile svg:nth-child(6) { right: 33vw; top: 416vw; } .presse_page .polygon_bg.mobile svg:last-child { left: unset; right: 49vw; top: 493vw; } .presse_page.mobile .section .inner-wrapper { padding-left: 0px; padding-right: 0px; flex-direction: column; padding-top: 0px; } .presse_page.mobile .section .inner-wrapper .presse_wrapper .row { justify-content: center; } .presse_page.mobile .section .inner-wrapper .presse_wrapper .row .col { flex-basis: 50%; max-width: 150px; min-width: 150px; margin: 0px 5vw; margin-bottom: 100px; } .presse_page.mobile .section .inner-wrapper .presse_wrapper .row .col h3 { line-height: 24px; font-size: 16px; padding-right: 0px; } .presse_page.mobile .section .inner-wrapper .presse_wrapper .row .col h4 { right: -220px; } .presse_page.mobile .section .inner-wrapper .image_wrapper { width: 100%; margin-top: 60px; margin-bottom: 70px; } @media screen and (max-width: 520px) { .presse_page.mobile .section .inner-wrapper .image_wrapper { margin-top: 0vw; margin-bottom: 2vw; } } .presse_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 16vw; text-align: left; transform: rotate(0deg); position: relative; top: 0px; right: 0px; } /*-------------------------------------------------------------- ## staff --------------------------------------------------------------*/ .staff_page { width: 100%; margin-top: 170px; } .staff_page .section { min-height: 300px; background-color: #000; color: #fff; color: #ffc82d; } .staff_page .section .inner-wrapper { max-width: 1200px; padding: 60px 50px; margin: auto; display: flex; flex-direction: row-reverse; justify-content: space-between; position: relative; z-index: 99; } .staff_page .section .inner-wrapper .image_wrapper { flex-basis: 50%; max-width: 50%; margin-bottom: -7px; } .staff_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 8px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; right: 20px; top: 53px; } .staff_page .section .inner-wrapper .image_wrapper img.first { position: relative; top: -180px; left: -40px; } .staff_page .section .inner-wrapper .image_wrapper img.second { position: relative; top: -399px; left: 183px; margin-bottom: -400px; } .staff_page .section .inner-wrapper .image_wrapper img.third { position: relative; top: -140px; left: 0px; margin-bottom: -15px; } .staff_page .section .inner-wrapper .image_wrapper h2 { font-size: 48px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; bottom: 150px; padding-left: 50px; } .staff_page .section .inner-wrapper .image_wrapper .svg_logo { display: block; text-align: right; margin-top: -140px; } .staff_page .section .inner-wrapper .paragraph_wrapper { flex-basis: 50%; max-width: 50%; font-family: "Alegreya Sans", sans-serif; font-size: 14px; line-height: 30px; padding-right: 11%; letter-spacing: 1px; } .staff_page .section .inner-wrapper .paragraph_wrapper p { margin-bottom: 5px; } .staff_page .section .inner-wrapper .paragraph_wrapper ul { margin: 0px; padding: 0px; list-style: none; } .staff_page .section .inner-wrapper .paragraph_wrapper ul li { position: relative; padding-left: 0px; } .staff_page .section .inner-wrapper .paragraph_wrapper ul li:before { content: ""; width: 7px; height: 7px; border-radius: 7px; background-color: #fff; position: relative; display: inline-block; left: 0px; top: -1px; margin-right: 13px; } .staff_page .section .inner-wrapper .paragraph_wrapper h2 { font-size: 48px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; bottom: 150px; padding-left: 50px; } .staff_page .section .inner-wrapper .staff_wrapper { padding: 50px 0px; padding-bottom: 0px; width: 100%; max-width: 830px; margin: auto; margin-bottom: -80px; } .staff_page .section .inner-wrapper .staff_wrapper .row { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .staff_page .section .inner-wrapper .staff_wrapper .row .col { flex-basis: 33.33%; max-width: 33.33%; margin-bottom: 100px; position: relative; } .staff_page .section .inner-wrapper .staff_wrapper .row .col .cover_holder { display: block; position: relative; } .staff_page .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { width: 100%; height: auto; -webkit-mask-position: center center; -webkit-mask-size: cover; mask-size: cover; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; position: absolute; left: -1px; top: 5px; max-width: 95px; top: 0px; height: 128.08px; left: 0px; } @media screen and (min-width: 1024px) { .staff_page .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { top: -1px; top: 0px; height: 128.08px; width: 93px; left: 0px; } } @media screen and (max-width: 768px) { .staff_page .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { top: -1px; top: 0px; height: 373.08px; left: 0px; } } .staff_page .section .inner-wrapper .staff_wrapper .row .col .cover_holder img { margin-bottom: 30px; max-width: 93px; } .staff_page .section .inner-wrapper .staff_wrapper .row .col .cover_holder img:not(.mask) { -webkit-filter: grayscale(1); filter: grayscale(1); } .staff_page .section .inner-wrapper .staff_wrapper .row .col h3 { font-family: "Alegreya Sans", sans-serif; font-size: 12px; color: #fff; font-weight: 700; text-transform: uppercase; padding-right: 0px; letter-spacing: 1px; position: absolute; left: 62px; max-width: 90px; text-align: right; line-height: 15px; } @media screen and (min-width: 768px) { .staff_page .section .inner-wrapper .staff_wrapper .row .col h3 { bottom: 150px; left: unset; right: 46%; max-width: 100%; } } .staff_page .section .inner-wrapper .staff_wrapper .row .col h4 { font-family: "Chivo", sans-serif; text-transform: uppercase; padding-right: 0px; letter-spacing: 2px; font-weight: 900; max-width: 190px; text-align: left; line-height: 30px; position: relative; top: -60px; font-size: 24px; } @media screen and (min-width: 768px) { .staff_page .section .inner-wrapper .staff_wrapper .row .col h4 { height: 85px; } } .staff_page .section .inner-wrapper .staff_wrapper .row .col .crown_icon { position: absolute; left: -27px; top: -40px; z-index: -1; opacity: 0; display: none; } .staff_page .section:nth-child(2n) { background-color: #ffc82d; color: #000; } @media screen and (max-width: 768px) { .staff_page .section:nth-child(2n) { color: #000; } } .staff_page .section:nth-child(2n) .inner-wrapper { flex-direction: row; } .staff_page .section:nth-child(2n) .inner-wrapper .paragraph_wrapper { padding-right: unset; padding-left: 11%; } .staff_page .section.column .inner-wrapper { flex-direction: column-reverse; align-items: center; padding-bottom: 80px !important; padding-left: 0px; } .staff_page .section.column .inner-wrapper .paragraph_wrapper { flex-basis: 100%; max-width: 430px; padding-right: 0px; } .staff_page .section.column .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; } .staff_page .section.column .inner-wrapper .image_wrapper h2 { position: relative; bottom: -35px; text-align: center; padding-left: 0px; margin-top: 10px; } .staff_page .section.center .inner-wrapper { min-height: 300px; align-content: center; align-items: center; } .staff_page .section.custom-min-height { min-height: 300px; } .staff_page .section.custom-min-height .inner-wrapper { min-height: 300px; } .staff_page .section.with_crown .inner-wrapper .staff_wrapper .row .col .crown_icon { position: absolute; left: -27px; top: -40px; z-index: -1; opacity: 0.2; display: none; } .staff_page .section.with_crown .inner-wrapper .staff_wrapper .row .col:nth-child(1) .crown_icon { display: block; transform: rotate(-4deg); } .staff_page .section.with_crown .inner-wrapper .staff_wrapper .row .col:nth-child(2) .crown_icon { display: block; transform: rotate(10deg); } .staff_page .polygon_bg { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1200px; transform: translateX(-50%); height: 100%; overflow: hidden; } .staff_page .polygon_bg img { opacity: 0.15; position: absolute; right: -110px; top: 1330px; transform: rotate(-90deg); height: 530px; max-width: none; } .staff_page.mobile { margin-top: 30px; } .staff_page.mobile .polygon_bg img { opacity: 0.15; position: absolute; left: 0%; top: 1570px; transform: rotate(-90deg) translateY(-50%); height: 530px; max-width: none; } .staff_page.mobile .section.column .inner-wrapper { padding-right: 0px; } .staff_page.mobile .section .inner-wrapper .staff_wrapper { margin-top: 100px; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row { flex-direction: column; align-items: center; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col { flex-basis: 100%; max-width: 500px; width: 100%; } @media screen and (max-width: 540px) { .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col { max-width: 100%; width: 100%; } } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .cover_holder img { margin-bottom: 30px; max-width: 270px; width: 100%; } @media screen and (max-width: 540px) { .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .cover_holder img { max-width: 187px; width: 100%; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { height: 258.39px; } } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .crown_icon { left: -17%; top: -122px; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .crown_icon svg { width: 400px; } @media screen and (max-width: 470px) { .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .crown_icon { left: -7%; top: -52px; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .crown_icon svg { width: 200px; } } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col :nth-child(1) .crown_icon { transform: translateX(-50%) rotate(-4deg); } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col h3 { font-weight: 900; font-size: 36px; letter-spacing: 3px; bottom: 52%; top: unset; left: 57%; max-width: 150px; line-height: 45px; } @media screen and (max-width: 540px) { .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col h3 { font-size: 21px; line-height: 26px; left: unset; right: 0px; bottom: 130px; top: unset; max-width: 180px; } } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col h4 { letter-spacing: 7px; font-weight: 900; max-width: 490px; text-align: left; line-height: 70px; position: relative; font-size: 71px; top: -98px; } @media screen and (max-width: 768px) { .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col h4 { letter-spacing: 4px; font-weight: 900; max-width: 490px; text-align: left; line-height: 65px; position: relative; font-size: 64px; top: -91px; word-break: break-word; height: 180px; line-height: 48px; position: relative; font-size: 45px; top: -75px; word-break: unset; height: 180px; } } @media screen and (max-width: 540px) { .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col h4 { font-size: 40px; line-height: 45px; max-width: 280px; word-break: break-word; letter-spacing: 0px; margin-top: -41px; top: -33px; max-width: 100%; word-break: unset; font-size: 30px; line-height: 38px; margin-top: -26px; top: -40px; height: 80px; } } @media screen and (max-width: 360px) { .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col h4 { font-size: 25px; } } .staff_page.mobile .section .inner-wrapper .image_wrapper h1 { margin-bottom: 30px; margin-left: 0px; position: relative; right: 0px; top: -40px; text-align: left; transform: rotate(0deg); font-size: 140px; top: 0px; margin-top: 50px; margin-bottom: 80px; } @media screen and (max-width: 540px) { .staff_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 26vw; } } /*-------------------------------------------------------------- ## site_header --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## palmares content --------------------------------------------------------------*/ .palmares_content2 { position: relative; width: 100%; min-height: calc(100vh - 0px); margin-top: -60px; } .palmares_content2 .section { position: relative; width: 100%; max-width: 1200px; margin: auto; } .palmares_content2 .section h1 { font-size: 9vw; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: transparent; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 8px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: -40px; position: absolute; z-index: 1; font-size: 120px; left: 0%; top: 0%; width: 100%; transform: rotate(-90deg) translateX(-61%) translateY(-260%); } @media screen and (max-height: 900px) { .palmares_content2 .section h1 { font-size: 140px; top: -140px; letter-spacing: 0px; } } @media screen and (max-height: 610px) { .palmares_content2 .section h1 { font-size: 90px; top: -160px !important; } } @media screen and (min-height: 611px) { .palmares_content2 .section h1 { font-size: 100px; top: -140px; letter-spacing: 0px; } } @media screen and (min-width: 1500px) { .palmares_content2 .section h1 { transform: rotate(-90deg) translateX(-61%) translateY(-25vw); } } .palmares_content2 .section .first_place_icon { position: absolute; left: -19vw; top: 16vw; transform: rotate(10deg); opacity: 0.7; } .palmares_content2 .swiper-container { width: 100%; min-height: calc(100vh - 0px); margin-left: auto; margin-right: auto; } .palmares_content2 .palmares-horizontal, .palmares_content2 .palmares-horizontal-vertical { min-height: 100%; min-height: calc(100vh - 0px); } .palmares_content2 .palmares-horizontal .swiper-slide, .palmares_content2 .palmares-horizontal-vertical .swiper-slide { min-height: calc(100vh - 0px); } .palmares_content2 .palmares-horizontal .swiper-slide .main_line, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .main_line { position: absolute; bottom: 20%; left: 0px; width: 100%; height: 2px; background-color: #fff; } .palmares_content2 .palmares-horizontal .swiper-slide[data-section-name="intro_section"] .main_line, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-section-name="intro_section"] .main_line { left: 40%; width: 60%; } .palmares_content2 .palmares-horizontal .swiper-slide .intro_section .description, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .intro_section .description { position: absolute; bottom: 25%; left: 40%; max-width: 430px; font-family: "Alegreya Sans", sans-serif; font-size: 14px; line-height: 30px; margin-left: 0%; color: #fff; letter-spacing: 1px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section { position: absolute; bottom: 20%; left: 0px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row { display: flex; flex-direction: row; flex-wrap: nowrap; position: relative; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col { width: 400px; min-width: 400px; flex-basis: 400px; position: relative; } @media screen and (max-width: 630px) { .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col { width: 100%; min-width: auto; position: relative; } } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col.date_year, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col.date_year { position: absolute; left: 0px; top: 0px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col.date_year .date, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col.date_year .date { position: absolute; left: 0px; bottom: 0px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col.date_year .date .txt_rotate, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col.date_year .date .txt_rotate { position: absolute; right: -308px; top: -110px; font-size: 186px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: #1e1e1e; text-transform: uppercase; letter-spacing: 6px; line-height: 186px; } @media screen and (max-height: 610px) { .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col.date_year .date .txt_rotate, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col.date_year .date .txt_rotate { right: -208px; top: -80px; font-size: 140px; letter-spacing: -8px; line-height: 100px; } } @media screen and (min-height: 611px) { .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col.date_year .date .txt_rotate, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col.date_year .date .txt_rotate { right: -207px; top: -80px; font-size: 140px; line-height: 100px; letter-spacing: -8px; } } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col.date_year .date .txt, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col.date_year .date .txt { font-size: 36px; font-family: "Chivo", sans-serif; font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 1px #f1be2e; letter-spacing: 3px; text-align: right; line-height: 36px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; left: 80px; top: 10px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper { position: absolute; right: 0px; bottom: 0px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc { position: absolute; bottom: 0px; transform: translateY(calc(100% + 10px)) translateX(50%); width: 230px; right: -40px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row { display: flex; flex-direction: column; overflow: visible; max-width: 300px; max-height: 166px; } @media screen and (max-width: 768px) { .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row { max-height: none; } } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row::-webkit-scrollbar-track, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 10px; background-color: #000 !important; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row::-webkit-scrollbar-thumb, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); background-color: #0a0a0a !important; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row::-webkit-scrollbar, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row::-webkit-scrollbar { width: 5px; height: 5px; background-color: #000 !important; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2 { font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; margin: 0px; color: #fff; min-width: none !important; letter-spacing: 1px; width: auto !important; margin-bottom: 10px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2 .place, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2 .place { color: #f1be2e; font-weight: 700; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .line, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .line { position: absolute; width: 2px; height: 120px; background: rgba(255, 255, 255, 0.3); bottom: 20px; right: 20px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .line:after, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .line:after { content: ""; height: 13px; width: 12px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 10px; position: absolute; left: -5px; top: -10px; transform: rotate(-90deg); } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .line:before, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .line:before { content: ""; width: 10px; height: 10px; border-radius: 12px; border: 2px solid rgba(255, 255, 255, 0.3); position: absolute; left: -4px; bottom: -10px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .line .month, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .line .month { position: absolute; right: -50px; bottom: 60px; font-size: 36px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: rgba(255, 255, 255, 0.3); text-transform: uppercase; letter-spacing: 1px; line-height: 36px; width: 150px; text-align: left; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game { position: absolute; transform: translateX(50%); right: -10px; bottom: 150px; width: 500px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game span, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game span { display: block; text-align: right; color: #FFF; letter-spacing: 1.4px; font-size: 14px; font-weight: 800; font-family: "Alegreya Sans", sans-serif; text-transform: uppercase; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game img, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game img { opacity: 0.25; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper { position: absolute; z-index: 9; bottom: 160px; transform: translateX(50%) translateY(30%) scale(0.5); right: 20px; width: 250px; max-height: 500px; overflow: auto; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper::-webkit-scrollbar-track, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 10px; background-color: #171717; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper::-webkit-scrollbar-thumb, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); background-color: #555555; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper::-webkit-scrollbar, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper::-webkit-scrollbar { width: 5px; height: 5px; background-color: #000; } @media screen and (max-height: 610px) { .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper { transform: translateX(50%) scale(0.7); transform-origin: bottom; } } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place1_icon .cls-1, .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place2_icon .cls-1, .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place3_icon .cls-1, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place1_icon .cls-1, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place2_icon .cls-1, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place3_icon .cls-1 { fill: #ffc82d; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game { display: flex; flex-direction: row; justify-content: flex-start; margin-top: 10px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .place_icon, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .place_icon { width: 80px; text-align: center; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .game, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .game { position: relative; padding-left: 30px; display: flex; flex-direction: column; justify-content: space-between; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .game:before, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .game:before { content: ""; height: calc(100% - 5px); width: 2px; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 14px; top: 0px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .game img, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .game img { transform: scale3d(1, 1, 1); max-height: 30px; max-width: 80px; width: auto; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col:nth-child(2n) .month_wrapper .line, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col:nth-child(2n) .month_wrapper .line { height: 170px; } @media screen and (max-height: 610px) { .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col:nth-child(2n) .month_wrapper .line, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col:nth-child(2n) .month_wrapper .line { height: 100px; } } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col:nth-child(2n) .month_wrapper .trophy_wrapper, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col:nth-child(2n) .month_wrapper .trophy_wrapper { bottom: 210px; } @media screen and (max-height: 610px) { .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col:nth-child(2n) .month_wrapper .trophy_wrapper, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col:nth-child(2n) .month_wrapper .trophy_wrapper { bottom: 140px; } } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="black"], .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="black"] { background-color: #000; } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"], .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] { background-color: #ffc82d; } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col.date_year .date .txt, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col.date_year .date .txt { color: #ffc82d; -webkit-text-stroke: 1px black; } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col.date_year .date .txt_rotate, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col.date_year .date .txt_rotate { color: #f1be2e; } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2 { color: #000; font-weight: 500; } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2 .place, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2 .place { color: #d0a62c; } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line { opacity: 1; background: rgba(0, 0, 0, 0.2); } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line:before, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line:before { border-color: rgba(0, 0, 0, 0.2); } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line:after, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line:after { opacity: .2; } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line .month, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line .month { color: #d0a62c; } .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place1_icon .cls-1, .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place2_icon .cls-1, .palmares_content2 .palmares-horizontal .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place3_icon .cls-1, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place1_icon .cls-1, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place2_icon .cls-1, .palmares_content2 .palmares-horizontal-vertical .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .trophy_wrapper .svg_place3_icon .cls-1 { fill: #000; } @media screen and (max-width: 1024px) { .palmares_content2.mobile:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 99; } } @media screen and (max-width: 1024px) { .palmares_content2.mobile .palmares-horizontal-vertical { pointer-events: none; } } .palmares_content2.mobile .section { margin-bottom: 200px; } @media screen and (max-width: 420px) { .palmares_content2.mobile .section { margin-bottom: 100px; } } @media screen and (max-width: 450px) { .palmares_content2.mobile .section .palmares_content2 .section .first_place_icon { position: absolute; left: -25vw; top: 16vw; transform: rotate(10deg); opacity: 0.5; } .palmares_content2.mobile .section .palmares_content2 .section .first_place_icon svg { width: 90%; } } .palmares_content2.mobile .section h1 { transform: rotate(0deg); font-size: 18vw; letter-spacing: -1px; text-align: center; left: 4.5vw; top: 25vw; bottom: unset; top: 0px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .section h1 { left: 6.5vw; } } @media screen and (max-width: 420px) { .palmares_content2.mobile .section h1 { left: 12.5vw; left: 11.5vw; } } .palmares_content2.mobile .swiper-slide { width: 100% !important; background-image: url("https://vitality.gg/wp-content/themes/vitality/images/polygons_black.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygons_black.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"); background-position: top 40vw right -10vw, bottom 25vw left -5vw, bottom 50vw left 50%; background-repeat: no-repeat, no-repeat; background-size: 143px, 143px; min-height: calc(670px - 0px); } @media screen and (max-width: 420px) { .palmares_content2.mobile .swiper-slide { background-image: url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg); background-position: top 40vw right -10vw, bottom 25vw left -5vw, bottom 50vw left 50%; background-repeat: no-repeat, no-repeat; background-size: 73px, 73px; } } .palmares_content2.mobile .swiper-slide:first-child { background-image: none; min-height: 730px; } @media screen and (max-width: 450px) { .palmares_content2.mobile .swiper-slide:first-child { background-image: none; min-height: 520px; } } .palmares_content2.mobile .swiper-slide .intro_section .description { transform: translateX(-50%); bottom: 0%; left: 50%; max-width: 70%; width: 100%; font-size: 26px; line-height: 30px; margin-left: 0%; line-height: 45px; color: #fff; letter-spacing: 1px; position: relative; margin-top: 250px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .intro_section .description { max-width: 100%; font-size: 4vw; padding-left: 30px; padding-right: 30px; font-size: 5vw; margin-top: 140px; line-height: 9vw; } } .palmares_content2.mobile .swiper-slide[data-section-name="intro_section"] .main_line { display: none; } .palmares_content2.mobile .swiper-slide .main_line { position: absolute; top: -50px; left: 115px; width: 2px; height: 100%; background-color: #fff; transform: rotate(0deg); } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .main_line { left: 18vw; } } .palmares_content2.mobile .swiper-slide .data_section { position: relative; top: 0%; left: 0px; } .palmares_content2.mobile .swiper-slide .data_section .data_row { flex-direction: column; } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col { margin-bottom: 60px; flex-basis: 300px; margin-bottom: 100px; flex-basis: 100px; } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper { position: relative; right: 0px; bottom: 0px; bottom: 50px; } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .line { background: url(https://vitality.gg/wp-content/themes/vitality/images/palmares_h_arrow_mobile.png) no-repeat left top; position: absolute; width: 100%; height: 15px !important; top: 120px; left: 150px; background-size: auto 14px; max-width: 210px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .line { background-size: contain; max-width: 30vw; left: 21vw; } } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .line:after { display: none; } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .line:before { display: none; } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .line .month { left: 20px; bottom: 20px; transform: rotate(0deg); } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .line .month { font-size: 5vw; } } @media screen and (max-width: 420px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .line .month { left: 0px; bottom: 15px; } } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper { position: absolute; z-index: 9; bottom: unset !important; top: 80px; transform: translateX(100%); right: 20px; width: 250px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper { width: auto; right: unset; left: 20px; transform: translateX(50vw); } } @media screen and (max-width: 420px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper { transform: translateX(45vw); } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .place_icon { width: 45px; text-align: center; display: flex; justify-content: center; align-items: center; top: -2px; left: 6px; position: relative; } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .place_icon svg { width: 11vw; height: 11vw; } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .game img { max-height: 20px; max-width: 70px; } } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc { position: relative; margin-left: 10px; transform: translateY(140px) translateX(50%); } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc { width: 240px; transform: translateY(140px) translateX(15vw); } } @media screen and (max-width: 420px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc { transform: translateY(140px) translateX(8vw); } } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2 { font-size: 24px; line-height: 34px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc .trophy_desc_row h2 { font-size: 3vw; line-height: 4.5vw; max-width: 40%; min-width: auto; } } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game { position: absolute; transform: translateY(50%) translateX(0%); left: 114px; bottom: 50%; width: 500px; z-index: -1; } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game span { font-size: 12px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game { left: 18vw; } } @media screen and (max-width: 420px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .bg_team_game img { width: 60%; } } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col.date_year { position: relative; left: 0px; top: 0px; margin-bottom: -100px; margin-top: 250px; } @media screen and (max-width: 460px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col.date_year { margin-bottom: -160px; margin-top: 210px; } } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col.date_year .date .txt { transform: rotate(-90deg); left: 30px; top: -200px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col.date_year .date .txt { left: 4vw; font-size: 7vw; } } .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col.date_year .date .txt_rotate { position: absolute; left: 0px; top: -350px; font-size: 200px; transform: rotate(0deg); font-weight: 900; color: rgba(255, 255, 255, 0.1); text-transform: uppercase; letter-spacing: 6px; line-height: 186px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col.date_year .date .txt_rotate { font-size: 21vw; } } .palmares_content2.mobile .swiper-slide[data-color="yellow"] { background-image: url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow2.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"); background-position: top 80vw left -10vw, bottom 25vw left -5vw, top 42% right 23vw, top 50% right 37vw, bottom 5vw right 6vw; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; background-size: 143px, 143px, 170px, 170px, 170px; } @media screen and (max-width: 420px) { .palmares_content2.mobile .swiper-slide[data-color="yellow"] { background-image: url(https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow2.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg); background-position: top 80vw left -10vw, bottom 25vw left -5vw, top 32% right 23vw, top 50% right 37vw, bottom 5vw right 6vw; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; background-size: 73px, 73px, 70px, 70px, 70px; } } .palmares_content2.mobile .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line { background: url(https://vitality.gg/wp-content/themes/vitality/images/palmares_h_arrow_mobile.png) no-repeat left top; position: absolute; width: 100%; height: 15px !important; top: 120px; left: 150px; background-size: auto 14px; max-width: 210px; } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line { background-size: contain; max-width: 30vw; left: 21vw; } } .palmares_content2.mobile .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line .month { color: rgba(0, 0, 0, 0.3); } @media screen and (max-width: 630px) { .palmares_content2.mobile .swiper-slide[data-color="yellow"] .data_section .data_row .data_col .month_wrapper .line .month { color: rgba(0, 0, 0, 0.8); } } .palmares_content2:not(.mobile) .swiper-slide:not(:first-child) { background-image: url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg); background-position: bottom -7% right 30%, bottom 38% right 10%; background-repeat: no-repeat, no-repeat; background-size: 143px, 113px; } @media screen and (max-height: 610px) { .palmares_content2:not(.mobile) .swiper-slide:not(:first-child) { background-size: 103px, 110px; } } .palmares_content2:not(.mobile) .swiper-slide:nth-child(2) { background-image: url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg); background-position: bottom -7% right 30%, bottom 38% right 10%; background-repeat: no-repeat, no-repeat; background-size: 143px, 113px; } @media screen and (max-height: 610px) { .palmares_content2:not(.mobile) .swiper-slide:nth-child(2) { background-size: 110px, 103px; } } .palmares_content2:not(.mobile) .swiper-slide:nth-child(4) { background-image: url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black2.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black3.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg); background-position: bottom -1% left 26.4%, bottom -6% left 63.4%, top 43% left 31%, bottom 33% right 17%; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 143px, 143px, 113px, 113px; } @media screen and (max-height: 610px) { .palmares_content2:not(.mobile) .swiper-slide:nth-child(4) { background-size: 103px, 103px, 110px, 110px; } } .palmares_content2:not(.mobile) .swiper-slide:nth-child(5)[data-color="yellow"] { background-image: url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow3.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"); background-position: bottom -5% right 21%, bottom 57% left 48%; background-repeat: no-repeat, no-repeat; background-size: 143px, 113px; } @media screen and (max-height: 610px) { .palmares_content2:not(.mobile) .swiper-slide:nth-child(5)[data-color="yellow"] { background-size: 103px, 110px; } } .palmares_content2:not(.mobile) .swiper-slide:nth-child(6)[data-color="yellow"] { background-image: url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow3.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow3.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow2.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow2.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"); background-position: bottom 2% left 17%, bottom -10.5% left 22.3%, bottom 1% left 68%, bottom -7% left 71%, top 58% left 31%, top 80% left 35.6%, top 38% right -0.4%; background-repeat: no-repeat; background-size: 143px, 143px, 143px, 143px, 113px, 113px, 113px; } @media screen and (max-height: 610px) { .palmares_content2:not(.mobile) .swiper-slide:nth-child(6)[data-color="yellow"] { background-size: 103px, 103px, 103px, 103px, 110px, 110px, 110px; } } .palmares_content2:not(.mobile) .swiper-slide:nth-child(7) { background-image: url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black3.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black2.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygons_black.png), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg), url(https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg); background-position: bottom -5% left 53%, bottom -9.5% left 56.5%, bottom -14% right 36%, bottom 1% right -4%, top 38% left -6.5%, bottom 38% left 40%, top 28% right -2%; background-repeat: no-repeat; background-size: 143px, 143px, 143px, 143px, 113px, 113px, 113px; } @media screen and (max-height: 610px) { .palmares_content2:not(.mobile) .swiper-slide:nth-child(7) { background-size: 103px, 103px, 103px, 103px, 110px, 110px, 110px; } } .palmares_content2:not(.mobile) .swiper-slide[data-color="yellow"] { background-image: url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow2.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygons_yellow.png"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg"), url("https://vitality.gg/wp-content/themes/vitality/images/polygon_white.svg") !important; background-position: bottom 5% left 65%, bottom -3.5% left 58.6%, bottom -4% left 15%, bottom 21% left 23%, bottom 44% left 28%, top 44% right 6.6% !important; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; background-size: 123px, 123px, 133px, 120px, 120px, 120px !important; } @media screen and (max-height: 610px) { .palmares_content2:not(.mobile) .swiper-slide[data-color="yellow"] { background-size: 103px, 103px, 103px, 110px, 110px, 110px !important; } } /*-------------------------------------------------------------- ## Home Page --------------------------------------------------------------*/ .home_page { width: 100%; margin-top: 100px; padding-top: 70px; } .home_page .section { min-height: 300px; background-color: #000; color: #fff; } .home_page .section .inner-wrapper { padding: 60px 50px; max-width: 1350px; margin: auto; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 99; } .home_page .section .inner-wrapper.first_section { margin-top: -130px; max-width: 1320px; } .home_page .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; padding-left: 0%; display: flex; justify-content: center; } .home_page .section .inner-wrapper .result_calendar_featured { display: flex; flex-direction: row; justify-content: center; } .home_page .section .inner-wrapper .result_calendar_featured h3 { object-fit: contain; font-family: "Chivo", sans-serif; font-size: 48px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #f1be2e; background-color: #000; max-width: 355px; margin: auto; margin-bottom: -40px; position: relative; text-transform: uppercase; z-index: 1; } .home_page .section .inner-wrapper .result_calendar_featured .featured_wrapper { width: 624px; height: 345px; border: solid 10px #f1be2e; background-color: #000; position: relative; display: flex; justify-content: center; } .home_page .section .inner-wrapper .result_calendar_featured .result_wrapper { margin-right: -10px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal { background-color: #000; width: 100%; max-width: 550px; margin: auto; height: 230px; position: relative; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .team_advers_names { position: absolute; width: 90%; height: 100%; left: 5%; top: 0px; z-index: 0; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .team_name { transform: rotate(-90deg); font-size: 94px; font-family: "Chivo", sans-serif; font-weight: 900; -webkit-text-stroke: 2px #ffffff; color: #000; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; position: absolute; bottom: 0px; padding-left: 0px; z-index: 0; width: 230px; height: 65px; line-height: 66px; left: -82px; top: 80px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .advers_name { transform: rotate(-90deg); font-size: 94px; font-family: "Chivo", sans-serif; font-weight: 900; -webkit-text-stroke: 2px #ffffff; color: #000; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; position: absolute; bottom: 0px; padding-left: 0px; z-index: 0; width: 230px; height: 65px; line-height: 66px; right: -80px; top: 80px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_logo { flex-basis: 30%; max-height: 30%; align-items: center; display: flex; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_logo img { height: 30px; max-width: none; width: auto; display: block; margin: auto; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body { flex-basis: 50%; max-height: 50%; margin-top: 10px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; overflow: hidden; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.team_logo { height: 80px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.team_logo img { height: 80px; width: auto; max-width: none; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper { display: flex; flex-direction: column; text-align: center; margin: 0px 58px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper.left { text-align: center; position: relative; right: -99px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper.upper { text-transform: uppercase; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .teams { font-family: "Alegreya Sans", sans-serif; font-weight: 600; font-size: 12px; text-transform: uppercase; color: #fff; letter-spacing: 1px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .teams_score { font-family: "Chivo", sans-serif; font-weight: 900; font-size: 60px; line-height: 60px; color: #fff; letter-spacing: 1px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .score { font-family: "Alegreya Sans", sans-serif; font-weight: 600; font-size: 15px; text-transform: uppercase; color: #fff; letter-spacing: 1px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.advers_logo { height: 80px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.advers_logo img { height: 80px; width: auto; max-width: none; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_footer { flex-basis: 25%; max-height: 25%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_footer span { font-family: "Alegreya Sans", sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #fff; letter-spacing: 1px; padding-bottom: 5px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_footer span span.date { padding-left: 20px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_footer .voir_plus { display: block; font-family: "Alegreya Sans", sans-serif; font-size: 10px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; text-align: center; color: #f1be2e; border: solid 2px #ffc82d; background-color: #000; padding: 3px 17px; text-decoration: none; padding-top: 4px; margin-top: 5px; margin-bottom: -25px; } .home_page .section .inner-wrapper .videos_wrapper { padding: 50px 0px; padding-bottom: 40px; width: 100%; } .home_page .section .inner-wrapper .videos_wrapper h2 { font-size: 60px; font-family: "Chivo", sans-serif; font-weight: 900; color: #1e1e1e; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; top: -23px; } .home_page .section .inner-wrapper .videos_wrapper .row { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .home_page .section .inner-wrapper .videos_wrapper .row .col { flex-basis: 30.33%; max-width: 30.33%; padding-right: 3%; padding-left: 3%; margin-bottom: 50px; position: relative; } .home_page .section .inner-wrapper .videos_wrapper .row .col a { text-decoration: none; outline: none; } .home_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder { display: block; position: relative; } .home_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder .border_effect { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 5px solid #fff; transform: translate(-12px, -15px); } .home_page .section .inner-wrapper .videos_wrapper .row .col:nth-child(2n) .cover_holder .border_effect { transform: translate(12px, -15px); } .home_page .section .inner-wrapper .videos_wrapper .row .col h3 { font-family: "Alegreya Sans", sans-serif; font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; padding-right: 30px; letter-spacing: 1px; } .home_page .section .inner-wrapper .videos_wrapper .row .col .polygon1 { position: absolute; left: 15px; top: -24px; z-index: -1; } .home_page .section .inner-wrapper .videos_wrapper .row .col .polygon2 { position: absolute; right: 19px; top: 139px; z-index: -1; } .home_page .section .inner-wrapper .videos_production_wrapper { padding: 50px 0px; padding-bottom: 40px; width: 100%; } .home_page .section .inner-wrapper .videos_production_wrapper h2:not(.titre) { font-size: 60px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; top: -23px; } .home_page .section .inner-wrapper .videos_production_wrapper .row { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col { flex-basis: 30.33%; max-width: 30.33%; padding-right: 3%; padding-left: 3%; margin-bottom: 50px; position: relative; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col a { text-decoration: none; outline: none; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .cover_holder { display: block; position: relative; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .cover_holder .border_effect { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 5px solid #fff; transform: translate(-12px, -15px); } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .cover_holder .go_to_production_page { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; z-index: 3; outline: none; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .cover_holder .data-iframe { display: none; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col:nth-child(2n) .cover_holder .border_effect { transform: translate(12px, -15px); } .home_page .section .inner-wrapper .videos_production_wrapper .row .col h3 { font-family: "Alegreya Sans", sans-serif; font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; padding-right: 30px; letter-spacing: 1px; } @media screen and (min-width: 768px) { .home_page .section .inner-wrapper .videos_production_wrapper .row .col h3 { height: 20px; } } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .polygon1 { position: absolute; left: 15px; top: -24px; z-index: -1; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .polygon2 { position: absolute; right: 15px; bottom: -19px; z-index: -1; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .youtube_icon { position: absolute; right: 36px; bottom: 0px; z-index: -1; } .home_page .section .inner-wrapper .titre { font-family: "Chivo", sans-serif; font-size: 48px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffffff; position: relative; width: 100%; } .home_page .section .inner-wrapper .titre:before { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; max-width: 80%; height: 15px; opacity: 0.2; background-color: #ffffff; transform: translate(-50%, -50%); } .home_page .section .inner-wrapper .titre span { position: relative; z-index: 3; text-transform: uppercase; padding: 0px 50px; background-color: #ffc82d; } .home_page .section .inner-wrapper .titre.black_bg { margin-top: -130px; margin-bottom: 60px; } .home_page .section .inner-wrapper .titre.black_bg span { background-color: #000; } .home_page .section .inner-wrapper .shop_wrapper { padding: 0px; padding-bottom: 40px; width: 100%; position: relative; } .home_page .section .inner-wrapper .shop_wrapper.self_center { margin-top: 100px; } .home_page .section .inner-wrapper .shop_wrapper h4 { font-family: "Chivo", sans-serif; font-size: 32px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.8px; color: inherit; position: absolute; left: 48%; top: 130px; width: 235px; text-transform: uppercase; } .home_page .section .inner-wrapper .shop_wrapper h3 { position: absolute; left: 120px; bottom: -200px; width: 70px; height: 250px; } .home_page .section .inner-wrapper .shop_wrapper h3 .shop_icon { position: absolute; left: 0px; top: -270px; z-index: 5; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; } .home_page .section .inner-wrapper .shop_wrapper h3 .shop_icon .svg_shop_icon { position: absolute; } .home_page .section .inner-wrapper .shop_wrapper h3 span { height: 80px; width: 300px; object-fit: contain; -webkit-text-stroke: 2px #ffffff; font-family: "Chivo", sans-serif; font-size: 100px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: transparent; text-transform: uppercase; display: block; transform: rotate(-90deg); line-height: 80px; letter-spacing: 10px; position: absolute; left: -100px; bottom: 250px; } .home_page .section .inner-wrapper .shop_wrapper .row { display: flex; flex-direction: row; justify-content: center; transform: translateX(5%) scale(0.9, 0.9); margin-bottom: 100px; margin-top: 30px; } .home_page .section .inner-wrapper .shop_wrapper .row .col { flex-basis: 25%; max-width: 25%; margin-left: -50px; margin-right: -50px; } .home_page .section .inner-wrapper .shop_wrapper .row .col a { display: block; position: relative; } .home_page .section .inner-wrapper .shop_wrapper .row .col a .photo_model { width: 289px; height: 289px; overflow: hidden; position: relative; } .home_page .section .inner-wrapper .shop_wrapper .row .col a .photo_model img { max-width: 289px; } .home_page .section .inner-wrapper .shop_wrapper .row .col a .border_effect { position: absolute; left: 0px; top: 0px; width: 95%; height: 99%; border: 10px solid #000; transform: translate(-20px, -20px); } .home_page .section .inner-wrapper .shop_wrapper .row .col:first-child .border_effect { transform: translate(20px, -20px); } .home_page .section .inner-wrapper .shop_wrapper .row .col:nth-child(2) { transform: translateY(50%) translateX(-11%); } .home_page .section .inner-wrapper .shop_wrapper .row .col:nth-child(2) .border_effect { transform: translate(-20px, -20px); } .home_page .section .inner-wrapper .shop_wrapper .row .col:nth-child(3) { transform: translateY(63%) translateX(45%); position: relative; z-index: 4; } .home_page .section .inner-wrapper .shop_wrapper .row .col:nth-child(3) .border_effect { transform: translate(-20px, -20px); } .home_page .section .inner-wrapper .shop_wrapper .row .col:last-child { transform: translateY(-10%) translateX(10%); } .home_page .section .inner-wrapper .shop_wrapper .row .col:last-child .border_effect { transform: translate(20px, 20px); } .home_page .section .ads_wrapper { max-width: 930px; height: 130px; object-fit: contain; background-color: #ffffff; padding: 5px; overflow: hidden; margin: auto; top: -70px; margin-bottom: 10px; position: relative; z-index: 9; } .home_page .section .ads_wrapper.self_center { margin-top: 100px; } .home_page .section .ads_wrapper.self_center2 { position: relative; top: -40px; } .home_page .section:nth-child(2n) { background-color: #ffc82d; color: #000; } .home_page .section[data-color="yellow"] { background-color: #ffc82d !important; color: #000 !important; } .home_page .section[data-color="yellow"] .inner-wrapper .titre span { background: #ffc82d !important; } .home_page .section[data-color="yellow"] .videos_production_wrapper { margin-top: 60px; } .home_page .section[data-color="black"] { background-color: #000 !important; color: #fff !important; } .home_page .section[data-color="black"] .videos_production_wrapper { margin-top: 61px; } .home_page .section[data-color="black"] .inner-wrapper .titre span { background: #000 !important; } .home_page .section[data-color="black"] .inner-wrapper .shop_wrapper .row .col a .border_effect { border-color: #FFF !important; } .home_page .section[data-color="black"] .inner-wrapper .shop_wrapper h3 .shop_icon .svg_polygon_filled { fill: #ffc82d !important; } .home_page .section.weeklynews { position: relative; } .home_page .section.weeklynews .polygon_bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .home_page .section.weeklynews .polygon_bg svg { transform: rotate(15deg); display: block; opacity: 0.6; margin: auto; margin-top: 190px; } .home_page .section.weeklynews .polygon_bg .svg_logo_black .cls-1 { fill: #f1be2e; } .home_page .section.productions { position: relative; } .home_page .section.productions .polygon_bg { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1200px; transform: translateX(-50%); height: 100%; overflow: hidden; } .home_page .section.productions .polygon_bg img { position: absolute; right: 50%; top: 300px; max-width: 1146px; height: 434px; opacity: 0.2; transform: translateX(50%); } .home_page .section.center .inner-wrapper { min-height: 300px; align-content: center; align-items: center; } .home_page .home-horizontal-holder { position: relative; width: 100%; } .home_page .home-horizontal-holder .custom_swiper-button-next, .home_page .home-horizontal-holder .custom_swiper-button-prev { position: absolute; top: 0px; background: transparent !important; width: 14vw; max-width: 200px; height: 50vw; max-height: 560px; cursor: pointer; z-index: 999; } .home_page .home-horizontal-holder .custom_swiper-button-next { left: 0px; } .home_page .home-horizontal-holder .custom_swiper-button-prev { right: 0px; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper { height: 560px; max-height: 560px; overflow: hidden; position: relative; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .shadows { position: absolute; background: black; box-shadow: 0px 0px 42px 202px #000; z-index: 99; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .shadows.shad1 { width: 100%; height: 20px; left: 0px; top: -180px; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .shadows.shad2 { width: 100%; height: 20px; left: 0px; bottom: -180px; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .shadows.shad3 { width: 20px; height: 100%; left: -95px; bottom: 0px; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .shadows.shad4 { width: 20px; height: 100%; right: -95px; bottom: 0px; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .media_holder { position: absolute; left: 50%; top: 0px; height: 100%; width: 100%; max-width: 1080px; transform: translateX(-50%); } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .media_holder .cover_close_me { position: absolute; left: 0px; top: 0px; z-index: 5; width: 100%; height: 100%; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .media_holder .cover_close_me svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; opacity: .7; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .media_holder img { width: 100% !important; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .media_holder iframe { width: 100% !important; height: 100% !important; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .center_part_comun, .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .left_title, .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .right_title, .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .center_title { object-fit: contain; font-family: "Chivo", sans-serif; font-size: 100px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: 2.5; letter-spacing: normal; text-align: center; color: #f1be2e; text-transform: uppercase; overflow: hidden; line-height: 120px; transition: ease transform 600ms, ease opacity 800ms; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .left_title { position: absolute; left: 0px; top: 50%; transform: translateY(-50%) translateX(-35%); z-index: 9; opacity: 0.7; font-size: 50px; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .left_title.open { opacity: 1; transform: translateY(-50%) translateX(35%); } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .right_title { position: absolute; right: 0px; top: 50%; transform: translateY(-50%) translateX(35%); z-index: 9; opacity: 0.7; font-size: 50px; } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .right_title.open { opacity: 1; transform: translateY(-50%) translateX(-35%); } .home_page .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .center_title { position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); z-index: 999; } .home_page.mobile { margin-top: 0px; padding-top: 40px; } .home_page.mobile .home-horizontal-holder .custom_swiper-button-next, .home_page.mobile .home-horizontal-holder .custom_swiper-button-prev { font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; } .home_page.mobile .home-horizontal-holder .custom_swiper-button-next, .home_page.mobile .home-horizontal-holder .custom_swiper-button-prev { height: 44vw; max-height: 180px; top: unset; bottom: -7vw; } @media screen and (max-width: 670px) { .home_page.mobile .home-horizontal-holder .custom_swiper-button-next, .home_page.mobile .home-horizontal-holder .custom_swiper-button-prev { bottom: -5vw !important; font-size: 20vw !important; display: flex; justify-content: center; align-items: center; height: 110px; } } @media screen and (max-width: 420px) { .home_page.mobile .home-horizontal-holder .custom_swiper-button-next, .home_page.mobile .home-horizontal-holder .custom_swiper-button-prev { bottom: -8vw !important; } } .home_page.mobile .home-horizontal-holder .home-horizontal .slide_custom_wrapper { height: 54vw; } .home_page.mobile .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .center_title { max-width: 75vw; font-size: 11vw; } @media screen and (max-width: 670px) { .home_page.mobile .home-horizontal-holder .home-horizontal .slide_custom_wrapper .titles_holder .center_title { font-size: 11vw; bottom: -33px; } } .home_page.mobile .home-horizontal-holder .home-horizontal .slide_custom_wrapper .shadows.shad2 { bottom: -170px; } .home_page.mobile .home-horizontal-holder .home-horizontal .slide_custom_wrapper .shadows.shad3 { left: -175px; } .home_page.mobile .home-horizontal-holder .home-horizontal .slide_custom_wrapper .shadows.shad4 { right: -175px; } .home_page.mobile .section .inner-wrapper.first_section { margin-top: -80px; margin-bottom: 50px; padding: 60px 0px; margin-bottom: -30px; } .home_page.mobile .section .inner-wrapper .titre span { padding: 0px 20px; } .home_page.mobile .section .inner-wrapper .image_wrapper .filtre { max-height: 442px; position: absolute; left: -42px; top: 41px; width: 107%; height: 100%; max-width: 1117px; } .home_page.mobile .section .inner-wrapper .image_wrapper .titre_wrapper .filtre_titre { display: none; } .home_page.mobile .section .inner-wrapper .image_wrapper .titre_wrapper .right_part { display: none; } .home_page.mobile .section .inner-wrapper .image_wrapper .titre_wrapper .left_part { display: none; } .home_page.mobile .section .inner-wrapper .result_calendar_featured { flex-direction: column; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_footer .voir_plus { font-size: 24px; padding: 3px 27px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.advers_logo { max-width: 60px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .result_wrapper { margin-bottom: 40px; } .home_page.mobile .section.weeklynews .inner-wrapper { padding: 60px 20px; } .home_page.mobile .section.weeklynews .inner-wrapper .videos_wrapper .row { flex-direction: column; } .home_page.mobile .section.weeklynews .inner-wrapper .videos_wrapper .row .col { flex-basis: 100%; max-width: 100%; padding-left: 10%; padding-right: 10%; margin-bottom: 80px; } .home_page.mobile .section.weeklynews .inner-wrapper .videos_wrapper .row .col .polygon1 { left: 3vw; top: -7vw; opacity: 0.5; } .home_page.mobile .section.weeklynews .inner-wrapper .videos_wrapper .row .col .polygon1 svg { width: 10vw; max-width: 69px; } .home_page.mobile .section.weeklynews .inner-wrapper .videos_wrapper .row .col .polygon2 { right: 1vw; top: 30vw; opacity: 0.5; } .home_page.mobile .section.weeklynews .inner-wrapper .videos_wrapper .row .col .polygon2 svg { width: 15vw; max-width: 111px; } .home_page.mobile .section.weeklynews .inner-wrapper .videos_wrapper .row .col h3 { font-size: 24px; color: #000; } .home_page.mobile .section .ads_wrapper { height: auto; padding: 10px 0px; } .home_page.mobile .section .ads_wrapper a { display: block; } .home_page.mobile .section .ads_wrapper a img { margin-bottom: -7px; } .home_page.mobile .section.productions .polygon_bg img { top: 900px; max-width: 2000px; height: 100%; top: 250px; opacity: 0.2; transform: translateX(50%) rotate(-90deg); } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row { flex-direction: column; flex-direction: unset; } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col { flex-basis: 100%; max-width: 100%; padding-left: 10%; padding-right: 10%; margin-bottom: 80px; } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .cover_holder img { width: 100%; } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .polygon1 { left: -40px; top: -40px; opacity: 0.5; } @media screen and (max-width: 470px) { .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .polygon1 { left: -20px; top: -20px; } } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .polygon1 svg { width: 10vw; max-width: 69px; } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .polygon2 { right: -45px; top: unset; bottom: -65px; opacity: 0.5; } @media screen and (max-width: 768px) { .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .polygon2 { right: -44px; bottom: -65px; } } @media screen and (max-width: 470px) { .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .polygon2 { right: -20px; bottom: -38px; } } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .polygon2 svg { width: 15vw; max-width: 111px; } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .youtube_icon { bottom: -25px; right: 0px; } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .youtube_icon svg { width: 4vw; max-width: 21px; } @media screen and (max-width: 470px) { .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .youtube_icon { bottom: -19px; right: 0px; } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col .youtube_icon svg { width: 15px; } } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col h3 { font-size: 24px; color: #fff; } .home_page.mobile .section .inner-wrapper .shop_wrapper .row { flex-direction: column; align-items: center; } @media screen and (min-width: 470px) { .home_page.mobile .section .inner-wrapper .shop_wrapper .row { transform: translateX(5%) scale(1, 1); } } .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col { flex-basis: 49%; max-width: 310px; margin-left: -54vw; margin-right: 0px; } @media screen and (min-width: 470px) { .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col { flex-basis: 100%; max-width: 500px; } .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col a .photo_model img { max-width: 430px; width: 400%; } .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col a .border_effect { width: 150%; } } @media screen and (max-width: 368px) { .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col a .photo_model img { max-width: 75vw; } } .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col:nth-child(2) { transform: translateY(-50%) translateX(70%); } @media screen and (max-width: 470px) { .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col:nth-child(2) { transform: translateY(-50%) translateX(60%); } } .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col:nth-child(3) { transform: translateY(65%) translateX(18%); } .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col:nth-child(4) { transform: translateY(-110%) translateX(70%); } @media screen and (max-width: 470px) { .home_page.mobile .section .inner-wrapper .shop_wrapper .row .col:nth-child(4) { transform: translateY(-109%) translateX(47%); } } .home_page.mobile .section .inner-wrapper .shop_wrapper h3 { position: absolute; left: 65vw; bottom: -190px; width: 100px; height: 250px; } @media screen and (max-width: 368px) { .home_page.mobile .section .inner-wrapper .shop_wrapper h3 { bottom: -210px; } } .home_page.mobile .section .inner-wrapper .shop_wrapper h4 { left: 7%; top: 570px; } @media screen and (min-width: 470px) { .home_page.mobile .section .inner-wrapper .shop_wrapper h4 { left: 7%; top: 760px; font-size: 5.6vw; width: 100%; } } @media screen and (min-width: 768px) { .home_page.mobile .section .inner-wrapper .shop_wrapper h4 { font-size: 67px; } } @media screen and (max-width: 610px) { .home_page.mobile .section .inner-wrapper { padding: 60px 0px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured { width: 100%; padding: 0px 20px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .team_name { transform: rotate(-90deg) scale(0.8); left: -94px; top: 50px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .advers_name { transform: rotate(-90deg) scale(0.8); right: -94px; top: 60px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .result_wrapper { margin-right: 0px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .result_wrapper h3 { font-size: 38px; max-width: 255px; margin-bottom: -35px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal { max-width: none; flex-basis: 100%; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.team_logo img, .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.advers_logo img { height: 60px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .teams_score { width: 170px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper { margin: 0px 48px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .featured_wrapper { width: 100%; height: 355px; padding-bottom: 20px; } } @media screen and (max-width: 470px) { .home_page.mobile .section .inner-wrapper .result_calendar_featured .result_wrapper h3 { font-size: 9vw; max-width: 57vw; margin-bottom: -8vw; } .home_page.mobile .section .inner-wrapper .result_calendar_featured h3 { font-size: 9vw; max-width: 62vw; margin-bottom: -8vw; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .teams_score { width: 35vw; font-size: 10vw; } .home_page.mobile .section .inner-wrapper .titre { font-size: 8vw; } .home_page.mobile .section .inner-wrapper .titre:before { max-width: 100%; } .home_page.mobile .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper { margin: 0px; } .home_page.mobile .section.productions .inner-wrapper .videos_production_wrapper .row .col h3, .home_page.mobile .section.weeklynews .inner-wrapper .videos_wrapper .row .col h3 { font-size: 4vw; height: 40px; } } @media screen and (max-width: 400px) { .home_page.mobile .section .inner-wrapper { padding: 60px 0px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured { width: 100%; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .result_wrapper { margin-right: 0px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .result_wrapper h3 { font-size: 38px; max-width: 255px; margin-bottom: -35px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal { max-width: none; flex-basis: 100%; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row { margin-top: -25px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.team_logo img, .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.advers_logo img { height: 60px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .teams_score { width: 170px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper { margin: 0px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .featured_wrapper { width: 100%; height: 355px; padding-bottom: 10px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_footer span { max-width: 160px; text-align: center; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_footer span span.date { padding-left: 0px; } .home_page.mobile .section .inner-wrapper .result_calendar_featured .ical_item_modal .flex_row .flex_col.game_footer .voir_plus { font-size: 14px; padding-top: 5px; margin-bottom: -50px; } } @media screen and (max-width: 380px) { .home_page.mobile .section .inner-wrapper .shop_wrapper h4 { left: 7%; top: 142vw; } } /*-------------------------------------------------------------- ## Weeklynews --------------------------------------------------------------*/ .weeklynews_page { width: 100%; } .weeklynews_page .section { min-height: 670px; background-color: #000; color: #fff; } .weeklynews_page .section .inner-wrapper { max-width: 1300px; padding: 60px 50px; margin: auto; display: flex; flex-direction: row; justify-content: space-between; position: relative; z-index: 99; } .weeklynews_page .section .inner-wrapper .image_wrapper { flex-basis: 50%; max-width: 50%; } .weeklynews_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 0px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: -40px; } .weeklynews_page .section .inner-wrapper .image_wrapper img.first { position: relative; top: -180px; left: -40px; } .weeklynews_page .section .inner-wrapper .image_wrapper img.second { position: relative; top: -399px; left: 183px; margin-bottom: -400px; } .weeklynews_page .section .inner-wrapper .image_wrapper img.third { position: relative; top: -140px; left: 0px; margin-bottom: -15px; } .weeklynews_page .section .inner-wrapper .image_wrapper h2 { font-size: 48px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; bottom: 150px; padding-left: 50px; } .weeklynews_page .section .inner-wrapper .image_wrapper .svg_logo { display: block; text-align: right; margin-top: -140px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper { flex-basis: 50%; max-width: 50%; font-family: "Alegreya Sans", sans-serif; font-size: 14px; line-height: 30px; padding-right: 0%; letter-spacing: 1px; display: flex; flex-direction: row; justify-content: flex-end; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper p { margin-bottom: 5px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper { width: 100%; max-width: 500px; min-height: 150px; border: 2px solid #ffc82d; padding: 20px 30px; position: relative; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .svg_icon_newsletter { position: absolute; left: 0px; top: 0px; transform: translate(-80%, -20%); z-index: -1; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper label { display: block; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row { display: flex; justify-content: space-between; flex-direction: row; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col { flex-basis: 50%; max-width: 50%; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col input[type="email"] { background: transparent; border: none; border-bottom: 2px solid #fff; border-radius: 0px; color: #fff; padding-left: 0px; outline: none; font-family: "Alegreya Sans", sans-serif; font-weight: 100; font-size: 14px; width: calc(100% - 5px); letter-spacing: 2px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] { margin-top: 0px; font-size: 12px; font-family: "Alegreya Sans", sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #fff; text-decoration: none; position: relative; outline: none; background: transparent; border: none; padding: 9px 0px; line-height: 20px; cursor: pointer; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] .icon_arrow { display: inline-block; width: 12px; height: 2px; background: rgba(132, 132, 132, 0.38); position: relative; margin-left: 10px; top: -4px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] .icon_arrow:before { content: ""; width: 7px; height: 7px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -7px; bottom: -3px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] .icon_arrow:after { content: ""; height: 8px; width: 8px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 78%; position: absolute; right: -7px; top: -3px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .description { font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 7px; line-height: 10px; letter-spacing: 0.5px; margin-top: 20px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox { position: relative; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .col { flex-basis: 100% !important; max-width: 100% !important; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox { position: absolute; opacity: 0; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox+label { position: relative; cursor: pointer; padding: 0; font-size: 12px; display: flex; flex-direction: row; align-items: center; margin-top: 3px; margin-bottom: -10px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox+label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: transparent; border: 1px solid #ffc82d; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox:hover+label:before { background: rgab(#ffc82d, 0.3); } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox:focus+label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox:checked+label:before { background: transparent; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox:disabled+label { color: #b8b8b8; cursor: auto; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox:disabled+label:before { box-shadow: none; background: #ddd; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .agree_terms_checkbox .styled-checkbox:checked+label:after { content: ""; position: absolute; left: 3px; top: 11px; background: #ffc82d; width: 8px; height: 8px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .mc4wp-alert { background: rgba(93, 95, 93, 0.3); font-size: 14px; line-height: 18px; margin-top: 20px; padding: 8px 10px; padding-bottom: 1px; } .weeklynews_page .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .mc4wp-alert.mc4wp-success { background: rgba(0, 128, 0, 0.1); } .weeklynews_page .section .inner-wrapper .news_search_wrapper { flex-basis: 40%; max-width: 40%; display: flex; justify-content: flex-end; align-items: center; } .weeklynews_page .section .inner-wrapper .news_search_wrapper .search_input_wrapper { position: relative; transform: translateX(-30%); } .weeklynews_page .section .inner-wrapper .news_search_wrapper .search_input_wrapper .news_search_field { border: 1px solid #fff; border-radius: 0px; background: transparent; padding: 5px 20px; padding-right: 50px; width: 100%; color: #fff; font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 16px; } .weeklynews_page .section .inner-wrapper .news_search_wrapper .search_input_wrapper .news_search_btn { position: absolute; right: 0px; top: 0px; width: 36px; height: 36px; display: flex; justify-content: center; background-color: transparent; outline: none; border-radius: 0px; border: none; padding: 7px; } .weeklynews_page .section .inner-wrapper .news_search_wrapper .search_input_wrapper .loader { position: absolute; right: 0px; top: -2px; width: 40px; height: 40px; border-radius: 40px; transform: translateX(100%); } .weeklynews_page .section .inner-wrapper .article_item_wrapper { flex-basis: 60%; max-width: 60%; position: relative; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .order_number { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: #ffc82d; text-transform: uppercase; -webkit-text-stroke: 2px #fff; letter-spacing: 0px; text-align: right; line-height: 130px; position: absolute; left: 14px; top: 16px; z-index: 2; color: transparent; mix-blend-mode: unset; cursor: default; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row { display: flex; flex-direction: row; justify-content: flex-end; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col.thumbnail { color: #fff; flex-basis: 150px; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col.thumbnail .thmbnail_wrapper { width: 150px; height: 150px; overflow: hidden; position: relative; display: block; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col.thumbnail .thmbnail_wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; max-width: none; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col.details { color: #fff; flex-basis: 60%; padding-left: 40px; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col h2 { margin-top: 0px; font-size: 30px; font-family: "Alegreya Sans", sans-serif; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; line-height: 20px; margin-bottom: 20px; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col p { margin-top: 0px; font-size: 14px; font-family: "Alegreya Sans", sans-serif; font-weight: 400; letter-spacing: 1px; line-height: 24px; text-align: justify; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col .link_holder { display: flex; width: 100%; justify-content: flex-end; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col a { margin-top: 0px; font-size: 14px; font-family: "Alegreya Sans", sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #fff; text-decoration: none; position: relative; outline: none; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col a svg { fill: #1e1e1e; position: absolute; left: -10px; bottom: -20px; z-index: -1; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col a .icon_arrow { display: inline-block; width: 12px; height: 2px; background: rgba(132, 132, 132, 0.38); position: relative; margin-left: 10px; top: -4px; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col a .icon_arrow:before { content: ""; width: 7px; height: 7px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -7px; bottom: -3px; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col a .icon_arrow:after { content: ""; height: 8px; width: 8px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 78%; position: absolute; right: -7px; top: -3px; } .weeklynews_page .section .inner-wrapper .show_on_search { flex-basis: 42%; max-width: 42%; display: flex; flex-direction: column; justify-content: center; position: relative; } .weeklynews_page .section .inner-wrapper .show_on_search .result_search_for h2 { text-align: center; font-size: 18px; font-family: "Chivo", sans-serif; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 2px; position: relative; } .weeklynews_page .section .inner-wrapper .show_on_search .result_search_for h2 span { font-weight: 700; color: rgba(255, 255, 255, 0.7); } .weeklynews_page .section:nth-child(2n) { background-color: #ffc82d; color: #000; } .weeklynews_page .section:nth-child(2n) .inner-wrapper { flex-direction: row; } .weeklynews_page .section:nth-child(2n) .inner-wrapper .paragraph_wrapper { padding-right: unset; padding-left: 11%; } .weeklynews_page .section:nth-child(2n) .inner-wrapper .article_item_wrapper .order_number { color: transparent; } .weeklynews_page .section.column .inner-wrapper { flex-direction: column-reverse; align-items: center; } .weeklynews_page .section.column .inner-wrapper .paragraph_wrapper { flex-basis: 100%; max-width: 430px; padding-right: 0px; } .weeklynews_page .section.column .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; } .weeklynews_page .section.column .inner-wrapper .image_wrapper h2 { position: relative; bottom: -35px; text-align: center; padding-left: 0px; margin-top: 10px; } .weeklynews_page .section.center .inner-wrapper { min-height: 670px; align-content: center; align-items: center; } .weeklynews_page .section.custom-min-height { min-height: 340px; } .weeklynews_page .section.custom-min-height .inner-wrapper { min-height: 340px; } .weeklynews_page .section.custom-min-height2 { min-height: 0px; } .weeklynews_page .section.custom-min-height2 .inner-wrapper { min-height: 0px; } .weeklynews_page .section.news_section { background-color: #ffc82d; } .weeklynews_page .section.news_section.search_section { margin-top: -180px; } .weeklynews_page .section.news_section:not(.search_section) .inner-wrapper { flex-direction: column; } .weeklynews_page .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper { margin-top: 40px; margin-bottom: 40px; } .weeklynews_page .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper h2 { color: #000; } .weeklynews_page .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper p { color: #000; } .weeklynews_page .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper a { color: #000; } .weeklynews_page .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper a .icon_arrow:after { opacity: 0.3; } .weeklynews_page .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper a svg { fill: #f1be2e; } .weeklynews_page .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper:nth-child(2) { align-self: flex-end; margin-top: 100px; } .weeklynews_page .section.news_section:nth-child(2n) { background-color: #000; } .weeklynews_page .section.news_section:nth-child(2n):not(.search_section) .inner-wrapper { flex-direction: column; } .weeklynews_page .section.news_section:nth-child(2n):not(.search_section) .article_item_wrapper { margin-top: 40px; margin-bottom: 40px; } .weeklynews_page .section.news_section:nth-child(2n):not(.search_section) .article_item_wrapper h2 { color: #fff; } .weeklynews_page .section.news_section:nth-child(2n):not(.search_section) .article_item_wrapper p { color: #fff; } .weeklynews_page .section.news_section:nth-child(2n):not(.search_section) .article_item_wrapper a { color: #fff; } .weeklynews_page .section.news_section:nth-child(2n):not(.search_section) .article_item_wrapper a .icon_arrow:after { opacity: 1; } .weeklynews_page .section.news_section:nth-child(2n):not(.search_section) .article_item_wrapper a svg { fill: #1e1e1e; } .weeklynews_page .section.news_section:nth-child(2n):not(.search_section) .article_item_wrapper:nth-child(2) { align-self: flex-end; margin-top: 100px; } .weeklynews_page.weeklynews_search_page .news_search_wrapper .search_input_wrapper { transform: translateX(0%); } .weeklynews_page.weeklynews_search_page .section { min-height: 350px; } .weeklynews_page.weeklynews_search_page .section.search_section { flex-direction: column; } .weeklynews_page.weeklynews_search_page .section.search_section .inner-wrapper .news_search_wrapper { flex-basis: 100%; max-width: 100%; justify-content: center; align-items: center; } .weeklynews_page.weeklynews_search_page .section.search_section .inner-wrapper .news_search_wrapper .search_input_wrapper { transform: translateX(0%) !important; margin-top: 30px; margin-bottom: 30px; width: 100%; max-width: 320px; } .weeklynews_page.weeklynews_search_page .section.search_section .inner-wrapper .show_on_search { flex-basis: 100%; max-width: 100%; } .weeklynews_page.weeklynews_search_page .section .inner-wrapper { min-height: 350px; } .weeklynews_page.weeklynews_search_page .section .inner-wrapper .no_result { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 250px; } .weeklynews_page.weeklynews_search_page .section .inner-wrapper .no_result p { text-align: center; font-size: 30px; font-family: "Chivo", sans-serif; font-weight: 900; color: #000; letter-spacing: 2px; position: relative; } .weeklynews_page.weeklynews_search_page .section .inner-wrapper .no_result p span { font-size: 14px; font-family: "Alegreya Sans", sans-serif; font-weight: 400; display: block; letter-spacing: 0px; text-align: center; } .weeklynews_page.weeklynews_search_page .section .inner-wrapper.column { flex-direction: column; } .weeklynews_page.weeklynews_search_page .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; } .weeklynews_page.weeklynews_search_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(0deg); font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 0px; text-align: center; line-height: 120px; margin-top: 40px; margin-bottom: 0px; margin-left: 0px; } .weeklynews_page .pagination_component .pagination_nav ul { list-style: none; padding: 0px; margin: 0px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding-top: 40px; padding-bottom: 60px; } .weeklynews_page .pagination_component .pagination_nav ul li { font-family: "Alegreya Sans", sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 1.6px; text-align: center; color: #ffffff; } .weeklynews_page .pagination_component .pagination_nav ul li .current { padding: 10px 10px; padding-left: 11px; color: #f1be2e; background: url(https://vitality.gg/wp-content/themes/vitality/images/hover.png) no-repeat center center transparent; background-size: 76%; } .weeklynews_page .pagination_component .pagination_nav ul li a.page-numbers { font-family: "Alegreya Sans", sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 1.6px; text-align: center; color: #ffffff; padding: 10px 10px; margin: 0px 0px; text-decoration: none; outline: none; } .weeklynews_page .pagination_component .pagination_nav ul li a.page-numbers .icon_arrow.next { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; margin-left: 10px; z-index: 1; top: -4px; } .weeklynews_page .pagination_component .pagination_nav ul li a.page-numbers .icon_arrow.next:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .weeklynews_page .pagination_component .pagination_nav ul li a.page-numbers .icon_arrow.next:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .weeklynews_page .pagination_component .pagination_nav ul li a.page-numbers .icon_arrow.prev { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; z-index: 1; margin-right: 10px; top: -4px; transform: rotate(180deg); } .weeklynews_page .pagination_component .pagination_nav ul li a.page-numbers .icon_arrow.prev:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .weeklynews_page .pagination_component .pagination_nav ul li a.page-numbers .icon_arrow.prev:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .weeklynews_page.mobile .section.news_section.search_section { margin-top: -130px; margin-bottom: 100px; } .weeklynews_page.mobile .section.news_section:nth-child(2n):not(.search_section) .article_item_wrapper { margin-top: 100px; margin-bottom: 100px; } .weeklynews_page.mobile .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper { margin-top: 100px; margin-bottom: 100px; } @media screen and (max-width: 510px) { .weeklynews_page.mobile .section.news_section:not(.search_section) .inner-wrapper .article_item_wrapper { margin-bottom: 15vw; margin-top: 15vw; } } .weeklynews_page.mobile .section .inner-wrapper { flex-direction: column; padding-left: 0px; padding-right: 0px; } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper { flex-basis: 100%; max-width: 500px; position: relative; margin: auto; } @media screen and (max-width: 510px) { .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper { padding: 0px 30px; } } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .order_number { font-size: 210px; left: -121px; top: 64px; } @media screen and (max-width: 510px) { .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .order_number { font-size: 42vw; left: -16vw; } } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row { flex-direction: column; } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details { flex-basis: 100%; padding-left: 0px; } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details h2 { margin-top: 120px; font-size: 50px; letter-spacing: 5px; line-height: 50px; margin-bottom: 20px; } @media screen and (max-width: 510px) { .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details h2 { font-size: 9vw; letter-spacing: 1vw; line-height: 10vw; } } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details p { font-size: 26px; letter-spacing: 2.6px; line-height: 34px; text-align: left; } @media screen and (max-width: 510px) { .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details p { font-size: 4vw; letter-spacing: 0.6vw; line-height: 8vw; } } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details a { letter-spacing: 2.4px; font-size: 24px; } @media screen and (max-width: 510px) { .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details a { font-size: 4vw; letter-spacing: 0.6vw; line-height: 8vw; } } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details a svg { bottom: -40px; z-index: -1; width: 142px; } @media screen and (max-width: 510px) { .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details a svg { width: 28vw; } } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details a .icon_arrow { background: url(https://vitality.gg/wp-content/themes/vitality/images/next_arrow.png) no-repeat center; width: 42px; height: 12px; background-size: 42px; top: -1px; margin-left: 2px; } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details a .icon_arrow:before { display: none; } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.details a .icon_arrow:after { display: none; } .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.thumbnail .thmbnail_wrapper { width: 257px; height: 257px; margin-left: 100px; } @media screen and (max-width: 510px) { .weeklynews_page.mobile .section .inner-wrapper .article_item_wrapper .row .col.thumbnail .thmbnail_wrapper { width: 52vw; height: 257px; margin-left: 18vw; } } .weeklynews_page.mobile .section .inner-wrapper .news_search_wrapper { flex-basis: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 150px; } @media screen and (max-width: 560px) { .weeklynews_page.mobile .section .inner-wrapper .news_search_wrapper { margin-bottom: 35vw; margin-top: -5vw; margin-bottom: 27vw; margin-top: -5vw; padding: 0px 30px; } } .weeklynews_page.mobile .section .inner-wrapper .news_search_wrapper .search_input_wrapper { transform: translateX(0%); } .weeklynews_page.mobile .section .inner-wrapper .news_search_wrapper .search_input_wrapper .news_search_btn { width: 62px; height: 62px; } .weeklynews_page.mobile .section .inner-wrapper .news_search_wrapper .search_input_wrapper .news_search_btn svg { width: 30px; } .weeklynews_page.mobile .section .inner-wrapper .news_search_wrapper .search_input_wrapper .news_search_field { font-size: 32px; border: 2px solid #fff; } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper { flex-basis: 90%; width: 100%; max-width: 80%; font-size: 26px; line-height: 50px; padding-right: 0%; margin-top: 120px; margin-bottom: 80px; margin-left: auto; margin-right: auto; letter-spacing: 2px; } @media screen and (max-width: 560px) { .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper { max-width: calc(100% - 60px); flex-basis: 100%; width: 100%; } } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper { max-width: none; padding: 40px 60px; } @media screen and (max-width: 560px) { .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper { padding: 20px; } } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .svg_icon_newsletter { left: 50%; top: 0px; transform: translate(-50%, -38%); width: 225px; } @media screen and (max-width: 560px) { .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper label { font-size: 5vw; line-height: 7vw; } } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row { flex-direction: column; } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col { text-align: right; flex-basis: 100%; max-width: 100%; } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col input[type="email"] { font-size: 24px; } @media screen and (max-width: 560px) { .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col input[type="email"] { font-size: 4vw; line-height: 7vw; } } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] { font-size: 24px; margin-top: 20px; } @media screen and (max-width: 560px) { .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] { font-size: 4vw; line-height: 7vw; } } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] .icon_arrow { background: url(https://vitality.gg/wp-content/themes/vitality/images/next_arrow.png) no-repeat center; width: 42px; height: 12px; background-size: 27px; top: -2px; margin-left: 2px; } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] .icon_arrow:before { display: none; } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .row .col button[type="submit"] .icon_arrow:after { display: none; } .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .description { font-size: 16px; line-height: 22px; letter-spacing: 1.5px; margin-top: 20px; } @media screen and (max-width: 560px) { .weeklynews_page.mobile .section .inner-wrapper .paragraph_wrapper .newsletter_wrapper .description { font-size: 2.5vw; line-height: 4vw; letter-spacing: 0.2vw; } } .weeklynews_page.mobile .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; width: 100%; } .weeklynews_page.mobile .section .inner-wrapper .image_wrapper h1 { margin-top: 60px; margin-bottom: 30px; margin-left: 0px; position: relative; left: 0px; top: 0px; text-align: left; transform: rotate(0deg); font-size: 140px; } @media screen and (max-width: 600px) { .weeklynews_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 23vw; line-height: 20vw; } } @media screen and (max-width: 560px) { .weeklynews_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 24vw; line-height: 20vw; } } .weeklynews_page.mobile.weeklynews_search_page .section .inner-wrapper .paragraph_wrapper { margin-top: 0px; } .weeklynews_page.mobile.weeklynews_search_page .section .inner-wrapper .show_on_search .result_search_for h2 { font-size: 28px; letter-spacing: 3px; } .weeklynews_page.mobile.weeklynews_search_page .section .inner-wrapper .news_search_wrapper { margin-bottom: 0px; } /*-------------------------------------------------------------- ## weeklynews_detail_page --------------------------------------------------------------*/ .weeklynews_detail_page { width: 100%; } .weeklynews_detail_page .section { min-height: 670px; background-color: #000; color: #fff; } .weeklynews_detail_page .section .inner-wrapper { max-width: 1200px; padding: 60px 50px; margin: auto; } .weeklynews_detail_page .section .inner-wrapper .image_wrapper { flex-basis: 50%; max-width: 50%; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper { margin-top: 70px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo { display: flex; flex-direction: row; justify-content: space-between; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .photo { max-width: 70%; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper { display: flex; justify-content: space-between; align-items: flex-end; font-size: 0px; color: transparent; flex-basis: 35%; padding-bottom: 50px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper a { font-size: 0px; color: transparent; position: relative; z-index: 4; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper a:before { font-family: "Alegreya Sans", sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 10px; letter-spacing: 1px; display: inline-block; position: relative; z-index: 3; opacity: 0.7; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper a[rel="prev"]:before { content: attr(data-title); } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper a[rel="next"]:before { content: attr(data-title); } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link { position: relative; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link svg { fill: #1e1e1e; position: absolute; right: -10px; bottom: -8px; z-index: 0; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; z-index: 1; margin-right: 10px; top: -4px; transform: rotate(180deg); } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link { position: relative; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link svg { fill: #1e1e1e; position: absolute; left: -10px; bottom: -8px; z-index: 0; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; margin-left: 10px; z-index: 1; top: -4px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .title { font-size: 72px; font-family: "Chivo", sans-serif; font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 0px; text-align: left; line-height: 72px; margin-top: 0px; margin-bottom: 50px; margin-left: 0px; padding-right: 100px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .article_body_content { font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 25px; letter-spacing: 1px; opacity: 0.9; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .goback_wrapper { text-align: center; padding-top: 20px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .goback_wrapper a { font-family: "Alegreya Sans", sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 10px; letter-spacing: 1px; display: inline-block; position: relative; z-index: 3; opacity: 0.7; text-decoration: none; outline: none; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .goback_wrapper a svg { fill: #1e1e1e; position: absolute; right: -10px; bottom: -8px; z-index: 0; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .goback_wrapper a .txt { position: relative; z-index: 5; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .goback_wrapper a .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; z-index: 1; margin-right: 10px; top: -4px; transform: rotate(180deg); } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .goback_wrapper a .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .goback_wrapper a .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .weeklynews_detail_page.mobile .section .inner-wrapper { padding-left: 0px; padding-right: 0px; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper { margin-top: 100px; } @media screen and (max-width: 520px) { .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper { margin-top: 6vw; } } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .goback_wrapper { padding-top: 30px; margin-bottom: 50px; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .goback_wrapper a { font-size: 24px; opacity: 1; letter-spacing: 2.4px; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .goback_wrapper a svg { right: -50px; bottom: -38px; width: 99px; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .goback_wrapper a .icon_arrow { background: url(https://vitality.gg/wp-content/themes/vitality/images/next_arrow.png) no-repeat center; width: 42px; height: 12px; background-size: 42px; margin-right: 2px; top: -2px; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .goback_wrapper a .icon_arrow:before { display: none; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .goback_wrapper a .icon_arrow:after { display: none; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .title { font-size: 90px; line-height: 100px; margin-top: 50px; } @media screen and (max-width: 620px) { .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .title { font-size: 12vw; line-height: 13vw; } } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .article_body_content { flex-basis: 90%; max-width: 75%; font-size: 26px; line-height: 50px; padding-right: 0%; margin-top: 80px; margin-bottom: 80px; margin-left: auto; margin-right: auto; letter-spacing: 2px; } @media screen and (max-width: 520px) { .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .article_body_content { flex-basis: 100%; max-width: 100%; font-size: 4vw; line-height: 7vw; padding-left: 30px; padding-right: 30px; } } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo { flex-direction: column-reverse; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .photo { max-width: 100%; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .photo img { width: 100%; margin-top: 15px; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper { flex-basis: 100%; justify-content: center; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link { margin-right: 32px; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link svg { width: 99px; bottom: unset; top: -20px; } @media screen and (max-width: 620px) { .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link svg { width: 14vw; } } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link .icon_arrow { background: url(https://vitality.gg/wp-content/themes/vitality/images/next_arrow.png) no-repeat center; width: 42px; height: 12px; background-size: 42px; margin-right: 2px; top: -2px; } @media screen and (max-width: 620px) { .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link .icon_arrow { width: 4vw; top: 0px; background-size: contain; } } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link .icon_arrow:before { display: none; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link .icon_arrow:after { display: none; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link svg { width: 99px; bottom: -20px; } @media screen and (max-width: 620px) { .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link svg { width: 14vw; } } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link .icon_arrow { background: url(https://vitality.gg/wp-content/themes/vitality/images/next_arrow.png) no-repeat center; width: 42px; height: 12px; background-size: 42px; top: -1px; margin-left: 2px; } @media screen and (max-width: 620px) { .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link .icon_arrow { width: 4vw; background-size: contain; } } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link .icon_arrow:before { display: none; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .next_post_link .icon_arrow:after { display: none; } .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper a:before { font-size: 24px; letter-spacing: 2.4px; opacity: 1; } @media screen and (max-width: 620px) { .weeklynews_detail_page.mobile .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper a:before { font-size: 3vw; letter-spacing: 0.5vw; } } /*-------------------------------------------------------------- ## sponsors_page --------------------------------------------------------------*/ .sponsors_page { width: 100%; margin-top: 60px; min-height: calc(100vh - 160px); } .sponsors_page .section { min-height: 670px; background-color: transparent; color: #fff; position: relative; z-index: 4; } .sponsors_page .section .inner-wrapper { max-width: 1200px; padding: 60px 0px; margin: auto; display: flex; flex-direction: row; } .sponsors_page .section .inner-wrapper .image_wrapper { flex-basis: 20%; max-width: 20%; position: relative; } .sponsors_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: transparent; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 0px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; left: -170px; top: 130px; cursor: default; left: 0%; top: 0%; width: 100%; transform: rotate(-90deg) translateX(-132%) translateY(40%); } .sponsors_page .section .inner-wrapper .sponsors_cats_row { flex-basis: 90%; max-width: 90%; padding-left: 40px; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row { display: flex; flex-direction: row; justify-content: space-between; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col { flex-basis: 24.5%; max-width: 24.5%; position: relative; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col .category { font-family: "Alegreya Sans", sans-serif; font-weight: 700; font-size: 14px; padding-left: 20px; padding-bottom: 10px; letter-spacing: 1px; margin-bottom: 10px; display: block; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col .category.rotate { margin-bottom: 0px; padding-left: 0px; padding-bottom: 0px; font-size: 60px; font-weight: 700; font-family: "Chivo", sans-serif; line-height: 60px; height: 60px; letter-spacing: 5px; text-align: right; width: 100%; min-width: 500px; opacity: 0.15; text-transform: uppercase; transform: rotate(-90deg); position: absolute; right: -40px; top: 270px; z-index: 0; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper { position: relative; z-index: 4; display: flex; justify-content: center; align-items: center; height: 230px; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper svg { position: absolute; left: 0px; top: 0px; height: 100% !important; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper svg.svg_polygon_stroke { z-index: 1; transform: rotate(90deg); } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper svg.svg_polygon_filled { fill: #fff; z-index: 2; transform: rotate(90deg); opacity: 0; transition: ease opacity 400ms; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper svg.svg_polygon_gradient { z-index: 2; transition: ease opacity 400ms; opacity: 0.5; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper img { position: relative; z-index: 5; height: auto; width: auto; max-width: 100px; max-height: 38px; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(4) .sponsor_wrapper { transform: scale(0.84); transform-origin: top; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(3) .sponsor_wrapper { transform: scale(0.9); transform-origin: top; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(2) .sponsor_wrapper { transform: scale(0.94); transform-origin: top; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col:first-child .sponsor_wrapper img { max-width: 100px; max-height: 68px; -webkit-filter: invert(0) grayscale(0) !important; filter: invert(0) grayscale(0) !important; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col a { outline: none; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col a.black_hover svg.svg_polygon_filled { transform: rotate(90deg) scale(0.96, 0.99); fill: #000 !important; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col a:hover svg.svg_polygon_filled { opacity: 1; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col a:hover svg.svg_polygon_gradient { opacity: 0; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col a:hover img { -webkit-filter: invert(3) grayscale(1); filter: invert(3) grayscale(1); } .sponsors_page .polygon_bg { position: fixed; left: 0px; top: -60px; width: 100vw; height: calc(120vh + 60px); overflow: hidden; z-index: -1; background-size: cover !important; } .sponsors_page .polygon_bg img { width: 100%; } .sponsors_page.mobile { height: auto; } .sponsors_page.mobile .section .inner-wrapper { flex-direction: column; } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row { flex-basis: 100%; max-width: 100%; padding-left: 50px; padding-right: 50px; margin-top: 100px; } @media screen and (max-width: 460px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row { padding-left: 30px; padding-right: 30px; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row { flex-direction: column; align-items: center; } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col { flex-basis: 100%; max-width: 463px; width: 100%; position: relative; } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper { height: 80vw; max-height: 440px; } @media screen and (max-width: 460px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper { height: 84vw; max-height: none; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper img { max-width: 35%; max-width: 190px; max-height: 140px; } @media screen and (max-width: 450px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper img { max-width: 110px; max-height: 100px; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper svg { width: 100%; height: 100% !important; } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper svg.svg_polygon_gradient { padding: 10px; } @media screen and (max-width: 530px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .sponsor_wrapper svg.svg_polygon_gradient { padding: 0px; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .category { font-size: 28px; letter-spacing: 3px; } @media screen and (max-width: 460px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .category { letter-spacing: 0.7vw; font-size: 6vw; } } @media screen and (max-width: 400px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .category:not(.rotate) { letter-spacing: 1px; font-size: 16px; text-align: center; margin-left: -60px; margin-bottom: 0px; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .category.rotate { font-size: 100px; left: -54vw; top: 522px; letter-spacing: 6px; width: 900px; text-align: right; } @media screen and (max-width: 460px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col .category.rotate { font-size: 18vw; left: -105vw; right: unset; top: 128vw; letter-spacing: 0vw; line-height: 6vw; height: 13vw; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(1) { margin-bottom: 370px; } @media screen and (max-width: 460px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(1) { margin-bottom: 50vw; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(2) { margin-bottom: 310px; } @media screen and (max-width: 460px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(2) { margin-bottom: 31vw; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(3) { margin-bottom: 200px; } @media screen and (max-width: 460px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(3) { margin-bottom: 35vw; } } .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(4) { margin-bottom: 300px; } @media screen and (max-width: 460px) { .sponsors_page.mobile .section .inner-wrapper .sponsors_cats_row .row .col:nth-child(4) { margin-bottom: 30vw; } } .sponsors_page.mobile .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; } .sponsors_page.mobile .section .inner-wrapper .image_wrapper h1 { margin-bottom: 30px; margin-left: 0px; position: relative; left: 0px; top: 0px; text-align: left; transform: rotate(0deg); font-size: 140px; } @media only screen and (orientation: portrait) { .sponsors_page.mobile .section .inner-wrapper .image_wrapper h1.portrait { display: block; } .sponsors_page.mobile .section .inner-wrapper .image_wrapper h1.landscape { display: none; } } @media only screen and (orientation: landscape) { .sponsors_page.mobile .section .inner-wrapper .image_wrapper h1.portrait { display: none; } .sponsors_page.mobile .section .inner-wrapper .image_wrapper h1.landscape { display: block; font-size: 18vw; left: 10px; } } @media screen and (max-width: 530px) { .sponsors_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 26vw; line-height: 24vw; } } @media screen and (max-width: 400px) { .sponsors_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 71px; line-height: 64px; margin-top: -40px; margin-bottom: -50px; } } /*-------------------------------------------------------------- ## sponsors_page --------------------------------------------------------------*/ .sponsor_detail_page { width: 100%; margin-top: 30px; } .sponsor_detail_page .section { min-height: 620px; background-color: transparent; color: #fff; position: relative; z-index: 4; min-height: 300px; } .sponsor_detail_page .section.quersus { min-height: 470px; } .sponsor_detail_page .section .inner-wrapper { max-width: 1200px; padding: 60px 0px; margin: auto; display: flex; flex-direction: row; position: relative; padding-top: 0px; } .sponsor_detail_page .section .inner-wrapper .title { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 0px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; left: -90px; top: 0px; cursor: default; left: -11%; top: 190px; width: 700px; } @media screen and (max-height: 610px) { .sponsor_detail_page .section .inner-wrapper .title { font-size: 20vh; } } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper { max-width: 450px; margin: auto; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .close { display: flex; justify-content: center; width: 100%; padding: 20px 0px; margin-top: 30px; margin-top: 20px; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .logo { display: flex; justify-content: center; flex-direction: row; align-items: center; width: 100%; padding-bottom: 30px; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .logo img { max-width: 60px; height: auto; max-width: 120px; height: auto; width: auto; max-height: 70px; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .logo_bg { position: absolute; right: 0px; bottom: 0px; width: 340px; height: 340px; z-index: 0; opacity: 0.05; display: flex; justify-content: flex-end; flex-direction: column; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .logo_bg img { width: 100%; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .description_body_content { font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 30px; letter-spacing: 1px; opacity: 0.9; position: relative; z-index: 3; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper { display: flex; flex-direction: row; justify-content: space-between; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper a { font-family: "Alegreya Sans", sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 10px; letter-spacing: 1px; display: inline-block; position: relative; z-index: 3; opacity: 0.7; text-decoration: none; outline: none; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left { position: relative; transform: translateX(-70px); } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left svg { fill: #1e1e1e; position: absolute; right: -10px; bottom: -8px; z-index: 0; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; z-index: 1; margin-right: 10px; top: -4px; transform: rotate(180deg); } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right { position: relative; transform: translateX(70px); } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right svg { fill: #1e1e1e; position: absolute; left: -10px; bottom: -8px; z-index: 0; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; margin-left: 10px; z-index: 1; top: -4px; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper { padding: 50px 0px; padding-bottom: 0px; width: 100%; margin-top: 30px; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper h2 { font-size: 60px; font-family: "Chivo", sans-serif; font-weight: 900; color: #f1be2e; text-transform: uppercase; letter-spacing: 6px; margin-top: 0px; margin-bottom: 0px; position: absolute; left: 0px; top: -18px; text-align: right; padding-right: 80px; width: 100%; } @media screen and (max-height: 610px) { .sponsor_detail_page .section .inner-wrapper .videos_wrapper h2 { font-size: 50px; } } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col { flex-basis: 25%; max-width: 25%; padding-right: 2.6%; margin-bottom: 30px; position: relative; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder { display: block; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder .data-photo { display: none; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder .open-lightbox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; z-index: 3; outline: none; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .cover_holder .data-iframe { display: none; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col h3 { font-family: "Alegreya Sans", sans-serif; font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; padding-right: 30px; letter-spacing: 1px; height: 20px; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .polygon1 { position: absolute; left: -17px; top: -20px; z-index: -1; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .polygon2 { position: absolute; right: 12px; bottom: -15px; z-index: -1; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .polygon2 svg { width: 50px; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { position: absolute; right: 29px; bottom: 2px; z-index: -1; } .sponsor_detail_page .section.yellow { background-color: #ffc82d; overflow: hidden; } .sponsor_detail_page .section.custom-min-height { min-height: 340px; } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper { padding-top: 0vw; } } .sponsor_detail_page.mobile .section .inner-wrapper h1 { margin-top: 40px; margin-bottom: 80px; margin-left: 0px; position: relative; left: 0px; top: 0px; text-align: left; transform: rotate(0deg); font-size: 140px; } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper h1 { font-size: 21vw; word-break: break-all; } } @media screen and (max-width: 450px) { .sponsor_detail_page.mobile .section .inner-wrapper h1 { font-size: 70px; word-break: break-all; margin-top: -20px; margin-bottom: 0px; } } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper { max-width: 100%; width: 100%; } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper { flex-basis: 90%; max-width: 70%; font-size: 26px; line-height: 50px; padding-right: 0%; margin-top: 80px; margin-bottom: 30px; margin-left: auto; margin-right: auto; letter-spacing: 2px; } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper a { font-size: 26px; } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right, .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left { opacity: 1; font-size: 4vw; } } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left { left: 30px; } } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right { left: -30px; } } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right .icon_arrow { margin-left: 20px; top: -7px; transform: scale(2); } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_right .icon_arrow:before { border-width: 1px; transform: scale(0.8); left: -4px; } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left .icon_arrow { margin-right: 20px; top: -7px; transform: rotate(180deg) scale(2); } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .goback_wrapper .to_left .icon_arrow:before { border-width: 1px; transform: scale(0.8); left: -4px; } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .logo_bg { transform: translateX(50%); right: 50%; width: 70%; max-width: 490px; } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .description_body_content { flex-basis: 90%; max-width: 70%; font-size: 26px; line-height: 50px; padding-right: 0%; margin-top: 80px; margin-bottom: 80px; margin-left: auto; margin-right: auto; letter-spacing: 2px; } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .description_body_content { flex-basis: 100%; max-width: 100%; font-size: 4vw; line-height: 8vw; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 450px) { .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .description_body_content { margin-top: 10px; } } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .logo img { max-width: 200px; max-height: 130px; } @media screen and (max-width: 450px) { .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .logo img { max-height: 100px; } } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .close { font-family: "Alegreya Sans", sans-serif; font-weight: 300; font-size: 60px; margin-top: 50px; } @media screen and (max-width: 450px) { .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .close { font-size: 27px; margin-top: -10px; } } .sponsor_detail_page.mobile .section .inner-wrapper .sponsor_wrapper .close a { color: #fff; text-decoration: none; outline: none; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper { padding-top: 15vw; } @media screen and (max-width: 400px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper { padding-top: 70px; } } @media screen and (max-width: 320px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper { padding-top: 40px; } } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper h2 { width: 100%; text-align: left; max-width: none; line-height: 90px; font-size: 6vw; top: -10px; word-break: break-all; padding-left: 40px; letter-spacing: 1vw; } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper h2 { letter-spacing: 0px; line-height: 14vw; font-size: 6.6vw; padding-right: 0px; } } @media screen and (max-width: 320px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper h2 { letter-spacing: 2px; font-size: 5vw; } } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row { flex-direction: unset; align-items: center; width: 100%; max-width: 668px; margin: auto; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col { flex-basis: 100%; max-width: 100%; padding-left: 10%; padding-right: 10%; margin-bottom: 80px; max-width: 100%; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .cover_holder { position: relative; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .cover_holder img { width: 100%; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon1 { opacity: 0.5; left: 40px; top: -40px; } @media screen and (max-width: 470px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon1 { left: 20px; top: -20px; } } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon1 svg { width: 10vw; max-width: 69px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { opacity: 0.5; right: 0px !important; bottom: 0px !important; -webkit-transform: translate(39%, 53%); transform: translate(39%, 53%); } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 svg { width: 15vw; max-width: 111px; } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { top: unset; bottom: -5px; right: 15px; } } @media screen and (max-width: 400px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { top: unset; bottom: -5px; } } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { right: 11vw; top: 39vw; right: 71px; top: unset; bottom: -15px; right: 0px !important; bottom: 0px !important; transform: translate(2%, 4.5vw); } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon svg { width: 29px; } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { top: unset; bottom: 12px; right: 37px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon svg { width: 4vw; } } @media screen and (max-width: 400px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { top: unset; bottom: 12px; right: 37px; } } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col h3 { font-size: 24px; color: #fff; height: 30px; } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col h3 { font-size: 4vw; height: 30px; } } /*-------------------------------------------------------------- ## teams_page --------------------------------------------------------------*/ body.page-template-teams-tpl { overflow-y: unset; } .teams_page { width: 100%; margin-top: 50px; } .teams_page .section { min-height: 480px; background-color: transparent; color: #fff; position: relative; z-index: 4; } .teams_page .section .inner-wrapper { max-width: 1070px; margin: auto; display: flex; flex-direction: row; position: relative; margin-top: 100px; } .teams_page .section .inner-wrapper .image_wrapper { flex-basis: 0%; max-width: 0%; } .teams_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; transform: translateX(-50%) rotate(-90deg); font-weight: 900; color: transparent; text-transform: uppercase; -webkit-text-stroke: 2px #ffc72c; letter-spacing: 0px; text-align: right; line-height: 130px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; left: 50%; top: 150px; cursor: default; } .teams_page .section .inner-wrapper .teams_cats_row { flex-basis: 100%; max-width: 100%; } .teams_page .section .inner-wrapper .teams_cats_row .row { display: flex; flex-direction: row; justify-content: space-between; } .teams_page .section .inner-wrapper .teams_cats_row .row .col { flex-basis: 180px; max-width: 180px; position: relative; margin-bottom: 17px; } .teams_page .section .inner-wrapper .teams_cats_row .row .col .team_wrapper { position: relative; z-index: 4; display: flex; justify-content: center; align-items: center; height: 200px; } .teams_page .section .inner-wrapper .teams_cats_row .row .col .team_wrapper svg { position: absolute; left: -24px; top: 0px; height: 100% !important; } .teams_page .section .inner-wrapper .teams_cats_row .row .col .team_wrapper svg.svg_polygon_stroke { z-index: 1; } .teams_page .section .inner-wrapper .teams_cats_row .row .col .team_wrapper svg.svg_polygon_stroke .cls-1 { stroke-width: 1px !important; } .teams_page .section .inner-wrapper .teams_cats_row .row .col .team_wrapper svg.svg_polygon_filled { fill: #fff; z-index: 2; opacity: 0; transition: ease opacity 400ms; } .teams_page .section .inner-wrapper .teams_cats_row .row .col .team_wrapper img { position: relative; z-index: 5; transition: ease filter 400ms; -webkit-filter: unset; filter: unset; max-width: 100px; max-height: 90px; width: auto; height: auto; } .teams_page .section .inner-wrapper .teams_cats_row .row .col a { outline: none; } .teams_page .section .inner-wrapper .teams_cats_row .row .col a:hover svg.svg_polygon_filled { opacity: 1; } .teams_page .section .inner-wrapper .teams_cats_row .row .col a:hover img { -webkit-filter: invert(3); filter: invert(3); } .teams_page .section .inner-wrapper .teams_cats_row .row:nth-child(2n) .col .team_wrapper svg.svg_polygon_filled { fill: #ffc82d; } .teams_page .section .inner-wrapper .teams_cats_row .row:nth-child(2n) .col .team_wrapper svg.svg_polygon_stroke .cls-1 { stroke: #ffc82d !important; } .teams_page .section .inner-wrapper .teams_cats_row .row:nth-child(2n) .col a { outline: none; } .teams_page .section .inner-wrapper .teams_cats_row .row:nth-child(2n) .col a:hover svg.svg_polygon_filled { opacity: 1; } .teams_page .section .inner-wrapper .teams_cats_row .row:nth-child(2n) .col a:hover img { -webkit-filter: invert(3); filter: invert(3); } @media screen and (min-width: 1280px) and (max-width: 1366px) { .teams_page .section .inner-wrapper { margin-bottom: -220px; } .teams_page .section .inner-wrapper .teams_cats_row .row .col { margin-bottom: -53px; transform: scale(0.7) translateY(-70px); } } .teams_page .polygon_bg { position: fixed; left: 0px; top: -60px; width: 100vw; height: calc(130% + 60px); overflow: hidden; z-index: -1; background-size: cover !important; } .teams_page .polygon_bg img { width: 100%; } .teams_page.mobile .section .inner-wrapper { flex-direction: column; } .teams_page.mobile .section .inner-wrapper .teams_cats_row .row { flex-direction: column; justify-content: center; align-items: center; } .teams_page.mobile .section .inner-wrapper .teams_cats_row .row .col { flex-basis: 407px; max-width: 407px; width: 100%; } @media screen and (max-width: 500px) { .teams_page.mobile .section .inner-wrapper .teams_cats_row .row .col { max-width: 90%; } } .teams_page.mobile .section .inner-wrapper .teams_cats_row .row .col .team_wrapper { height: 472px; } @media screen and (max-width: 500px) { .teams_page.mobile .section .inner-wrapper .teams_cats_row .row .col .team_wrapper { height: 400px; } } .teams_page.mobile .section .inner-wrapper .teams_cats_row .row .col .team_wrapper img { max-width: 220px; max-height: 180px; height: auto; width: auto; } @media screen and (max-width: 500px) { .teams_page.mobile .section .inner-wrapper .teams_cats_row .row .col .team_wrapper img { max-width: 45vw; max-height: 42vw; } } .teams_page.mobile .section .inner-wrapper .teams_cats_row .row .col .team_wrapper svg { left: 0px; width: 100%; } .teams_page.mobile .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; } .teams_page.mobile .section .inner-wrapper .image_wrapper h1 { margin-bottom: 100px; margin-left: 0px; position: relative; right: 0px; top: 0px; left: 0px; text-align: left; transform: rotate(0deg); font-size: 140px; } @media screen and (max-width: 500px) { .teams_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 28vw; } } /*-------------------------------------------------------------- ## team_detail_page --------------------------------------------------------------*/ .team_detail_page { width: 100%; } .team_detail_page .section { min-height: 10px; background-color: transparent; color: #fff; } .team_detail_page .section .inner-wrapper { max-width: 1200px; padding: 60px 50px; margin: auto; position: relative; } .team_detail_page .section.custom_max_width .inner-wrapper { max-width: 1300px; padding: 0px 20px; margin: auto; position: relative; } .team_detail_page .team_wrapper .close { display: flex; justify-content: center; width: 100%; padding: 20px 0px; margin-top: 30px; margin-top: 0px; } .team_detail_page .team_wrapper .logo { display: flex; justify-content: center; flex-direction: row; align-items: center; width: 100%; padding-bottom: 30px; height: 80px; } .team_detail_page .team_wrapper .logo img { max-width: 110px; max-height: 60px; height: auto; width: auto; max-width: 140px; max-height: 60px; } .team_detail_page .team_wrapper .article_navigation_wrapper { max-width: 600px; margin: auto; display: flex; justify-content: space-between; align-items: flex-end; font-size: 0px; color: transparent; flex-basis: 35%; padding-bottom: 50px; position: relative; z-index: 2; margin-top: -60px; } .team_detail_page .team_wrapper .article_navigation_wrapper a { font-size: 0px; color: transparent; position: relative; z-index: 4; } .team_detail_page .team_wrapper .article_navigation_wrapper a:before { font-family: "Alegreya Sans", sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 10px; letter-spacing: 1px; display: inline-block; position: relative; z-index: 3; opacity: 0.7; } .team_detail_page .team_wrapper .article_navigation_wrapper a[rel="prev"]:before { content: attr(data-title); } .team_detail_page .team_wrapper .article_navigation_wrapper a[rel="next"]:before { content: attr(data-title); } .team_detail_page .team_wrapper .article_navigation_wrapper .previous_post_link { position: relative; } .team_detail_page .team_wrapper .article_navigation_wrapper .previous_post_link svg { fill: #1e1e1e; position: absolute; right: -10px; bottom: -8px; z-index: 0; } .team_detail_page .team_wrapper .article_navigation_wrapper .previous_post_link .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; z-index: 1; margin-right: 10px; top: -4px; transform: rotate(180deg); } .team_detail_page .team_wrapper .article_navigation_wrapper .previous_post_link .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .team_detail_page .team_wrapper .article_navigation_wrapper .previous_post_link .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .team_detail_page .team_wrapper .article_navigation_wrapper .next_post_link { position: relative; } .team_detail_page .team_wrapper .article_navigation_wrapper .next_post_link svg { fill: #1e1e1e; position: absolute; left: -10px; bottom: -8px; z-index: 0; } .team_detail_page .team_wrapper .article_navigation_wrapper .next_post_link .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; margin-left: 10px; z-index: 1; top: -4px; } .team_detail_page .team_wrapper .article_navigation_wrapper .next_post_link .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .team_detail_page .team_wrapper .article_navigation_wrapper .next_post_link .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .team_detail_page .players_wrapper { min-height: 570px; height: calc(74.45vh); width: 100%; margin-top: -9vh; position: relative; padding-top: calc(16vh * 2); display: flex; flex-direction: column; justify-content: flex-end; } .team_detail_page .players_wrapper .players_staff_wrapper .row { display: flex; flex-direction: row; justify-content: space-between; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col .col_title { width: 2px; position: relative; height: 300px; margin-right: 20px; z-index: -1; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col .col_title h2 { position: absolute; left: -301px; bottom: 230px; height: 40px; width: 500px; text-align: left; font-size: 90px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: rgba(255, 255, 255, 0.1); text-transform: uppercase; letter-spacing: 0px; line-height: 43px; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members { display: flex; flex-direction: row; justify-content: center; flex-basis: 35%; max-width: 35%; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member { flex-basis: 145px; max-width: 145px; height: 300px; margin: 0px -25px; display: flex; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member .player_photo { height: 300px; position: relative; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member .player_photo .before { position: absolute; left: 0px; top: 0px; z-index: 2; display: none; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member .player_photo .after { position: relative; z-index: 2; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member .player_photo .after img.before_mask { height: 300px; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; mask-repeat: no-repeat; position: absolute; left: 0px; z-index: 3; bottom: 4px; width: 100%; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member .player_photo img:not(.before_mask) { transition: ease filter 400ms, ease transform 300ms; -webkit-filter: grayscale(1) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0)); filter: grayscale(1) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0)); transform: scale(0.99); z-index: 1; position: relative; width: auto; height: 300px; max-width: none; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member:hover .player_photo .after { z-index: 5; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member:hover .player_photo .after img:not(.before_mask) { -webkit-filter: grayscale(0) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0)); filter: grayscale(0) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0)); } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member:hover .player_photo img:not(.before_mask) { -webkit-filter: grayscale(0) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0.09)); filter: grayscale(0) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0.09)); transform: scale(1); z-index: 5; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member:hover .player_photo img.before_mask { opacity: 0; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member.open .player_photo .after { z-index: 5; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member.open .player_photo .after img:not(.before_mask) { -webkit-filter: grayscale(0) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0)); filter: grayscale(0) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0)); } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member.open .player_photo img:not(.before_mask) { -webkit-filter: grayscale(0) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0.09)); filter: grayscale(0) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0.09)); transform: scale(1); z-index: 5; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member.open .player_photo img.before_mask { opacity: 0; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member.open .member_info { visibility: visible; opacity: 1; transform: translateY(0px); } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member.open .member_info .info_col.alias .alias .alias_val { transform: translateY(0px); opacity: 1; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members { flex-basis: 70%; max-width: 70%; display: flex; justify-content: center; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .col_title h2:before { content: ""; width: 5px; height: 200px; position: absolute; left: 183px; top: -7px; transform: translateY(-50%) translateX(-100%) rotate(90deg); background-color: #ffc82d; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member { flex-basis: 145px; max-width: 145px; height: 300px; margin: 0px -4% !important; display: flex; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member .player_photo { height: 300px; position: relative; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member .player_photo .before { position: absolute; left: 0px; top: 0px; z-index: 2; display: none; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member .player_photo .after { position: relative; z-index: 2; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member .player_photo .after img.before_mask { height: 300px; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; mask-repeat: no-repeat; position: absolute; left: 0px; z-index: 3; bottom: 4px; width: 100%; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member .player_photo img:not(.before_mask) { transition: ease filter 400ms, ease transform 300ms; -webkit-filter: grayscale(1) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0)); filter: grayscale(1) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0)); transform: scale(0.99); z-index: 1; position: relative; width: auto; height: 300px; max-width: none; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member:hover .player_photo .after { z-index: 5; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member:hover .player_photo .after img:not(.before_mask) { -webkit-filter: grayscale(0) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0)); filter: grayscale(0) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0)); } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member:hover .player_photo img:not(.before_mask) { -webkit-filter: grayscale(0) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0.09)); filter: grayscale(0) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0.09)); transform: scale(1); z-index: 5; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member:hover .player_photo img.before_mask { opacity: 0; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member.open .player_photo .after { z-index: 5; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member.open .player_photo .after img:not(.before_mask) { -webkit-filter: grayscale(0) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0)); filter: grayscale(0) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0)); } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member.open .player_photo img:not(.before_mask) { -webkit-filter: grayscale(0) drop-shadow(0 -1px 1px rgba(255, 197, 61, 0.09)); filter: grayscale(0) drop-shadow(0 -1px 11px rgba(255, 197, 61, 0.09)); transform: scale(1); z-index: 5; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member.open .player_photo img.before_mask { opacity: 0; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member.open .member_info { visibility: visible; opacity: 1; transform: translateY(0px); } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member.open .member_info .info_col.alias .alias .alias_val { transform: translateY(0px); opacity: 1; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member.open_next .player_photo .after { z-index: 4; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member.open_prev .player_photo .after { z-index: 4; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info { opacity: 0; transform: translateY(0px); transition: ease transform 800ms, ease opacity 1000ms; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_col.alias .alias { display: block; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_col.alias .alias .alias_val { transition: ease transform 800ms, ease opacity 1000ms; transform: translateY(-40px); display: block; opacity: 0; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info { position: absolute; left: 0px; top: 0px; width: 100%; visibility: hidden; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row { display: flex; flex-direction: row; justify-content: center; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.fullname { font-family: "Alegreya Sans", sans-serif; font-weight: 400; font-size: 48px; line-height: 50px; text-transform: uppercase; color: #fff; letter-spacing: 2px; text-align: right; display: flex; flex-direction: column; transform: translateY(40%); } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias { position: relative; padding-left: 80px; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_val { font-size: 120px; font-family: "Chivo", sans-serif; font-weight: 900; color: transparent; text-transform: uppercase; letter-spacing: 0px; text-align: right; line-height: 30px; margin-top: 20px; margin-bottom: 40px; margin-left: 0px; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_val i { font-style: normal; animation: 1.5s linear infinite pseudo; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.1); display: block; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_val i:nth-child(1) { animation-delay: .2s; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_val i:nth-child(2) { animation-delay: .5s; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_val i:nth-child(3) { animation-delay: .8s; } @keyframes pseudo { 0% { -webkit-text-stroke-color: #ffc82d; } 50% { -webkit-animation-timing-function: steps(1, end); -moz-animation-timing-function: steps(1, end); -ms-animation-timing-function: steps(1, end); -o-animation-timing-function: steps(1, end); animation-timing-function: steps(1, end); -webkit-text-stroke-color: rgba(255, 255, 255, 0.1); } 100% { -webkit-text-stroke-color: #ffc82d; } } @-webkit-keyframes pseudo { 0% { -webkit-text-stroke-color: #ffc82d; } 50% { -webkit-animation-timing-function: steps(1, end); -moz-animation-timing-function: steps(1, end); -ms-animation-timing-function: steps(1, end); -o-animation-timing-function: steps(1, end); animation-timing-function: steps(1, end); -webkit-text-stroke-color: rgba(255, 255, 255, 0.1); } 100% { -webkit-text-stroke-color: #ffc82d; } } @-moz-keyframes pseudo { 0% { -webkit-text-stroke-color: #ffc82d; } 50% { -webkit-animation-timing-function: steps(1, end); -moz-animation-timing-function: steps(1, end); -ms-animation-timing-function: steps(1, end); -o-animation-timing-function: steps(1, end); animation-timing-function: steps(1, end); -webkit-text-stroke-color: rgba(255, 255, 255, 0.1); } 100% { -webkit-text-stroke-color: #ffc82d; } } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_lab { position: absolute; left: 25px; bottom: 40px; width: 60px; text-align: left; height: 20px; font-family: "Alegreya Sans", sans-serif; font-size: 18px; font-weight: 700; color: #f1be2e; letter-spacing: 2px; transform: rotate(-90deg); text-transform: uppercase; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .player_social_media_links { display: flex; flex-direction: row; justify-content: flex-end; margin-right: -10px; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .player_social_media_links a { padding: 2px 10px; position: relative; color: #fff; text-decoration: none; outline: none; display: flex; justify-content: center; align-content: center; align-items: center; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .player_social_media_links a span { position: absolute; left: 50%; bottom: -30px; transition: ease all 600ms; visibility: hidden; transform: translateX(-50%) translateY(0px); opacity: 0; font-family: "Alegreya Sans", sans-serif; font-weight: 400; letter-spacing: 2px; font-size: 12px; text-transform: uppercase; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .player_social_media_links a:hover span { visibility: visible; transform: translateX(-50%) translateY(10px); opacity: 1; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .player_social_media_links a svg { height: 22px; } .team_detail_page .polygon_bg { position: absolute; left: 0px; bottom: 0px; width: 100vw; height: 100vh; /* overflow: hidden; */ z-index: -2; } .team_detail_page .polygon_bg svg { width: 100%; transform: rotate(45deg); max-width: 1120px; margin: auto; display: block; margin-top: 160px; } .team_detail_page .polygon_bg img { width: 100%; /* max-width: 1120px; */ margin: auto; display: block; position: absolute; left: 50%; bottom: 0%; transform: translate(-50%, 0%); } @media screen and (max-width: 450px) { .team_detail_page.mobile { margin-top: 30px; } } .team_detail_page.mobile.zoom .polygon_bg { display: none !important; } .team_detail_page.mobile.zoom .polygon_bg svg { width: 220vw; transform: rotate(57deg); max-width: none; margin: auto; display: block; margin-top: 380px; margin-left: -54vw; opacity: 0.4; } @media screen and (max-width: 450px) { .team_detail_page.mobile.zoom .section.custom_max_width .inner-wrapper { padding-top: 0px; } } .team_detail_page.mobile.zoom .section.custom_max_width .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; padding-left: 0px; width: 100%; padding-left: 60px; margin-top: 150px; margin-bottom: 100px; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .section.custom_max_width .inner-wrapper .image_wrapper { padding-left: 4vw; margin-top: 22vw; margin-bottom: 22vw; } } .team_detail_page.mobile.zoom .dropdowns_row_wrapper { display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-top: 40px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown label { font-size: 24px; text-transform: uppercase; font-family: "Alegreya Sans", sans-serif; letter-spacing: 2px; font-weight: 700; color: #fff; } @media screen and (max-width: 580px) { .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown label { font-size: 5vw; margin-top: -6px; } } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value { font-size: 24px; text-transform: uppercase; font-family: "Alegreya Sans", sans-serif; letter-spacing: 2px; font-weight: 700; color: #f1be2e; text-decoration: none; outline: none; padding-left: 10px; position: relative; left: 2px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value img { width: 48px; margin-right: 6px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value:before { content: ""; width: 66px; height: 2px; background-color: #fff; position: absolute; left: 0px; bottom: -6px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value svg { fill: #1e1e1e; position: absolute; left: 3px; bottom: -23px; z-index: -1; width: 60px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown label { font-size: 32px; position: relative; top: -7px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value { position: relative; font-size: 32px; } @media screen and (max-width: 580px) { .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value { font-size: 5vw; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value svg { width: 12vw; bottom: -3vw; } } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value.go_back { color: #fff; margin-left: 70px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val { left: -50px; position: relative; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val { left: -6vw; } } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val .icon_arrow { transform: rotate(0deg) translateX(0px) translateY(0%); width: 0px; font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; position: absolute; top: 0px; left: -50px; line-height: 30px; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val .icon_arrow { font-size: 15vw; top: -1px; left: -7vw; } } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val .icon_arrow:before, .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val .icon_arrow:after { display: none; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value .val { position: relative; top: -7px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value:before { width: 83px; height: 3px; bottom: 3px; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value:before { width: 17vw; height: 2px; bottom: 0px; } } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value svg { width: 78px; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value svg { width: 15vw; bottom: -4vw; } } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value .icon_arrow { transform: rotate(90deg) translateX(0px) translateY(-50%); width: 0px; font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; position: absolute; right: -60px; line-height: 30px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value .icon_arrow:before, .team_detail_page.mobile.zoom .dropdowns_row_wrapper .jeux_dropdown .value .icon_arrow:after { display: none; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .game_dropdown_wrapper { margin-left: -10px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .game_dropdown_wrapper ul { left: 267px; top: 90px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .month_dropdown_wrapper { margin-right: 40px; } .team_detail_page.mobile.zoom .dropdowns_row_wrapper .month_dropdown_wrapper ul { left: 17px; top: 90px; width: 300px; } .team_detail_page.mobile.zoom .players_details_wrapper .fullname { position: relative; display: flex; flex-direction: column; align-items: flex-end; padding-right: 70px; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .players_details_wrapper .fullname { padding-right: 4vw; } } .team_detail_page.mobile.zoom .players_details_wrapper .fullname .nom, .team_detail_page.mobile.zoom .players_details_wrapper .fullname .prenom { font-family: "Alegreya Sans", sans-serif; font-size: 90px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 9px; text-align: right; color: #ffffff; text-transform: uppercase; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .players_details_wrapper .fullname .nom, .team_detail_page.mobile.zoom .players_details_wrapper .fullname .prenom { font-size: 10vw; letter-spacing: 1vw; } } .team_detail_page.mobile.zoom .players_details_wrapper .fullname .nom { padding-left: 40px; position: relative; } .team_detail_page.mobile.zoom .players_details_wrapper .fullname .alias_lab { font-family: "Alegreya Sans", sans-serif; font-size: 30px; transform: rotate(-90deg); position: absolute; text-transform: uppercase; left: -50px; bottom: 49px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 2px; text-align: right; color: #ffc72c; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .players_details_wrapper .fullname .alias_lab { left: -3vw; bottom: 6vw; font-size: 3vw; } } .team_detail_page.mobile.zoom .players_details_wrapper .alias { margin-top: 0px; text-align: center; } .team_detail_page.mobile.zoom .players_details_wrapper .alias .alias_val { -webkit-text-stroke: 2px #ffc72c; font-family: "Chivo", sans-serif; font-size: 15vw; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #000000; text-transform: uppercase; } @media screen and (max-width: 750px) { .team_detail_page.mobile.zoom .players_details_wrapper .alias .alias_val { font-size: 15vw; } } .team_detail_page.mobile.zoom .players_details_wrapper .alias .alias_val.ipad_long { font-size: 11vw; } @media screen and (max-width: 750px) { .team_detail_page.mobile.zoom .players_details_wrapper .alias .alias_val.ipad_long { font-size: 11vw; } } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .players_details_wrapper .alias .alias_val { font-size: 14vw; } } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .players_details_wrapper .alias .alias_val.ipad_long { font-size: 11vw; } } .team_detail_page.mobile.zoom .players_details_wrapper .after { text-align: center; margin-top: 0px; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .players_details_wrapper .after { margin-top: -12px; } } .team_detail_page.mobile.zoom .players_details_wrapper .after .container { position: relative; display: inline-block; width: 100%; max-width: 400px; } .team_detail_page.mobile.zoom .players_details_wrapper .after .poly1 { position: relative; display: inline-block; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: #ffc82d; width: 100%; padding-top: 116%; height: 0; } .team_detail_page.mobile.zoom .players_details_wrapper .after .poly2 { position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: #000; width: calc(100% - 20px); height: calc(100% - 20px); } .team_detail_page.mobile.zoom .players_details_wrapper .after .container:after { content: ""; background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 9; -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%, 0% 0%); clip-path: polygon(50% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%, 0% 0%); width: calc(100% - 10px); padding-top: calc(116% - 11px); height: 0; } .team_detail_page.mobile.zoom .players_details_wrapper .after img { width: 100%; max-width: 407px; } .team_detail_page.mobile.zoom .players_details_wrapper .player_social_media_links { display: flex; flex-direction: row; justify-content: center; margin-right: 0px; margin-top: 40px; margin-bottom: 100px; } .team_detail_page.mobile.zoom .players_details_wrapper .player_social_media_links a { padding: 2px 10px; position: relative; color: #fff; text-decoration: none; outline: none; display: flex; justify-content: center; align-content: center; align-items: center; margin: 0px 10px; } @media screen and (max-width: 460px) { .team_detail_page.mobile.zoom .players_details_wrapper .player_social_media_links a { margin: 0px 0px; } } .team_detail_page.mobile.zoom .players_details_wrapper .player_social_media_links a span { position: absolute; left: 50%; bottom: -30px; transition: ease all 600ms; visibility: hidden; transform: translateX(-50%) translateY(0px); opacity: 0; font-family: "Alegreya Sans", sans-serif; font-weight: 400; letter-spacing: 2px; font-size: 12px; text-transform: uppercase; } .team_detail_page.mobile.zoom .players_details_wrapper .player_social_media_links a:hover span { visibility: visible; transform: translateX(-50%) translateY(10px); opacity: 1; } .team_detail_page.mobile.zoom .players_details_wrapper .player_social_media_links a svg { height: 51px; width: 63px; } @media screen and (max-width: 520px) { .team_detail_page.mobile.zoom .players_details_wrapper .player_social_media_links a svg { height: 11vw; width: 13vw; } } @media screen and (max-width: 450px) { .team_detail_page.mobile .section .inner-wrapper { padding: 0px; } } .team_detail_page.mobile .team_wrapper .article_navigation_wrapper a:before { display: none; } .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .previous_post_link { width: 30px; text-align: right; } .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .previous_post_link .icon_arrow { transform: rotate(0deg) translateX(0px) translateY(0%); width: 0px; font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; position: relative; top: 0px; left: 0px; line-height: 30px; } @media screen and (max-width: 500px) { .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .previous_post_link .icon_arrow { font-size: 18vw; top: -1vw; left: 4vw; } } .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .previous_post_link .icon_arrow:before, .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .previous_post_link .icon_arrow:after { display: none; } .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .next_post_link { width: 70px; text-align: left; } .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .next_post_link .icon_arrow { transform: rotate(0deg) translateX(0px) translateY(0%); width: 0px; font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; position: relative; top: 0px; left: 0px; line-height: 30px; } @media screen and (max-width: 500px) { .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .next_post_link .icon_arrow { font-size: 18vw; top: -1vw; } } .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .next_post_link .icon_arrow:before, .team_detail_page.mobile .team_wrapper .article_navigation_wrapper .next_post_link .icon_arrow:after { display: none; } .team_detail_page.mobile .team_wrapper .logo img { max-width: 320px; max-height: 130px; height: auto; width: auto; } @media screen and (max-width: 500px) { .team_detail_page.mobile .team_wrapper .logo img { max-width: 150px; max-height: 100px; } } .team_detail_page.mobile .team_wrapper .close { font-family: "Alegreya Sans", sans-serif; font-weight: 300; font-size: 60px; margin-top: 20px; margin-bottom: 40px; } @media screen and (max-width: 450px) { .team_detail_page.mobile .team_wrapper .close { font-size: 27px; margin-top: -10px; margin-bottom: 10px; } } .team_detail_page.mobile .team_wrapper .close a { color: #fff; text-decoration: none; outline: none; } .team_detail_page.mobile .players_wrapper { min-height: auto; margin-top: 0px; padding-top: 0px; height: auto; } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row { flex-direction: column; } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col { flex-basis: 100%; max-width: 100%; display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .col_title { width: auto; position: relative; height: 0px; margin-right: 0px; z-index: 1; width: 100%; flex-basis: 100%; max-width: 100%; margin-bottom: 80px; margin-top: 30px; } @media screen and (max-width: 450px) { .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .col_title { margin-bottom: 30px; margin-top: -10px; } } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .col_title h2 { position: relative; left: 0px; bottom: 0px; height: auto; width: auto; text-align: left; font-size: 20.7vw; transform: rotate(0deg); color: transparent; line-height: 103px; -webkit-text-stroke: 2px #ffc72c; } @media screen and (max-width: 500px) { .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .col_title h2 { font-size: 19.7vw; } } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .col_title h2:before { display: none; } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .player_member, .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .staff_member { flex-basis: 100%; max-width: 100%; width: 100%; height: auto; margin: 0px; display: flex; margin-bottom: 100px; } @media screen and (max-width: 450px) { .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .player_member, .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .staff_member { flex-basis: 88%; max-width: 88%; width: 100%; height: auto; margin: 0px; display: flex; margin-bottom: 60px; } } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .player_member a, .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .staff_member a { display: block; width: 100%; text-align: center; } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .player_member a .container, .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .staff_member a .container { position: relative; display: inline-block; width: 100%; max-width: 400px; } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .player_member a .poly1, .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .staff_member a .poly1 { position: relative; display: inline-block; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: #ffc82d; width: 100%; padding-top: 116%; height: 0; } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .player_member a .poly2, .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .staff_member a .poly2 { position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: #000; width: calc(100% - 20px); height: calc(100% - 20px); } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .player_member a .container:after, .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .staff_member a .container:after { content: ""; background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 9; -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%, 0% 0%); clip-path: polygon(50% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%, 0% 0%); width: calc(100% - 10px); padding-top: calc(116% - 11px); height: 0; } .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .player_member a img, .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .staff_member a img { width: 100%; max-width: 409px; } /*-------------------------------------------------------------- ## jobs_page --------------------------------------------------------------*/ .jobs_page { width: 100%; margin-top: 100px; padding-top: 100px; } .jobs_page .section { min-height: 600px; min-height: 407px; background-color: #000; color: #fff; } .jobs_page .section .inner-wrapper { max-width: 1200px; padding: 60px 50px; margin: auto; display: flex; flex-direction: row; justify-content: space-between; position: relative; z-index: 99; } .jobs_page .section .inner-wrapper .image_wrapper { flex-basis: 0%; max-width: 0%; margin-bottom: -7px; position: relative; } .jobs_page .section .inner-wrapper .image_wrapper h1 { font-size: 120px; font-family: "Chivo", sans-serif; transform: rotate(-90deg); font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 0px; text-align: right; line-height: 90px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; left: -70px; top: -40px; cursor: default; } .jobs_page .section .inner-wrapper .jobs_wrapper { flex-basis: 85%; max-width: 85%; font-family: "Alegreya Sans", sans-serif; font-size: 14px; line-height: 30px; letter-spacing: 2px; } .jobs_page .section .inner-wrapper .jobs_wrapper p { margin-bottom: 5px; } .jobs_page .section .inner-wrapper .jobs_wrapper .row { display: flex; flex-direction: row; justify-content: space-between; } .jobs_page .section .inner-wrapper .jobs_wrapper .row .col.introduction { padding-left: 5%; text-align: right; flex-basis: 40%; max-width: 40%; } .jobs_page .section .inner-wrapper .jobs_wrapper .row .col.jobs_list { flex-basis: 40%; max-width: 40%; } .jobs_page .section .inner-wrapper .jobs_wrapper .row .col.jobs_list ul { list-style: none; padding: 0px; margin: 0px; } .jobs_page .section .inner-wrapper .jobs_wrapper .row .col.jobs_list ul li a { display: flex; flex-direction: column; margin-bottom: 30px; text-decoration: none; outline: none; } .jobs_page .section .inner-wrapper .jobs_wrapper .row .col.jobs_list ul li span.job_title { color: #FFF; } .jobs_page .section .inner-wrapper .jobs_wrapper .row .col.jobs_list ul li span.job_description { color: #f1be2e; } .jobs_page .polygon_bg { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1200px; transform: translateX(-50%); height: 100%; overflow: hidden; } .jobs_page .polygon_bg svg { opacity: 0.1; position: absolute; } .jobs_page .polygon_bg svg:first-child { right: 33px; top: 167px; } .jobs_page .polygon_bg svg:nth-child(2) { left: 450px; top: 240px; } .jobs_page .polygon_bg svg:nth-child(3) { left: 100px; top: 407px; } .jobs_page .polygon_bg svg:last-child { right: 170px; top: 630px; } .jobs_page .polygon_bg.mobile svg:first-child { left: 53vw; top: 30vw; } .jobs_page .polygon_bg.mobile svg:nth-child(2) { left: 16vw; top: 62vw; } .jobs_page .polygon_bg.mobile svg:nth-child(3) { left: 70vw; top: 90vw; } .jobs_page .polygon_bg.mobile svg:last-child { left: 23vw; top: 142vw; } .jobs_page.mobile { margin-top: 140px; padding-top: 0px; } @media screen and (max-width: 520px) { .jobs_page.mobile { margin-top: 20vw; } } .jobs_page.mobile .section .inner-wrapper { flex-direction: column; padding: 0px; } .jobs_page.mobile .section .inner-wrapper .jobs_wrapper { font-size: 26px; line-height: 40px; flex-basis: 100%; max-width: 100%; } @media screen and (max-width: 520px) { .jobs_page.mobile .section .inner-wrapper .jobs_wrapper { font-size: 5vw; } } .jobs_page.mobile .section .inner-wrapper .jobs_wrapper .row { flex-direction: column; } .jobs_page.mobile .section .inner-wrapper .jobs_wrapper .row .col.introduction { padding-left: 15%; padding-right: 15%; flex-basis: 100%; max-width: 100%; } @media screen and (max-width: 520px) { .jobs_page.mobile .section .inner-wrapper .jobs_wrapper .row .col.introduction { padding-left: 30px; padding-right: 30px; } } .jobs_page.mobile .section .inner-wrapper .jobs_wrapper .row .col.jobs_list { flex-basis: 100%; max-width: 77%; padding-left: 15%; padding-right: 15%; margin-top: 80px; margin-bottom: 100px; } .jobs_page.mobile .section .inner-wrapper .jobs_wrapper .row .col.jobs_list ul li { margin-bottom: 50px; } .jobs_page.mobile .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; width: 100%; } .jobs_page.mobile .section .inner-wrapper .image_wrapper h1 { margin-bottom: 100px; margin-left: 0px; position: relative; right: 0px; top: 0px; left: 0px; text-align: left; transform: rotate(0deg); font-size: 140px; } @media screen and (max-width: 520px) { .jobs_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 27vw; margin-bottom: 20vw; } } /*-------------------------------------------------------------- ## contact_page --------------------------------------------------------------*/ @media screen and (min-height: 900px) { body.page-template-contact-tpl .viewport, body.page-template-contact-tpl .viewport_old { margin-bottom: 35px; } } .contact_page { width: 100%; margin-top: 170px; margin-top: 0px; } .contact_page .section { min-height: 600px; background-color: #000; color: #fff; } .contact_page .section .inner-wrapper { max-width: 1300px; padding: 60px 50px; margin: auto; display: flex; flex-direction: row; justify-content: space-between; position: relative; z-index: 99; } .contact_page .section .inner-wrapper .image_wrapper { flex-basis: 30%; max-width: 30%; margin-bottom: -7px; position: relative; max-width: 300px; margin-bottom: 0px; } .contact_page .section .inner-wrapper .image_wrapper h1 { font-size: 100px !important; font-family: "Chivo", sans-serif; transform: translate(0%, 270px) rotate(-90deg); font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #f1be2e; letter-spacing: 0px; text-align: right; line-height: 90px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px !important; margin-top: 70px !important; } @media screen and (max-height: 610px) { .contact_page .section .inner-wrapper .image_wrapper h1 { margin-left: 30px; margin-top: 30px !important; font-size: 90px !important; } } @media screen and (min-height: 700px) { .contact_page .section .inner-wrapper .image_wrapper h1 { font-size: 100px !important; margin-top: 50px !important; } } .contact_page .section .inner-wrapper .contact_wrapper { flex-basis: 100%; max-width: 100%; font-family: "Alegreya Sans", sans-serif; font-size: 14px; line-height: 30px; letter-spacing: 2px; } .contact_page .section .inner-wrapper .contact_wrapper p { margin-bottom: 5px; } .contact_page .section .inner-wrapper .contact_wrapper .row { display: flex; flex-direction: row; justify-content: space-between; } .contact_page .section .inner-wrapper .contact_wrapper .row .col.contact_map { text-align: right; flex-basis: 50%; max-width: 50%; max-width: 448px; } .contact_page .section .inner-wrapper .contact_wrapper .row .col.contact_map #wpgmza_map { height: 400px !important; margin-top: 80px; margin-bottom: -80px; } .contact_page .section .inner-wrapper .contact_wrapper .row .col .social_media_wrapper { margin: auto; margin-top: 40px; } .contact_page .section .inner-wrapper .contact_wrapper .row .col .social_media_wrapper .row { display: flex; flex-direction: row; justify-content: flex-end; } .contact_page .section .inner-wrapper .contact_wrapper .row .col .social_media_wrapper .row .col { margin: 0px 10px; } .contact_page .section .inner-wrapper .contact_wrapper .row .col .social_media_wrapper .row .col:last-child { margin-right: 0px; } .contact_page .section .inner-wrapper .contact_wrapper .row .col .social_media_wrapper .row .col a { position: relative; color: #fff; text-decoration: none; outline: none; display: flex; justify-content: center; align-content: center; align-items: center; } .contact_page .section .inner-wrapper .contact_wrapper .row .col .social_media_wrapper .row .col a span { position: absolute; left: 50%; top: -30px; transition: ease all 600ms; visibility: hidden; transform: translateX(-50%) translateY(10px); opacity: 0; font-family: "Alegreya Sans", sans-serif; font-weight: 400; letter-spacing: 2px; font-size: 12px; text-transform: uppercase; display: none; } .contact_page .section .inner-wrapper .contact_wrapper .row .col .social_media_wrapper .row .col a:hover span { visibility: visible; transform: translateX(-50%) translateY(0px); opacity: 1; } .contact_page .section .inner-wrapper .contact_wrapper .row .col .social_media_wrapper .row .col a svg { height: 22px; fill: #fff; } .contact_page .section .inner-wrapper .contact_wrapper .row .col.contact_info { flex-basis: 40%; max-width: 40%; } .contact_page .section .inner-wrapper .contact_wrapper .row .col.contact_info ul { list-style: none; padding: 0px; margin: 0px; margin-top: 10vw; } .contact_page .section .inner-wrapper .contact_wrapper .row .col.contact_info ul li { display: flex; flex-direction: column; margin-bottom: 30px; text-align: right; margin-bottom: 10px; } @media screen and (max-width: 650px) { .contact_page .section .inner-wrapper .contact_wrapper .row .col.contact_info ul li { padding-left: 10vw; } } .contact_page .section .inner-wrapper .contact_wrapper .row .col.contact_info ul li span.info_description { color: #f1be2e; } .contact_page .polygon_bg { position: absolute; left: 50%; top: 0px; width: 100%; max-width: 1200px; transform: translateX(-50%); height: 100vw; overflow: hidden; } .contact_page .polygon_bg svg { opacity: 0.1; position: absolute; } .contact_page .polygon_bg svg:first-child { left: 53px; top: 187px; } .contact_page .polygon_bg svg:nth-child(2) { right: 800px; top: 440px; } .contact_page .polygon_bg svg:nth-child(3) { right: 19px; top: 630px; } .contact_page .polygon_bg svg:last-child { right: 159px; top: 780px; } .contact_page.mobile { margin-top: 120px; } @media screen and (max-width: 650px) { .contact_page.mobile { margin-top: 19vw; } } .contact_page.mobile .section .inner-wrapper { flex-direction: column; padding: 0px; } .contact_page.mobile .section .inner-wrapper .contact_wrapper { font-size: 26px; line-height: 40px; letter-spacing: 2px; } @media screen and (max-width: 650px) { .contact_page.mobile .section .inner-wrapper .contact_wrapper { font-size: 3.7vw; line-height: 8vw; } } .contact_page.mobile .section .inner-wrapper .contact_wrapper .row { flex-direction: column; } .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.contact_info { flex-basis: 54%; max-width: 54%; } @media screen and (max-width: 650px) { .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.contact_info { flex-basis: 54vw; max-width: 63vw; flex-basis: 40vw; } } .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.contact_map { flex-basis: 100%; max-width: 100%; margin-top: 60px; } @media screen and (max-width: 650px) { .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.contact_map { flex-basis: 10vw; margin-top: 0px; } .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.contact_map #wpgmza_map { height: 91.5vw !important; } } .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.social_media { margin-top: 70px; margin-bottom: 30px; } @media screen and (max-width: 650px) { .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.social_media { margin-top: 8px; margin-bottom: -30px; } } .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.social_media .social_media_wrapper .row { display: flex; flex-direction: row; justify-content: center; } .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.social_media .social_media_wrapper .row .col { margin: 0px 2vw; } .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.social_media .social_media_wrapper .row .col a svg { height: 61px; width: 67px; } @media screen and (max-width: 650px) { .contact_page.mobile .section .inner-wrapper .contact_wrapper .row .col.social_media .social_media_wrapper .row .col a svg { height: 6vw; width: 8vw; } } .contact_page.mobile .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; width: 100%; } .contact_page.mobile .section .inner-wrapper .image_wrapper h1 { margin-bottom: 100px; margin-left: 0px; position: relative; right: 0px; top: 0px; color: transparent; left: 0px; text-align: left; transform: rotate(0deg); font-size: 140px; } @media screen and (max-width: 650px) { .contact_page.mobile .section .inner-wrapper .image_wrapper h1 { font-size: 18vw; margin-bottom: 10vw; line-height: 12vw; font-size: 18vw; margin-bottom: 0px; line-height: 12vw; margin-top: 0px; } } .contact_page.mobile .polygon_bg { height: 100%; } /*-------------------------------------------------------------- ## Calendar Page --------------------------------------------------------------*/ .zindex999 { z-index: 999 !important; position: relative; } .calendar_page { width: 100%; margin-top: 0px; padding-top: 100px; } .calendar_page .section { min-height: 300px; background-color: #000; color: #fff; } .calendar_page .section .inner-wrapper { max-width: 1300px; padding: 60px 50px; padding-top: 0px; margin: auto; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 99; padding-bottom: 100px; } .calendar_page .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; padding-left: 0px; } .calendar_page .section .inner-wrapper .image_wrapper .title { position: relative; } .calendar_page .section .inner-wrapper .image_wrapper .title h1 { font-size: 72px; font-family: "Chivo", sans-serif; font-weight: 900; color: #000; text-transform: uppercase; -webkit-text-stroke: 2px #ffc82d; text-align: right; line-height: 72px; margin-top: 0px; margin-bottom: 0px; } .calendar_page .section .inner-wrapper .image_wrapper .title a { padding: 10px; display: inline-block; z-index: 3; opacity: 0.7; text-decoration: none; outline: none; position: absolute; top: 50%; } .calendar_page .section .inner-wrapper .image_wrapper .title .to_left { left: 0px; transform: translateX(-70px) translateY(-50%); } .calendar_page .section .inner-wrapper .image_wrapper .title .to_left svg { fill: #1e1e1e; position: absolute; right: -10px; bottom: -8px; z-index: 0; } .calendar_page .section .inner-wrapper .image_wrapper .title .to_left .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; z-index: 1; margin-right: 10px; top: -4px; transform: rotate(180deg); } .calendar_page .section .inner-wrapper .image_wrapper .title .to_left .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .calendar_page .section .inner-wrapper .image_wrapper .title .to_left .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .calendar_page .section .inner-wrapper .image_wrapper .title .to_right { right: 0px; transform: translateX(70px) translateY(-50%); } .calendar_page .section .inner-wrapper .image_wrapper .title .to_right svg { fill: #1e1e1e; position: absolute; left: -10px; bottom: -8px; z-index: 0; } .calendar_page .section .inner-wrapper .image_wrapper .title .to_right .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; margin-left: 10px; z-index: 1; top: -4px; } .calendar_page .section .inner-wrapper .image_wrapper .title .to_right .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .calendar_page .section .inner-wrapper .image_wrapper .title .to_right .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper { display: flex; padding: 20px 0px; flex-direction: row; justify-content: center; position: relative; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper label { font-size: 24px; text-transform: uppercase; font-family: "Alegreya Sans", sans-serif; letter-spacing: 2px; font-weight: 700; color: #fff; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value { font-size: 24px; text-transform: uppercase; font-family: "Alegreya Sans", sans-serif; letter-spacing: 2px; font-weight: 700; color: #f1be2e; text-decoration: none; outline: none; padding-left: 10px; position: relative; left: 2px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value img { width: 48px; margin-right: 6px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value:before { content: ""; width: 66px; height: 2px; background-color: #fff; position: absolute; left: 0px; bottom: -6px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value svg { fill: #1e1e1e; position: absolute; left: 3px; bottom: -23px; z-index: -1; width: 60px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value .icon_arrow { display: inline-block; width: 9px; height: 1px; background: rgba(132, 132, 132, 0.38); position: relative; margin-left: 10px; z-index: 1; top: -7px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value .icon_arrow:before { content: ""; width: 5px; height: 5px; border-radius: 12px; border: 2px solid rgba(132, 132, 132, 0.38); position: absolute; left: -5px; bottom: -2px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value .icon_arrow:after { content: ""; height: 7px; width: 6px; background: url(https://vitality.gg/wp-content/themes/vitality/images/nav_arrow.svg) no-repeat center center transparent; background-size: 76%; position: absolute; right: -5px; top: -3px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value.open svg { fill: #2b2b2b; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul { position: absolute; left: 50%; top: 70px; z-index: 9; width: 500px; display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; background: #111; padding: 10px; border-radius: 5px; list-style: none; margin: 0px; visibility: hidden; transition: ease transform 500ms, ease opacity 600ms; opacity: 0; transform: translateY(-30px) translateX(calc(-50% - 20px)); } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul li { flex-basis: 50%; max-width: 50%; margin: 4px 0px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul li a { display: flex; flex-direction: row; color: #fff; text-decoration: none; outline: none; height: 40px; align-items: center; font-size: 14px; text-transform: uppercase; font-family: "Alegreya Sans", sans-serif; letter-spacing: 1px; font-weight: 500; padding: 0px 10px; background: rgba(255, 255, 255, 0); transition: ease background 400ms; border-radius: 4px; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul li a:hover { background: rgba(255, 255, 255, 0.07); } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul li a img { height: auto; width: auto; max-height: 15px; flex-basis: auto; max-width: none; margin-right: 20px; display: none; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul li a span.name { text-align: center; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul li.tous_les_jeux a { background: rgba(255, 200, 45, 0.9); color: #000; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul.open { visibility: visible; opacity: 1; transform: translateY(10px) translateX(calc(-50% - 20px)); } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-day-grid-container { overflow: unset !important; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation { display: flex; flex-direction: row; justify-content: center; padding: 20px 0px; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a { font-size: 24px; text-transform: uppercase; font-family: "Alegreya Sans", sans-serif; letter-spacing: 2px; font-weight: 700; color: #505050; text-decoration: none; outline: none; padding-left: 0px; position: relative; left: 2px; margin: 0px 16px; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a:before { content: ""; width: 64px; height: 2px; background-color: #fff; position: absolute; left: 50%; transition: ease opacity 400ms; bottom: 0px; opacity: 0; transform: translateX(-50%); } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a svg { fill: #1e1e1e; position: absolute; left: 50%; top: 50%; z-index: -1; width: 60px; opacity: 0; transition: ease opacity 400ms; transform: translate(-50%, -50%); } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a.active { color: #f1be2e; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a.active:before { opacity: 1; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a.active svg { opacity: 1; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a:hover:before { opacity: 0.07; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a:hover svg { opacity: 0.2; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-head { display: none; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-unthemed th, .calendar_page .section .inner-wrapper .calendar_wrapper .fc-unthemed td, .calendar_page .section .inner-wrapper .calendar_wrapper .fc-unthemed thead, .calendar_page .section .inner-wrapper .calendar_wrapper .fc-unthemed tbody, .calendar_page .section .inner-wrapper .calendar_wrapper .fc-unthemed .fc-divider, .calendar_page .section .inner-wrapper .calendar_wrapper .fc-unthemed .fc-row, .calendar_page .section .inner-wrapper .calendar_wrapper .fc-unthemed .fc-popover { border-color: #fff; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc th, .calendar_page .section .inner-wrapper .calendar_wrapper .fc td { border-width: 2px; background-color: transparent; opacity: 1; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-bg .fc-day { position: relative; overflow: hidden; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-bg .fc-day.fc-other-month { background: rgba(255, 255, 255, 0.12); } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-bg .day_bg { text-align: center; width: 80px; height: 52px; font-family: "Chivo", sans-serif; font-size: 72px; font-weight: 900; font-stretch: normal; line-height: 72px; letter-spacing: -3.6px; text-align: center; color: rgba(253, 196, 60, 0.1); position: relative; transform: translate(calc(100% + 8px), calc(100% + 34px)); display: block; } .calendar_page .section .inner-wrapper .calendar_wrapper a.fc-event { border-bottom: none; border: none !important; background-color: transparent !important; color: transparent !important; } .calendar_page .section .inner-wrapper .calendar_wrapper a.fc-event:after { display: none !important; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-content { overflow: visible; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-row.fc-rigid { overflow: visible; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-row.fc-rigid.open_parent { position: relative; z-index: 9999; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-row.fc-rigid:last-child { display: none; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-center-date { text-align: center; font-family: "Chivo", sans-serif; font-weight: 700; font-size: 12px; padding-top: 5px; letter-spacing: 2px; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-center-date .fc-day-date { font-family: "Chivo", sans-serif; font-weight: 900; text-transform: uppercase; font-size: 18px; color: #fff; letter-spacing: 2px; line-height: 18px; padding-right: 7px; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-today.fc-state-highlight { color: #000; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-bg .fc-today.fc-state-highlight { position: relative; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-bg .fc-today.fc-state-highlight:before { content: ""; width: 23px; height: 26px; background: url(https://vitality.gg/wp-content/themes/vitality/images/polygon_filled.svg) no-repeat center; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); } .calendar_page .section.center .inner-wrapper { min-height: 300px; align-content: center; align-items: center; } .calendar_page .ical_event_item_wrapper { position: relative; padding: 1px 5px; } .calendar_page .ical_event_item_wrapper .ical_open_modal { background-color: #00e5bf; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 2px 5px; line-height: 10px; color: #fff; font-size: 10px; font-family: "Alegreya Sans", sans-serif; font-weight: 500; letter-spacing: .5px; text-align: center; text-decoration: none; outline: none; margin-bottom: 2px; border: 1px solid rgba(255, 255, 255, 0.64); opacity: 0.9; } .calendar_page .ical_event_item_wrapper .ical_open_modal img { height: 10px; max-width: none; width: auto; margin-right: 4px; } @media screen and (max-width: 580px) { .calendar_page .ical_event_item_wrapper .ical_open_modal img { height: auto; max-width: 100%; } } .calendar_page .ical_event_item_wrapper .ical_open_modal:hover, .calendar_page .ical_event_item_wrapper .ical_open_modal:focus { border-color: white; } .calendar_page .ical_event_item_wrapper .ical_item_modal { background-color: #00e5bf; width: 430px; max-width: 430px; height: 230px; position: absolute; left: 0px; top: 0px; visibility: hidden; transition: ease transform 500ms, ease opacity 600ms; transform: translateX(calc(-100% - 0px)); opacity: 0; } .calendar_page .ical_event_item_wrapper .ical_item_modal .ical_close { outline: none; text-decoration: none; position: absolute; right: 0px; top: 0px; transform: translate(50%, -50%); width: 30px; height: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9; } .calendar_page .ical_event_item_wrapper .ical_item_modal .ical_close svg { fill: #fff; filter: drop-shadow(-1px 3px 2px rgba(0, 0, 0, 0.25)); -webkit-filter: drop-shadow(-1px 3px 2px rgba(0, 0, 0, 0.25)); } .calendar_page .ical_event_item_wrapper .ical_item_modal .bg_logo { position: absolute; z-index: 1; left: 0%; top: 0%; width: 100%; height: 100%; opacity: 0.08; display: flex; flex-direction: column; justify-content: center; align-items: center; } .calendar_page .ical_event_item_wrapper .ical_item_modal .bg_logo img { width: 100%; } .calendar_page .ical_event_item_wrapper .ical_item_modal .team_advers_names { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden; z-index: 0; } .calendar_page .ical_event_item_wrapper .ical_item_modal .team_name { transform: rotate(-90deg); font-size: 94px; font-family: "Chivo", sans-serif; font-weight: 900; color: #00e5bf; -webkit-text-stroke: 2px white; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; position: absolute; bottom: 0px; padding-left: 0px; z-index: 0; width: 230px; height: 65px; line-height: 66px; left: -84px; top: 80px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .advers_name { transform: rotate(-90deg); font-size: 94px; font-family: "Chivo", sans-serif; font-weight: 900; color: #00e5bf; -webkit-text-stroke: 2px white; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; position: absolute; bottom: 0px; padding-left: 0px; z-index: 0; width: 230px; height: 65px; line-height: 66px; right: -84px; top: 80px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.game_logo { flex-basis: 30%; max-height: 30%; align-items: center; display: flex; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.game_logo img { height: 30px; max-width: none; width: auto; display: block; margin: auto; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body { flex-basis: 50%; max-height: 50%; margin-top: 10px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; overflow: hidden; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.team_logo { height: 80px; display: flex; flex-direction: column; justify-content: center; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.team_logo img { height: auto; width: auto; max-width: 80px; max-height: 80px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper { display: flex; flex-direction: column; text-align: center; margin: 0px 40px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper.left { text-align: center; position: relative; right: -99px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper.upper { text-transform: uppercase; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .teams { font-family: "Alegreya Sans", sans-serif; font-weight: 900; font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: 1px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .teams_score { font-family: "Chivo", sans-serif; font-weight: 900; font-size: 60px; line-height: 60px; color: #fff; letter-spacing: 1px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .teams_score.reduce_size { font-size: 30px; margin-left: -40px; display: block; margin-right: 40px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.score_wrapper .score { font-family: "Alegreya Sans", sans-serif; font-weight: 900; font-size: 20px; text-transform: uppercase; color: #000; letter-spacing: 1px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.advers_logo { height: 80px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.score_body .sub_flex_row .sub_flex_col.advers_logo img { height: 80px; width: auto; max-width: none; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.game_footer { flex-basis: 25%; max-height: 25%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.game_footer span { font-family: "Alegreya Sans", sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: 1px; padding-bottom: 5px; } .calendar_page .ical_event_item_wrapper .ical_item_modal .flex_row .flex_col.game_footer span span.date { padding-left: 20px; } .calendar_page .ical_event_item_wrapper.open .ical_open_modal { opacity: 1; } .calendar_page .ical_event_item_wrapper.open .ical_item_modal { visibility: visible; transform: translateX(calc(-100% - 20px)); opacity: 1; } .calendar_page .ical_event_item_wrapper.open.origin-right .ical_item_modal { transform: translateX(calc(0% + 175px)); } .calendar_page .result_wrapper { width: 100%; max-width: 790px; margin: auto; margin-top: 0px; } .calendar_page .result_wrapper h4 { height: 18px; font-family: "Chivo", sans-serif; font-size: 24px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: 20px; letter-spacing: 2.4px; text-align: center; color: #f1be2e; margin-bottom: 40px; margin-top: 80px; position: relative; } .calendar_page .result_wrapper h4:before { content: ""; width: 38px; height: 3px; background-color: #ffc82d; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); } .calendar_page .result_wrapper ul { list-style: none; padding: 0px; margin: 0px; } .calendar_page .result_wrapper ul li { margin-bottom: 20px; } .calendar_page .result_wrapper ul li .result_item_wrapper { height: 30px; background-color: rgba(0, 229, 191, 0.9); display: flex; flex-direction: row; justify-content: center; align-content: center; align-items: center; } .calendar_page .result_wrapper ul li .result_item_wrapper .game { flex-basis: 20%; max-width: 20%; position: relative; padding-left: 10px; text-align: left; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .calendar_page .result_wrapper ul li .result_item_wrapper .game img { width: 42px; position: absolute; left: 0px; transform: translateX(calc(-100% - 20px)); max-height: 30px; max-width: 50px; width: auto; } .calendar_page .result_wrapper ul li .result_item_wrapper .game .name { font-family: "Alegreya Sans", sans-serif; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 1.2px; text-align: left; color: #ffffff; } .calendar_page .result_wrapper ul li .result_item_wrapper .score_teams { flex-basis: 80%; max-width: 80%; display: flex; flex-direction: row; justify-content: center; } .calendar_page .result_wrapper ul li .result_item_wrapper .score_teams .team { display: flex; flex-direction: row; justify-content: center; align-items: center; } .calendar_page .result_wrapper ul li .result_item_wrapper .score_teams .team img { width: auto; max-width: none; height: 20px; margin-right: 10px; } .calendar_page .result_wrapper ul li .result_item_wrapper .score_teams .team .name { font-family: "Chivo", sans-serif; font-size: 18px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 1.8px; text-align: center; color: #ffffff; } .calendar_page .result_wrapper ul li .result_item_wrapper .score_teams .score { font-family: "Chivo", sans-serif; font-size: 18px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 1.8px; text-align: center; color: #ffffff; padding-left: 30px; padding-right: 30px; } .calendar_page .result_wrapper ul li .result_item_wrapper .score_teams .advers { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .calendar_page .result_wrapper ul li .result_item_wrapper .score_teams .advers img { width: auto; max-width: none; height: 20px; margin-left: 10px; } .calendar_page .result_wrapper ul li .result_item_wrapper .score_teams .advers .name { font-family: "Chivo", sans-serif; font-size: 18px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: 1.8px; text-align: center; color: #ffffff; text-transform: uppercase; } .calendar_page .result_wrapper ul li .result_item_wrapper .competition { flex-basis: 20%; max-width: 20%; position: relative; padding-right: 10px; text-align: right; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .calendar_page .result_wrapper ul li .result_item_wrapper .competition img { width: 42px; position: absolute; right: 0px; transform: translateX(calc(100% + 20px)); max-height: 30px; max-width: 50px; width: auto; } .calendar_page .result_wrapper ul li .result_item_wrapper .competition .name { font-family: "Alegreya Sans", sans-serif; font-size: 12px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 1.2px; text-align: left; color: #ffffff; } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper { max-width: 450px; margin: auto; width: 100%; min-height: 140px; } @media screen and (max-width: 650px) { .calendar_page.mobile .result_wrapper ul li .result_item_wrapper { max-width: 66vw; } } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .competition .name { transform: rotate(-90deg); width: 140px; height: 20px; position: absolute; right: -60px; top: -10px; text-align: center; text-transform: uppercase; overflow: hidden; } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .competition img { max-width: 70px; } @media screen and (max-width: 580px) { .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .competition img { max-width: 11vw; right: 2vw; } } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .game .name { transform: rotate(-90deg); width: 140px; height: 20px; position: absolute; left: -60px; top: -10px; text-align: center; text-transform: uppercase; overflow: hidden; } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .game img { max-width: 70px; } @media screen and (max-width: 580px) { .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .game img { max-width: 11vw; left: 2vw; } } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams { flex-direction: column; } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .team .name { font-size: 26px; } @media screen and (max-width: 650px) { .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .team .name { font-size: 4vw; } } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .advers .name { font-size: 26px; } @media screen and (max-width: 650px) { .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .advers .name { font-size: 4vw; } } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .score { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 26px; } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .score img.score_type_3_logo{ max-width: 6vw; margin-right: 10px; } @media screen and (max-width: 650px) { .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .score { font-size: 3vw; padding-left: 0px; padding-right: 0px; } } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .score .team_logo { height: 47px; margin-right: 20px; } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .score .team_logo img { width: auto; max-width: none; height: 100%; } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .score .advers_logo { height: 47px; margin-left: 20px; } .calendar_page.mobile .result_wrapper ul li .result_item_wrapper .score_teams .score .advers_logo img { width: auto; max-width: none; height: 100%; } .calendar_page.mobile .result_wrapper h4 { font-size: 72px; color: #ffc82d; margin-bottom: 80px; } @media screen and (max-width: 650px) { .calendar_page.mobile .result_wrapper h4 { font-size: 10vw; } } .calendar_page.mobile .result_wrapper h4:before { content: ""; width: 59px; height: 10px; background-color: #ffc82d; position: absolute; bottom: -50px; } .calendar_page.mobile .calendar_wrapper.zoom { width: 100%; margin-top: 50px; } .calendar_page.mobile .calendar_wrapper.zoom .ical_event_item_wrapper { padding: 0px 0px; } .calendar_page.mobile .calendar_wrapper.zoom .ical_event_item_wrapper .ical_item_modal { width: 100%; max-width: none; height: 295px; position: relative; left: 0px; top: 0px; visibility: visible; transition: ease transform 500ms, ease opacity 600ms; transform: translateX(0px); opacity: 1; } .calendar_page.mobile .calendar_wrapper.zoom .ical_event_item_wrapper .ical_item_modal .team_advers_names { display: flex; justify-content: center; align-items: center; } .calendar_page.mobile .calendar_wrapper.zoom .ical_event_item_wrapper .ical_item_modal .team_advers_names .team_name { top: unset; bottom: unset; left: -104px; width: 290px; font-size: 122px; } .calendar_page.mobile .calendar_wrapper.zoom .ical_event_item_wrapper .ical_item_modal .team_advers_names .advers_name { top: unset; bottom: unset; right: -112px; width: 310px; font-size: 122px; } .calendar_page.mobile .section .inner-wrapper { padding-left: 0px; padding-right: 0px; } .calendar_page.mobile .section .inner-wrapper .ical_event_item_wrapper .ical_open_modal img { margin-right: 0px; } .calendar_page.mobile .section .inner-wrapper .fc-day-grid .fc-row:last-child { display: none; } .calendar_page.mobile .section .inner-wrapper .fc-bg .day_bg { font-size: 52px; transform: translate(calc(0% + 8px), calc(-170% + 34px)); position: absolute; top: 100%; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .fc-bg .day_bg { font-size: 10vw; transform: translate(calc(0% + -4vw), calc(-170% + 34px)); position: absolute; top: 100%; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper { width: 100%; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper { display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-top: 40px; padding-left: 60px; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper { padding-left: 30px; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper label { font-size: 5vw; margin-top: -6px; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown label { font-size: 32px; position: relative; top: -7px; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value { position: relative; font-size: 32px; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value { font-size: 5vw; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value svg { width: 14vw !important; bottom: -4vw; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value.go_back { color: #fff; margin-left: 70px; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val { left: -50px; position: relative; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val .icon_arrow { transform: rotate(0deg) translateX(0px) translateY(-50%); width: 0px; font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; position: absolute; top: 0px; left: -50px; line-height: 30px; } @media screen and (max-width: 650px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val .icon_arrow { font-size: 3vw; top: -3px; left: -8vw; font-size: 15vw; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val .icon_arrow:before, .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value.go_back .val .icon_arrow:after { display: none; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value .val { position: relative; top: -7px; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value:before { width: 83px; height: 3px; bottom: 3px; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value:before { width: 14vw; height: 2px; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value svg { width: 78px; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value .icon_arrow { transform: rotate(90deg) translateX(0px) translateY(-50%); width: 0px; font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; position: absolute; right: -60px; line-height: 30px; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value .icon_arrow { font-size: 12vw; right: -7vw; top: 0px; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value .icon_arrow:before, .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .jeux_dropdown .value .icon_arrow:after { display: none; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .game_dropdown_wrapper { margin-left: -10px; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .game_dropdown_wrapper ul { left: 267px; top: 90px; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .game_dropdown_wrapper ul { left: 48vw; top: 14vw; width: 60vw; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .game_dropdown_wrapper ul li:first-child a span { display: block; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .game_dropdown_wrapper ul li a { justify-content: center; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .month_dropdown_wrapper { margin-right: 15vw; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .month_dropdown_wrapper .jeux_dropdown .value { font-size: 5vw; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .month_dropdown_wrapper .jeux_dropdown .value svg { width: 13vw !important; bottom: -4vw; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .month_dropdown_wrapper ul { left: 17px; top: 90px; width: 300px; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .dropdowns_row_wrapper .month_dropdown_wrapper ul { width: 40vw; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title { margin-top: 60px; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .title { margin-top: 0px; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title h1 { font-size: 100px; text-align: center; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .title h1 { font-size: 11vw; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_left { transform: translateX(9vw) translateY(-50%); opacity: 1; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_left .icon_arrow { transform: rotate(0deg); width: 0px; font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; position: absolute; right: 60px; line-height: 30px; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_left .icon_arrow:before, .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_left .icon_arrow:after { display: none; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_left { transform: translateX(17vw) translateY(-50%); } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_left .icon_arrow { font-size: 12vw; } } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_right { transform: translateX(-9vw) translateY(-50%); opacity: 1; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_right .icon_arrow { width: 0px; font-family: "Chivo", sans-serif; font-size: 120px; font-weight: 900; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffc82d; position: absolute; left: 30px; line-height: 30px; } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_right .icon_arrow:before, .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_right .icon_arrow:after { display: none; } @media screen and (max-width: 580px) { .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_right { transform: translateX(-14vw) translateY(-50%); } .calendar_page.mobile .section .inner-wrapper .image_wrapper .title .to_right .icon_arrow { font-size: 12vw; } } /*-------------------------------------------------------------- ## Simple Page --------------------------------------------------------------*/ .simple_page { width: 100%; margin-top: 100px; padding-top: 70px; padding-top: 0px; } .simple_page .section { min-height: 300px; background-color: #000; color: #fff; } .simple_page .section .inner-wrapper { padding: 60px 50px; max-width: 1200px; margin: auto; display: flex; flex-direction: column; position: relative; z-index: 99; } .simple_page .section .inner-wrapper h1 { -webkit-text-stroke: 2px #ffc72c; font-family: "Chivo", sans-serif; font-size: 72px; font-weight: 900; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000000; margin-top: -30px; margin-bottom: 130px; text-transform: uppercase; margin-bottom: 0px; } .simple_page .section .inner-wrapper .content h1, .simple_page .section .inner-wrapper .content h2, .simple_page .section .inner-wrapper .content h3, .simple_page .section .inner-wrapper .content h4, .simple_page .section .inner-wrapper .content h5, .simple_page .section .inner-wrapper .content h6 { font-family: "Chivo", sans-serif; font-weight: 900; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 4.8px; text-align: left; color: #ffffff; margin-bottom: 20px; margin-top: 50px; text-transform: uppercase; } .simple_page .section .inner-wrapper .content p { font-family: "Alegreya Sans", sans-serif; font-size: 14px; font-weight: 100; font-style: normal; font-stretch: normal; letter-spacing: 1.4px; text-align: justify; color: rgba(255, 255, 255, 0.9); margin-bottom: 10px; } .simple_page .section .inner-wrapper .content ul li { font-family: "Alegreya Sans", sans-serif; font-size: 14px; font-weight: 100; font-style: normal; font-stretch: normal; letter-spacing: 1.4px; text-align: justify; color: #ffffff; color: rgba(255, 255, 255, 0.8); } .simple_page .section .inner-wrapper .content a { border-bottom: 1px solid rgba(255, 255, 255, 0.4); text-decoration: none; outline: none; color: #f1be2e; } .simple_page .section .inner-wrapper .content ol { margin: 0px; padding: 0px; padding-left: 20px; } .simple_page .section .inner-wrapper .content ol li { font-family: "Alegreya Sans", sans-serif; font-size: 18px; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: 1.4px; text-align: justify; color: #ffffff; text-transform: uppercase; margin-bottom: 20px; margin-top: 50px; } @media screen and (max-width: 520px) { .simple_page.mobile { margin-top: 30vw; padding-top: 0vw; } } .simple_page.mobile .section .inner-wrapper { padding: 60px 0px; } .simple_page.mobile .section .inner-wrapper h1 { font-size: 90px; margin-bottom: 40px; margin-top: -30px; } @media screen and (max-width: 520px) { .simple_page.mobile .section .inner-wrapper h1 { font-size: 15vw; margin-bottom: 10vw; margin-top: -24vw; } } .simple_page.mobile .section .inner-wrapper .content { padding-left: 15%; padding-right: 15%; } @media screen and (max-width: 520px) { .simple_page.mobile .section .inner-wrapper .content { padding-left: 30px; padding-right: 30px; } } .simple_page.mobile .section .inner-wrapper .content p { text-align: left; font-size: 26px; line-height: 45px; } @media screen and (max-width: 520px) { .simple_page.mobile .section .inner-wrapper .content p { font-size: 5vw; line-height: 8vw; } } .simple_page.mobile .section .inner-wrapper .content li { text-align: left; font-size: 26px; line-height: 45px; } @media screen and (max-width: 520px) { .simple_page.mobile .section .inner-wrapper .content li { font-size: 5vw; line-height: 8vw; } } .simple_page.mobile .section .inner-wrapper .content h1, .simple_page.mobile .section .inner-wrapper .content h2, .simple_page.mobile .section .inner-wrapper .content h3, .simple_page.mobile .section .inner-wrapper .content h4, .simple_page.mobile .section .inner-wrapper .content h5, .simple_page.mobile .section .inner-wrapper .content h6 { font-size: 72px; margin-left: -70px; margin-bottom: 100px; } @media screen and (max-width: 520px) { .simple_page.mobile .section .inner-wrapper .content h1, .simple_page.mobile .section .inner-wrapper .content h2, .simple_page.mobile .section .inner-wrapper .content h3, .simple_page.mobile .section .inner-wrapper .content h4, .simple_page.mobile .section .inner-wrapper .content h5, .simple_page.mobile .section .inner-wrapper .content h6 { font-size: 11vw; margin-left: 0px; margin-bottom: 15vw; } } /*-------------------------------------------------------------- ## Home Page --------------------------------------------------------------*/ .page404 { width: 100%; margin-top: 100px; padding-top: 70px; } .page404 .section { min-height: auto; background-color: #000; color: #fff; } .page404 .section .inner-wrapper { padding: 60px 50px; max-width: 1350px; margin: auto; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 99; } .page404 .section .inner-wrapper.first_section { max-width: 1200px; width: 100%; margin-top: 0px; padding: 0px; } .page404 .section .inner-wrapper .image_wrapper { flex-basis: 100%; max-width: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; position: relative; overflow: hidden; left: 4px; } .page404 .section .inner-wrapper .image_wrapper.first_image_wrapper { padding-top: 73px; margin-top: -86px; } .page404 .section .inner-wrapper .image_wrapper h2 { font-family: "Alegreya Sans", sans-serif; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 1.8px; text-align: center; color: #ffc82d; position: relative; top: -34px; } .page404 .section .inner-wrapper .image_wrapper a { outline: none; text-decoration: none; font-family: "Alegreya Sans", sans-serif; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 1.8px; text-align: center; color: #000000; width: 115px; height: 40px; border: solid 3px #000000; display: block; margin: auto; top: -50px; position: relative; line-height: 36px; text-transform: uppercase; } .page404 .section .inner-wrapper .image_wrapper .logo_bg { position: absolute; bottom: 0px; z-index: 0; width: 100%; max-height: 301px; max-width: 483px; left: 50%; transform: translateX(-50%); } .page404 .section .inner-wrapper .image_wrapper .logo_bg_black { position: absolute; top: 0px; z-index: 0; width: 100%; width: 448px; height: 299px; left: 50%; transform: translateX(-50%); } .page404 .section .inner-wrapper .image_wrapper .bg_404 { width: 100%; margin: auto; max-width: 957px; position: relative; left: -22px; } .page404 .section .inner-wrapper .image_wrapper .bg_404_black { max-width: 1024px; width: 100%; margin: auto; transform: translateY(-205px); } .page404 .section.yellow { background-color: #ffc82d; } @media screen and (max-width: 768px) { .page404 .section .inner-wrapper .image_wrapper .bg_404 { width: 100%; margin: auto; max-width: 79%; position: relative; left: -1.8%; } .page404 .section .inner-wrapper .image_wrapper .bg_404_black { max-width: 84.6%; width: 100%; margin: auto; transform: translateY(-50%); } .page404 .section .first_section { margin: 0px; } .page404 .section .image_wrapper.first_image_wrapper { overflow: visible; padding-top: 0px; margin-top: 0px; } .page404 .section .image_wrapper:not(.first_image_wrapper) { padding-bottom: 120px; } .page404 .section .inner-wrapper .image_wrapper .logo_bg_black { width: 300px; height: auto; } .page404 .section .inner-wrapper .image_wrapper .logo_bg { max-height: none; max-width: 323px; } .page404 .section .inner-wrapper .image_wrapper h2 { top: -160px; } .page404 .section .inner-wrapper .image_wrapper a { top: 0px; margin-top: 110px; } .page404 .section:not(.yellow) { min-height: 35vh; display: flex; flex-direction: column; justify-content: flex-end; } .page404 .section.yellow { min-height: 50vh; display: flex; flex-direction: column; justify-content: flex-start; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ specific styles go here */ body { font-size: 16px; } h1 { font-size: 30px; font-size: 1.875rem; } h2, .page .panel-content .recent-posts .entry-title { font-size: 26px; font-size: 1.625rem; } h3 { font-size: 22px; font-size: 1.375rem; } h4 { font-size: 18px; font-size: 1.125rem; } h5 { font-size: 13px; font-size: 0.8125rem; } h6 { font-size: 16px; font-size: 1rem; } img { width: inherit; /* Make images fill their parent's space. */ } /* Fixes linked images */ .entry-content a img, .widget a img { filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff); } /* Layout */ .site-content { padding: 6.5em 0 0; } /* Site Branding */ .custom-header { overflow: hidden; } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header { display: block; } .custom-header-media { background-position: bottom center; } .site-branding { padding: 45px 0; } .has-header-image.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding { bottom: 0; display: block; left: 0; height: auto; padding-top: 0; position: absolute; width: 100%; } .has-header-image .custom-header-media img { left: 0; top: 0; } .site-title { font-size: 36px; font-weight: 700; } .site-description { font-size: 16px; } /* Main Navigation */ .navigation-top { background: #fff; position: relative; z-index: 10; } .menu-toggle { width: 150px; } .main-navigation ul#top-menu { margin-bottom: -1px; padding: 0; } .no-svg .dropdown-toggle { padding: 0.25em 0 0; } .no-svg .dropdown-toggle.toggled-on { padding: 0.75em 0 0; } .dropdown-toggle .svg-fallback.icon-angle-down { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; } .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; } /* Front Page */ .twentyseventeen-front-page.has-header-image .custom-header, .blog.home.has-header-image .custom-header, .panel-image { height: 800px; max-height: 800px; padding-top: 0; } .twentyseventeen-front-page .custom-header-media, .blog.home .custom-header-media { background-position: center center; } .twentyseventeen-front-page.has-header-image .site-branding, .home.blog.has-header-image .site-branding { bottom: 20px; position: absolute; width: 100%; } .page .panel-content .entry-title, .page-title, .page .entry-title { font-size: 14px; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } /* Posts */ .blog .site-main>article, .archive .site-main>article, .search .site-main>article { padding-bottom: 4em; } time.updated { display: none; } time.published { display: inline-block; } .blog .entry-title { padding-top: 0; } .single-post .entry-title, .page .entry-title, .entry-meta+.entry-title { font-size: 26px; font-weight: 400; letter-spacing: normal; padding-top: 0; text-transform: none; } .entry-footer .cat-links, .entry-footer .tags-links { padding-left: 0; } .comment-author .avatar { z-index: -1; } ol.children .children { padding-left: 2em; } /* RTL Styles */ .rtl .has-header-image.twentyseventeen-front-page .site-branding, .rtl .has-header-image.home.blog .site-branding { left: auto; right: 0; } .rtl .entry-footer .cat-links, .rtl .entry-footer .tags-links { padding-right: 0; } .rtl ol.children .children { padding-left: 0; padding-right: 2em; } .home_page { margin-top: 0px; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal { max-width: none; } .home_page .section .inner-wrapper .result_calendar_featured .featured_wrapper { width: 100%; } .home_page .section .inner-wrapper .result_calendar_featured .result_wrapper { flex-basis: 50%; max-width: 50%; } .home_page .section .inner-wrapper .result_calendar_featured .calendar_wrapper { flex-basis: 50%; max-width: 50%; } .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .advers_name, .home_page .section .inner-wrapper .result_calendar_featured .ical_item_modal .team_name { color: #000; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } .home_page .section .inner-wrapper .shop_wrapper h3 .shop_icon .svg_shop_icon { top: 0px; left: 25px; } .home_page .section .inner-wrapper .shop_wrapper h3 span { color: #ffc82d; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } .home_page .section .inner-wrapper { display: block; } .home_page .section .inner-wrapper .videos_wrapper .row .col .polygon1 { top: -74px; } .home_page .section .inner-wrapper .videos_wrapper .row .col .polygon2 { top: 99px; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .polygon1 { top: -74px; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .polygon2 { bottom: -59px; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .youtube_icon { bottom: -2px; } .home_page .section .inner-wrapper .videos_production_wrapper .row .col .youtube_icon svg { width: 15px; height: 15px; } .home_page [data-color='black'].section .inner-wrapper .shop_wrapper h3 span { color: #000 !important; } .site_header { margin-top: 0px; } .site_header .header_light .row .nav_button span.close.txt_en::before { left: -126px; top: 16px; letter-spacing: 0px; } .site_header .navigation_menu_full_wrapper .logo_bg svg { width: 672px; height: 672px; } .site_header .navigation_menu_full_wrapper .main_menu ul li>a .effect_wrapper { color: #000; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } .site_header .navigation_menu_full_wrapper .main_menu ul li.shop_color>a .effect_wrapper { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; } .site_header .header_light .row { display: block; } .site_header .header_light .row .nav_button { position: absolute; left: 50px; top: 0px; } .site_header .header_light .row .nav_button span { top: -69px; } .site_header .header_light .row .nav_button span.close { top: 61px; } .site_header .header_light .row .logo_home { position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-40%); -ms-transform: translateX(-50%) translateY(-40%); transform: translateX(-50%) translateY(-40%); margin-left: 0px; } .site_header .header_light .row .shop_button { position: absolute; right: 50px; top: 0px; } .site_header .header_light .row .shop_button span { top: -69px; } .site_header .header_light .row .logos_sponsors { display: block; -ms-transform: translate(-43%, -20%); max-width: 670px; } .site_header .header_light .row .logos_sponsors a { display: block; float: left; width: 17%; text-align: center; } .site_header .header_light .row .logos_sponsors a:nth-child(2) { margin-right: 100px; } .site_header.front_class .header_light .row { padding-top: 53px; } .presentation_page .section:nth-child(2n) .inner-wrapper .paragraph_wrapper { padding-right: 0px; } .presentation_page .section.column .inner-wrapper .image_wrapper h2 { margin-top: 160px; } .presentation_page .section .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .presentation_page .section .inner-wrapper .image_wrapper .svg_logo svg { width: 400px; height: 400px; } .presentation_page .section .inner-wrapper .paragraph_wrapper h2 { bottom: -90px !important; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_desc { transform: translateY(110%) translateX(50%); } .palmares_content2 { margin-top: -165px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game { height: 70px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper { right: -3px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .place_icon, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .place_icon { width: 60px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .place_icon svg, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper .row_game .place_icon svg { width: 60px; } .palmares_content2 .palmares-horizontal .swiper-slide .data_section .data_row .data_col.date_year .date .txt, .palmares_content2 .palmares-horizontal-vertical .swiper-slide .data_section .data_row .data_col.date_year .date .txt { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .palmares_content2 .palmares-horizontal [data-color='yellow'].swiper-slide .data_section .data_row .data_col.date_year .date .txt, .palmares_content2 .palmares-horizontal-vertical [data-color='yellow'].swiper-slide .data_section .data_row .data_col.date_year .date .txt { text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; color: #ffc82d; } .palmares_content2 .section h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } } @media screen and (-ms-high-contrast: active) and (max-height: 610px), screen and (-ms-high-contrast: none) and (max-height: 610px) { .palmares_content2 .section h1 { top: -160px; left: 20px; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .palmares_content2 .section .first_place_icon svg { width: 498px; height: 498px; } .staff_page .polygon_bg img { width: 1870px; height: 610px; top: 1620px; right: -260px; } .staff_page .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { display: none; } .staff_page .section.column .inner-wrapper { margin-top: -120px; margin-bottom: 250px; } .staff_page .section.column .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .staff_page :nth-child(2n).section { color: #fff; } .staff_page .section:nth-child(2n) { background-color: #ffc82d; color: #FFF; } .production_page .polygon_bg svg:first-child { height: 624px; width: 624px; left: 10px; } .production_page .videos_wrapper .row .col .polygon1 { top: -75px !important; left: -17px !important; } .production_page .videos_wrapper .row .col .polygon2 { top: auto !important; bottom: -40px !important; right: 6px !important; } .production_page .videos_wrapper .row .col .youtube_icon { top: auto !important; right: 27px !important; bottom: -50px !important; } .production_page .section.column .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .production_page .section.column .inner-wrapper .image_wrapper .video_main { margin-top: 0px; margin-bottom: 60px; } .production_page .section.column .inner-wrapper .paragraph_wrapper { margin-top: 500px; } .sponsors_page { margin-top: -60px; } .sponsors_page .section .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; margin-top: 10px; color: #000; } .sponsor_detail_page { margin-top: -140px; } .sponsor_detail_page .section.quersus { min-height: 550px; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .polygon1 { top: -74px; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .polygon2 { top: unset; bottom: -60px; } .sponsor_detail_page .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { top: unset; bottom: -67px; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .close { margin-bottom: -50px; } .sponsor_detail_page h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; top: 260px !important; } .weeklynews_page.weeklynews_search_page .section .inner-wrapper .image_wrapper h1 { margin-top: -70px; } .weeklynews_page .section.news_section.search_section { margin-top: -200px; } .weeklynews_page .section .inner-wrapper .article_item_wrapper .row .col a svg { width: 83px; height: 83px; } .weeklynews_page .section .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .weeklynews_page .section:not(.search_section).news_section .inner-wrapper :nth-child(2).article_item_wrapper { margin-top: 100px; width: 100%; } .weeklynews_page .section:not(.search_section).news_section .inner-wrapper .article_item_wrapper { width: 100%; margin-bottom: 190px; } .weeklynews_detail_page .section .inner-wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper { margin-top: -40px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .goback_wrapper a svg { width: 41px; height: 51px; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .photo { max-width: 60%; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper { padding-left: 40px; flex-basis: 35%; } .weeklynews_detail_page .section .inner-wrapper .article_wrapper .header_photo .article_navigation_wrapper .previous_post_link svg { width: 41px; height: 51px; } .calendar_page .result_wrapper ul li .result_item_wrapper .game img { transform: translateX(-140%) translateY(-50%); } .calendar_page .result_wrapper ul li .result_item_wrapper .competition img { transform: translateX(140%) translateY(-50%); } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-bg .day_bg { transform: translate(110%, 170%); } .calendar_page .section .inner-wrapper .calendar_wrapper .fc table { max-width: 1200px; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation { margin-top: 70px; } .calendar_page .section .inner-wrapper .calendar_wrapper .month_navigation a svg { height: 80px; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-row.fc-rigid { height: 147px !important; } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown ul.open { transform: translateY(10px) translateX(-50%); } .calendar_page .section .inner-wrapper .image_wrapper .jeux_dropdown_wrapper .jeux_dropdown .value svg { width: 60px; height: 80px; } .calendar_page .section .inner-wrapper .image_wrapper .title h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; margin-top: -120px; margin-bottom: 30px; } .teams_page .section .inner-wrapper { margin-top: -60px; } .teams_page .section .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .team_detail_page { margin-top: -180px; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_val { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; line-height: 120px; margin-top: 0px; margin-bottom: 0px; } .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_val i:nth-child(2), .team_detail_page .players_wrapper .players_staff_wrapper .member_info .info_row .info_col.alias .alias .alias_val i:nth-child(3) { display: none; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member .player_photo img.before_mask, .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member .player_photo img.before_mask { display: none !important; } .team_detail_page .team_wrapper .close { margin-bottom: -60px; } .presse_page { margin-top: -70px; } .presse_page .polygon_bg svg { width: 170px; height: 170px; } .presse_page .section .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .presse_page .section .inner-wrapper .presse_wrapper { width: 100%; } .presse_page .section .inner-wrapper .presse_wrapper .row { width: 100%; } .presse_page .section .inner-wrapper .presse_wrapper .row .col .download_icon { transform: translateY(-60px); } .presse_page .section .inner-wrapper .presse_wrapper .row .col h4 { text-shadow: 1px 0 0 #FFF, -1px 0 0 #FFF, 0 1px 0 #FFF, 0 -1px 0 #FFF, 1px 1px #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF; color: #000; } .presse_page .section .inner-wrapper .presse_wrapper .row .col:nth-child(2n) h4 { text-shadow: 1px 0 0 #ffc82d, -1px 0 0 #ffc82d, 0 1px 0 #ffc82d, 0 -1px 0 #ffc82d, 1px 1px #ffc82d, -1px -1px 0 #ffc82d, 1px -1px 0 #ffc82d, -1px 1px 0 #ffc82d; } .contact_page .polygon_bg svg { width: 170px; height: 170px; } .contact_page .section .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; margin-top: 70px; margin-left: -30px; } .jobs_page .polygon_bg svg { width: 170px; height: 170px; } .jobs_page .section .inner-wrapper .image_wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; } .simple_page .section .inner-wrapper h1 { text-shadow: 1px 0 0 #f1be2e, -1px 0 0 #f1be2e, 0 1px 0 #f1be2e, 0 -1px 0 #f1be2e, 1px 1px #f1be2e, -1px -1px 0 #f1be2e, 1px -1px 0 #f1be2e, -1px 1px 0 #f1be2e; color: #000; margin-top: -160px; margin-bottom: 30px; } .team_detail_page .players_wrapper .players_staff_wrapper img.before_mask { display: none !important; } .sponsor_detail_page .section .inner-wrapper .sponsor_wrapper .logo_bg { width: auto; height: auto; } .sponsors_page .section .inner-wrapper .sponsors_cats_row .row .col a:hover svg.svg_polygon_gradient { opacity: 1; } .teams_page .section .inner-wrapper .teams_cats_row .row .col a:hover svg.svg_polygon_filled { opacity: .2; } .calendar_page .section .inner-wrapper .calendar_wrapper .fc-day-grid-container { overflow: visible !important; } } @media screen and (min-width: 1025px) { body.page-template-palmares-tpl { overflow: hidden !important; } } /* CSS specific to target EDGE browser */ @supports (-ms-ime-align: auto) { .team_detail_page .team_wrapper .close { margin-top: 60px; } .staff_page .section:nth-child(2n) { background-color: #ffc82d; color: #FFF; } .palmares_content2 { margin-top: 0px; } .palmares_content2 .section h1 { top: -120px; letter-spacing: 0px; } body.page-template-palmares-tpl .site-content { min-height: 100vh; } .production_page .section .inner-wrapper .image_wrapper h1 { top: 60%; letter-spacing: 0px; left: 320px; } @media screen and (min-height: 640px) { .production_page .section .inner-wrapper .image_wrapper h1 { top: 70%; font-size: 110px; left: 380px; letter-spacing: 0px; } } body.page-template-contact-tpl .site-content { min-height: 100vh; } @media screen and (max-height: 610px) { body.page-template-contact-tpl .site-content .section .inner-wrapper .image_wrapper h1 { margin-left: 0px; margin-top: 70px; font-size: 90px; } } @media screen and (min-height: 610px) { body.page-template-contact-tpl .site-content .section .inner-wrapper .image_wrapper h1 { margin-top: 140px; font-size: 100px; } } .sponsor_detail_page { margin-top: 90px; } .sponsors_page { margin-top: 130px; } .site_header { margin-bottom: 0px; } .teams_page { margin-top: 200px; } .staff_page .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { display: none !important; } .team_detail_page .players_wrapper .players_staff_wrapper img.before_mask { display: none !important; } } /* CSS specific to iOS devices */ @supports (-webkit-overflow-scrolling: touch) { .team_detail_page.mobile .players_wrapper .players_staff_wrapper .row .col .col_title { margin-bottom: 150px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { margin-bottom: 80px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { margin-bottom: 75px; } @media screen and (max-width: 768px) { body .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { bottom: -22% !important; } body .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { bottom: -22% !important; } } @media screen and (max-width: 560px) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { margin-bottom: 40px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { margin-bottom: 40px; } } @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { margin-bottom: 0px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { margin-bottom: 0px; } } } /* CSS specific to Firefox browser */ @supports (-moz-appearance: none) { .team_detail_page .players_wrapper .players_staff_wrapper .row .col.staff_members .staff_member .player_photo .after img.before_mask { width: 97%; } .team_detail_page .players_wrapper .players_staff_wrapper .row .col.players_members .player_member .player_photo .after img.before_mask { width: 98%; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { /* STYLES GO HERE */ .home_page.mobile .section .inner-wrapper .shop_wrapper h4 { font-size: 60px; max-width: 640px; } .presentation_page.mobile .section .inner-wrapper .image_wrapper h2 { letter-spacing: 2px; font-size: 8vw; transform: translateX(0%); padding-left: 9.5%; max-width: 100%; left: 0%; } .presentation_page.mobile .section .inner-wrapper .image_wrapper.image_wrapper4 h2 { padding-left: 0%; } .presentation_page.mobile .section .inner-wrapper .image_wrapper.image_wrapper1 h2 { margin-top: -100px; } .presentation_page.mobile .section .inner-wrapper .image_wrapper img.third { margin-bottom: -260px; } .presentation_page.mobile .section .inner-wrapper .image_wrapper .svg_logo { margin-top: -25vw; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { margin-bottom: 0px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { margin-bottom: 10px; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { height: 373.08px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* STYLES GO HERE */ .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { margin-bottom: 0px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { margin-bottom: 10px; } .presentation_page.mobile .section .inner-wrapper .image_wrapper h2 { letter-spacing: 2px; font-size: 8vw; transform: translateX(0%); padding-left: 9.5%; max-width: 100%; left: 0%; } .presentation_page.mobile .section .inner-wrapper .image_wrapper.image_wrapper4 h2 { padding-left: 0%; } .presentation_page.mobile .section .inner-wrapper .image_wrapper.image_wrapper1 h2 { margin-top: -100px; } .presentation_page.mobile .section .inner-wrapper .image_wrapper img.third { margin-bottom: -260px; } .presentation_page.mobile .section .inner-wrapper .image_wrapper .svg_logo { margin-top: -25vw; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { height: 373.08px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .presentation_page.mobile .section .inner-wrapper .image_wrapper.image_wrapper3 h2 { margin-top: -33vw; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { margin-bottom: 0px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { margin-bottom: 0px; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { height: 373.08px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .polygon2 { margin-bottom: 0px; } .sponsor_detail_page.mobile .section .inner-wrapper .videos_wrapper .row .col .youtube_icon { margin-bottom: 10px; } .staff_page.mobile .section .inner-wrapper .staff_wrapper .row .col .cover_holder img.mask { height: 373.08px; } .home_page.mobile .section .inner-wrapper .shop_wrapper h4 { max-width: 100%; } } /* Safari 9+ */ /*Chrome CSS here*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { body .palmares_content2 .swiper-container { width: 100%; min-height: calc(100vh - 0px); overflow-x: auto !important; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 769px) { .palmares_content2.mobile .swiper-slide .data_section .data_row .data_col .month_wrapper .trophy_wrapper { position: relative !important; z-index: 9 !important; bottom: unset !important; top: 20px !important; transform: translateX(170%) !important; right: 0px !important; width: 250px !important; } }