/*
Theme Name: WM Sports
Version: 99999999
Author: Nick Gonzales
*/

@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-Black.otf");
	font-weight: 900;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-BlackIt.otf");
	font-weight: 900;
	font-style: italic;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-Bold.otf");
	font-weight: 700;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-BoldIt.otf");
	font-weight: 700;
	font-style: italic;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-ExtraBld.otf");
	font-weight: 800;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-ExtraBldIt.otf");
	font-weight: 800;
	font-style: italic;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-Light.otf");
	font-weight: 100;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-LightIt.otf");
	font-weight: 100;
	font-style: italic;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-Regular.otf");
	font-weight: 300;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-RegularIt.otf");
	font-weight: 300;
	font-style: italic;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-Semibold.otf");
	font-weight: 400;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-SemiboldIt.otf");
	font-weight: 400;
	font-style: italic;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-Thin.otf");
	font-weight: 200;
}
@font-face {
    font-family: "Proxima Nova";
    src: url("/wp-content/themes/wmsports/assets/ProximaNova/ProximaNova-ThinIt.otf");
	font-weight: 200;
	font-style: italic;
}
@font-face {
    font-family: "Bebas Neue";
    src: url("assets/BebasNeue/BebasNeue-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Helvetica Neue";
    src: url("/wp-content/themes/wmsports/assets/HelveticaNeue/HelveticaNeueLTStd-Roman.otf");
}

/* SETUP */
body {-webkit-font-smoothing: antialiased;font-smoothing: antialiased;user-select: none;top: 0;right: 0;bottom: 0;left: 0;margin: 0;padding: 0;color: #030303;word-wrap: break-word;font-size: 16px;font-family: -apple-system;font-family: "Proxima Nova";line-height: 1.8em;text-rendering: optimizeLegibility;-webkit-backface-visibility: hidden;-ms-content-zooming: none;overflow-x:hidden;background:#f5f5f5;font-weight: 300;}
body.open-menu {left: 250px;position: relative;z-index: 0;-webkit-transition: left .6s ease;transition: left .6s ease;}

/* Better paragraph wrapping — avoids single-word orphans on the last line */
body p { text-wrap: pretty; }
/* Balanced wrapping for headings — distributes words evenly across lines */
body h1, body h2, body h3, body h4, body h5, body h6 { text-wrap: balance; }

/* People grid — wider cards on mobile, with bottom spacing.
   Targets every people-grid block; uses parent class instead of dynamic ID. */
@media (max-width: 768px) {
    .pg .pg__row--card > .pg__card {
        flex: 0 0 251px !important;
        margin-bottom: 20px;
    }
}

/* Live events card — shorter on mobile, hide the YouTube tile.
   Block's mobile breakpoint is 640px. */
@media (max-width: 640px) {
    .lec .lec__card {
        min-height: 500px !important;
    }
    .lec .lec__yt {
        display: none !important;
    }
}

a:focus{color: #fff;text-decoration:none;outline:none;}

.nopad{padding: 0;}
.nopad-bottom{padding-bottom:0;}
.nopad-top{padding-top:0;}
.nopad-left{padding-left:0;}
.nopad-right{padding-right: 0;}

.nomar{margin: 0;}
.nomar-right{margin-right: 0;}
.nomar-left{margin-left:0;}
.nomar-top{margin-top: 0;}
.nomar-bottom{margin-bottom: 0;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.large-title {font-size: 40px;font-weight: 500;letter-spacing: 10px;line-height: 49px;text-align: center;margin-top:2rem;margin-bottom: 2rem;position: relative;padding-bottom: 2rem;text-transform: uppercase;}
.large-title::before {content: '';display: block;height: 4px;width: 4rem;border-radius: 1px;background-color: #00CDBE;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

.shape {fill:#fff;}
p{margin-bottom: 25px;z-index:3;}
.row{position:relative;}
.inner-container {width: 1440px;margin: 0 auto;max-width:100%;}
.btn-black{color: #fff;font-size: 14px;font-weight: bold;line-height: 17px;text-align: center;background:#000;padding:.5rem .75rem;border-radius: 100em;text-transform: uppercase;}
.primary {color: #00cdbe;}

/* HEADER */
header.banner {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #000;height: 50px;-webkit-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;}
header.banner .container {padding-right: 0;padding-left: 0;width: 1182px;max-width: 100%;}
header.banner .container ._header-container nav {color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 1px;line-height: 36px;text-decoration: none;text-transform: uppercase;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;-webkit-transition-property: background,color;transition-property: background,color;-ms-flex-align: center;align-items: center;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding: 0;}
header.banner .container ._header-container {padding: 0;position: relative;}
header.banner .brand {float: left;margin-right: 19px;padding: 11px 0;}
header.banner .menu-main-container {float: left;margin-top: 0;}
header.banner .nav a {color: #fff;padding: 2px 17px;text-decoration: none;display: block;border-bottom: 5px solid #000;border-top: 5px solid #000;font-weight: 400;letter-spacing: .8px;}
header.banner .mobile-logo {display: none;padding: 11px 0;}

nav.navigation {position: fixed;top: 50px;width: 100%;background: #f15a5d;z-index: 9;display: flex;align-items: center;height:46px;}
nav .menu-main-menu-container {padding: 0 150px;}
nav .menu {display: flex;align-items: stretch;list-style: none;padding: 0;margin: 0;height: 46px;}
nav .menu li {display: flex;height: 100%;align-items: center;padding: 8px;margin: 0 8px;position: relative;}
nav .menu li > .sub-menu {display: none;}
nav .menu li:hover > .sub-menu {display: block;position: absolute;top:100%;left:0;background:#f15a5d;padding:0;}
nav .menu li > .sub-menu li {padding: 0;margin: 0;}
nav .menu li > .sub-menu li a {display: block;padding:10px 8px;width:100%;}
nav .menu li > .sub-menu li a:hover {background:#000;}
nav .menu li > .sub-menu li.current-menu-item {border-bottom: 4px solid #f15a5d;}
nav .menu li a {color: #fff;font-family: "Proxima Nova";font-size: 14px;line-height: 20px;font-weight: 500;text-transform: uppercase;}
nav .menu li.current_page_item, nav .menu li.current-menu-item {border-bottom: 4px solid #fff;border-top: 4px solid #f15a5d;}
nav .menu li.current_page_item a, nav .menu li.current-menu-item a {color: #fff;}
nav .menu li a:hover {text-decoration: none !important;}

#menu-item-12 a {position: relative;}
#menu-item-12 i {position: absolute;right: 5px;top: 11px;}
#menu-item-12 .sub-menu {display: none;}
#menu-item-12.open .sub-menu {display: block;}

.slicknav_menu {background-color: transparent;position: fixed;left: 0;top: 0;z-index: 1000;font-size: 16px;background: #000;padding: 0;-webkit-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;}
.slicknav_menu .slicknav_btn {background-color: transparent;display: block;margin: 1px;text-decoration: none;padding:15.5px;}
.slicknav_menu .slicknav_icon {display: block;width: 18px;height: 14px;position: relative;}
.slicknav_menu .slicknav_btn .slicknav_icon-bar:first-of-type {top: 0;}
.slicknav_menu .slicknav_btn .slicknav_icon-bar:nth-of-type(2) {display: block;top: 6px;}
.slicknav_menu .slicknav_btn .slicknav_icon-bar:nth-of-type(3) {top: 12px;}
.slicknav_menu .slicknav_icon-bar {height: 2px;background: #fff;position: absolute;width: 100%;}
.slicknav_nav {display: block;width: 270px;position: fixed;top: 0;left: 0;background: #000;height: 100%;padding:15px 0;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.slicknav_nav.slicknav_hidden{-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.slicknav_nav a {color: #fff;padding: 5px 15px;display: block;text-decoration: none !important;}
body.offcanvas {position: fixed;-webkit-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;margin-left: 270px;width: 100%;}
.offcanvas .slicknav_menu, .offcanvas header.banner{margin-left:270px;}
.offcanvas .slicknav_menu::before {content: '';display: block;height: 100%;width: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.2);}
.slicknav_menu{display: none;}
.slicknav_nav h5 {color: #00CDBE;padding-left: 15px;font-size: 15px;}
.slicknav_nav .menu-main-menu-container {margin-bottom: 20px;}
.slicknav_nav ul#menu-main-menu{padding:0;}

/* MEDIA */
img{max-width: 100%;height:auto;}
.size-full{width: 100%;}

/* BODY */
#site-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;z-index:-1;}
#body-area {min-height: calc(100vh - 148px);padding:0 30px;max-width: 1040px;margin: 96px auto 0;background:#000;color:#fff;}
.page-template-page-blank #body-area {max-width: 100%;padding: 0;margin-top: 0;}
.single-team_member #body-area {max-width: 100%;padding: 0;margin-top: 0;}
.single-event #body-area {max-width: 100% !important;padding: 0 !important;margin: 0 !important;width: 100% !important;}

/* SWIPER CSS */
.hero-swiper .swiper-slide {position: relative;}
.hero-swiper .swiper-slide a, .single-featured .featured-article a, .hero-swiper .swiper-slide  {display: block;position:relative;color: #fff;font-family: "Proxima Nova";font-size: 24px;font-weight: 600;line-height: 29px;z-index:0;}
.hero-swiper .swiper-slide a::after, .single-featured .featured-article a::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, rgba(238,238,238,0) 0%, rgba(114,114,114,0.36) 38.8%, rgba(0,0,0,0.69) 100%);z-index: 0;}
.hero-swiper .swiper-slide a img, .single-featured .featured-article a img {z-index:1;}
.hero-swiper .article-info, .single-featured .featured-article a .article-info {position: absolute;bottom:0;left:0;width:100%;padding: 55px 45px;z-index:5;}
.hero-swiper .article-info h2, .single-featured .featured-article a .article-info h2 {color: #fff;font-family: "Proxima Nova";font-size: 48px;font-weight: bold;line-height: 60px;}
.hero-swiper .article-info p, .single-featured .featured-article a .article-info p {margin-bottom: 14px;font-weight:300;letter-spacing: -.15px;font-size: 23px;}
.single-featured .featured-article a .article-info {padding: 55px 100px;}
.hero-swiper > .swiper-pagination-bullets {bottom:18px;}
.hero-swiper > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
.hero-swiper .swiper-pagination-bullet {width: 13px;height: 13px;border: 2px solid #FFF;background: transparent;opacity: 1;}
.hero-swiper .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.video-gallery {padding: 0 180px;}

#hero-area .swiper-button-next {background-image: none !important;height: 174px;width: 40px;background-size: 100%;top: 50%;transform: translateY(-50%);right: 34px;display: flex;align-items:center}
#hero-area .swiper-button-prev {background-image: none !important;height: 174px;width: 40px;background-size: 100%;top: 50%;transform: translateY(-50%);left: 34px;display: flex;align-items:center}
#hero-area .swiper-button-prev svg, #hero-area .swiper-button-next svg {fill:#fff;}
#hero-area .swiper-container {overflow: unset;}

/* HOMEPAGE */
.padding-top {padding-top: 1rem;}
.padding-bottom {padding-bottom:55px;}
.bottom-articles {padding: 0 175px;}

.sports-articles {display: flex;flex-wrap:wrap;}
.sports-articles .wm-article {width: calc(33.333% - 15px);margin: 22px 0 0;}
.sports-articles .wm-article:nth-child(3n + 2) {margin-right: 22px;margin-left: 22px;}
.banner-ad {margin-top:22px;}

.wm-article {background: #fff;width: calc(50% - 20px);margin-bottom: 25px;margin-top:25px;overflow:hidden;border-radius:0;-webkit-transition: box-shadow 0.5s ease-out;transition: box-shadow 0.5s ease-out;box-shadow: rgba(0, 0, 0, 0.3) 0px 0.0625rem 0.1875rem;display: flex;flex-direction: column;}
.wm-article:hover {box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.2);}
.wm-article .article-info {padding: 1rem;height: 100%;display: flex;flex-direction: column;}
.wm-article a, .wm-article.no-link {color: #000000;font-size: 18px;line-height: 24px;display: flex;flex-direction: column;height: 100%;position: relative;}
.wm-article a::before, .wm-article.no-link::before {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
.wm-article a:hover {text-decoration: none !important;}
.wm-article a:hover::before {background:rgba(0,0,0,0);}
.wm-article h2 {font-size: 24px;font-weight: bold;line-height: 1.25em;}
.wmsports-articles.smaller-articles .wm-article {width: calc(33.333% - 7px);float: left;clear: none;margin: 25px 0;padding: 20px 24px;}
.wmsports-articles.smaller-articles .wm-article:nth-child(2), .wmsports-articles.smaller-articles .wm-article:nth-child(5), .wmsports-articles.smaller-articles .wm-article:nth-child(8) {margin: 25px 10px;}
.wmsports-articles.smaller-articles .wm-article .article-info {padding: 1rem;margin-bottom:25px;height:100%;display: flex;flex-direction: column;}
.wm-article .article-info .category-container {margin-top: auto;}
.wmsports-articles.smaller-articles .wm-article img, .wmsports-articles.smaller-articles .wm-article .youtube-holder {margin-top: auto;}
.wmsports-articles.smaller-articles .wm-article .fa-play {font-size: 4vw;}

.youtube-holder {display: block;position: relative;}
.youtube-holder i.fa-play {position: absolute;top: 50%;left: 50%;font-size: 7vw;color: rgba(255,255,255,.75);transform: translate(-50%,-50%);text-shadow: 0px 0px 12px rgba(0,0,0,0.5);}

.social-media {display: flex;margin: 35px 0;text-align: right;width: 100%;justify-content: flex-end;align-items:center}
.social-media .item {flex-grow:1;}
.social-media, .social-media a {color: #fff;text-transform: uppercase;}
.social-media i {font-size: 40px;margin-left: 15px;line-height: 1rem;position: relative;top: -3px;}
.social-media h6 {display: inline-block;margin: 0 5px;font-size: 1rem;}

/* PHONE AREA */
#phone-area {background: linear-gradient(182.54deg, #004D47 0%, #007572 100%);box-shadow: inset 0 10px 20px 0 rgba(0,0,0,0.21);color:#fff;position:relative;z-index:1;}
#phone-area::after {height: 100%;width: 100%;content: '';position: absolute;left: 0;top: 0;opacity: 0.56;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);box-shadow: inset 0 10px 20px 0 rgba(0,0,0,0.21);z-index:-1;}
#phone-area .phone-area {padding: 0 80px;}
.phone-container img{position: absolute;bottom:0;left:0;}
.phone-area a{color:#fff;}
.phone-area h5 {color: #fff;line-height: 41px;margin-bottom: 32px;margin-top: 45px;font-size: 2.5rem;font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight: 300;letter-spacing: 1.2px;}
.phone-area .wm-link {margin-bottom: 45px;color: #fff;font-size: 14px;font-weight: 600;letter-spacing: 1.02px;line-height: 17px;}
.phone-area .wm-link i {color: #00CDBE;font-size: 11px;margin-left: 10px;}
.phone-area .wm-link a {position: relative;padding-bottom: 5px;}
.phone-area .wm-link a::after {height: 2px;width: 148px;border-bottom: 1px solid #00CDBE;opacity: 0.38;content: '';position: absolute;bottom: 0;left: 0;}
.phone-area .wm-link a:hover {text-decoration: none !important;}
.phone-area .app-links a {height: 56px;width: 122px;border: 2px solid #FFFFFF;border-radius: 4px;background-color: #005D58;display: inline-flex;align-items: center;justify-content: space-between;color: #fff;margin-right: 16px;margin-bottom: 43px;padding: 18px 16px;font-size: 16px;font-weight: bold;line-height: 20px;}
.phone-area .app-links a:hover {background:#fff;color:#005D58;text-decoration: none;}
.postid-482 .recent-articles {display: none;}

/* ARCHIVE ARTICLES */
#archive-articles, #team-articles {margin-bottom:2rem;}
.featured-article {margin-bottom: 25px;}

/* SINGLE PAGES */
.single .page-title, .page .page-title {color: #fff;font-size: 72px;font-weight: bold;line-height: 70px;margin-bottom: 25px;}
.single article .category-container {margin-bottom: 23px;}
.single article .excerpt {color: #fff;font-size: 20px;line-height: 24px;}
.single article .excerpt p {margin-bottom:15px;}
.single article .post-meta {color: #7F7F7F;font-size: 18px;text-transform: uppercase;line-height: 22px;display: block;margin-bottom:20px;}
.single article #social-icons, .page article #social-icons {display: flex;margin-bottom: 61px;}
.single article #social-icons a, .page article #social-icons a {height: 37.87px;width: 164px;display: flex;align-items: center;color:#fff;margin-right: 10px;-webkit-transition: all .5s ease;transition: all .5s ease;}
.single article #social-icons a:hover, .page article #social-icons a:hover {text-decoration: none !important;}
.single article #social-icons a p, .page article #social-icons a p {margin-bottom: 0;}
.single article #social-icons a i, .page article #social-icons a i {display: flex;align-items: center;justify-content: center;height: 37.87px;width: 38px;margin-right: 12px;color:#fff !important;}
.single article #social-icons a.fb-link, .page article #social-icons a.fb-link {background: #314E8D;border: 1px solid #314E8D;}
.single article #social-icons a.fb-link:hover, .page article #social-icons a.fb-link:hover {border:1px solid #314E8D;background:#fff;color:#314E8D;}
.single article #social-icons a.fb-link i, .page article #social-icons a.fb-link i{background: #36569C;}
.single article #social-icons a.twitter-share-button, .page article #social-icons a.twitter-share-button {background: #0099DA;border:1px solid #0099DA;}
.single article #social-icons a.twitter-share-button:hover, .page article #social-icons a.twitter-share-button:hover {background:#fff;color:#0099DA;border:1px solid #0099DA;}
.single article #social-icons a.twitter-share-button i, .page article #social-icons a.twitter-share-button i{background: #01AAF3;}
.single article .size-large-featured {width: 100%;margin-bottom: 25px;}
.single article .inner-content {font-size: 18px;line-height: 1.4em;}
.single article .inner-content h2 {color: #000000;font-size: 36px;font-weight: bold;line-height: 44px;margin-bottom: 25px;position: relative;}
.single article .inner-content h2::before {content: '';display: block;height: 100%;width: 11px;background-color: #00CDBE;position: absolute;top:0;left:-31px;}
.single article .inner-content .embed-responsive {width: 120%;left: -10%;margin-bottom: 45px;}

.secondary-videos .embed-responsive {margin-bottom: 15px;}
.player .vp-title {display: none !important;}
.hidden-video {display: none;}
.user-selectable.open-video .youtube-holder {display: none;}
.user-selectable.open-video .hidden-video {display: block;}
.wm-article h3 {color:#fff;font-family: 'Bebas Neue';line-height: 2.5rem;margin: 0;font-size: 3rem;}
.wm-article h4 {color:#fff;font-family:'Helvetica Neue';margin:0;line-height: .9em;}
.wm-article.no-link .text-block {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;}

.article-swiper .wm-article, .main-swiper .wm-article {width: 100%;}
.recent-articles .swiper-wrapper {padding: 0 20px;}
.recent-articles .article-swiper .swiper-slide, .main-swiper .swiper-slide{width: calc(33.33% - 30px);height: 100% !important;}
.single .recent-articles .wm-article .article-info, .full-article .recent-articles .wm-article .article-info {padding: 1rem;}
.single .recent-articles .wm-article, .full-article .recent-articles .wm-article {width: 100%;}
.single .recent-articles .youtube-holder i.fa-play, .full-article .recent-articles .youtube-holder i.fa-play {font-size: 3vw;}
.recent-articles .swiper-button-prev, .photo-gallery-block .swiper-button-prev {background-image: none !important;height: 174px;width: 40px;background-size: 100%;top: 50%;transform: translateY(-50%);left: 34px;display: flex;align-items: center;}
.recent-articles .swiper-button-next, .photo-gallery-block .swiper-button-next {background-image: none !important;height: 174px;width: 40px;background-size: 100%;top: 50%;transform: translateY(-50%);right: 34px;display: flex;align-items: center;}
.swipe-area {position: relative;}
.swiper-button-next:focus, .swiper-button-prev:focus {outline:none !important;}
.photo-gallery-block {position: relative;}
.photo-gallery .swiper-slide img {margin: 0 auto;display: block;max-height:500px;}
.social-links {margin-top:1.5rem;}
.full-article .article-swiper .swiper-slide img:not(.play-icon) {width: 100%;}
.swiper-button-next svg {transform: rotate(180deg);display: flex;margin-left: auto;}

.view-pdf {position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
.view-pdf h2 {background: rgba(0,0,0,.5);color: #fff;padding: 30px;border: 1px solid #fff;}

/* MEET THE TEAM */
.archive .inner-team {width: 552px;margin: 0 auto;min-height:845px;}
.archive .inner-team .wmsports-articles .wm-article {width: 100%;}
.archive .inner-team .wm-article .article-info .category-container {margin-bottom: 20px;}
.team-articles .wm-article, .home .top-articles .wm-article {width: calc(33.3% - 24px);float: left !important;clear: none !important;margin: 12px;}
.archive .team-articles .wm-article {width: calc(20% - 24px);margin:12px;}

.play-icon {position: absolute;top: 0;left: 0;width: 100%;cursor: pointer;height: 100%;background: rgba(0,0,0,.6);-webkit-transition: all .5s ease;transition: all .5s ease;}
.play-icon:hover {background:rgba(0,0,0,0);}

.thumbnail-list {display: inline-block;margin: 25px 0;text-align: center;width:100%;}
.pagination-item {display: inline-block;width: 5%;margin: 5px;}
.pagination-item .image-thumb, .pagination-item img {width: 100%;height: auto;cursor: pointer;}
.gallery-container .swiper-wrapper {display: flex;align-items: center;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {cursor: pointer !important;pointer-events:all !important;}

.gray-box {color: #fff;}
.gray-box p {margin-bottom:0px;}
.gray-box p:last-child {margin-bottom:1.5rem;}
.gray-box .link {display:inline-block;margin: 0 10px 0 0; color:#fff; font-size: 20px;}
.gray-box .link a  {color:#fff;}
.gray-box .link a:hover {color:#00cdbe;}

.single-team .large-title {padding-top:0;padding-bottom:25px;}
.single-team .large-title::before {top: auto;bottom: 0;}

.bottom-categories {margin: 0 -20px;}
.youtube-holder img:not(.play-icon) {width: 100%;}

/* FOOTER */
footer{background:#000;}
footer .sitemap-copyright p {color: #ccc;font-size: 12px;line-height: 15px;margin: 18px 0;}
footer .sitemap-copyright p .wm-logo {margin: 0 6px;}
.wm-logo .word, .word {fill: #00cdbe;}
.wm-logo .smile, .smile {fill: #fff;}

@media screen and (max-width: 1439px){
	.team-sidebar{left:8vw;}
	.single .recent-articles {padding: 45px 0;}
	#hero-area .swiper-button-prev {left:1%;}
	#hero-area .swiper-button-next {right:1%;}
	.hero-swiper .article-info {padding: 55px 65px;}
	.hero-swiper .swiper-slide a {font-size:20px;}
}

@media screen and (max-width: 1200px){
	header.banner .container ._header-container{padding: 0 12px;}
	header.banner .container{width: 100%;}
	nav .menu-main-menu-container {padding: 0;}
	#body-area {padding: 0 15px;}
	#featured-articles, #archive-articles, #team-articles, .single #body-area article {padding: 0;}
	.hero-swiper .article-info, .single-featured .featured-article a .article-info{padding: 34px 40px;}
	#phone-area .phone-area {padding: 0 20px;margin: 0;}
	.team-sidebar {display: none;}
	.single article .inner-content .embed-responsive {width: 110%;left: -5%;}
	.archive .team-articles .wm-article {width: calc(25% - 24px);}
	.recent-articles .swiper-button-next, .photo-gallery-block .swiper-button-next {right:0;}
	.recent-articles .swiper-button-prev, .photo-gallery-block .swiper-button-prev{left:0}
	.team-articles img {width: 100%;height: auto;}
}

@media screen and (max-width: 992px){
	.hero-swiper .article-info, .single-featured .featured-article a .article-info {padding: 30px 30px;}
	.hero-swiper .article-info h2, .single-featured .featured-article a .article-info h2{font-size:35px;line-height:42px;}
	.hero-swiper .swiper-slide a, .single-featured .featured-article a {font-size:18px;line-height:22px;}
	.wmsports-articles.smaller-articles .wm-article{width:100%;margin:20px 0;}
	.wmsports-articles.smaller-articles .wm-article:nth-child(2), .wmsports-articles.smaller-articles .wm-article:nth-child(5), .wmsports-articles.smaller-articles .wm-article:nth-child(8) {margin: 20px 0;}
	.wmsports-articles.smaller-articles .wm-article a {flex-direction: row;align-items: center;}
	.wmsports-articles.smaller-articles .wm-article .article-info {margin:0 15px 0 0;width:50%;}
	.wmsports-articles.smaller-articles .wm-article:nth-child(even) a {flex-direction: row-reverse;}
	.wmsports-articles.smaller-articles .wm-article:nth-child(even) .article-info {margin:0 0 0 15px;width:50%;}
	.wmsports-articles.smaller-articles .wm-article img, .wmsports-articles.smaller-articles .wm-article .youtube-holder {margin-top: 0;width: 50%;}
	.wmsports-articles.smaller-articles .wm-article .youtube-holder img {width: 100%;}
	header.banner .nav a{padding:2px 14px}
	.main-video {padding: 0;}
	.hero-swiper .article-info p {display: none;}
	#hero-area .swiper-button-next, #hero-area .swiper-button-prev {width:20px;}
	.video-gallery {padding:0;}
	nav .menu li {padding:3px;}
}

@media screen and (max-width: 767px){
	nav.navigation, header .weedmaps-links {display: none;}
	.recent-articles .article-swiper .swiper-slide {width: calc(50% - 24px);}
	.recent-articles .swiper-wrapper {padding: 0;}
	
	header.banner .menu-main-container{display:none;}
	.slicknav_menu{display: block;}
	header.banner .brand {display: none;}
	header.banner .mobile-logo {display: block;margin: 0 auto;}
	
	#body-area {margin-top:50px;}
	.hero-swiper .article-info p{display: none;}
	.hero-swiper .article-info, .single-featured .featured-article a .article-info {padding: 40px 45px;}
	.hero-swiper .article-info h2, .single-featured .featured-article a .article-info h2 {font-size: 25px;line-height: 35px;}
	
	#featured-articles .wmsports-articles.top-articles .wm-article:nth-child(1) {width: calc(100% + 30px);left: -15px;position: relative;}
	#featured-articles .wmsports-articles.top-articles .wm-article:nth-child(1) a {position: relative;z-index:0;}
	#featured-articles .wmsports-articles.top-articles .wm-article:nth-child(1) a .article-info {position: absolute;color:#fff;bottom: 0;height: auto;z-index:5;}
	#featured-articles .wmsports-articles.top-articles .wm-article:nth-child(1) a .article-info h2 {color:#fff;}
	#featured-articles .wmsports-articles.top-articles .wm-article:nth-child(1) .article-info .category-container {margin-top:0;}
	#featured-articles .wmsports-articles.top-articles .wm-article:nth-child(1) a::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, rgba(238,238,238,0) 0%, rgba(114,114,114,0.36) 38.8%, rgba(0,0,0,0.69) 100%);z-index: 0;}
	#featured-articles .wmsports-articles .wm-article {width: 100%;margin: 15px 0;}
	#featured-articles .wmsports-articles .wm-article:nth-child(n + 2) a {flex-direction: row;align-items: center;}
	#featured-articles .wmsports-articles .wm-article:nth-child(n + 2) .article-info {margin:0 0 0 15px;width:50%;}
	#featured-articles .wmsports-articles .wm-article:nth-child(n + 2) img, #featured-articles .wm-article:nth-child(n + 2) .youtube-holder {margin-top: 0;width: 50%;}
	#featured-articles .wmsports-articles .wm-article:nth-child(n + 2) .youtube-holder img {width: 100%;}
	#featured-articles .wmsports-articles.smaller-articles .wm-article:nth-child(even) a {flex-direction: row-reverse;}
	#featured-articles .wmsports-articles .wm-article:nth-child(odd) .article-info {margin: 0 15px 0 0;}
	.phone-area .app-links a {height: 44px;width: 96px;text-align:center;margin-bottom:25px;}
	.phone-area .app-links a svg {display: none;}
	.phone-area h5 {font-size: 24px;line-height: 30px;margin-bottom: 10px;}
	.single .page-title, .page .page-title {font-size: 30px;line-height: 35px;margin-bottom: 15px;}
	.single article #social-icons {justify-content: center;}
	.single article .size-large-featured {width: calc(100% + 30px);margin-bottom: 25px;max-width: 110%;position: relative;left: -15px;}
	.single article .inner-content {padding:0;}
	.single article .inner-content h2::before {left:-15px;}
	.single article .inner-content h2 {padding-left:20px;}
	.single article .inner-content .embed-responsive {width: calc(100% + 30px);left: -15px;}
	.single .recent-articles {padding: 45px 25px;}
	.recent-articles .swiper-button-next, .photo-gallery-block .swiper-button-next {width: 20px;}
	.recent-articles .swiper-button-prev, .photo-gallery-block .swiper-button-prev {width: 20px;}
	.main-video {width: 100%;position: relative;left: 0;}
	#hero-area .swiper-button-next, #hero-area .swiper-button-prev {display: none;}
	.hero-swiper > .swiper-pagination-bullets {bottom: 5px;}
	#hero-area .category-container {display: none;}
	.hero-swiper .article-info {padding:15px;}
	.padding-bottom {padding-bottom: 2rem;}
	.archive.post-type-archive .team-articles .wm-article {display: flex;height: 300px;}
	.post-type-archive #archive-articles .wmsports-articles .wm-article a {height: 100%;}
	.post-type-archive #archive-articles .wmsports-articles .wm-article .article-info {display: flex !important;height: 100%;margin: 0;padding: 1rem;width: 100% !important;}	
	.sports-articles .wm-article {width: calc(50% - 24px);margin: 22px 0 0;}
	.recent-articles .article-swiper .swiper-slide {width: calc(50% - 22px);}
	.archive .team-articles .wm-article {width: calc(50% - 24px);}
	.archive.post-type-archive .team-articles .wm-article {height: auto;}
	.post-type-archive #archive-articles .wmsports-articles .wm-article a {justify-content: space-between;display: block;}
	.social-links {margin-bottom:35px;}
	.sports-articles .wm-article:nth-child(2), .sports-articles .wm-article:nth-child(5) {margin-right: 0;margin-left: 0;}
	.sports-articles .wm-article:nth-child(even) {margin-left: 11px;margin-right:0;}
	.sports-articles .wm-article:nth-child(odd) {margin-right:11px;margin-left:0;}
	.sports-articles .wm-article{width:calc(50% - 11px);}
	#body-area {padding: 0 22px;}
}

@media screen and (max-width: 576px){
	.wmsports-articles .wm-article p {display: none;}
	.single-team #archive-articles .single-thumbnail img {width: calc(100% + 30px);max-width: 1000%;margin-left: -15px;}
	.hero-swiper .article-info, .single-featured .featured-article a .article-info {padding: 30px 25px;bottom: 0;}
	.hero-swiper .article-info h2, .single-featured .featured-article a .article-info h2 {font-size: 18px;line-height: 24px;}
	.wm-article h2 {font-size: 18px;line-height: 23px;}
	.wmsports-articles.smaller-articles .wm-article{padding: 10px;}
	#featured-articles .wmsports-articles.top-articles .wm-article:nth-child(n + 2) .article-info {margin: 0;}
	.phone-container {display: none;}
	#phone-area {text-align: center;}
	.phone-area h5 {font-size: 20px;margin-bottom: 15px;}
	#archive-articles .large-title, #team-articles .large-title {margin-bottom: 25px;}
	.large-title {font-size: 30px;line-height: 35px;margin-bottom:2rem;}
	.archive .inner-team{width:100%;}
	.hero-swiper .article-info p, .single-featured .featured-article a .article-info p{display: none;}
	.recent-articles .swiper-button-next, .photo-gallery-block .swiper-button-next {right:0}
	.recent-articles .swiper-button-prev, .photo-gallery-block .swiper-button-prev {left: 0;}
	.hero-swiper .swiper-slide a, .hero-swiper .swiper-slide {width:100%;}
	.hero-swiper {padding:0}
	
	#featured-articles .wmsports-articles .wm-article{margin:0 0 1rem;}
	#featured-articles, #archive-articles, #team-articles, .single #body-area article {padding: 0;margin: -1px;}
	#featured-articles .top-articles .wm-article a img {width: 100%;}
	.main-video {margin-bottom:1rem;}
	.single .recent-articles {padding: 1rem 0;}
	.single article #social-icons {margin-bottom:1rem;}
	.swiper-button-prev, .swiper-button-next {display: none !important;}
	.video-gallery {margin-bottom:1rem;}
	.archive #archive-articles {margin-top: 1rem;}
	.recent-articles .article-swiper .swiper-slide {width: calc(100% - 2rem);}
	.recent-articles .swiper-container {overflow: visible;margin-left:2rem;}
	#featured-articles .wmsports-articles.top-articles .wm-article:nth-child(1){left:0;}
	.article-swiper .wm-article {width: 100%;margin: 0;}
	.sports-articles a img {width: 100%;}
	.sports-articles .wm-article {width: 100%;margin: 0 1rem 1rem;}
	.pagination-item{width:10%;}
	
	#body-area {padding: 0 1rem;}
	.sports-articles .wm-article {margin: 1rem 0 0 !important;}
	.banner-ad {margin-top: 1rem;}
	.team-articles .article-info .category-container {display: none !important;}
	.team-articles .article-info h2 {margin: 0 !important;}
}

/* ─── Light Background mode (per-page ACF toggle) ─────────────
   Applied via body.is-light when the "Light Background" field
   on a Page is enabled. Flips page chrome to white; individual
   dark blocks keep their own backgrounds. */
body.is-light                 { background: #fff; }
body.is-light #body-area      { background: #fff; color: #030303; }
body.is-light #body-area a    { color: inherit; }
body.is-light .hb             { background: #fff; }
