/* Template Name: Alchemists Template URI: https://themeforest.net/item/the-alchemists-sports-news-html-template/19106722 Author: Dan Fisher Author URI: http://themeforest.net/user/dan_fisher Description: Sports Club and News HTML Template Version: 1.1.2 */ /* File Name: style.css Written by: Dan Fisher - (http://themeforest.net/user/dan_fisher) Description: General styling for template (including Header, Footer, Sidebar) */ /* Table of Content ================================================== #Common #Base - Header - Header Navigation - Hero Unit - Pushy Panel - Page Header - Content - Footer #Blog - Blog - Posts - Single Post - Post Author - Post Meta - Related Posts - Post Comments - Blog Filter - Blog Load More #Widgets - List - Instagram - Contact Info - Social - Tag Cloud - Banner - Tabbed - Newsletter - Match Preview - Comments - Twitter - Featured - Standings - Player - Game Result - Poll - Results - Awards - Games History - Newslog - Team Leaders - Team Stats - Filter Color - Filter Size - Filter Price - Products #Team - Team Filter - Team Roster - Team Standings - Team Glossary - Team Results - Team Schedule #Player - Player Heading - Player Gamelog - Player Season Average #Shop - Checkout Review Order - Checkout Payment - Account Navigation - Shop Table - Shop Banner - Shop Filter - Products - Filter Color - Product Tabs #Partials - Info Block - Social Counter - Social Links - Match Preview - Game Result - Main News Banner - Featured Carousel - Content Filter - Gallery - Album - Modal Login */ html, body { height: 100%; padding: 0; margin: 0; } html { overflow-x: hidden; } body { background-color: #edeff4; color: #9a9da2; font-size: 15px; line-height: 26px; font-family: "Source Sans Pro", sans-serif; } /* Font Size on Mobile devices */ @media (max-width: 479px) { body { font-size: 13px; line-height: 22px; } } .site-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .site-wrapper--has-overlay { overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .site-overlay { left: 0; top: 0; z-index: 102; width: 100%; height: 100%; position: fixed; background-color: transparent; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0.4s linear; transition: visibility 0s, opacity 0.4s linear; } @media (max-width: 991px) { .site-wrapper--has-overlay .site-overlay { visibility: visible; opacity: 1; background-color: rgba(0, 0, 0, 0.8); } } @media (min-width: 992px) { .site-wrapper--has-overlay-pushy .site-overlay { visibility: visible; opacity: 1; background-color: rgba(0, 0, 0, 0.8); } } /* // #Header // -------------------------------------------------- */ .header { background-color: #1e2024; position: relative; z-index: 3; } @media (max-width: 991px) { .header { z-index: 103; } } /* Header Top Bar */ .header__top-bar { background-color: #292c31; display: none; } @media (min-width: 992px) { .header__top-bar { display: block; } } .nav-account { display: none; } @media (min-width: 992px) { .nav-account { display: block; list-style: none; padding: 0; margin: 0; float: right; } .nav-account .nav-account__item { display: inline-block; float: right; font-size: 9px; line-height: 1.5em; text-transform: uppercase; font-weight: 700; font-family: "Montserrat", sans-serif; } .nav-account .nav-account__item::before { content: "\2F"; display: inline-block; color: #6b6d70; margin: 0 16px 0 14px; } .nav-account .nav-account__item > a { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; height: 48px; line-height: 48px; } .nav-account .nav-account__item > a:hover { color: #fea409; } .nav-account .nav-account__item > a:focus { outline: none; } .nav-account .nav-account__item > a .highlight { color: #fea409; } .nav-account .nav-account__item:last-child::before { display: none; } .nav-account .nav-account__item.has-children { position: relative; } .nav-account .nav-account__item.has-children::after { content: ""; display: inline-block; margin-left: 9px; width: 6px; height: 4px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); background-size: 6px 4px; background-repeat: no-repeat; background-position: center center; top: -2px; position: relative; } .nav-account .nav-account__item.has-children ul { list-style: none; top: 40px; right: 0; min-width: 110px; padding: 14px 0; margin: 0; border: 1px solid #e4e7ed; background-color: #fff; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateX(50%) rotateX(-75deg); transform: translateX(50%) rotateX(-75deg); visibility: hidden; } .nav-account .nav-account__item.has-children ul li a { font-size: 9px; padding: 6px 24px; border-bottom: none; color: #31404b; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .nav-account .nav-account__item.has-children ul li a:hover { color: #fea409; background-color: transparent; } .nav-account .nav-account__item.has-children:hover ul { display: block; -webkit-transform: translateX(50%) rotateX(0deg); transform: translateX(50%) rotateX(0deg); opacity: 1; visibility: visible; } .nav-account .nav-account__item--logout > a { color: #6b6d70; } } /* Header Secondary */ .header__secondary { background-color: #1e2024; display: none; } @media (min-width: 992px) { .header__secondary { display: block; text-align: right; } } /* Header Primary */ .header__primary { background-color: #1e2024; position: relative; } .header__primary::after { content: ""; display: block; position: absolute; width: 50%; right: 0; top: 0; bottom: 0; background-color: #292c31; } .header__primary-inner { position: relative; z-index: 1; background-color: #292c31; } .header__primary-inner::before { content: ""; position: absolute; display: none; top: 0; bottom: 0; width: 360px; background-color: #1e2024; left: -25px; margin-left: 0; -webkit-transform: skew(-25deg); transform: skew(-25deg); } @media (min-width: 768px) { .header__primary-inner::before { display: block; } } @media (max-width: 991px) { .header__primary-inner::before { width: 80px; } } @media (max-width: 991px) { .main-nav .social-links--main-nav { display: none; } } /* Header Logo */ .header-logo { position: absolute; z-index: 3; bottom: 0px; left: 30px; display: block; margin-left: -28px; margin-top: 4px; } @media (max-width: 991px) { .header-logo { display: none; } } .header-logo__img { position: relative; height: 40px !important; } /* Header Mobile */ .header-mobile { display: none; background-color: #1e2024; } /* Header Mobile Search */ .header-search-form { padding: 24px 0; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; z-index: 1; background-color: #1e2024; vertical-align: top; } @media (min-width: 992px) { .header-search-form { display: inline-block; width: 360px; } } @media (min-width: 992px) and (max-width: 1199px) { .header-search-form { width: 200px; } } .header-search-form .search-form { position: relative; } /* Search Input */ input.header-mobile__search-control { background-color: #292c31; border-color: #292c31; border-radius: 20px; height: 38px; padding: 6px 60px 6px 20px; font-size: 12px; } input.header-mobile__search-control:focus { color: #fff; background-color: #292c31; border-color: #292c31; } /* Submit Button */ .header-mobile__search-submit { background: none; position: absolute; right: 0; top: 0; width: 51px; height: 38px; line-height: 38px; padding: 0; border: none; font-size: 16px; color: #fff; -webkit-transition: color, background-color 0.3s ease; transition: color, background-color 0.3s ease; border-radius: 0 20px 20px 0; } .header-mobile__search-submit:hover { background-color: rgba(255, 255, 255, 0.1); } @media only screen and (max-width: 991px) { .header-mobile { display: block; position: relative; top: 0; left: 0; width: 100%; z-index: 1; } .header-mobile__inner { overflow: hidden; position: relative; z-index: 2; height: 60px; background-color: #1e2024; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Header Mobile Logo */ .header-mobile__logo { text-align: center; position: absolute; z-index: 3; left: 15px; } .header-mobile__logo-img { height: 36px; margin-top: 18px; } .card__header--has-filter { display: none !important; } .main-news-banner__inner h6 { font-size: 25px; !important; } /* Header Mobile Burger Icon */ .burger-menu-icon { z-index: 102; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; position: absolute; top: 26px; right: 25px; cursor: pointer; width: 26px; height: 19px; } .burger-menu-icon__line, .burger-menu-icon__line::before, .burger-menu-icon__line::after { content: ''; cursor: pointer; height: 3px; width: 100%; background-color: #fff; position: absolute; top: 0; display: block; border-radius: 1px; } .burger-menu-icon__line::before { top: 8px; } .burger-menu-icon__line::after { top: 16px; } /* Mobile Search Icon */ .header-mobile__search-icon { display: block; position: absolute; right: 34px; top: 23px; width: 24px; height: 24px; line-height: 24px; font-size: 22px; color: #fff; text-align: center; } .header-mobile__search-icon::before, .header-mobile__search-icon::after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-mobile__search-icon::before { content: "\f002"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "FontAwesome"; } .header-mobile__search-icon::after { content: "\f00d"; -webkit-transform: translate(-50%, -50%), scale(0); transform: translate(-50%, -50%), scale(0); opacity: 0; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath transform='translate(-267.219 -40.219)' fill='%23fff' d='M267.62,56.258L283.258,40.62a1.5,1.5,0,0,1,2.121,2.121L269.741,58.379A1.5,1.5,0,0,1,267.62,56.258Zm15.638,2.122L267.62,42.742a1.5,1.5,0,0,1,2.121-2.121l15.638,15.638A1.5,1.5,0,0,1,283.258,58.38Z'/%3E%3C/svg%3E"); background-position: center center; background-size: 19px 19px; background-repeat: no-repeat; } .header-mobile__search-icon.header-mobile__search-icon--close::before { -webkit-transform: translate(-50%, -50%), scale(0); transform: translate(-50%, -50%), scale(0); opacity: 0; } .header-mobile__search-icon.header-mobile__search-icon--close::after { -webkit-transform: translate(-50%, -50%), scale(1); transform: translate(-50%, -50%), scale(1); opacity: 1; } .header-mobile__search-icon:hover { cursor: pointer; } /* Mobile Search */ .header-search-form { padding: 0 25px; height: 0; top: -62px; } .header-mobile--expanded .header-search-form { top: 0; height: 63px; } /* Search Input */ input.header-mobile__search-control { margin-top: 12px; } /* Submit Button */ } /* // #Header Navigation // -------------------------------------------------- */ /* Navigation - Desktop */ .main-nav { position: relative; text-align: right; } .main-nav .header-mobile__logo { display: none; } .main-nav__list { display: inline-block; text-align: left; padding: 0; margin: 0; list-style: none; /* 1st Level */ } .main-nav__list > li { text-align: center; display: inline-block; padding: 0; } .main-nav__list > li > a { display: block; position: relative; color: #fff; padding: 0 34px; line-height: 62px; text-decoration: none; position: relative; font-weight: bold; font-family: 700; font-size: 12px; font-family: "Montserrat", sans-serif; text-transform: uppercase; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (min-width: 992px) and (max-width: 1199px) { .main-nav__list > li > a { padding-left: 20px; padding-right: 20px; } } .main-nav__list > li > a::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background-color: transparent; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; z-index: -1; } .main-nav__list > li > a:hover { color: #fff; text-decoration: none; } .main-nav__list > li > a:hover::before { background-color: #fea409; } .main-nav__list > li.active > a { color: #fff; text-decoration: none; } .main-nav__list > li.active > a::before { background-color: #fea409; } .main-nav__list > li.has-children > a::after { content: ""; display: inline-block; margin-left: 9px; width: 6px; height: 4px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); background-size: 6px 4px; background-repeat: no-repeat; background-position: center center; top: -2px; position: relative; } /* Megamenu */ .main-nav__megamenu { width: 100%; left: 0; position: absolute; top: 62px; z-index: 1000; margin: 0; text-align: left; padding: 43px 55px; font-size: 15px; border: solid 1px #292c31; background-color: #1e2024; opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; } .main-nav__megamenu .main-nav__title { font-size: 14px; letter-spacing: -0.03em; padding: 3px 0; margin-bottom: 19px; color: #fff; text-align: left; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; } /* Lists inside Megamenu */ .main-nav__ul li { display: block; white-space: nowrap; text-align: left; text-transform: uppercase; } .main-nav__ul li a { display: block; font-size: 11px; line-height: 18px; font-family: "Montserrat", sans-serif; font-weight: 700; text-align: left; padding: 5px 0; color: rgba(255, 255, 255, 0.4); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .main-nav__ul li a:hover { color: #fff; text-decoration: none; } /* Animation for Navigation */ .main-nav__list li > .main-nav__sub, .main-nav__list li > .main-nav__megamenu, .main-nav__list li > .main-nav__sub-2, .main-nav__list li > .main-nav__sub-3 { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-75deg); transform: rotateX(-75deg); visibility: hidden; } .main-nav__list li:hover > .main-nav__sub, .main-nav__list li:hover > .main-nav__megamenu, .main-nav__list li:hover > .main-nav__sub-2, .main-nav__list li:hover > .main-nav__sub-3 { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; } /* Submenu */ .main-nav__sub { position: absolute; top: 62px; z-index: 1000; margin: 0; padding: 0; min-width: 240px; background-color: #1e2024; border: solid 1px #292c31; opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .main-nav__sub > li > a { text-decoration: none; } .main-nav__sub > li.has-children > a::after { content: ""; display: block; position: absolute; right: 24px; top: 50%; margin-top: -2px; width: 6px; height: 4px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23ffffff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); background-size: 6px 4px; background-repeat: no-repeat; background-position: center center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .main-nav__sub li { position: relative; margin: 0; padding: 0; } .main-nav__sub li a { display: block; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 700; font-size: 11px; color: #fff; text-align: left; line-height: 1.5em; padding: 16px 30px; letter-spacing: normal; border-bottom: 1px solid #292c31; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .main-nav__sub li a:hover { color: #fea409; background-color: transparent; } .main-nav__sub li:last-child > a { border-bottom: none; } .main-nav__list li:hover .main-nav__sub { display: block; } /* Submenu */ .main-nav__sub li { position: relative; padding: 0; margin: 0; display: block; } .main-nav__sub li:hover .main-nav__sub-2 { display: block; opacity: 1; list-style: none; padding: 0; background-color: #1e2024; } /* 2nd Submenu */ .main-nav__sub-2 { min-width: 240px; border: solid 1px #292c31; position: absolute; left: 100%; top: -1px; margin: 0; padding: 0; opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .main-nav__sub-2 li:hover .main-nav__sub-3 { opacity: 1; list-style: none; padding: 0; border: solid 1px #292c31; background-color: #1e2024; } /* 3rd Submenu */ .main-nav__sub-3 { min-width: 240px; position: absolute; left: 100%; top: 0; margin: 0; padding: 0; opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .main-nav__toggle, .main-nav__toggle-2 { display: none; } @media only screen and (min-width: 992px) { .main-nav__list li:hover > .main-nav__sub, .main-nav__sub li:hover > .main-nav__sub-2, .main-nav__sub-2 li:hover > .main-nav__sub-3, .main-nav__list li:hover > .main-nav__megamenu { display: block; } .main-nav__list .nav-account__item { display: none; } .main-nav__list .social-links__item { display: none; } .main-nav__list .main-nav__item--social-links { display: none; } .main-nav .main-nav__item--shopping-cart { display: none; } } /* Navigation - Mobile */ @media only screen and (max-width: 991px) { .main-nav { width: 270px; left: 0; -webkit-transform: translateX(-270px); transform: translateX(-270px); height: 100%; position: fixed; top: 0; bottom: 0; margin: 0; z-index: 103; overflow: auto; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #1e2024; } .site-wrapper--has-overlay .main-nav { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .main-nav .header-mobile__logo { position: relative; padding: 5px 0 18px 0; display: block; border-bottom: 1px solid #292c31; } .main-nav .main-nav__item--shopping-cart .info-block__link-wrapper { overflow: hidden; font-size: 11px; line-height: 1.5em; padding-right: 20px; } .main-nav .main-nav__item--shopping-cart .df-icon-stack--bag { display: none; } .main-nav .main-nav__item--shopping-cart .info-block__heading { margin-bottom: 0; float: left; font-size: 11px; line-height: 1.5em; } .main-nav .main-nav__item--shopping-cart .info-block__cart-sum { float: right; font-size: 11px; line-height: 1.5em; color: #fea409; } .main-nav .main-nav__back { width: 49px; height: 44px; position: absolute; right: 0; top: 0; z-index: 4; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Cpath transform='translate(-238.75 -17.75)' fill='%23fff' d='M240,21h12v2H240V21Zm0.171-.415,4.243,4.243L243,26.242,238.757,22Zm4.243-1.414-4.243,4.242L238.757,22,243,17.757Z'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 13px 8px; } .main-nav .main-nav__back:hover { cursor: pointer; } .main-nav .main-nav__list > li > a::before { top: 0; bottom: 0; width: 4px; height: auto; } .main-nav .main-nav__list > li > a .highlight { color: #fea409; } .main-nav .main-nav__list > li.has-children > a::after { display: none; } .main-nav .main-nav__list > li.nav-account__item--logout > a { color: #6b6d70; } .main-nav .main-nav__list > li.nav-account__item--wishlist > a { padding-right: 20px; } .main-nav .main-nav__list > li.nav-account__item--wishlist .highlight { float: right; } .main-nav .main-nav__list > li.main-nav__item--social-links { text-align: left; padding: 0 15px 20px 15px; } .main-nav .main-nav__list > li.main-nav__item--social-links > a { display: inline-block; border-bottom: none; padding: 15px; } .main-nav .main-nav__list > li.main-nav__item--social-links > a::before { display: none; } .main-nav__list li:hover .main-nav__sub { display: none; } .main-nav__list li:hover .main-nav__sub .main-nav__sub-2 { display: none; } .main-nav__list .main-nav__sub li.has-children > a::after { display: none; } .main-nav__list .main-nav__sub .main-nav__sub-2 li:hover .main-nav__sub-3 { display: none; } /* Mobile click to drop arrow */ .main-nav__toggle { width: 30px; height: 30px; position: absolute; top: 8px; right: 10px; display: block; cursor: pointer; z-index: 1; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); background-size: 6px 4px; background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .main-nav__toggle-2 { width: 20px; height: 20px; position: absolute; top: 3px; right: 15px; display: block; cursor: pointer; z-index: 1; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); background-size: 6px 4px; background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .main-nav__toggle--rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* 2nd Level Submenu */ .main-nav__sub-2 { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0; padding: 0 !important; border: solid 0px; -webkit-transform: none; transform: none; opacity: 1; visibility: visible; } .main-nav__sub-2 li { margin: 0; padding: 0; position: relative; } .main-nav__sub-2 li a { display: block; padding: 10px 25px 10px 25px; } .main-nav__sub-2 li:hover > a { color: #fff; } /* 3rd Level Submenu */ .main-nav__sub-3 { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0; padding: 0 !important; border: solid 0px; -webkit-transform: none; transform: none; opacity: 1; visibility: visible; } .main-nav__sub-3 li { margin: 0; padding: 0; position: relative; } .main-nav__sub-3 li a { display: block; padding: 10px 25px 10px 25px; } .main-nav__sub-3 li:hover > a { color: #fff; } .main-nav .main-nav__list { border-top: 1px solid #292c31; height: 100%; overflow-y: auto; display: block; } .main-nav .main-nav__list > li { width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; } .main-nav .main-nav__list > li > a { padding: 16px 30px; font-size: 14px; text-align: left; border-right: solid 0px; background-color: transparent; color: #fff; line-height: 1.5em; border-bottom: 1px solid #292c31; position: static; } .main-nav .main-nav__list li.has-children > a::after { -webkit-transform: none; transform: none; top: 13px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); } .main-nav__list .main-nav__sub { -webkit-transform: none; transform: none; opacity: 1; display: none; position: relative; top: 0; background-color: #292c31; border: none; padding: 15px 0; visibility: visible; } .main-nav__list .main-nav__sub li a { line-height: 1.5em; font-size: 10px; padding: 7px 0 7px 40px; color: #9a9da2; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; border-bottom: none; } .main-nav__list .main-nav__sub li a:hover { color: #fff; } .main-nav__list .main-nav__sub li:hover > a { background-color: transparent; color: #fff; } .main-nav__list .main-nav__sub li:hover .main-nav__sub-2 { background-color: transparent; } .main-nav__list .main-nav__sub li .main-nav__sub-2 { padding: 15px 0; } .main-nav__list .main-nav__sub li .main-nav__sub-2 li a { padding-left: 50px; } .main-nav__list .main-nav__sub li .main-nav__sub-2 li a:hover { background-color: none; } .main-nav__list .main-nav__sub li .main-nav__sub-2 li .main-nav__sub-3 li a { padding-left: 60px; } .main-nav__list .main-nav__megamenu { background-color: #292c31; color: #9a9da2; display: none; position: relative; top: 0; padding: 15px 0; border: none; -webkit-transform: none; transform: none; opacity: 1; visibility: visible; } .main-nav__list .main-nav__megamenu [class^="col-"] { padding-bottom: 15px; } .main-nav__list .main-nav__megamenu div[class^="col-"] { padding-left: 30px; padding-right: 30px; } .main-nav__list .main-nav__megamenu .main-nav__title { color: #fff; font-size: 11px; padding: 10px 30px; margin: 0; } .main-nav__list .main-nav__megamenu > ul { width: 100%; margin: 0; padding: 0; font-size: 13px; } .main-nav__list .main-nav__megamenu > ul > li > a { padding: 7px 20px 7px 40px; line-height: 1.5em; font-size: 10px; color: #9a9da2; } .main-nav__list .main-nav__megamenu > ul > li > a:hover { color: #fff; } .main-nav__list li:hover .main-nav__megamenu { display: none; position: relative; top: 0; } /* Animation None */ .main-nav__list li > .main-nav__sub, .main-nav__list li:hover > .main-nav__sub, .main-nav__sub li > .main-nav__sub-2, .main-nav__sub li:hover > .main-nav__sub-2, .main-nav__sub-2 li > .main-nav__sub-3, .main-nav__sub-2 li:hover > .main-nav__sub-3, .main-nav__list li > .main-nav__megamenu, .main-nav__list li:hover > .main-nav__megamenu { -webkit-transform: none; transform: none; visibility: visible; } .main-nav__sub li:hover > .main-nav__sub-2, .main-nav__sub-2 li > .main-nav__sub-3, .main-nav__sub-2 li:hover > .main-nav__sub-3, .main-nav__list li > .main-nav__megamenu, .main-nav__list li:hover > .main-nav__megamenu { opacity: 1; } } /* // #Hero Unit // -------------------------------------------------- */ .hero-unit { background: #27313b url("../images/header_bg.jpg") 50% 0 no-repeat; background-size: cover; } .hero-unit__content--left-center { text-align: center; } @media (min-width: 992px) { .hero-unit__content--left-center { width: 50%; } } .hero-unit__container { height: 400px; position: relative; } @media (min-width: 1199px) { .hero-unit__container { height: 640px; } } .hero-unit__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; text-align: center; } .hero-unit__title { color: #fff; margin-bottom: 0.75em; font-size: 30px; } @media (min-width: 1199px) { .hero-unit__title { font-size: 64px; margin-bottom: 0.25em; } } .hero-unit__subtitle { color: #fff; margin-bottom: 0.25em; font-size: 12px; } @media (min-width: 992px) { .hero-unit__subtitle { font-size: 18px; } } .hero-unit__desc { margin-bottom: 3em; width: 70%; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .hero-unit__desc { width: 60%; } } @media (min-width: 992px) { .hero-unit__desc { width: 80%; } } @media (min-width: 1199px) { .hero-unit__desc { width: 70%; } } .hero-unit__decor { display: block; color: #ffdc11; margin-bottom: 5px; } @media (min-width: 992px) { .hero-unit__decor { margin-bottom: 11px; } } .hero-unit__decor .fa { margin: 0 6px; } .hero-unit__img { position: absolute; right: 0; bottom: 0; max-width: 50%; } .hero-unit__img img { max-height: 100%; } @media (max-width: 991px) { .hero-unit__img { display: none; } } /* // #Hero Slider // -------------------------------------------------- */ .hero-slider-wrapper { position: relative; } .hero-slider { overflow: hidden; background-color: #27313b; } .hero-slider, .hero-slider__item { height: 320px; } @media (min-width: 767px) { .hero-slider, .hero-slider__item { height: 480px; } } @media (min-width: 992px) { .hero-slider, .hero-slider__item { height: 640px; } } @media (min-width: 1200px) { .hero-slider, .hero-slider__item { height: 720px; } } .hero-slider__item { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .hero-slider__item::before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.6; z-index: 2; } .hero-slider__item--img1 { background-image: url("../images/soccer/samples/hero-slide-1.jpg"); } .hero-slider__item--img2 { background-image: url("../images/soccer/samples/hero-slide-2.jpg"); } .hero-slider__item--img3 { background-image: url("../images/soccer/samples/hero-slide-3.jpg"); } .hero-slider__item-container { display: block; position: absolute; z-index: 3; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .hero-slider__item-container .post__meta-block--top { padding-bottom: 0; } .hero-slider__item-container .page-heading__title .highlight { color: #fea409; } .hero-slider-thumbs-wrapper { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; } @media (max-width: 991px) { .hero-slider-thumbs-wrapper { display: none; } } .hero-slider-thumbs .posts__title { color: #fff; font-size: 15px; } .hero-slider-thumbs .posts__cat { margin-bottom: 18px; } .hero-slider-thumbs .posts__cat-label { font-size: 10px; } .hero-slider-thumbs .posts__inner { padding: 0 30% 37px 0; } .hero-slider-thumbs__item { opacity: .3; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .hero-slider-thumbs__item.slick-current { opacity: 1; } .hero-slider-thumbs__item:hover { cursor: pointer; } /* Pushy Panel */ .pushy-panel__toggle { display: none; width: 62px; height: 62px; line-height: 62px; background-color: #4267b2; vertical-align: top; margin-left: 27px; position: relative; } @media (min-width: 992px) { .pushy-panel__toggle { display: inline-block; } } @media (min-width: 992px) and (max-width: 1199px) { .pushy-panel__toggle { margin-left: 18px; } } .pushy-panel__toggle:hover .pushy-panel__line { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pushy-panel__toggle:hover .pushy-panel__line::before, .pushy-panel__toggle:hover .pushy-panel__line::after { width: 50%; } .pushy-panel__toggle:hover .pushy-panel__line::before { top: 0; -webkit-transform: translateX(-3px) translateY(1px) rotate(-45deg); transform: translateX(-3px) translateY(1px) rotate(-45deg); } .pushy-panel__toggle:hover .pushy-panel__line::after { bottom: 0; -webkit-transform: translateX(-3px) translateY(-1px) rotate(45deg); transform: translateX(-3px) translateY(-1px) rotate(45deg); } .pushy-panel__line { top: 50%; left: 23px; right: 24px; width: 16px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .pushy-panel__line, .pushy-panel__line::before, .pushy-panel__line::after { display: block; position: absolute; height: 2px; background-color: #fff; } .pushy-panel__line::before, .pushy-panel__line::after { content: ""; width: 100%; } .pushy-panel__line::before { top: -5px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition: width 0.3s, top 0.3s, -webkit-transform 0.3s; transition: width 0.3s, top 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, width 0.3s, top 0.3s; transition: transform 0.3s, width 0.3s, top 0.3s, -webkit-transform 0.3s; } .pushy-panel__line::after { bottom: -5px; -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s; transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, width 0.3s, bottom 0.3s; transition: transform 0.3s, width 0.3s, bottom 0.3s, -webkit-transform 0.3s; } .pushy-panel { position: fixed; z-index: 1000; right: -380px; top: 0; bottom: 0; width: 380px; text-align: left; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .site-wrapper--has-overlay-pushy .pushy-panel { right: 0; } @media (max-width: 991px) { .pushy-panel { display: none; } } .pushy-panel .posts--simple-list .posts__title + .posts__date { margin-top: .4em; } .pushy-panel .posts--simple-list .posts__item { margin-bottom: 44px; } .pushy-panel .posts--simple-list .posts__excerpt { overflow: hidden; clear: both; } .pushy-panel--active { right: 0; } .pushy-panel__inner { width: 100%; height: 100%; background-color: #fff; position: relative; overflow-y: scroll; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } .pushy-panel__back-btn { display: block; width: 49px; height: 44px; position: absolute; right: 32px; top: 22px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Cpath transform='translate(-238.75 -17.75)' fill='%2331404b' d='M240,21h12v2H240V21Zm0.171-.415,4.243,4.243L243,26.242,238.757,22Zm4.243-1.414-4.243,4.242L238.757,22,243,17.757Z'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 13px 8px; } .pushy-panel__back-btn:hover { cursor: pointer; } .pushy-panel__header { padding: 28px 30px 60px 30px; text-align: center; } .pushy-panel__content { padding: 0 20px; } @media (min-width: 992px) { .pushy-panel__content { padding: 0 40px; } } .pushy-panel--dark .pushy-panel__inner { background-color: #292c31; } .pushy-panel--dark .widget--side-panel .widget__title > h4 { color: #fff; } .pushy-panel--dark .btn-outline { border-color: #3f4653; color: #fff; } .pushy-panel--dark .posts__title a { color: #fff; } .pushy-panel--dark .posts__title a:hover { color: #fff; } .pushy-panel--dark .pushy-panel__back-btn { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Cpath transform='translate(-238.75 -17.75)' fill='%23ffffff' d='M240,21h12v2H240V21Zm0.171-.415,4.243,4.243L243,26.242,238.757,22Zm4.243-1.414-4.243,4.242L238.757,22,243,17.757Z'/%3E%3C/svg%3E"); } /* // #Page Heading // -------------------------------------------------- */ .page-heading { background-color: #1e2024; background-image: url("../images/soccer/page-heading.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; text-align: center; padding: 50px 0; position: relative; } @media (min-width: 992px) { .page-heading { padding: 110px 0 106px 0; } } .page-heading .breadcrumb { font-size: 10px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; padding: 0; } @media (min-width: 992px) { .page-heading .breadcrumb { font-size: 11px; padding: 3px 0; } } .page-heading .breadcrumb > li + li::before { color: #9a9da2; font-weight: normal; } .page-heading .breadcrumb > li > a { color: #fff; } .page-heading .breadcrumb > li > a:hover { color: #fea409; } .page-heading::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url("../images/page-heading-pattern.png"); background-position: 100% 0; background-repeat: no-repeat; opacity: 0.4; } .page-heading__title { text-transform: uppercase; color: #fff; letter-spacing: -0.02em; font-size: 24px; margin-bottom: 0; } @media (min-width: 992px) { .page-heading__title { font-size: 30px; } } .page-heading__title .highlight { color: #fea409; } .page-heading--post-bg { background-image: url("../images/samples/single-post-img5.jpg"); } .page-heading--overlay { position: relative; overflow: hidden; } .page-heading--overlay::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); } /* // #Content // -------------------------------------------------- */ .site-content { padding: 10px 0; } @media (min-width: 992px) { .site-content { padding: 10px 0; } } /* // #Footer // -------------------------------------------------- */ .footer { font-size: 14px; line-height: 22px; color: rgba(154, 157, 162, 0.6); } /* Footer Widgets */ .footer-widgets { background-color: #1e2024; } .footer-widgets [class^="col-"]:last-child .widget--footer { margin-bottom: 0; } .footer-widgets__inner { padding: 30px 0; } @media (min-width: 768px) { .footer-widgets__inner { padding: 60px 0 70px; } } @media (min-width: 992px) { .footer-widgets__inner { padding: 80px 0 96px; } } .footer-col-inner { padding: 0 7px; } /* Footer Logo */ .footer-logo { padding: 0 0 50px 0; text-align: center; width: 40%; margin: 0 auto; } @media (min-width: 992px) { .footer-logo { width: auto; margin: 0; padding: 30px 0; } } .footer-logo__img { max-width: 100%; height: auto; } .footer-logo--has-txt { text-align: left; width: 100%; padding-bottom: 30px; } @media (min-width: 992px) { .footer-logo--has-txt { padding: 0 0 25px 0; margin-top: -25px; } } .footer-logo--has-txt .footer-logo__img { display: inline-block; vertical-align: middle; } .footer-logo--has-txt .footer-logo__heading { display: inline-block; vertical-align: middle; } .footer-logo--has-txt .footer-logo__txt { margin-bottom: 0; color: #fff; } .footer-logo--has-txt .footer-logo__tagline { display: block; color: #9a9da2; font-size: 12px; } /* Footer Secondary */ .footer-secondary { background-color: #16171a; } @media (min-width: 768px) { .footer-secondary--has-decor { background-color: #fea409; } } .footer-secondary--has-decor .footer-secondary__inner { background-color: #16171a; padding: 12px 0 26px 0; } .footer-secondary--has-decor .footer-secondary__inner::before, .footer-secondary--has-decor .footer-secondary__inner::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 120px; background-color: #fea409; display: none; } @media (min-width: 768px) { .footer-secondary--has-decor .footer-secondary__inner::before, .footer-secondary--has-decor .footer-secondary__inner::after { display: block; } } @media (max-width: 991px) { .footer-secondary--has-decor .footer-secondary__inner::before, .footer-secondary--has-decor .footer-secondary__inner::after { width: 80px; } } .footer-secondary--has-decor .footer-secondary__inner::before { left: -20px; -webkit-transform: skew(20deg); transform: skew(20deg); } .footer-secondary--has-decor .footer-secondary__inner::after { right: -20px; -webkit-transform: skew(-20deg); transform: skew(-20deg); } .footer-secondary__inner { background-color: #16171a; padding: 24px 0; position: relative; } .footer-nav { list-style-type: none; padding: 0; margin: 0; text-align: center; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 11px; line-height: 1.2em; font-weight: bold; } .footer-nav--right { text-align: center; } @media (min-width: 992px) { .footer-nav--right { text-align: right; } .footer-nav--right .footer-nav__item { padding-right: 0 !important; } } .footer-nav--sm { font-size: 11px; } .footer-nav__item { display: inline-block; padding: 0 2px; } @media (max-width: 479px) { .footer-nav__item { float: left; width: 33.3%; text-align: left; padding: .25em 0; } } @media (min-width: 480px) { .footer-nav__item { padding: 0 10px; } } @media (min-width: 768px) { .footer-nav__item { padding: 0 16px; } } @media (min-width: 992px) { .footer-nav__item { padding: 0 24px; } } @media (min-width: 1200px) { .footer-nav__item { padding: 0 35px; } } .footer-nav__item > a { color: #fff; display: inline-block; padding: .5em; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .footer-nav__item > a:hover { color: #fea409; } @media (max-width: 479px) { .footer-nav--condensed .footer-nav__item { display: inline-block; padding: 0; text-align: center; width: auto; float: none; } } @media (min-width: 480px) { .footer-nav--condensed .footer-nav__item { padding: 0 8px; } } @media (min-width: 768px) { .footer-nav--condensed .footer-nav__item { padding: 0 10px; } } @media (min-width: 992px) { .footer-nav--condensed .footer-nav__item { padding: 0 12px; } } @media (min-width: 1200px) { .footer-nav--condensed .footer-nav__item { padding: 0 15px; } } /* Footer Sponsors */ .sponsors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #2e2f31; padding: 24px 0 24px 0; margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .sponsors { margin-top: -16px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 35px 0 47px 0; } } @media (min-width: 992px) { .sponsors { margin-top: -24px; } } .sponsors-title { font-size: 9px; line-height: 1.2em; color: #fff; margin: 0 0 12px 0; } @media (min-width: 768px) { .sponsors-title { margin: 0 25px 0 0; } } .sponsors-logos { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } @media (max-width: 767px) { .sponsors-logos { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .sponsors__item { text-align: center; } @media (max-width: 1199px) { .sponsors__item { padding: 0 10px; } } @media (max-width: 767px) { .sponsors__item { width: 33.3%; padding: 10px; } } @media (max-width: 479px) { .sponsors__item { width: 50%; } } @media (min-width: 992px) { .sponsors__item { margin: 0 12px; } } @media (min-width: 1200px) { .sponsors__item { margin: 0 25px; } } .sponsors__item > a { opacity: 0.2; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .sponsors__item > a:hover { opacity: 1; } /* Footer Copyright */ .footer-copyright { font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #9a9da2; text-align: center; } @media (min-width: 992px) { .footer-copyright { text-align: left; } } .footer-copyright a { color: #fff; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .footer-copyright a:hover { color: #fea409; } /* // #Blog // -------------------------------------------------- */ /* // #Posts // -------------------------------------------------- */ ul.posts { list-style-type: none; padding: 0; } ul.posts:not(.post-grid) { margin: 0; } .posts__item { margin-bottom: 1em; } .posts__item:last-child { margin-bottom: 0; } .posts__cat { display: block; overflow: hidden; margin-bottom: 8px; z-index: 1; } .posts__cat-label { background-color: #1892ed; display: block; float: left; } .posts__cat-label + .posts__title { margin-top: 0.55em; } .posts__item--category-1 .posts__cat-label, .posts__item--category-1 .posts__cta { background-color: #fea409; } .posts__item--category-2 .posts__cat-label, .posts__item--category-2 .posts__cta { background-color: #07e0c4; } .posts__item--category-3 .posts__cat-label, .posts__item--category-3 .posts__cta { background-color: #9fe900; } .posts__thumb { float: left; margin: 0 10px 0 0; } .posts__thumb--hover { position: relative; } .posts__thumb--hover::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; background-color: #fea409; color: #fff; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; pointer-events: none; } .posts__thumb--hover > a { position: relative; display: block; } .posts__thumb--hover > a::before, .posts__thumb--hover > a::after { content: ""; display: block; position: absolute; background-color: #fff; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: 2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .posts__thumb--hover > a::before { height: 4px; width: 18px; } .posts__thumb--hover > a::after { height: 18px; width: 4px; } .posts__thumb--hover:hover::before { opacity: 0.8; } .posts__thumb--hover:hover > a::before, .posts__thumb--hover:hover > a::after { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .posts__title { text-transform: none; letter-spacing: -0.03em; } .posts__title + .posts__date { margin-top: 0.7em; } .posts__title a { color: #31404b; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .posts__title a:hover { color: #4f6779; } .posts__date { display: inline-block; text-transform: uppercase; font-family: "Montserrat", sans-serif; line-height: 1.2em; } /* Simple Posts List */ .posts--simple-list .posts__item { overflow: hidden; margin-bottom: 18px; } .card .posts--simple-list .posts__item { border-bottom: 1px solid #e4e7ed; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; padding-bottom: 24px; margin-bottom: 24px; } .posts--simple-list .posts__item:last-child, .card .posts--simple-list .posts__item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .posts--simple-list .posts__inner { overflow: hidden; } .posts--simple-list .posts__cat-label { margin: 0; } .posts--simple-list .posts__cat-label + .posts__title { margin-top: 0.55em; } .posts--simple-list .posts__title { margin-bottom: 0; line-height: 1em; } .widget--footer .posts--simple-list .posts__title { font-size: 12px; } .widget--footer .posts--simple-list .posts__title > a { color: #fff; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .widget--footer .posts--simple-list .posts__title > a:hover { color: #fea409; } .main-nav__megamenu .posts--simple-list .posts__title { font-size: 12px; } @media (max-width: 991px) { .main-nav__megamenu .posts--simple-list .posts__title { font-size: 11px; } .main-nav__megamenu .posts--simple-list .posts__title > a { color: #fff; } } @media (min-width: 992px) { .main-nav__megamenu .posts--simple-list .posts__title > a { color: #fff; } } .posts--simple-list .posts__date { font-size: 10px; vertical-align: top; } @media (max-width: 991px) { .main-nav__megamenu .posts--simple-list .posts__date { font-size: 8px; } } .widget--footer .posts--simple-list .posts__date { font-size: 9px; } .posts--simple-list .posts__excerpt { font-size: 14px; line-height: 22px; margin-top: 6px; } @media (max-width: 991px) { .main-nav__megamenu .posts--simple-list .posts__excerpt { font-size: 11px; line-height: 17px; } } .posts--simple-list .posts__excerpt--space { padding: 20px 0; } .posts--simple-list .posts__excerpt--space-sm { padding-top: 10px; } .posts--simple-list .posts__footer { padding-top: 17px; } .card .posts--simple-list .posts__footer { padding: 17px 24px; border-top: 1px solid #e4e7ed; overflow: hidden; margin-left: -24px; margin-right: -24px; } .posts--simple-list .post-author { float: left; width: 50%; } @media (max-width: 479px) { .posts--simple-list .post-author { width: 40%; } } .posts--simple-list .post-author__avatar { width: 24px; height: 24px; margin-right: 4px; vertical-align: middle; } .posts--simple-list .post-author__avatar img { vertical-align: top; } @media (max-width: 479px) { .posts--simple-list .post-author__avatar { display: none; } } .posts--simple-list .post-author__name { font-size: 10px; text-transform: uppercase; color: #9a9da2; font-weight: 400; } .posts--simple-list .post__meta { width: 50%; float: right; text-align: right; } @media (max-width: 479px) { .posts--simple-list .post__meta { width: 60%; } } .posts--simple-list .posts__more { padding: 20px 0 0 0; } /* Simple Posts List - Condensed */ .card .posts--simple-list-condensed .posts__item { padding-bottom: 16px; margin-bottom: 18px; } /* Simple Posts List - Large */ .widget--side-panel .posts--simple-list--lg .posts__item { margin-bottom: 50px; } .widget--side-panel .posts--simple-list--lg .posts__item:last-child { margin-bottom: 0; } .main-nav__megamenu .posts--simple-list--lg .posts__item { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 992px) { .main-nav__megamenu .posts--simple-list--lg .posts__item { padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 0; } } @media (min-width: 1200px) { .main-nav__megamenu .posts--simple-list--lg .posts__item { padding-left: 15px; padding-right: 15px; } } @media (min-width: 992px) { .main-nav__megamenu .posts--simple-list--lg .posts__item .posts__title { font-size: 16px; } } @media (min-width: 1200px) { .main-nav__megamenu .posts--simple-list--lg .posts__item .posts__title { font-size: 22px; } } .posts--simple-list--lg .posts__cat { margin-bottom: 14px; } @media (min-width: 992px) { .posts--simple-list--lg .posts__cat-label { font-size: 10px; } } .posts--simple-list--lg .posts__title { margin-bottom: .2em; } @media (min-width: 992px) { .posts--simple-list--lg .posts__title { font-size: 18px; line-height: 1em; } .widget--side-panel .posts--simple-list--lg .posts__title { font-size: 22px; } } .posts--simple-list--lg .posts__excerpt { font-size: 15px; line-height: 26px; } /* Simple Posts List - XLarge */ .posts--simple-list--xlg .posts__cat { margin-bottom: 14px; } @media (min-width: 992px) { .posts--simple-list--xlg .posts__cat-label { font-size: 10px; } } .posts--simple-list--xlg .posts__title { margin-bottom: .1em; } @media (min-width: 768px) { .posts--simple-list--xlg .posts__title { font-size: 30px; } } @media (min-width: 992px) { .posts--simple-list--xlg .posts__title { font-size: 24px; } } @media (min-width: 1199px) { .posts--simple-list--xlg .posts__title { font-size: 30px; line-height: 38px; } } .posts--simple-list--xlg .posts__date { font-size: 9px; } @media (min-width: 992px) { .posts--simple-list--xlg .posts__date { font-size: 11px; } } .posts--simple-list--xlg .posts__excerpt { font-size: 15px; line-height: 26px; } @media (min-width: 1199px) { .posts--simple-list--xlg .posts__excerpt { margin-top: 13px; } } @media (min-width: 992px) { .posts--simple-list--xlg .posts__more { padding-top: 30px; } } @media (min-width: 1199px) { .posts--simple-list--xlg .posts__more { padding-top: 38px; } } /* Post: Cards */ .posts__item--card, .posts__item--card:last-child { margin-bottom: 15px; } .posts__item--card .posts__thumb { float: none; margin: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .posts__item--card .posts__thumb:first-child { overflow: hidden; border-radius: 4px 4px 0 0; } .posts__item--card .posts__thumb:last-child { overflow: hidden; border-radius: 0 0 4px 4px; } .posts__item--card .posts__thumb img { width: 100%; height: auto; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .posts__item--card .posts__thumb:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .posts__item--card.posts__item--card-condensed { margin-bottom: 0; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .posts__item--card .posts__cta { display: block; position: absolute; top: 0; right: 23px; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .posts__item--card .posts__cta::before, .posts__item--card .posts__cta::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; -webkit-transition: -webkit-transform 0.25s ease; transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease; transition: transform 0.25s ease, -webkit-transform 0.25s ease; } .posts__item--card .posts__cta::before { width: 17px; height: 3px; } .posts__item--card .posts__cta::after { width: 3px; height: 17px; } .posts__item--card .posts__cta:hover::before, .posts__item--card .posts__cta:hover::after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .posts__item--card .posts__cat { display: block; position: absolute; left: 23px; top: 23px; } .posts__item--card .posts__inner .posts__cat { position: static; margin-bottom: 18px; } .posts__item--card .posts__cat-label { font-size: 10px; padding-top: .6em; } .posts__item--card .posts__date { font-size: 10px; line-height: 1.2em; } .posts__item--card .posts__date + .posts__title { margin-top: 5px; } @media (min-width: 992px) { .posts__item--card .posts__date + .posts__title { margin-top: 10px; } } @media (min-width: 992px) { .posts__item--card .posts__date { font-size: 11px; } } .posts__item--card .posts__title { font-size: 18px; line-height: 1.6em !important; margin-bottom: 0.2em; font-weight: 100 !important; text-transform: none !important; } @media (min-width: 992px) { .posts__item--card .posts__title { font-size: 16px; padding-top: 4px; } } @media (min-width: 992px) { .posts__item--card .posts__title--sm { font-size: 18px; } } @media (min-width: 992px) { .posts__item--card .posts__title--sm + .posts__excerpt { padding: 10px 0 0 0; } } .posts__item--card .posts__excerpt { padding: 13px 0 0 0; } @media (min-width: 992px) { .posts__item--card .posts__excerpt { padding: 23px 0 8px 0; } } .posts__item--card .posts__inner { padding-top: 8px; position: relative; min-height: 70px; padding: 5px 15px !important; } .posts__item--card .posts__footer { padding: 5px 15px; border-top: 1px solid #e4e7ed; display: table; width: 100%; height: 100%; } .posts__item--card .post-author { display: table-cell; width: 50%; text-align: left; } @media (max-width: 479px) { .posts__item--card .post-author { width: 40%; } } .posts__item--card .post-author__avatar { width: 24px; height: 24px; margin-right: 4px; vertical-align: middle; } .posts__item--card .post-author__avatar img { vertical-align: top; } @media (max-width: 479px) { .posts__item--card .post-author__avatar { display: none; } } .posts__item--card .post-author__name { font-size: 10px; text-transform: uppercase; color: #9a9da2; font-weight: 400; } .posts__item--card .post__meta { display: table-cell; width: 50%; text-align: left; } /* Post Grid */ @media (max-width: 479px) { .post-grid--2cols .post-grid__item { width: 100%; } } /* Post: Cards Thumb Left */ .posts--cards-thumb-left .posts__item--card { overflow: hidden; } .posts--cards-thumb-left .posts__thumb { width: 100%; float: none; overflow: hidden; height: 200px; } @media (min-width: 375px) { .posts--cards-thumb-left .posts__thumb { height: 240px; } } @media (min-width: 768px) { .posts--cards-thumb-left .posts__thumb { float: left; margin: 0; max-width: 325px; height: auto; } .posts--cards-thumb-left .posts__thumb:first-child { border-radius: 4px 0 0 4px; } } @media (min-width: 992px) { .posts--cards-thumb-left .posts__thumb { max-width: 220px; } } @media (min-width: 1199px) { .posts--cards-thumb-left .posts__thumb { max-width: 380px; } } .posts--cards-thumb-left .posts__inner { overflow: hidden; padding-top: 0; } @media (min-width: 992px) { .posts--cards-thumb-left .posts__inner { padding-top: 8px; } } .posts--cards-thumb-left .posts__cta { position: absolute; left: 20px; top: 20px; -webkit-transform: none; transform: none; } .posts--cards-thumb-left .posts__cta:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* Post: Cards Thumb Large */ @media (min-width: 992px) { .posts--cards-thumb-lg .posts__inner { padding-top: 30px; } } .posts--cards-thumb-lg .posts__cat { position: static; } @media (min-width: 992px) { .posts--cards-thumb-lg .posts__cat { margin-bottom: 17px; } } @media (min-width: 992px) { .posts--cards-thumb-lg .posts__title { font-size: 28px; line-height: 1.07em; } } /* Post: Blockquote */ .posts__item--quote { background-color: #194676; border-radius: 4px; position: relative; overflow: hidden; min-width: 304px; } @media (min-width: 992px) { .posts__item--quote { min-height: 482px; } } @media (min-width: 1199px) { .posts__item--quote { min-height: 488px; } } .posts__item--quote::before { content: "\201C"; display: block; position: absolute; left: -0.09em; top: -0.18em; font-family: "Montserrat", sans-serif; color: #fff; opacity: .1; font-size: 300px; line-height: 1em; pointer-events: none; } @media (min-width: 992px) { .posts__item--quote::before { font-size: 600px; } } @media (min-width: 1199px) { .posts__item--quote::before { font-size: 700px; } } .blockquote--card { border: none; padding: 0; margin: 0; width: 100%; } .blockquote--card .blockquote__content { font-size: 16px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1em; color: #fff; margin: 0; padding-bottom: 50px; position: relative; z-index: 1; } @media (min-width: 992px) { .blockquote--card .blockquote__content { font-size: 24px; } } @media (min-width: 1199px) { .blockquote--card .blockquote__content { font-size: 36px; } } .blockquote--card .blockquote-stress { display: block; color: #fea409; } .blockquote--card .blockquote__footer { font-size: 12px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #fff; line-height: 1.2em; position: absolute; right: 24px; bottom: 24px; } .blockquote--card .blockquote__footer::before { display: none; } @media (min-width: 992px) { .blockquote--card .blockquote__footer { text-align: right; } } .blockquote--card .blockquote__cite { font-style: normal; } .blockquote--card .blockquote__author-name { display: block; font-size: 11px; } @media (min-width: 992px) { .blockquote--card .blockquote__author-name { font-size: 14px; } } .blockquote--card .blockquote__author-info { font-size: 9px; color: rgba(255, 255, 255, 0.7); display: block; } @media (min-width: 992px) { .blockquote--card .blockquote__author-info { font-size: 10px; } } /* Posts: Featured Slider */ .posts--slider-featured:hover .posts__thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); } .posts--slider-featured .posts__item { border-radius: 4px; overflow: hidden; position: relative; margin-bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 330px; } .posts--slider-featured .posts__thumb { margin: 0; } .posts--slider-featured .posts__thumb img { border-radius: 4px; position: relative; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .posts--slider-featured .posts__inner { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background-image: -webkit-linear-gradient(top, transparent, #000); background-image: linear-gradient(to bottom, transparent, #000); border-radius: 0 0 4px 4px; } @media (min-width: 992px) { .posts--slider-featured .posts__inner { padding: 30px 23% 10px 40px; } } @media (min-width: 992px) { .posts--slider-featured .posts__cat { margin-bottom: 13px; } } @media (min-width: 992px) { .posts--slider-featured .posts__cat-label { font-size: 10px; } } .posts--slider-featured .posts__title { font-size: 14px; line-height: 1em; margin-bottom: 0.4em; color: #fff; } @media (min-width: 768px) { .posts--slider-featured .posts__title { font-size: 24px; } } @media (min-width: 992px) { .posts--slider-featured .posts__title { font-size: 32px; } } @media (min-width: 1199px) { .posts--slider-featured .posts__title { font-size: 31px; line-height: 44px; } } .posts--slider-featured .posts__title .text-primary { display: block; } .posts--slider-featured .posts__title-higlight { color: #9fe900; } .posts--slider-featured .post-author { color: #fff; } .posts--slider-featured .post-author__avatar { width: 24px; height: 24px; margin-right: 4px; } @media (min-width: 768px) { .posts--slider-featured .post-author__avatar { margin-right: 8px; } } .posts--slider-featured .post-author__name, .posts--slider-featured .posts__date { font-size: 9px; color: #fff; text-transform: uppercase; display: inline-block; font-weight: 700; margin-bottom: 0; } @media (min-width: 768px) { .posts--slider-featured .post-author__name, .posts--slider-featured .posts__date { font-size: 11px; } } .posts--slider-featured .posts__date::before { content: "\2013"; margin-right: 0.25em; } /* Featured Slider - Center */ .posts-slider--center .posts__thumb { float: none; position: relative; } .posts-slider--center .posts__thumb::before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.6; z-index: 1; } .posts-slider--center .posts__inner { top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: auto; background: none; text-align: center; width: 80%; padding: 0; z-index: 2; } @media (min-width: 992px) { .posts-slider--center .posts__inner { padding: 0; width: 60%; } } .posts-slider--center .posts__cat-label { float: none; display: inline-block; } .posts-slider--center .posts__title { font-size: 14px; } @media (min-width: 768px) { .posts-slider--center .posts__title { font-size: 20px; } } @media (min-width: 992px) { .posts-slider--center .posts__title { font-size: 24px; } } @media (min-width: 1199px) { .posts-slider--center .posts__title { font-size: 32px; line-height: 32px; } } /* Featured Carousel */ .posts--carousel-featured .posts__item { position: relative; } .posts--carousel-featured .posts__title { color: #fff; margin-bottom: .25em; font-size: 15px; } @media (min-width: 480px) { .posts--carousel-featured .posts__title { font-size: 13px; } } @media (min-width: 768px) { .posts--carousel-featured .posts__title { font-size: 15px; } } @media (min-width: 1199px) { .posts--carousel-featured .posts__title { font-size: 18px; line-height: 1.11em; } } @media (min-width: 992px) { .posts--carousel-featured .posts__cat { margin-bottom: 10px; } } @media (min-width: 1199px) { .posts--carousel-featured .posts__cat { margin-bottom: 17px; } } .posts--carousel-featured .posts__cat-label { float: none; display: inline-block; } @media (min-width: 992px) { .posts--carousel-featured .posts__cat-label { font-size: 10px; } } .posts--carousel-featured .posts__thumb { float: none; position: relative; margin: 0; } .posts--carousel-featured .posts__thumb img { width: 100%; vertical-align: top; } .posts--carousel-featured .posts__inner { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 15%; text-align: center; } .posts--carousel-featured .posts__date { color: #9a9da2; font-size: 9px; font-weight: 700; } @media (min-width: 992px) { .posts--carousel-featured .posts__date { font-size: 11px; } } .posts--carousel-featured .post__meta { padding-top: 5px; } @media (min-width: 992px) { .posts--carousel-featured .post__meta { padding-top: 10px; } } @media (min-width: 1199px) { .posts--carousel-featured .post__meta { padding-top: 22px; } } .posts--carousel-featured .meta__item { color: #fff; } /* Posts - Horizontal */ .posts--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .posts--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) { .posts--horizontal .posts__item, .card .posts--horizontal .posts__item { padding-bottom: 0; border-left: 1px solid #e4e7ed; border-bottom: none; margin: -24px 0 !important; } .posts--horizontal .posts__item:first-child, .card .posts--horizontal .posts__item:first-child { border-left: none; padding-left: 0; } .posts--horizontal .posts__item:first-child .posts__inner, .card .posts--horizontal .posts__item:first-child .posts__inner { padding-left: 0; } .posts--horizontal .posts__item:last-child, .card .posts--horizontal .posts__item:last-child { padding-right: 0; } .posts--horizontal .posts__item:last-child .posts__inner, .card .posts--horizontal .posts__item:last-child .posts__inner { padding-right: 0; } .posts--horizontal .posts__item .posts__inner, .card .posts--horizontal .posts__item .posts__inner { padding: 24px 0; } } /* Posts - Carousel Video Slideshow */ .posts--carousel .posts__item { position: relative; overflow: hidden; text-align: center; margin: 0; } .posts--carousel .posts__link-wrapper { display: inline-block; vertical-align: top; position: relative; margin: 0 8px; text-align: left; } .posts--carousel .posts__link-wrapper:hover .posts__inner { -webkit-transform: translateY(0); transform: translateY(0); } .posts--carousel .posts__link-wrapper:hover::before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .posts--carousel .posts__link-wrapper::before { content: "\f04b"; display: block; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; background-color: rgba(23, 29, 33, 0.6); border-radius: 50%; border: 4px solid #fea409; z-index: 1; color: #fff; font-size: 14px; text-align: center; line-height: 32px; text-indent: 3px; font-family: 'FontAwesome'; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; pointer-events: none; } .posts--carousel .posts__inner { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 15px 18px 15px; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; pointer-events: none; } .posts--carousel .posts__title { color: #fff; margin-bottom: .25em; font-size: 12px; line-height: 1em; } @media (min-width: 480px) { .posts--carousel .posts__title { font-size: 12px; } } @media (min-width: 768px) { .posts--carousel .posts__title { font-size: 13px; } } @media (min-width: 1199px) { .posts--carousel .posts__title { font-size: 14px; } } .posts--carousel .posts__thumb { float: none; margin: 0; background-color: #171d21; border-radius: 4px; } .posts--carousel .posts__thumb img { border-radius: 4px; position: relative; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .6; } .posts--carousel .posts__thumb:hover img { opacity: .3; } .posts--carousel .posts__date { color: #9a9da2; font-size: 9px; font-weight: 700; display: block; line-height: 1em; } @media (min-width: 992px) { .posts--carousel .posts__date { font-size: 10px; } } .posts--carousel .slick-prev, .posts--carousel .slick-next { top: -62px; } .posts--carousel .slick-prev:hover, .posts--carousel .slick-next:hover { background-color: #31404b; } /* Post Single */ @media (min-width: 992px) { .post--single .posts__cat-label { font-size: 10px; } } /* Single Post /* ------------------------- */ .post--single .post__thumbnail { border-radius: 4px 4px 0 0; overflow: hidden; } .post--single .post__category { overflow: hidden; margin-bottom: 15px; } .post--single .post__title { font-size: 26px; line-height: 1.4em; margin-bottom: 0.55em; } @media (min-width: 992px) { .post--single .post__title { font-size: 32px; } } .post--single .post__meta { margin-bottom: 20px; } @media (min-width: 992px) { .post--single .post__meta { margin-bottom: 34px; } } .post--single .post__footer { padding: 30px 0 10px 0; } .post--single .post__tags .btn { margin: 0 5px 8px 0; } .post-sharing { margin-bottom: 10px; } .post-sharing .btn { margin-bottom: 5px; } .post--extra-top { margin-top: -100px; } @media (min-width: 992px) { .post--extra-top { margin-top: -160px; } } /* Post Author /* ------------------------- */ .post-author__header { overflow: hidden; margin-bottom: 16px; } .post-author__avatar { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; margin: 0 14px 0 0; display: inline-block; vertical-align: middle; } .post-author__avatar img { max-width: 100%; height: auto; } .post-author__info { position: relative; display: inline-block; vertical-align: middle; } .post-author__name { margin-bottom: .2em; } .post-author__slogan { display: block; font-size: 13px; line-height: 1.2em; font-family: "Montserrat", sans-serif; color: #9a9da2; font-weight: 400; } .post-author__social-links.social-links { padding: 10px 0 0 0; } @media (min-width: 992px) { .post-author__social-links.social-links { padding: 0; float: right; margin-right: -2px; } } /* Post Meta */ .meta { list-style: none; padding: 0; margin: 0; } .meta__item { font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 1.2em; display: inline-block; vertical-align: middle; } .meta__item + .meta__item { margin-left: 8px; } @media (min-width: 992px) { .meta__item + .meta__item { margin-left: 15px; } } .meta__item::before { font-size: 13px; line-height: 1em; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-family: 'simple-line-icons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 4px; position: relative; top: -1px; } @media (min-width: 992px) { .meta__item::before { margin-right: 8px; } } .meta__item a { color: #9a9da2; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .meta__item a:hover { color: #31404b; } .meta__item--date { font-size: 10px; } @media (min-width: 992px) { .meta__item--date { font-size: 11px; } } .meta__item--date::before { display: none; } .meta__item--views::before { content: "\e087"; } .meta__item--likes::before { display: none; } .meta__item--likes .meta-like { vertical-align: middle; margin-right: 6px; font-size: 12px; } .meta__item--likes .meta-like--active { color: #f1365e; } .meta__item--comments::before { content: "\e07d"; font-size: 14px; } .meta__item--datum::before { content: "\e081"; font-size: 14px; } /* Side Meta Block */ .post__meta-block--side { padding: 24px; } .post__meta-block--side .post-author__name { font-size: 13px; } .post__meta-block--side .social-links--btn { margin-left: 74px; } .post__meta-block--side .post__meta { display: none; } @media (min-width: 992px) { .post__meta-block--side { padding: 0; float: left; width: 60px; margin: 43px 0 0 24px; } .post__meta-block--side + .card__content { overflow: hidden; padding-left: 24px; } .post__meta-block--side .post-author { text-align: center; padding-bottom: 34px; } .post__meta-block--side .post-author__avatar { float: none; margin: 0 auto 8px auto; } .post__meta-block--side .post-author__name { font-size: 10px; line-height: 1.2em; margin-bottom: 0.75em; } .post__meta-block--side .post-author__slogan { font-size: 9px; } .post__meta-block--side .post__meta { display: block; } .post__meta-block--side .meta__item { display: block; text-align: center; margin: 0 0 21px 0; } .post__meta-block--side .meta__item::before { display: block; margin: 0 auto 6px auto; } .post__meta-block--side .meta__item--likes .meta-like { display: block; margin: 0 auto 6px auto; } .post__meta-block--side .social-links--btn { text-align: center; padding-bottom: 20px; margin-left: 0; } .post__meta-block--side .social-links--btn .social-links__item { display: block; margin: 0 auto 12px auto; } } .post__meta-block--top { padding-bottom: 65px; } .post__meta-block--top .post__category { margin-bottom: 22px; } .post__meta-block--top .posts__cat-label { display: inline-block; float: none; font-size: 10px; } .post__meta-block--top .page-heading__title { font-size: 24px; line-height: 1em; margin-bottom: 0.475em; } @media (min-width: 992px) { .post__meta-block--top .page-heading__title { font-size: 42px; } } .post__meta-block--top .page-heading__title > a { color: #fff; } .post__meta-block--top .post__meta { color: #fff; margin-bottom: 22px; } .post__meta-block--top .meta__item a { color: #fff; } .post__meta-block--top .post-author { text-align: center; } .post__meta-block--top .post-author__avatar { display: block; width: 40px; height: 40px; margin: 0 auto 10px auto; } .post__meta-block--top .post-author__name { font-size: 13px; color: #fff; } .post__meta-block--top .post-author__slogan { font-size: 10px; font-weight: 400; } /* Related Posts */ .post-related__prev .card__content { position: relative; text-align: center; } @media (min-width: 992px) { .post-related__prev .card__content { text-align: left; padding-left: 93px; } } .post-related__prev .posts { display: none; } @media (min-width: 992px) { .post-related__prev .posts { display: block; } } @media (min-width: 992px) { .post-related__prev .btn-nav { position: absolute; left: 23px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .post-related__next { text-align: right; } .post-related__next .card__content { position: relative; text-align: center; } @media (min-width: 992px) { .post-related__next .card__content { padding-right: 93px; padding-left: 30px; text-align: right; } .post-related__next .card__content .posts__cat-label { float: right; } } .post-related__next .card__content .posts { display: none; } @media (min-width: 992px) { .post-related__next .card__content .posts { display: block; } } @media (min-width: 992px) { .post-related__next .btn-nav { position: absolute; right: 23px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } /* Comments /* ------------------------- */ .post-comments { overflow: hidden; } .comments { list-style: none; padding: 0; margin: 0; } .comments__item { position: relative; padding: 0; margin: 0; } .comments__inner { position: relative; border-bottom: 1px solid #e4e7ed; padding-top: 16px; padding-bottom: 16px; } .card--lg .comments__inner { margin-left: -43px; margin-right: -43px; padding-left: 43px; padding-right: 43px; } .comments > .comments__item:first-child .comments__inner { padding-top: 0; } .comments > .comments__item:last-child .comments__inner { border-bottom: none; } .comment__header { overflow: hidden; position: relative; margin-bottom: 15px; } .comment__author-avatar { width: 30px; height: 30px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 14px; } .comment__author-info { display: inline-block; vertical-align: middle; } .comment__author-name { text-transform: none; font-size: 16px; margin-bottom: .25em; } .comment__post-date { font-size: 11px; line-height: 1.2em; display: block; font-family: "Montserrat", sans-serif; } .comment__reply { margin-top: 5px; } @media (min-width: 992px) { .comment__reply { display: block; position: absolute; right: 0; top: 0; margin-top: 0; } } .comments--children { padding-left: 0; list-style: none; } @media (min-width: 992px) { .comments--children { padding-left: 43px; } .comments--children .comments__item { margin-left: -43px; } .comments--children .comments__item .comments__inner { padding-left: 86px; } .comments--children .comments__item .comments__inner::before { content: ""; display: block; position: absolute; left: 53px; top: 43px; width: 14px; height: 20px; border-left: 1px solid #e4e7ed; border-bottom: 1px solid #e4e7ed; } .comments--children .comments--children .comments__item { margin-left: -86px; } .comments--children .comments--children .comments__item .comments__inner { padding-left: 172px; } .comments--children .comments--children .comments__item .comments__inner::before { left: 139px; } .comments--children .comments--children .comments--children .comments__item { margin-left: -129px; } .comments--children .comments--children .comments--children .comments__item .comments__inner { padding-left: 301px; } .comments--children .comments--children .comments--children .comments__item .comments__inner::before { left: 268px; } } .comments--left-thumb .comments__inner { border-bottom: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .comments--left-thumb .comments__inner { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .comments--left-thumb .comment__header { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 10px; } @media (min-width: 768px) { .comments--left-thumb .comment__header { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; } } @media (min-width: 992px) { .comments--left-thumb .comment__header { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; padding: 0 20px; } } @media (min-width: 1200px) { .comments--left-thumb .comment__header { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } } .comments--left-thumb .comment__author-avatar { display: block; margin: 0 auto 10px auto; } .comments--left-thumb .comment__author-name { font-size: 11px; } @media (min-width: 992px) { .comments--left-thumb .comment__author-name { font-size: 13px; } } .comments--left-thumb .comment__ratings .fa { font-size: 10px; margin: 0 1px; } .comments--left-thumb .comment__title { font-size: 12px; margin-bottom: 1.5em; padding-top: .33em; } @media (min-width: 768px) { .comments--left-thumb .comment__title { font-size: 18px; } } .post__comments-pagination { border-top: 1px solid #e4e7ed; text-align: center; margin-left: -43px; margin-right: -43px; padding: 36px 43px 0 43px; } .post__comments-pagination .pagination { margin: 0; } /* Post Filter /* ------------------------- */ .post-filter { background-color: #fff; border-bottom: 1px solid #e4e7ed; position: relative; z-index: 2; } @media (max-width: 767px) { .post-filter .container { padding-left: 0; padding-right: 0; } } .post-filter__select { position: relative; } @media (min-width: 992px) { .post-filter__select { float: left; width: 20%; } .post-filter__select + .post-filter__select div.cs-skin-border > span { margin-left: -1px; } } .post-filter__select .cs-select { margin-bottom: -1px; } .post-filter__select .post-filter__label { display: block; position: absolute; left: 24px; top: 20px; font-size: 8px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; color: #9a9da2; } @media (min-width: 992px) { .post-filter__select .post-filter__label { top: 30px; } } @media (min-width: 992px) { .post-filter__submit { float: left; width: 20%; } } .post-filter__submit .btn { border-radius: 0; } @media (min-width: 992px) { .post-filter__submit .btn { padding-top: 30px; padding-bottom: 30px; } } /* Blog Load More Posts */ .blog-load-more { padding: 30px 0 20px 0; } @media (min-width: 992px) { .blog-load-more { padding: 65px 0 40px 0; } } .blog-load-more .btn { margin: 0 auto; } @media (min-width: 992px) { .blog-load-more .btn { width: calc(33.3% + 60px); } } /* // #Widgets // -------------------------------------------------- */ /* Base Widget */ .widget__title { text-transform: uppercase; } .widget__content-inner { padding: 24px 24px; } .widget__content--bottom-decor { padding-bottom: 30px; background-image: -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.11) 8px, transparent 8px); background-image: linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(0, 0, 0, 0.1) 8px, transparent 8px), linear-gradient(to right, rgba(0, 0, 0, 0.11) 8px, transparent 8px); background-repeat: repeat-x; background-size: 72px 24px, 72px 30px, 72px 34px, 72px 40px, 72px 37px, 72px 29px, 144px 30px, 216px 37px; background-position: 0 100%, 12px 100%, 24px 100%, 36px 100%, 48px 100%, 60px 100%, 12px 100%, 48px 100%; } /* Pushy Panel Widget */ .widget--side-panel { margin-bottom: 62px; } .widget--side-panel .widget__title { margin-bottom: 30px; } .widget--side-panel .widget__title > h4 { font-size: 16px; margin-bottom: 0; text-transform: uppercase; } /* Sidebar Widget */ .widget--sidebar { margin-bottom: 15px; } .widget--sidebar .widget__content { font-size: 14px; line-height: 22px; } /* Footer Widget */ .widget--footer { margin-bottom: 60px; } @media (min-width: 992px) { .widget--footer { margin-bottom: 0; } } .widget--footer .widget__title { color: #fff; font-size: 14px; margin-bottom: 3.5em; } /* Widget: Lists */ .widget__list { list-style: none; padding: 0; margin-left: -24px; margin-right: -24px; margin-top: -24px; margin-bottom: -24px; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; } .widget__list > li + li { border-top: 1px solid #e4e7ed; } .widget__list > li > a { display: block; padding: 22px 24px; color: #31404b; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .widget__list > li > a:hover { color: #1892ed; } .widget__list > li.has-children { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%2331404b' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E") right 24px top 24px; background-repeat: no-repeat; background-size: 6px 4px; } .widget__list ul { border-top: 1px solid #e4e7ed; list-style: none; padding: 18px 24px; } .widget__list ul li { padding: 10px 0; } .widget__list ul li a { color: #9a9da2; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .widget__list ul li a:hover { color: #31404b; } /* // #Widget - Instagram // -------------------------------------------------- */ .widget-instagram__list { list-style-type: none; padding: 0; margin: 0 -2px; overflow: hidden; } @media (min-width: 768px) { .widget-instagram__list { margin-left: -7px; margin-right: -8px; margin-bottom: 9px; } } .widget-instagram__item { float: left; width: 16.66%; padding-left: 2px; padding-right: 2px; margin-bottom: 14px; } @media (min-width: 768px) { .widget-instagram__item { width: 33.3%; padding-left: 7px; padding-right: 8px; } } .widget-instagram__img { vertical-align: top; margin: 0; width: 100%; height: auto; } .widget-instagram__link-wrapper { display: block; position: relative; } .widget-instagram__link-wrapper::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; background-color: #1892ed; color: #fff; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .widget-instagram__link-wrapper:hover::before { opacity: 0.8; } .widget-instagram__link-wrapper:hover .widget-instagram__plus-sign::before, .widget-instagram__link-wrapper:hover .widget-instagram__plus-sign::after { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .widget-instagram__plus-sign { position: relative; display: block; } .widget-instagram__plus-sign::before, .widget-instagram__plus-sign::after { content: ""; display: block; position: absolute; background-color: #fff; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: 2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .widget-instagram__plus-sign::before { height: 4px; width: 18px; } .widget-instagram__plus-sign::after { height: 18px; width: 4px; } /* // #Widget - Contact Info // -------------------------------------------------- */ .widget-contact-info__desc { margin-bottom: 32px; } /* Widget: Quick Contact */ .footer-widgets .widget-contact .form-control { background-color: #2b2e33; color: #fff; } .footer-widgets .widget-contact .form-control:not(:focus) { border-color: #2b2e33; } /* Widget: Social */ .widget-social--condensed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -5px; margin-right: -5px; overflow: hidden; } .widget-social--condensed .btn-social-counter { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; text-align: center; margin-left: 5px; margin-right: 5px; width: 33.3%; max-width: 33.3%; } .widget-social--condensed .btn-social-counter + .btn-social-counter { margin-top: 0; } .widget-social--condensed .btn-social-counter__icon { position: relative; width: 100%; padding: 35px 0 10px 0; background-color: transparent !important; } .widget-social--condensed .btn-social-counter__title { font-size: 10px; padding: 0 12px 10px 12px; } .widget-social--condensed .btn-social-counter__add-icon { position: relative; right: auto; top: 0; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .widget-social--condensed .btn-social-counter__count { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; padding: 10px 5px; } /* Widget: Tag Cloud */ .widget-tagcloud .tagcloud .btn { margin: 0 5px 6px 0; } .widget-tagcloud.widget--sidebar .widget__content { padding-bottom: 18px; } /* Widget: Banner */ .widget-banner.widget--sidebar .widget__content { padding: 38px; } .widget-banner__img { text-align: center; } .widget-banner__img img { max-width: 100%; height: auto; } /* Widget: Tabbed */ .widget-tabbed .nav.widget-tabbed__nav { margin: -24px -24px 26px -24px; border-bottom: 1px solid #e4e7ed; width: auto; } .widget-tabbed .nav.widget-tabbed__nav > li > a { border: none; border-radius: 0; font-size: 11px; line-height: 1.5em; font-family: "Montserrat", sans-serif; text-transform: uppercase; padding: 12px 6px; color: rgba(49, 64, 75, 0.4); font-weight: bold; letter-spacing: -0.02em; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .widget-tabbed .nav.widget-tabbed__nav > li > a:hover { color: #31404b; background-color: transparent; border: none; } .widget-tabbed .nav.widget-tabbed__nav > li.active > a { color: #31404b; border: none; } /* Widget: Newsletter */ .widget-newsletter .widget-newsletter__subtitle { font-size: 13px; text-transform: uppercase; margin-bottom: 1.4em; } .widget-newsletter .widget-newsletter__desc { margin-bottom: 20px; } .widget-newsletter .widget-newsletter__desc p:last-child { margin-bottom: 0; } .widget-newsletter .inline-form { padding: 8px 0; } /* Widget: Preview */ .widget-preview .match-preview__countdown { margin: 32px -24px 0 -24px; } /* Widget: Comments */ .comments-list { list-style-type: none; padding: 0; margin: 0; } .comments-list__item { overflow: hidden; margin-bottom: 18px; } .card .comments-list__item { border-bottom: 1px solid #e4e7ed; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; padding-bottom: 24px; margin-bottom: 24px; } .comments-list__item:last-child, .card .comments-list__item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .comments-list__header { margin-bottom: 12px; overflow: hidden; position: relative; padding-right: 40px; } .comments-list__avatar { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 7px; } .comments-list__info { display: inline-block; vertical-align: middle; } .comments-list__author-name { text-transform: none; font-size: 13px; line-height: 1.2em; margin-bottom: 0.1em; } @media (min-width: 992px) { .comments-list__author-name { font-size: 15px; } } .comments-list__date { display: block; font-size: 11px; line-height: 1.2em; font-family: "Montserrat", sans-serif; } .comments-list__link { display: block; position: absolute; top: 5px; right: 0; color: #c2c4c7; font-size: 14px; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; width: 30px; height: 20px; line-height: 20px; text-align: center; } .comments-list__link:hover { color: #31404b; } /* Widget: Twitter Feed */ .twitter-feed { list-style-type: none; padding: 0; margin: 0; } .twitter-feed__item { overflow: hidden; margin-bottom: 18px; } .card .twitter-feed__item { border-bottom: 1px solid #e4e7ed; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; padding-bottom: 24px; margin-bottom: 24px; } .twitter-feed__item:last-child, .card .twitter-feed__item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .twitter-feed__header { margin-bottom: 12px; } .twitter-feed__thumb { display: inline-block; width: 40px; height: 40px; overflow: hidden; border-radius: 2px; margin-right: 10px; vertical-align: middle; } .twitter-feed__info { display: inline-block; vertical-align: middle; } .twitter-feed__name { font-size: 12px; font-weight: 400; text-transform: none; margin-bottom: 0.1em; line-height: 1.2em; } @media (min-width: 992px) { .twitter-feed__name { font-size: 15px; } } .twitter-feed__username { color: #9a9da2; font-size: 11px; line-height: 1.2em; margin-bottom: 0; font-weight: 400; text-transform: none; } .twitter-feed__username > a { color: #9a9da2; text-decoration: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .twitter-feed__username > a:hover { color: #31404b; text-decoration: none; } .twitter-feed__body { margin-bottom: 20px; } .twitter-feed__footer { overflow: hidden; } .twitter-feed__timestamp { font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; font-weight: 400; line-height: 1.2em; text-transform: none; float: left; } .twitter-feed__timestamp::before { content: '\f099'; font-family: 'FontAwesome'; text-rendering: auto; font-size: 14px; color: #3fcef2; margin-right: 7px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .twitter-feed__timestamp > a { color: #9a9da2; text-decoration: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .twitter-feed__timestamp > a:hover { color: #31404b; text-decoration: none; } .twitter-feed__actions { float: right; } .twitter-feed__reply { display: inline-block; margin-right: 5px; width: 18px; height: 14px; position: relative; top: -2px; background-size: 12px 8px; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath transform='translate(-1241 -2200)' fill='%23c2c4c7' d='M1247,2203h6v2h-6v-2Zm4,0h2v5h-2v-5Zm-10,1,6-3.99v7.98Z'/%3E%3C/svg%3E"); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .twitter-feed__reply:hover { opacity: 0.7; } .twitter-feed__retweet { display: inline-block; margin: 0 5px; width: 18px; height: 14px; position: relative; top: -2px; background-size: 16px 11px; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'%3E%3Cpath transform='translate(-1270 -2199)' fill='%23c2c4c7' d='M1272,2204h2v5h-2v-5Zm0,3h6v2h-6v-2Zm1-8,3.01,5h-6.02Zm11,6h-2v-5h2v5Zm0-3h-6v-2h6v2Zm-1,8-3.01-5h6.02Z'/%3E%3C/svg%3E"); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .twitter-feed__retweet:hover { opacity: 0.7; } .twitter-feed__favorite { display: inline-block; margin-left: 5px; width: 14px; height: 14px; position: relative; top: -2px; background-size: 10px 10px; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath transform='translate(-1301 -2199)' fill='%23c2c4c7' d='M1306,2199l1.65,3.14,3.35,0.68-2.33,2.62,0.42,3.56-3.09-1.52-3.09,1.52,0.42-3.56-2.33-2.62,3.35-.68L1306,2199'/%3E%3C/svg%3E"); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .twitter-feed__favorite:hover { opacity: 0.7; } /* Widget: Featured */ .widget-featured .card__header::before { background-color: #ef2e5b; } .widget-featured .widget__content.card__content { padding-bottom: 0; } .widget-featured .posts__thumb { position: relative; overflow: hidden; } .widget-featured .posts__thumb::before { content: "!"; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(239, 46, 91, 0.8); font-size: 54px; line-height: 80px; text-align: center; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; } /* Widget: Standings */ .widget-standings .widget__content { padding: 0; } /* Widget: Featured Player */ .widget-player .widget__content { background-color: #27313b; color: #fff; height: 158px; overflow: hidden; position: relative; padding: 0 20px 0 140px; background-image: -webkit-radial-gradient(at top left, rgba(255, 255, 255, 0.3), transparent); background-image: radial-gradient(at top left, rgba(255, 255, 255, 0.3), transparent); border-radius: 4px; } @media (min-width: 375px) { .widget-player .widget__content { padding-left: 158px; } } @media (min-width: 992px) { .widget-player .widget__content { height: 156px; padding-left: 50%; } } @media (min-width: 1199px) { .widget-player .widget__content { height: 198px; } } .widget-player .widget__title + .widget__content { border-radius: 0; border-top: none; } .widget-player__team-logo { display: block; position: absolute; left: -25%; top: -25%; width: 80%; height: auto; opacity: .1; -webkit-filter: grayscale(1); filter: grayscale(1); z-index: 1; } .widget-player__team-logo img { width: 100%; height: auto; } .widget-player__photo { position: absolute; left: 0; top: 0; max-width: 50%; z-index: 2; } .widget-player__header { padding-top: 20px; margin-bottom: 8px; position: relative; z-index: 2; } @media (min-width: 992px) { .widget-player__header { padding-top: 14px; margin-bottom: 0; } } @media (min-width: 1199px) { .widget-player__header { padding-top: 16px; margin-bottom: 10px; } } .widget-player__number { font-size: 36px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1em; float: left; margin-right: .1em; margin-left: -0.5em; } @media (min-width: 992px) { .widget-player__number { font-size: 42px; margin-left: -0.8em; } } @media (min-width: 1199px) { .widget-player__number { font-size: 56px; } } .widget-player__name { font-size: 14px; line-height: 1em; margin-bottom: 0; color: #fff; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 4px; z-index: 1; } @media (min-width: 992px) { .widget-player__name { font-size: 18px; } } @media (min-width: 1199px) { .widget-player__name { font-size: 24px; top: 6px; } } .widget-player__first-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-player__last-name { display: block; color: #fea409; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-player__content { overflow: hidden; position: absolute; z-index: 1; left: 0; right: 0; padding: 12px 0; } .widget-player__content-inner { width: 100%; padding-left: 140px; padding-right: 24px; } @media (min-width: 375px) { .widget-player__content-inner { padding-left: 160px; } } @media (min-width: 992px) { .widget-player__content-inner { padding-left: 50%; } } .widget-player__stat { float: left; width: 33.3%; text-align: center; } @media (min-width: 376px) and (max-width: 991px) { .widget-player__stat { width: 60px; } } .widget-player__stat-label { font-size: 8px; margin-bottom: 0.5em; line-height: 1.2em; color: #fff; font-weight: 400; } @media (min-width: 992px) { .widget-player__stat-label { font-size: 8px; margin-bottom: 1em; } } @media (min-width: 1199px) { .widget-player__stat-label { font-weight: 700; font-size: 10px; } } .widget-player__stat-number { font-size: 12px; line-height: 1.2em; font-size: 12px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; } @media (min-width: 992px) { .widget-player__stat-number { font-size: 18px; } } .widget-player__stat-legend { font-size: 7px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #9a9da2; line-height: 1.2em; } @media (min-width: 992px) { .widget-player__stat-legend { font-size: 8px; } } .widget-player__footer { position: absolute; left: 0; right: 0; bottom: 0; background-color: #fea409; z-index: 1; text-align: right; line-height: 10px; } .widget-player__footer-txt { display: inline-block; position: relative; background-color: #182027; color: #fff; padding: 0 24px; line-height: 20px; font-size: 8px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; } @media (min-width: 992px) { .widget-player__footer-txt { font-size: 9px; padding-left: 26px; } } @media (min-width: 1199px) { .widget-player__footer-txt { font-size: 10px; line-height: 30px; } } .widget-player__footer-txt .fa { font-size: 12px; margin-right: 0.5em; color: #fea409; } .widget-player__footer-txt::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 20px; background-color: #fea409; } .widget-player__footer-txt::before { left: -10px; -webkit-transform: skew(-30deg); transform: skew(-30deg); } .widget-player__details { display: table; width: 100%; height: 100%; border-collapse: collapse; } .widget-player__details-row { display: table-row; } .widget-player__details__item { display: table-cell; width: 50%; vertical-align: middle; border: 1px solid #e4e7ed; padding: 8px 12px; } @media (min-width: 992px) { .widget-player__details__item { padding: 6px 12px; } } @media (min-width: 1199px) { .widget-player__details__item { padding: 12px 24px; } } .widget-player__details__item:first-child { border-left: none; } .widget-player__details__item:last-child { border-right: none; } .widget-player__details-desc-wrapper { display: table; width: 100%; } .widget-player__details-holder { display: table-cell; vertical-align: middle; width: 70%; } .widget-player__details-label { display: block; font-family: "Montserrat", sans-serif; color: #31404b; font-size: 10px; line-height: 1.2em; } @media (min-width: 992px) { .widget-player__details-label { font-size: 13px; } } .widget-player__details-desc { display: block; font-family: "Montserrat", sans-serif; font-size: 8px; line-height: 1.2em; } @media (min-width: 992px) { .widget-player__details-desc { font-size: 11px; } } .widget-player__details-value { display: table-cell; vertical-align: middle; text-align: right; width: 30%; font-family: "Montserrat", sans-serif; color: #31404b; font-size: 10px; line-height: 1.2em; } @media (min-width: 992px) { .widget-player__details-value { font-size: 13px; } } /* Widget: Featured Player Alternative Styling */ .widget-player--alt .widget__content { background-color: #fea409; background-image: -webkit-linear-gradient(top, #fea409, #f29400); background-image: linear-gradient(to bottom, #fea409, #f29400); } .widget-player--alt .widget-player__photo { -webkit-filter: grayscale(1); filter: grayscale(1); } .widget-player--alt .widget-player__last-name { color: #31404b; } .widget-player--alt .widget-player__content { background-color: #27313b; } .widget-player--alt .widget-player__stat-number { color: #fea409; } .widget-player--alt .widget-player__stat-legend { color: #fff; } .widget-player--alt .widget-player__footer-txt { background-color: #27313b; } /* Widget: Featured Player - Soccer */ .widget-player--soccer { position: relative; } .widget-player--soccer .widget-player__ribbon { content: "\f005"; display: block; position: absolute; width: 26px; height: 28px; background-color: #ffcf11; top: 0; right: 20px; font-family: "FontAwesome"; font-size: 14px; line-height: 28px; text-align: center; color: #fff; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-player--soccer .widget-player__ribbon::before { content: ""; display: block; position: absolute; bottom: -6px; left: 0; border-top: 6px solid #ffcf11; border-right: 13px solid transparent; } .widget-player--soccer .widget-player__ribbon::after { content: ""; display: block; position: absolute; bottom: -6px; right: 0; border-top: 6px solid #ffcf11; border-left: 13px solid transparent; } .widget-player--soccer .widget__content { background-color: #fff; background-image: none; color: #9a9da2; height: 168px; } @media (min-width: 992px) { .widget-player--soccer .widget__content { height: 160px; } } @media (min-width: 1199px) { .widget-player--soccer .widget__content { height: 198px; } } .widget-player--soccer .widget-player__header { position: static; } .widget-player--soccer .widget-player__number { display: block; position: absolute; left: 0; top: 0; bottom: 0; margin-left: 0; margin-top: -0.2em; text-indent: -0.15em; width: 144px; background-color: #fea409; color: rgba(255, 255, 255, 0.1); font-size: 150px; line-height: 1em; overflow: hidden; } .widget-player--soccer .widget-player__number::before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 0; height: 0; border-bottom: 200px solid #fff; border-left: 30px solid transparent; } .widget-player--soccer .widget-player__name { color: #31404b; } @media (min-width: 1200px) { .widget-player--soccer .widget-player__name { margin-left: -35px; } } .widget-player--soccer .widget-player__first-name { font-size: 14px; line-height: 1em; } @media (min-width: 1200px) { .widget-player--soccer .widget-player__first-name { font-size: 18px; } } .widget-player--soccer .widget-player__last-name { font-size: 24px; line-height: 1em; } @media (min-width: 1200px) { .widget-player--soccer .widget-player__last-name { font-size: 29px; } } .widget-player--soccer .widget-player__content-inner { overflow: hidden; margin-bottom: 15px; } .widget-player--soccer .widget-player__stat { width: 25%; } .widget-player--soccer .widget-player__stat-number { font-size: 18px; color: #31404b; } .widget-player--soccer .widget-player__stat-label { color: #9a9da2; font-size: 8px; } .widget-player--soccer .widget-player__content-alt { padding: 0 24px 0 50%; } @media (min-width: 375px) { .widget-player--soccer .widget-player__content-alt { padding-left: 160px; } } @media (min-width: 992px) { .widget-player--soccer .widget-player__content-alt { padding-left: 50%; } } .widget-player--soccer .widget-player__content-alt .progress { margin-bottom: 3px; } .widget-player--soccer .widget-player__content-alt .progress__label { font-size: 8px; color: #9a9da2; } .widget-player--soccer .widget-player__content-alt .progress__number { font-size: 8px; font-weight: 700; color: #31404b; } /* Widget: Game Result */ .widget-game-result .widget__content { padding: 0; } .widget-game-result__section-inner { padding: 24px 24px; } .widget-game-result__section-inner-alt { padding: 0; } .widget-game-result__section-inner-alt .table-responsive { margin-bottom: 0; } .widget-game-result__header { text-align: center; margin-bottom: 15px; } .widget-game-result__title { font-size: 12px; line-height: 1.2em; margin-bottom: .25em; text-transform: uppercase; } @media (min-width: 992px) { .widget-game-result__title { font-size: 14px; } } .widget-game-result__date { display: block; font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; } @media (min-width: 992px) { .widget-game-result__date { font-size: 10px; } } .widget-game-result__main { margin-bottom: 6px; display: table; width: 100%; } .widget-game-result__team { display: table-cell; text-align: center; width: 26%; } .widget-game-result__team-logo { height: 70px; display: block; position: relative; } .widget-game-result__team-logo img { display: block; margin: 0 auto; max-height: 100%; } .widget-game-result__team-info { padding: 6px 0 0 0; } .widget-game-result__team-name { display: block; font-size: 11px; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 80px; margin: 0 auto 0.1em auto; } @media (min-width: 480px) { .widget-game-result__team-name { max-width: none; } } @media (min-width: 992px) { .widget-game-result__team-name { font-size: 13px; max-width: 85px; } } .widget-game-result__team-desc { display: block; font-size: 7px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; } .widget-game-result__score-wrap { display: table-cell; text-align: center; vertical-align: middle; width: 46%; } .widget-game-result__score { font-size: 18px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; letter-spacing: -0.04em; } @media (min-width: 768px) { .widget-game-result__score { font-size: 20px; } } @media (min-width: 992px) { .widget-game-result__score { font-size: 22px; line-height: 1.2em; margin-bottom: 10px; } } @media (min-width: 1199px) { .widget-game-result__score { font-size: 26px; } } .widget-game-result__score-result { position: relative; } .widget-game-result__score-result--winner::before { content: ""; display: block; position: absolute; left: -15px; top: 50%; width: 0; height: 0; border-left: 8px solid #fea409; border-top: 8px solid transparent; border-bottom: 8px solid transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 992px) { .widget-game-result__score-result--winner::before { left: -10px; } } @media (min-width: 1199px) { .widget-game-result__score-result--winner::before { left: -20px; } } .widget-game-result__score-result--loser { color: #9a9da2; } .widget-game-result__score-label { font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; line-height: 1.2em; } .widget-game-result__table-stats .table { margin-bottom: 0; } .widget-game-result__section-inner .widget-game-result__table-stats .table { border-left: none; border-right: none; } @media (min-width: 992px) { .widget-game-result__table-stats .table > tbody > tr > td:first-child, .widget-game-result__table-stats .table > tbody > tr > th:first-child { font-size: 12px; } } .widget-game-result__table-stats .table > thead > tr > th:first-child, .widget-game-result__table-stats .table > tbody > tr > td:first-child, .widget-game-result__table-stats .table > tbody > tr > th:first-child { padding-left: 12px; } @media (min-width: 992px) { .widget-game-result__table-stats .table > thead > tr > th:first-child, .widget-game-result__table-stats .table > tbody > tr > td:first-child, .widget-game-result__table-stats .table > tbody > tr > th:first-child { padding-left: 24px; } } @media (min-width: 1199px) { .widget-game-result__table-stats .table > thead > tr > th:first-child, .widget-game-result__table-stats .table > tbody > tr > td:first-child, .widget-game-result__table-stats .table > tbody > tr > th:first-child { padding-left: 45px; } } .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > thead > tr > th:first-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > td:first-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > th:first-child { padding-left: 5px; } @media (min-width: 992px) { .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > thead > tr > th:first-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > td:first-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > th:first-child { padding-left: 18px; } } @media (min-width: 1199px) { .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > thead > tr > th:first-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > td:first-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > th:first-child { padding-left: 24px; } } @media (min-width: 992px) and (max-width: 1199px) { .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > thead > tr > th, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > td, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > th { padding-left: 5px; padding-right: 5px; } } .widget-game-result__table-stats .table > thead > tr > th:last-child, .widget-game-result__table-stats .table > tbody > tr > td:last-child, .widget-game-result__table-stats .table > tbody > tr > th:last-child { padding-right: 12px; color: #31404b; } @media (min-width: 992px) { .widget-game-result__table-stats .table > thead > tr > th:last-child, .widget-game-result__table-stats .table > tbody > tr > td:last-child, .widget-game-result__table-stats .table > tbody > tr > th:last-child { padding-right: 24px; } } @media (min-width: 1199px) { .widget-game-result__table-stats .table > thead > tr > th:last-child, .widget-game-result__table-stats .table > tbody > tr > td:last-child, .widget-game-result__table-stats .table > tbody > tr > th:last-child { padding-right: 45px; } } .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > thead > tr > th:last-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > td:last-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > th:last-child { padding-right: 5px; color: #31404b; } @media (min-width: 992px) { .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > thead > tr > th:last-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > td:last-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > th:last-child { padding-right: 18px; } } @media (min-width: 1199px) { .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > thead > tr > th:last-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > td:last-child, .widget-game-result__section-inner-alt .widget-game-result__table-stats .table > tbody > tr > th:last-child { padding-right: 24px; } } .widget-game-result__subheader { margin-top: -1px; } .player-details { display: table; width: 100%; height: 100%; } .player-details__info { display: table-cell; width: 50%; vertical-align: middle; } .player-details__photo { display: inline-block; width: 30px; height: 30px; margin-right: 9px; overflow: hidden; border-radius: 50%; vertical-align: middle; } @media (min-width: 375px) { .player-details__photo { width: 40px; height: 40px; } } .player-details__info-holder { display: inline-block; vertical-align: middle; } .player-details__name { font-size: 10px; line-height: 1.2em; text-transform: none; margin-bottom: 0; font-weight: 400; } @media (min-width: 992px) { .player-details__name { font-size: 12px; } } .player-details__name > a { color: #31404b; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .player-details__name > a:hover { color: #1892ed; } .player-details__position { font-family: "Montserrat", sans-serif; font-size: 8px; display: block; line-height: 1em; } @media (min-width: 992px) { .player-details__position { font-size: 9px; } } .player-details__stats { display: table-cell; width: 50%; } .player-details__circular { float: left; width: 33.3%; padding: 0 2px; vertical-align: top; margin: 0; } @media (min-width: 768px) { .player-details__circular { padding: 0 6px; } } @media (min-width: 992px) and (max-width: 1199px) { .player-details__circular { padding: 0 1px; } } .player-details__circular .circular__bar { width: 100%; height: 100%; } .player-details__circular .circular__percents { line-height: 1em; font-size: 12px; font-weight: 400; } .player-details__circular .circular__percents small { display: block; text-transform: none; font-size: 8px; line-height: 1em; color: #9a9da2; } /* Vertical Timeline - Soccer */ .df-timeline-wrapper { overflow: hidden; margin-bottom: 1px; } .df-timeline { position: relative; padding-bottom: 15px; } .df-timeline::after { content: ""; display: block; position: absolute; left: 50%; top: 3px; bottom: 0; width: 2px; margin-left: -1px; background-color: #f4f5f8; } .df-timeline__event { position: relative; min-height: 26px; overflow: hidden; margin-bottom: 16px; } .df-timeline__event--start { position: relative; text-align: center; } .df-timeline__event--start::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; height: 1px; overflow: hidden; background-color: #e4e7ed; } .df-timeline__event--start .df-timeline__team-1 { text-align: center; } .df-timeline__event--start .df-timeline__time { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .df-timeline__team-shirt { position: relative; z-index: 1; } .df-timeline__event--empty { height: 8px; min-height: auto; overflow: hidden; } .df-timeline__event--empty::before { content: ""; display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; width: 8px; height: 8px; overflow: hidden; border-radius: 50%; background-color: #fff; border: 1px solid #e4e7ed; } .df-timeline__team-1, .df-timeline__team-2 { width: 50%; } .df-timeline__team-1 { float: left; text-align: right; padding-right: 28px; } .df-timeline__team-1 .df-timeline__event-icon { margin-left: 10px; } .df-timeline__team-2 { float: right; padding-left: 28px; } .df-timeline__team-2 .df-timeline__event-icon { margin-right: 10px; } .df-timeline__time { width: 26px; height: 26px; line-height: 24px; border: 1px solid #e4e7ed; border-radius: 50%; text-align: center; font-family: "Montserrat", sans-serif; font-size: 9px; color: #31404b; background-color: #fff; font-weight: 700; position: absolute; z-index: 1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .df-timeline__event-info { display: inline-block; vertical-align: middle; } .df-timeline__event-name { font-size: 10px; color: #31404b; font-family: "Montserrat", sans-serif; line-height: 1.2em; } .df-timeline__event-desc { font-size: 7px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; } .df-timeline__event-icon { display: inline-block; vertical-align: middle; } /* Widget: Poll */ .poll-form__question { font-size: 15px; line-height: 26px; margin-bottom: 1em; } .poll-form__options { line-height: 26px; } .poll-form__options .radio-inline { margin-bottom: 9px; font-weight: 700; } .poll-form__options .radio-wrapper { overflow: hidden; } .poll-form__options .radio-progress-value { float: right; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; } /* Widget: Results */ .widget-results .card__content { padding: 0; } .widget-results__list { list-style: none; padding: 0; margin: 0; } .widget-results__item { border-top: 1px solid #e4e7ed; } .widget-results__item:first-child { border-top: none; } .widget-results__title { font-size: 9px; line-height: 1.2em; text-align: center; font-weight: 400; color: #9a9da2; border-bottom: 1px solid #e4e7ed; padding: 10px; margin-bottom: 0; } .widget-results__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 12px; } @media (min-width: 1200px) { .widget-results__content { padding: 16px 24px; } } .widget-results__team { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 992px) and (max-width: 1199px) { .widget-results__team { -ms-flex-preferred-size: 25%; flex-basis: 25%; } } .widget-results__team-logo { display: inline-block; vertical-align: middle; margin-right: 5px; width: 20px; text-align: center; } @media (min-width: 992px) { .widget-results__team-logo { margin-right: 8px; width: 28px; } } .widget-results__team--second .widget-results__team-logo { float: right; margin-right: 0; margin-left: 5px; } @media (min-width: 992px) { .widget-results__team--second .widget-results__team-logo { margin-right: 0; margin-left: 8px; } } .widget-results__team-details { display: inline-block; vertical-align: middle; } .widget-results__team-name { text-transform: none; font-size: 11px; font-weight: 400; line-height: 1.2em; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 1200px) { .widget-results__team-name { font-size: 12px; } } .widget-results__team-info { font-family: "Montserrat", sans-serif; font-size: 8px; display: block; line-height: 1.2em; } @media (min-width: 992px) { .widget-results__team-info { font-size: 9px; } } .widget-results__team--second { text-align: right; } .widget-results__result { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .widget-results__score { font-family: "Montserrat", sans-serif; color: #31404b; font-size: 10px; line-height: 1.2em; margin-bottom: 0; } @media (min-width: 992px) { .widget-results__score { font-size: 12px; } } .widget-results__score-winner:before { content: ""; display: inline-block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fea409; width: 0; height: 0; margin-right: .5em; } .widget-results__score-loser ~ .widget-results__score-winner::before { display: none; } .widget-results__score-loser ~ .widget-results__score-winner::after { content: ""; display: inline-block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #fea409; width: 0; height: 0; margin-left: .5em; } .widget-results__status { display: block; font-size: 8px; font-family: "Montserrat", sans-serif; line-height: 1.2em; color: #9a9da2; } @media (min-width: 992px) { .widget-results__status { font-size: 9px; } } /* Widget: Awards */ .awards--slider { position: relative; } .awards__item { text-align: center; } .awards__figure { display: block; text-align: center; } .awards__figure img { margin: 0 auto; } .awards__figure--space { padding: 37px 0; } .awards__desc { padding: 18px 0; } @media (min-width: 992px) { .awards__desc { padding: 27px 0; } } .awards__name { line-height: 1.2em; margin-bottom: .25em; font-size: 12px; } @media (min-width: 992px) { .awards__name { font-size: 14px; } } .awards__date { font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; } @media (min-width: 992px) { .awards__date { font-size: 10px; } } .awards__stars { font-size: 10px; padding: 5px 0 0 0; } .awards__stars .fa { margin: 0 2px; color: #ffdc11; } /* Widget: Games History */ .chart-legend ul { list-style: none; padding: 0; margin: 0; font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; } .chart-legend ul > li { display: inline-block; padding-left: 20px; } .chart-legend ul > li:first-child { padding-left: 0; } .chart-legend ul > li > span { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 10px; } /* Widget: Newslog */ .newslog { list-style: none; padding: 0; margin: 0; } .card .newslog { margin-top: -24px; margin-bottom: -24px; } .newslog__item { border-bottom: 1px solid #e4e7ed; padding: 24px 24px; font-size: 11px; line-height: 17px; font-family: "Montserrat", sans-serif; } .card .newslog__item { margin-left: -24px; margin-right: -24px; } .newslog__item:last-child { border-bottom: none; } .newslog__item strong { font-weight: 400; color: #31404b; } .newslog__item--injury .newslog__item-inner::before { width: 16px; height: 16px; border-radius: 50%; background-color: #ff5353; border: 1px solid #e54444; background-image: -webkit-linear-gradient(right, #fff, #fff), -webkit-linear-gradient(right, #fff, #fff); background-image: linear-gradient(to left, #fff, #fff), linear-gradient(to left, #fff, #fff); background-size: 8px 2px, 2px 8px; background-position: 3px 6px, 6px 3px; } .newslog__item--join .newslog__item-inner::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath transform='translate(-983.875 -2316.34)' fill='%2314d6c6' stroke='none' d='M986,2327.66l-2.122-2.13,3.536-3.53-3.536-3.54,2.122-2.12,5.657,5.66Z'/%3E%3C/svg%3E"); background-size: 8px 12px; width: 8px; height: 12px; } .newslog__item--exit .newslog__item-inner::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath transform='translate(-983.875 -2316.34)' fill='%23ee5353' stroke='none' d='M986,2327.66l-2.122-2.13,3.536-3.53-3.536-3.54,2.122-2.12,5.657,5.66Z'/%3E%3C/svg%3E"); background-size: 8px 12px; width: 8px; height: 12px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .newslog__item--award .newslog__item-inner::before { background-image: url("../images/soccer/icon-trophy.svg"); background-size: 18px 19px; width: 18px; height: 19px; } .newslog__item-inner { position: relative; padding-left: 36px; } .newslog__item-inner:before { content: ""; display: block; position: absolute; left: 0; top: 6px; background-repeat: no-repeat; background-size: 13px 13px; width: 13px; height: 13px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath transform='translate(-978.5 -2710.5)' fill='none' stroke='%231bdfb8' d='M991,2719h-4v4h-4v-4h-4v-4h4v-4h4v4h4v4Z'/%3E%3C/svg%3E"); } .newslog__date { margin-top: 0.5em; display: block; color: rgba(154, 157, 162, 0.4); } /* Widget: Team Leaders */ .team-leader { border-top: 1px solid #e4e7ed; } .table-responsive:first-child .team-leader { border-top: none; } .team-leader .team-leader__type, .team-leader .team-leader__player { padding-left: 15px; vertical-align: middle; } @media (min-width: 1200px) { .team-leader .team-leader__type, .team-leader .team-leader__player { padding-left: 24px; } } @media (min-width: 1200px) { .team-leader .team-leader__avg { padding-right: 24px; } } .team-leader tbody > tr > td { vertical-align: middle; } th.team-leader__total, th.team-leader__gp, th.team-leader__avg, td.team-leader__total, td.team-leader__gp, td.team-leader__avg { text-align: center; } th.team-leader__goals, td.team-leader__goals { text-align: center; } .team-leader__avg .circular { margin: 0; } .team-leader__avg .circular .circular__bar { width: 40px; height: 40px; } .team-leader__avg .circular .circular__percents { font-size: 11px; } .team-leader__player-img { display: inline-block; vertical-align: middle; overflow: hidden; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } .team-leader__player-img--sm { width: 30px; height: 30px; } .team-leader__player-inner { display: inline-block; vertical-align: middle; } .team-leader__player-name { text-transform: none; font-size: 12px; line-height: 1.2em; font-weight: 400; margin-bottom: 0; } .team-leader__player-position { display: block; font-family: "Montserrat", sans-serif; font-size: 9px; line-height: 1.2em; } /* Widget: Team Stats */ .team-stats-box { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-style: solid; border-color: #e4e7ed; border-width: 1px 0 0 1px; margin: -1px; } .team-stats__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; border-style: solid; border-color: #e4e7ed; border-width: 0 1px 1px 0; text-align: center; padding: 24px 0 60px 0; background-image: -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.11) 4px, transparent 4px); background-image: linear-gradient(to right, rgba(236, 240, 246, 0.6) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 4px, transparent 4px), linear-gradient(to right, rgba(0, 0, 0, 0.1) 4px, transparent 4px), linear-gradient(to right, rgba(0, 0, 0, 0.11) 4px, transparent 4px); background-repeat: repeat-x; background-size: 36px 24px, 36px 30px, 36px 34px, 36px 40px, 36px 37px, 36px 29px, 72px 30px, 108px 37px; background-position: 0 100%, 6px 100%, 12px 100%, 18px 100%, 24px 100%, 30px 100%, 6px 100%, 24px 100%; } @media (min-width: 992px) { .team-stats__item { padding: 34px 0 80px 0; } } .team-stats__item--clean { background: none; padding: 24px 0 20px 0; } @media (min-width: 992px) { .team-stats__item--clean { padding: 26px 0 28px 0; } } .team-stats__icon { height: 37px; } .team-stats__icon--circle { position: relative; width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 16px auto; background-color: #fea409; overflow: hidden; } .team-stats__icon--shots-ot { background-color: #a4ec32; } .team-stats__icon--shots-ot .team-stats__icon-primary { -webkit-transform: translate(-50%, -50%) translate(-5px, -2px); transform: translate(-50%, -50%) translate(-5px, -2px); z-index: 1; } .team-stats__icon--shots-ot .team-stats__icon-secondary { display: block; position: absolute; left: 0; top: 0; -webkit-transform: translate(32px, 37px); transform: translate(32px, 37px); } .team-stats__icon--shots { background-color: #f5d109; } .team-stats__icon--shots .team-stats__icon-primary { width: 44px; height: 44px; -webkit-transform: translate(-50%, -50%) translate(-5px, 2px); transform: translate(-50%, -50%) translate(-5px, 2px); } .team-stats__icon--shots .team-stats__icon-secondary { display: block; position: absolute; left: 0; top: 0; -webkit-transform: translate(58px, 21px); transform: translate(58px, 21px); } .team-stats__icon--assists { background-color: #3adfc2; } .team-stats__icon--assists .team-stats__icon-secondary { display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #31404b; font-family: "Montserrat", sans-serif; font-size: 10px; line-height: 16px; font-weight: 700; text-align: center; color: #fff; text-transform: uppercase; -webkit-transform: translate(52px, 54px); transform: translate(52px, 54px); } .team-stats__icon-primary { display: block; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .team-stats__value { font-size: 24px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; line-height: 1.2em; margin-bottom: .2em; } @media (min-width: 1200px) { .team-stats__value { font-size: 36px; } } .team-stats__label { font-size: 8px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; font-weight: 400; line-height: 1.2em; } @media (min-width: 768px) { .team-stats__label { font-size: 10px; } } /* Widget: Color Picker */ /* Widget: Filter Size */ /* Widget: Filter Price */ /* Widget: Products */ .products-list { list-style: none; padding: 0; margin: 0; } .card .products-list { margin-top: -24px; margin-bottom: -24px; margin-left: -24px; margin-right: -24px; } .products-list__item { position: relative; overflow: hidden; padding: 24px 24px 19px 24px; } .products-list__item + .products-list__item { border-top: 1px solid #e4e7ed; } .products-list__inner { overflow: hidden; padding: 5px 0 0 0; } .products-list__product-thumb { float: left; margin: 0 12px 0 0; } .products-list__product-thumb img { max-width: 100%; height: auto; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .products-list__product-thumb img:hover { opacity: 0.7; } .products-list__product-cat { display: block; font-size: 8px; line-height: 1.2em; font-weight: 700; text-transform: uppercase; font-family: "Montserrat", sans-serif; margin-bottom: .2em; } .products-list__product-name { font-size: 12px; line-height: 1.2em; margin-bottom: .5em; font-family: "Montserrat", sans-serif; text-transform: uppercase; } .products-list__product-name > a { color: #31404b; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .products-list__product-name > a:hover { color: #1892ed; } .products-list__product-ratings { font-size: 10px; line-height: 10px; margin-bottom: 2px; } .products-list__product-ratings .fa { margin-right: 2px; color: #ffdc11; } .products-list__product-ratings .fa.empty { color: #dbdfe6; } .products-list__product-sum { font-size: 12px; font-weight: 700; font-family: "Montserrat", sans-serif; color: #31404b; } /* Widget: Soccer Lineup */ .widget-lineup .widget__content { text-align: center; } .soccer-lineup { background: url("../images/soccer/lineup-bg.png") 0 0 no-repeat; background-size: cover; max-width: 100%; } /* Widget: Commentary */ .commentary { list-style: none; padding: 0; margin: 0; } .commentary__item { font-size: 11px; line-height: 17px; font-family: "Montserrat", sans-serif; padding: 20px 24px 20px 80px; position: relative; letter-spacing: -0.02em; } .commentary__item + .commentary__item { border-top: 1px solid #e4e7ed; } .commentary__item > strong { color: #31404b; font-weight: 400; } .commentary__item::before { content: ""; display: block; position: absolute; left: 0; top: 0; } .commentry__time { color: #31404b; display: block; position: absolute; left: 23px; top: 50%; width: 24px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .commentry__icon { display: block; position: absolute; left: 49px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 20px; } .commentry__icon--soccer-ball { width: 16px; } /* Widget: Lineup Table */ .lineup-table { table-layout: fixed; } .lineup-table > thead > tr > th, .lineup-table > tbody > tr > td { padding-top: 16px; padding-bottom: 16px; } @media (min-width: 1200px) { .lineup-table > thead > tr > th:first-child, .lineup-table > tbody > tr > td:first-child { padding-left: 23px; } } @media (min-width: 1200px) { .lineup-table > thead > tr > th:last-child, .lineup-table > tbody > tr > td:last-child { padding-right: 23px; } } .lineup-table .lineup__num { width: 15%; } .lineup-table .lineup__pos { width: 13%; } .lineup-table .lineup__name { width: 57%; color: #31404b; } .lineup-table .lineup__info { text-align: right; } .lineup-table .lineup__subheader { text-transform: uppercase; font-weight: bold; } @media (min-width: 1200px) { .lineup-table .lineup__subheader { padding-left: 23px; } } /* Team Filter */ /* Team Roster */ /* Team Roster - Grid */ .team-roster--grid .team-roster__item { margin-bottom: 15px; } @media (max-width: 479px) { .team-roster--grid .team-roster__item { width: 100%; } } @media (min-width: 375px) and (max-width: 479px) { .team-roster--grid .team-roster__item { width: 50%; } } .team-roster--grid .team-roster__holder { position: relative; } .team-roster--grid .team-roster__holder:hover .team-roster__member-number { background-color: #fea409; } .team-roster--grid .team-roster__img { position: relative; border-radius: 4px; overflow: hidden; border: 1px solid #e4e7ed; } .team-roster--grid .team-roster__img::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9)); } .team-roster--grid .team-roster__content { display: block; position: absolute; bottom: 0; left: 0; right: 0; padding: 24px 24px; } @media (min-width: 375px) and (max-width: 479px) { .team-roster--grid .team-roster__content { padding: 12px 12px; } } .team-roster--grid .team-roster__content-inner { display: table; width: 100%; } .team-roster--grid .team-roster__member-number { display: table-cell; width: 1%; vertical-align: middle; background-color: #bfc2c4; border-radius: 4px; font-size: 24px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #fff; text-align: center; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; width: 60px; height: 60px; line-height: 60px; font-size: 32px; } @media (min-width: 768px) { .team-roster--grid .team-roster__member-number { width: 40px; height: 40px; line-height: 40px; font-size: 24px; } } @media (min-width: 992px) { .team-roster--grid .team-roster__member-number { width: 60px; height: 60px; line-height: 60px; font-size: 32px; } } @media (min-width: 1200px) { .team-roster--grid .team-roster__member-number { width: 90px; height: 90px; line-height: 90px; font-size: 48px; } } @media (min-width: 375px) and (max-width: 479px) { .team-roster--grid .team-roster__member-number { width: 40px; height: 40px; line-height: 40px; font-size: 24px; } } .team-roster--grid .team-roster__member-info { display: table-cell; vertical-align: middle; padding-left: 10px; } @media (min-width: 992px) { .team-roster--grid .team-roster__member-info { padding-left: 10px; } } @media (min-width: 1200px) { .team-roster--grid .team-roster__member-info { padding-left: 14px; } } .team-roster--grid .team-roster__member-name { color: #fff; margin-bottom: 0.15em; line-height: 1em; font-size: 24px; } @media (min-width: 768px) { .team-roster--grid .team-roster__member-name { font-size: 18px; } } @media (min-width: 992px) { .team-roster--grid .team-roster__member-name { font-size: 24px; } } @media (min-width: 1200px) { .team-roster--grid .team-roster__member-name { font-size: 30px; line-height: 28px; } } @media (min-width: 375px) and (max-width: 479px) { .team-roster--grid .team-roster__member-name { font-size: 14px; } } .team-roster--grid .team-roster__member-first-name { display: block; } .team-roster--grid .team-roster__member-last-name { display: block; color: #fea409; } .team-roster--grid .team-roster__member-position { font-size: 10px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; display: block; font-weight: 400; } @media (min-width: 1200px) { .team-roster--grid .team-roster__member-position { font-size: 11px; } } @media (min-width: 375px) and (max-width: 479px) { .team-roster--grid .team-roster__member-position { font-size: 8px; } } .team-roster--grid .btn-fab { right: 20px; top: 20px; } /* Team Roster: Table */ @media (min-width: 992px) { .team-roster-table thead > tr > th, .team-roster-table tbody > tr > td { padding-left: 17px; } } .team-roster-table__name { color: #31404b; } .team-roster-table__position { color: #31404b; } .team-roster-table__age { text-align: center; } .team-roster-table__height { text-align: center; } .team-roster-table__weight { text-align: center; } .team-roster-table__foot, .team-roster-table__goals, .team-roster-table__assists, .team-roster-table__fouls, .team-roster-table__card-y, .team-roster-table__card-r { text-align: center; vertical-align: middle; } /* Team Roster: Slider */ .team-roster--slider { background: #151719 url("../images/team-roster-slider-bg.jpg") 50% 50% no-repeat; background-size: cover; border: 1px solid #e4e7ed; border-radius: 4px; margin-bottom: 15px; padding-top: 40px; padding-bottom: 10px; } @media (min-width: 768px) { .team-roster--slider { padding: 54px 0 20px 0; } } @media (min-width: 992px) { .team-roster--slider { padding: 70px 0 20px 0; } } @media (min-width: 1200px) { .team-roster--slider { height: 400px; padding: 18px 0 0 0; } } .team-roster--slider .team-roster__item { outline: none; position: relative; } @media (min-width: 1200px) { .team-roster--slider .team-roster__item { padding: 0 10px; } } .team-roster--slider .team-roster__item a { outline: none; } .team-roster--slider .team-roster__img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; } .team-roster--slider .team-roster__img img { margin: 0 auto; } .team-roster--slider .team-roster__player-details { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: table; width: 100%; padding: 24px 0; } @media (min-width: 768px) { .team-roster--slider .team-roster__player-details { padding: 24px 0; } } @media (min-width: 992px) { .team-roster--slider .team-roster__player-details { padding: 40px 0; } } @media (min-width: 1200px) { .team-roster--slider .team-roster__player-details { padding: 30px 0; } } .team-roster--slider .team-roster__player-number { display: table-cell; width: 40%; text-align: right; vertical-align: top; font-size: 24px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1em; color: #fff; letter-spacing: -0.03em; font-size: 32px; } @media (min-width: 768px) { .team-roster--slider .team-roster__player-number { font-size: 40px; } } @media (min-width: 992px) { .team-roster--slider .team-roster__player-number { font-size: 54px; } } @media (min-width: 1200px) { .team-roster--slider .team-roster__player-number { font-size: 70px; line-height: 54px; } } .team-roster--slider .team-roster__player-info { display: table-cell; width: 57%; padding-left: 3%; vertical-align: top; text-align: left; } .team-roster--slider .team-roster__player-name { color: #fff; margin-bottom: 0.2em; font-size: 18px; } @media (min-width: 768px) { .team-roster--slider .team-roster__player-name { font-size: 20px; } } @media (min-width: 992px) { .team-roster--slider .team-roster__player-name { font-size: 24px; } } @media (min-width: 1200px) { .team-roster--slider .team-roster__player-name { font-size: 30px; line-height: 28px; } } .team-roster--slider .team-roster__player-last-name { color: #fcdf22; } .team-roster--slider .team-roster__player-position { font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; display: block; } @media (min-width: 1200px) { .team-roster--slider .team-roster__player-position { font-size: 11px; } } .team-roster--slider .team-roster__item:not(.slick-current) .team-roster__img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.4; -webkit-transform: scale(0.825); transform: scale(0.825); } .team-roster--slider .team-roster__item:not(.slick-current) .team-roster__player-details { opacity: 0; visibility: hidden; } .team-roster--slider .team-roster__item:not(.slick-current) .team-roster__player-fab { opacity: 0; visibility: hidden; } .team-roster--slider .team-roster__player-fab { position: absolute; top: 14%; right: 25%; z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (max-width: 767px) { .team-roster--slider .team-roster__player-fab { display: none; } } .team-roster--slider .team-roster__player-fab .btn-fab { position: absolute; left: 0; top: 0; } .team-roster--slider .team-roster__player-fab:hover .team-roster__player-fab-txt { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .team-roster--slider .team-roster__player-fab-txt { font-size: 10px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; color: #fff; display: block; position: absolute; left: 40px; top: 4px; white-space: nowrap; overflow: hidden; opacity: 0; -webkit-transform: translateX(-25%); transform: translateX(-25%); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-roster--slider .team-roster__player-fab-txt::first-line { color: #9a9da2; } .team-roster--slider .slick-prev, .team-roster--slider .slick-next { top: auto; margin-top: 0; bottom: 11%; } @media (min-width: 992px) { .team-roster--slider .slick-prev, .team-roster--slider .slick-next { bottom: 11%; } } @media (min-width: 1200px) { .team-roster--slider .slick-prev, .team-roster--slider .slick-next { bottom: 15%; } } /* Team Roster: Card */ .team-roster--card .team-roster__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; } @media (max-width: 991px) { .team-roster--card .team-roster__content-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .team-roster--card .team-roster__player-img { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; position: relative; overflow: hidden; border-radius: 4px 0 0 4px; text-align: center; } @media (max-width: 991px) { .team-roster--card .team-roster__player-img { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-height: 320px; } } @media (max-width: 479px) { .team-roster--card .team-roster__player-img { max-height: 200px; } } .team-roster--card .team-roster__player-shape { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #6bbfff; z-index: -1; } .team-roster--card .team-roster__player-shape::before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-image: url("../images/soccer/rosterv3_player_01-bg.png"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; opacity: .12; } .team-roster--card .team-roster__player-shape::after { content: ""; display: block; position: absolute; right: 0; top: -180px; width: 0; height: 0; border-bottom: 800px solid #fff; border-left: 420px solid transparent; } .team-roster--card .team-roster__content { padding: 20px; } @media (min-width: 992px) { .team-roster--card .team-roster__content { padding: 20px 40px 20px 0; } } @media (min-width: 1200px) { .team-roster--card .team-roster__content { padding: 25px 90px 20px 0; } } .team-roster--card .team-roster__player-details { position: relative; } @media (min-width: 992px) { .team-roster--card .team-roster__player-details { padding: 30px 0 0 0; } } @media (min-width: 1200px) { .team-roster--card .team-roster__player-details { padding: 50px 0 0 0; } } .team-roster--card .team-roster__player-number { font-size: 42px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1em; opacity: 0.2; } @media (min-width: 992px) { .team-roster--card .team-roster__player-number { display: block; position: absolute; top: 0; margin-left: -0.8em; opacity: 0.08; font-size: 110px; } } @media (min-width: 1200px) { .team-roster--card .team-roster__player-number { font-size: 138px; } } .team-roster--card .team-roster__player-name { margin-bottom: .75em; } @media (min-width: 992px) { .team-roster--card .team-roster__player-name { margin-bottom: 1.2em; } } .team-roster--card .team-roster__player-first-name { display: block; font-size: 24px; line-height: 1em; } @media (min-width: 1200px) { .team-roster--card .team-roster__player-first-name { font-size: 40px; } } .team-roster--card .team-roster__player-last-name { display: block; font-size: 40px; line-height: 1em; color: #fea409; } @media (min-width: 1200px) { .team-roster--card .team-roster__player-last-name { font-size: 78px; } } .team-roster--card .team-roster__player-excerpt { margin-bottom: 30px; } @media (min-width: 992px) { .team-roster--card .team-roster__player-excerpt { margin-bottom: 35px; } } @media (min-width: 1200px) { .team-roster--card .team-roster__player-excerpt { margin-bottom: 47px; } } .team-roster--card .team-roster__player-stats { margin-bottom: 30px; } @media (min-width: 992px) { .team-roster--card .team-roster__player-stats { margin-bottom: 35px; } } @media (min-width: 1200px) { .team-roster--card .team-roster__player-stats { margin-bottom: 47px; } } .team-roster--card .team-roster__player-stats .progress__label { width: 100px; } .team-roster--card .team-roster__player-footer .btn + .btn { margin-left: 7px; } @media (max-width: 991px) { .team-roster--card .team-roster__player-footer .btn:first-child { padding-left: 30px; padding-right: 30px; } } .team-roster--card .team-roster__meta { border-left: 1px solid #e4e7ed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 992px) { .team-roster--card .team-roster__meta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .team-roster--card .team-roster__meta-item { text-align: center; padding: 20px 15px; } @media (min-width: 992px) { .team-roster--card .team-roster__meta-item { padding: 30px 40px; } } .team-roster--card .team-roster__meta-value { display: block; font-size: 20px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; line-height: 1.2em; } @media (min-width: 992px) { .team-roster--card .team-roster__meta-value { font-size: 24px; } } @media (min-width: 1200px) { .team-roster--card .team-roster__meta-value { font-size: 27px; } } .team-roster--card .team-roster__meta-label { font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; } @media (min-width: 992px) { .team-roster--card .team-roster__meta-label { font-size: 12px; } } .team-roster--card .team-roster__meta-item--lg .team-roster__meta-value { font-size: 24px; } @media (min-width: 992px) { .team-roster--card .team-roster__meta-item--lg .team-roster__meta-value { font-size: 32px; } } @media (min-width: 1200px) { .team-roster--card .team-roster__meta-item--lg .team-roster__meta-value { font-size: 36px; } } .team-roster--card .team-roster__meta-item--lg .team-roster__meta-label { font-size: 12px; } @media (min-width: 992px) { .team-roster--card .team-roster__meta-item--lg .team-roster__meta-label { font-size: 13px; } } /* Team Standings */ .table-standings { border: none; margin-bottom: 0; } .widget-standings .table-standings > thead > tr > th { vertical-align: middle; text-align: center; } .widget-standings .table-standings > thead > tr > th:first-child { text-align: left; padding-left: 24px; } .widget-standings .table-standings > thead > tr > th:last-child { padding-right: 24px; } .widget-standings .table-standings > tbody > tr > td { vertical-align: middle; color: #31404b; text-align: center; } .widget-standings .table-standings > tbody > tr > td:first-child { padding-left: 24px; } .widget-standings .table-standings > tbody > tr > td:last-child { padding-right: 24px; } .widget-standings .table-standings > tbody { counter-reset: counter; } .widget-standings .table-standings > tbody > tr > td:first-child > .team-meta::before { display: inline-block; vertical-align: middle; content: counter(counter, decimal-leading-zero); counter-increment: counter; font-size: 12px; margin-right: 5px; font-family: "Montserrat", sans-serif; color: #9a9da2; text-transform: uppercase; } .team-meta { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .team-meta__logo { width: 80px; height: 30px; text-align: center; display: inline-block; vertical-align: middle; margin-right: 22px; margin-left: 22px; } .team-meta__logo img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .team-meta__info { display: inline-block; vertical-align: middle; margin-top:2px; } .team-meta__name { font-size: 13px; line-height: 1em; font-weight: 400; margin-bottom: 0; text-transform: none; } .team-meta__place { display: block; font-size: 12px; line-height: 1.3em; font-family: "Montserrat", sans-serif; color: #9a9da2; margin-top:3px; } /* Table Standings: Full */ .table-standings--full .team-standings__pos { vertical-align: middle; } @media (min-width: 992px) { .table-standings--full .team-standings__pos { padding-left: 24px; width: 60px; } } @media (min-width: 1200px) { .table-standings--full .team-standings__team { width: 170px; } } .table-standings--full .team-standings__win, .table-standings--full .team-standings__lose, .table-standings--full .team-standings__gb { color: #31404b; } .table-standings--full .team-standings__win, .table-standings--full .team-standings__lose, .table-standings--full .team-standings__pct, .table-standings--full .team-standings__gb, .table-standings--full .team-standings__home, .table-standings--full .team-standings__road, .table-standings--full .team-standings__div, .table-standings--full .team-standings__ppg, .table-standings--full .team-standings__op-ppg, .table-standings--full .team-standings__diff, .table-standings--full .team-standings__strk, .table-standings--full .team-standings__lead { text-align: center; vertical-align: middle; } @media (min-width: 1200px) { .table-standings--full .team-standings__home, .table-standings--full .team-standings__road, .table-standings--full .team-standings__div { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { .table-standings--full .team-standings__lead { padding-right: 30px; } } /* Table Standings: Soccer */ .table-standings--full-soccer .team-standings__played, .table-standings--full-soccer .team-standings__drawn, .table-standings--full-soccer .team-standings__goals-for, .table-standings--full-soccer .team-standings__goals-against, .table-standings--full-soccer .team-standings__goals-diff, .table-standings--full-soccer .team-standings__total-points, .table-standings--full-soccer .team-standings__points-diff { text-align: center; vertical-align: middle; } .table-standings--full-soccer .team-standings__drawn, .table-standings--full-soccer .team-standings__total-points { color: #31404b; } @media (min-width: 1200px) { .table-standings--full-soccer .team-standings__points-diff { padding-right: 30px; } } /* Team Glossary */ .glossary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .glossary__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; font-family: "Montserrat", sans-serif; font-size: 11px; line-height: 1.2em; padding: 8px 0; } .glossary__abbr { font-weight: 700; color: #31404b; text-transform: uppercase; } /* Team Results */ @media (min-width: 1200px) { .team-result .team-result__date { padding-left: 23px; } } .team-result .team-result__score, .team-result .team-result__status, .team-result .team-result__points, .team-result .team-result__rebounds, .team-result .team-result__assists, .team-result .team-result__steals { text-align: center; } .team-result tbody .team-result__date, .team-result tbody .team-result__vs, .team-result tbody .team-result__score, .team-result tbody .team-result__status, .team-result tbody .team-result__points, .team-result tbody .team-result__rebounds, .team-result tbody .team-result__assists, .team-result tbody .team-result__steals { vertical-align: middle; color: #9a9da2; } .team-result__game { color: #31404b; } /* Team Result Filter */ .team-result-filter { list-style: none; padding: 0; margin: 0; } @media (min-width: 1200px) { .team-result-filter { float: right; } } .team-result-filter__item { padding-left: 14px; float: left; } @media (max-width: 479px) { .team-result-filter__item { padding: 5px 0 5px 0; } } .team-result-filter__item select.form-control { border: none; font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; height: 24px; padding: 4px 24px 4px 10px; display: inline-block; vertical-align: top; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%2331404b' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); background-size: 6px 4px; color: #31404b; } @media (max-width: 479px) { .team-result-filter__item:last-child { float: none; clear: both; } } .team-result { /* Team Results - Soccer */ } @media (min-width: 1200px) { .team-result .team-result__game-overview { padding-right: 23px; } } .team-result .team-result__ball-posession, .team-result .team-result__shots, .team-result .team-result__fouls, .team-result .team-result__game-overview { text-align: center; vertical-align: middle; } /* Team Schedule & Tickets */ .team-schedule .team-schedule__status, .team-schedule .team-schedule__time { text-align: center; } @media (min-width: 1200px) { .team-schedule .team-schedule__date { padding-left: 23px; } } @media (min-width: 1200px) { .team-schedule .team-schedule__tickets { padding-right: 25px; } } @media (min-width: 1200px) { .team-schedule.team-schedule--full .team-schedule__tickets { padding-right: 70px; } } @media (min-width: 1200px) { .team-schedule .team-schedule__compet { width: 170px; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1200px) { .team-schedule .team-schedule__venue { width: 200px; padding-left: 20px; padding-right: 20px; } } .team-schedule tbody .team-schedule__date, .team-schedule tbody .team-schedule__versus, .team-schedule tbody .team-schedule__status, .team-schedule tbody .team-schedule__time, .team-schedule tbody .team-schedule__compet, .team-schedule tbody .team-schedule__venue, .team-schedule tbody .team-schedule__tickets { vertical-align: middle; } /* Player Heading */ .player-heading { background-color: #1e2024; background-image: url("../images/soccer/page-heading.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: relative; } .player-heading::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; background-image: -webkit-linear-gradient(left, rgba(236, 240, 246, 0.15) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.15) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.15) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.15) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.15) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.15) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 4px, transparent 4px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.11) 4px, transparent 4px); background-image: linear-gradient(to right, rgba(236, 240, 246, 0.15) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.15) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.15) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.15) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.15) 4px, transparent 4px), linear-gradient(to right, rgba(236, 240, 246, 0.15) 4px, transparent 4px), linear-gradient(to right, rgba(0, 0, 0, 0.1) 4px, transparent 4px), linear-gradient(to right, rgba(0, 0, 0, 0.11) 4px, transparent 4px); background-repeat: repeat-x; background-size: 36px 12px, 36px 15px, 36px 17px, 36px 20px, 36px 18px, 36px 15px, 72px 15px, 108px 18px; background-position: 0 100%, 6px 100%, 12px 100%, 18px 100%, 24px 100%, 30px 100%, 6px 100%, 24px 100%; height: 24px; } .player-heading::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-image: url("../images/page-heading-pattern.png"); background-position: 100% 0; background-repeat: no-repeat; opacity: 0.4; } .player-heading .container { position: relative; z-index: 2; } .player-info__team-logo { position: absolute; left: -45%; top: -5%; opacity: .05; } @media (min-width: 992px) { .player-info__team-logo { left: -10%; opacity: .1; } } .player-info { color: #fff; position: relative; width: 100%; } @media (min-width: 992px) { .player-info { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 991px) { .player-info__item--photo img { margin: 0 auto; } } @media (min-width: 992px) { .player-info__item--photo { -ms-flex-preferred-size: 33%; flex-basis: 33%; width: 312px; margin: 0; } } @media (min-width: 1200px) { .player-info__item--photo { width: 400px; } } .player-info__item--details { width: 400px; } @media (min-width: 992px) { .player-info__item--details { -ms-flex-preferred-size: 38%; flex-basis: 38%; padding: 48px 0; width: 352px; } } @media (min-width: 992px) and (max-width: 1199px) { .player-info__item--details { -ms-flex-preferred-size: 45%; flex-basis: 45%; padding: 25px 0; } } @media (min-width: 1200px) { .player-info__item--details { width: 460px; } } .player-info__title { margin-bottom: 17px; } .player-info__title--mobile { padding: 35px 0 0 0; text-align: center; display: none; } @media (max-width: 991px) { .player-info__title--mobile { display: block; } } .player-info__title--mobile .player-info__first-name { text-align: left; } .player-info__title--desktop { display: none; } @media (min-width: 992px) { .player-info__title--desktop { display: block; } } .player-info__number { font-size: 54px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #fff; line-height: 1em; display: inline-block; vertical-align: middle; } @media (min-width: 992px) { .player-info__number { font-size: 64px; margin-left: -80px; } } @media (min-width: 1200px) { .player-info__number { font-size: 92px; margin-left: -123px; margin-right: 5px; } } .player-info__name { display: inline-block; vertical-align: middle; font-size: 32px; line-height: 1em; color: #fff; margin: 0; } @media (min-width: 992px) { .player-info__name { font-size: 32px; } } @media (min-width: 1200px) { .player-info__name { font-size: 54px; line-height: 46px; } } .player-info__first-name { display: block; font-size: 16px; line-height: 1em; } @media (min-width: 992px) { .player-info__first-name { font-size: 18px; } } @media (min-width: 1200px) { .player-info__first-name { font-size: 26px; } } .player-info__last-name { color: #fea409; } .player-info-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .player-info-details { padding: 0 17px; } } .player-info-details__item { padding: 10px 0; } .player-info-details__item--height { -ms-flex-preferred-size: 33%; flex-basis: 33%; } @media (min-width: 992px) { .player-info-details__item--height { -ms-flex-preferred-size: 19%; flex-basis: 19%; } } .player-info-details__item--weight { -ms-flex-preferred-size: 33%; flex-basis: 33%; } @media (min-width: 992px) { .player-info-details__item--weight { -ms-flex-preferred-size: 24%; flex-basis: 24%; } } .player-info-details__item--age { -ms-flex-preferred-size: 33%; flex-basis: 33%; } @media (min-width: 992px) { .player-info-details__item--age { -ms-flex-preferred-size: 15%; flex-basis: 15%; } } .player-info-details__item--college { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 992px) { .player-info-details__item--college { -ms-flex-preferred-size: 42%; flex-basis: 42%; } } .player-info-details__item--born { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 992px) { .player-info-details__item--born { -ms-flex-preferred-size: 48%; flex-basis: 48%; } } .player-info-details__item--position { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 992px) { .player-info-details__item--position { -ms-flex-preferred-size: 42%; flex-basis: 42%; } } .player-info-details__item--position { -ms-flex-preferred-size: 33%; flex-basis: 33%; } @media (min-width: 992px) { .player-info-details__item--position { -ms-flex-preferred-size: 22%; flex-basis: 22%; } } .player-info-details__item--foot { -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media (min-width: 992px) { .player-info-details__item--foot { -ms-flex-preferred-size: 20%; flex-basis: 20%; } } .player-info-details__item--goals { -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media (min-width: 992px) { .player-info-details__item--goals { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .player-info-details__item--assists { -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media (min-width: 992px) { .player-info-details__item--assists { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .player-info-details__item--games { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 992px) { .player-info-details__item--games { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .player-info-details__title { font-size: 10px; color: #9ed5ff; line-height: 1.2em; margin-bottom: 0.1em; font-weight: 400; } .player-info-details__value { font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 1.2em; font-weight: 700; } @media (min-width: 992px) and (max-width: 1199px) { .player-info-details__value { font-size: 12px; } } .player-info-stats { overflow: hidden; } @media (min-width: 992px) { .player-info-stats { padding: 25px 0 0 0; } } .player-info-stats__item { float: left; width: 33.3%; } .player-info-stats__item .circular .circular__bar { width: 62px; height: 62px; } @media (min-width: 992px) { .player-info-stats__item .circular .circular__bar { display: inline-block; vertical-align: middle; margin: 0 6px 0 0; } } @media (min-width: 992px) and (max-width: 1199px) { .player-info-stats__item .circular .circular__bar { width: 44px; height: 44px; } } .player-info-stats__item .circular .circular__bar .circular__percents { color: #fff; font-size: 15px; } .player-info-stats__item .circular .circular__bar .circular__percents small { display: block; font-size: 8px; line-height: 1.2em; color: #9ed5ff; } @media (min-width: 992px) and (max-width: 1199px) { .player-info-stats__item .circular .circular__bar .circular__percents { font-size: 12px; } } .player-info-stats__item .circular .circular__label { color: #9ed5ff; } @media (min-width: 992px) { .player-info-stats__item .circular .circular__label { display: inline-block; vertical-align: middle; text-align: left; margin: 0; } } .player-info-stats__item .circular .circular__label strong { color: #fff; display: block; } @media (min-width: 992px) and (max-width: 1199px) { .player-info-stats__item .circular .circular__label { font-size: 9px; } } @media (min-width: 992px) { .player-info-stats__item--top-padding { padding: 25px 0 0 0; } } @media (min-width: 992px) { .player-info__item--stats { -ms-flex-preferred-size: 29%; flex-basis: 29%; width: 297px; } } @media (min-width: 992px) and (max-width: 1199px) { .player-info__item--stats { -ms-flex-preferred-size: 36%; flex-basis: 36%; } } @media (min-width: 1200px) { .player-info__item--stats { width: 310px; } } @media (max-width: 991px) { .player-info__item--stats { height: 200px !important; } .player-info__item--stats .player-info-chart { width: 100%; height: auto; } } .player-info__item--stats .progress-stats { margin-bottom: 20px; } .player-info__item--stats .progress__label { color: #fff; } .player-info__item--stats .progress { background-color: rgba(255, 255, 255, 0.2); } .player-info__item--stats-inner { padding-top: 30px; } @media (min-width: 992px) { .player-info__item--stats-inner { padding-top: 40px; max-width: 90%; } } @media (min-width: 1200px) { .player-info__item--stats-inner { padding-top: 70px; max-width: 100%; } } .player-info-chart { margin: 35px 0 0 0; } @media (min-width: 992px) { .player-info-chart { margin: 30px 0 0 0; } } @media (min-width: 1200px) { .player-info-chart { margin: 60px 0 0 0; } } /* Player Game Log */ .game-player-result thead > tr > th, .game-player-result tbody > tr > td { vertical-align: middle; text-align: center; } .game-player-result thead > tr > th.game-player-result__vs, .game-player-result tbody > tr > td.game-player-result__vs { text-align: left; } .game-player-result .game-player-result__date { text-align: left; } @media (min-width: 1200px) { .game-player-result .game-player-result__date { padding-left: 23px; } } @media (min-width: 1200px) { .game-player-result thead > tr > th:last-child, .game-player-result tbody > tr > td:last-child { padding-right: 23px; } } .game-player-result .game-player-result__game { color: #31404b; } /* Player Season Average */ .player-season-avg thead > tr > th, .player-season-avg tbody > tr > td { text-align: center; vertical-align: middle; } .player-season-avg thead > tr > th.player-season-avg__season, .player-season-avg tbody > tr > td.player-season-avg__season { text-align: left; } @media (min-width: 1200px) { .player-season-avg thead > tr > th:first-child, .player-season-avg tbody > tr > td:first-child { padding-left: 23px; } } @media (min-width: 1200px) { .player-season-avg thead > tr > th:last-child, .player-season-avg tbody > tr > td:last-child { padding-right: 23px; } } /* Checkout Review Order */ .df-checkout-review-order-table .product-name { padding-left: 15px; } @media (min-width: 1200px) { .df-checkout-review-order-table .product-name { padding-left: 23px; } } .df-checkout-review-order-table .product-total { width: 22%; } @media (min-width: 1200px) { .df-checkout-review-order-table .product-total { padding-right: 23px; } } .df-checkout-review-order-table tbody .product-name { text-transform: uppercase; color: #31404b; font-weight: 700; } .df-checkout-review-order-table .cart_item:first-child .product-name, .df-checkout-review-order-table .cart_item:first-child .product-total { padding-top: 30px; } .df-checkout-review-order-table .cart_item:last-child .product-name, .df-checkout-review-order-table .cart_item:last-child .product-total { padding-bottom: 30px; } .df-checkout-review-order-table .cart_item .product-name, .df-checkout-review-order-table .cart_item .product-total { border-top: none; border-bottom: none; padding-top: 10px; padding-bottom: 10px; } .df-checkout-review-order-table tfoot tr th { text-transform: uppercase; color: #31404b; font-weight: 700; padding-left: 15px; } @media (min-width: 1200px) { .df-checkout-review-order-table tfoot tr th { padding-left: 23px; } } .df-checkout-review-order-table tfoot tr th, .df-checkout-review-order-table tfoot tr td { border-top: none; border-bottom: none; padding-top: 10px; padding-bottom: 10px; } .df-checkout-review-order-table tfoot tr td:last-child { width: 22%; } @media (min-width: 1200px) { .df-checkout-review-order-table tfoot tr td:last-child { padding-right: 23px; } } .df-checkout-review-order-table tfoot tr:first-child th, .df-checkout-review-order-table tfoot tr:first-child td { padding-top: 30px; border-top: 1px solid #e4e7ed; } .df-checkout-review-order-table tfoot tr:nth-last-child(2) th, .df-checkout-review-order-table tfoot tr:nth-last-child(2) td { padding-bottom: 30px; } .df-checkout-review-order-table tfoot tr.order-total th, .df-checkout-review-order-table tfoot tr.order-total td { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e4e7ed; border-bottom: 1px solid #e4e7ed; margin-top: 20px; } .df-checkout-review-order-table tfoot tr.order-total .amount { color: #31404b; } /* Checkout Payment */ .df-checkout-payment .place-order { padding: 24px 24px; border-top: 1px solid #e4e7ed; } .df_payment_methods { list-style: none; padding: 24px 24px; margin: 0; } .df_payment_method { padding: 0; margin: 0 0 20px 0; box-shadow: none; background-color: transparent; } .df_payment_method:last-child { margin-bottom: 0; } .df_payment_method label { font-weight: bold; } .df_payment_method .payment_box { font-size: 14px; line-height: 22px; padding: 13px 0 0 24px; } .df_payment_method .payment_box p:last-child { margin-bottom: 0; } /* Account Navigation */ .card .df-account-navigation { margin-top: -24px; margin-right: -24px; margin-bottom: -24px; margin-left: -24px; } .df-account-navigation ul { list-style: none; padding: 0; margin: 0; } .df-account-navigation ul li > a { display: block; padding: 24px 24px; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; line-height: 1.2em; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .df-account-navigation ul li > a:hover { background-color: #fafafb; } .df-account-navigation ul li + li { border-top: 1px solid #e4e7ed; } .df-account-navigation ul li:last-child > a { border-radius: 0 0 4px 4px; } /* Shop Table */ .shop-table tbody > tr > td { vertical-align: middle; } .shop-table td.product__photo, .shop-table td.product__info, .shop-table td.product__desc, .shop-table td.product__price, .shop-table td.product__availability, .shop-table td.product__remove, .shop-table td.product__size, .shop-table td.product__color, .shop-table td.product__quantity, .shop-table td.product__total { font-size: 13px; } @media (min-width: 992px) { .shop-table td.product__photo, .shop-table td.product__info, .shop-table td.product__desc, .shop-table td.product__price, .shop-table td.product__availability, .shop-table td.product__remove, .shop-table td.product__size, .shop-table td.product__color, .shop-table td.product__quantity, .shop-table td.product__total { padding-top: 24px; padding-bottom: 24px; } } .shop-table .product__price, .shop-table .product__availability, .shop-table .product__remove, .shop-table .product__size, .shop-table .product__color, .shop-table .product__quantity, .shop-table .product__total { text-align: center; } .shop-table .product__price, .shop-table .product__availability, .shop-table .product__size { color: #31404b; } @media (min-width: 992px) { .shop-table .product__photo { padding-left: 23px; } } .shop-table .product__info .product__cat { font-size: 8px; text-transform: uppercase; line-height: 1.2em; font-weight: 400; } .shop-table .product__info .product__name { font-size: 12px; line-height: 1.2em; margin-bottom: 0; padding: 0.2em 0 0.5em 0; } @media (min-width: 992px) { .shop-table .product__info .product__name { font-size: 13px; } } .shop-table .product__info .product__name > a { color: #31404b; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .shop-table .product__info .product__name > a:hover { color: #1892ed; } .shop-table .product__info .product__ratings .fa-star { font-size: 10px; color: #ffdc11; } .shop-table .product__info .product__ratings .fa-star.empty { color: #dbdfe6; } .shop-table td.product__price { font-weight: 700; } .shop-table td.product__availability { font-weight: 700; } .shop-table .product__no-available { opacity: .6; } .shop-table td.product__size { font-weight: 700; } .shop-table td.product__total { font-weight: 700; color: #31404b; } @media (min-width: 992px) { .shop-table .product__remove { padding-right: 23px; } } .shop-table .product__remove-icon { color: #31404b; opacity: .6; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .shop-table .product__remove-icon:hover { opacity: 1; } .shop-table td.product__desc { font-family: "Source Sans Pro", sans-serif; font-weight: 400; } @media (min-width: 768px) { .shop-table td.product__desc { font-size: 14px; line-height: 22px; } } @media (min-width: 992px) { .shop-table td.product__photo { width: 10%; } } @media (min-width: 992px) { .shop-table td.product__info { width: 21%; } } @media (min-width: 992px) { .shop-table td.product__desc { width: 33%; } } @media (min-width: 992px) { .shop-table td.product__availability { width: 12%; } } .shop-table .product__color-item { width: 20px; height: 20px; display: inline-block; background-color: #31404b; border-radius: 50%; position: relative; } .shop-table .product__color-item::before { content: ""; display: block; position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; border-radius: 50%; } .shop-table .product__color-item--selected::before { border: 2px solid #31404b; } .shop-table .product__color-item--color-orange { background-color: #ff860f; } .shop-table .product__color-item--color-orange::before { border-color: #ff860f; } .shop-table .product__color-item--color-blue { background-color: #1e81f1; } .shop-table .product__color-item--color-blue::before { border-color: #1e81f1; } .shop-table .product__color-item--color-aqua { background-color: #1af1e4; } .shop-table .product__color-item--color-aqua::before { border-color: #1af1e4; } .shop-table .product__color-item--color-black { background-color: #383838; } .shop-table .product__color-item--color-black::before { border-color: #383838; } @media (min-width: 1200px) { .shipping-details-row .card { min-height: 380px; } .shipping-details-row .card .coupon-code-form .form-group--submit { padding-top: 70px; } } .shipping-details-row .df-checkout-payment .place-order { border-top: none; } .shipping-details-row .df-checkout-review-order-table tfoot tr:first-child th, .shipping-details-row .df-checkout-review-order-table tfoot tr:first-child td { border-top: none; } /* Shop Banner */ .shop-banner { border: 1px solid #e4e7ed; background-image: -webkit-linear-gradient(right bottom, #140078, #4dcbff); background-image: linear-gradient(to left top, #140078, #4dcbff); border-radius: 4px; position: relative; overflow: hidden; margin-bottom: 15px; } @media (min-width: 992px) { .shop-banner { min-height: 260px; } } @media (min-width: 1200px) { .shop-banner { min-height: 320px; } } .shop-banner__content { position: relative; z-index: 2; padding: 30px 40px; color: #fff; text-align: center; } @media (min-width: 992px) { .shop-banner__content { width: 320px; padding: 32px 0 30px 40px; } } @media (min-width: 1200px) { .shop-banner__content { width: 395px; padding: 40px 0 40px 55px; } } .shop-banner__txt1 { font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #fff; line-height: 1.2em; margin-bottom: .75em; } @media (min-width: 992px) { .shop-banner__txt1 { font-size: 12px; } } @media (min-width: 1200px) { .shop-banner__txt1 { font-size: 14px; } } .shop-banner__title { font-size: 32px; line-height: 1.13em; color: #fff; border: 3px solid #fff; margin-bottom: .175em; padding: 0 .1em; display: inline-block; } @media (min-width: 992px) { .shop-banner__title { font-size: 48px; border-width: 4px; } } @media (min-width: 1200px) { .shop-banner__title { font-size: 64px; border-width: 6px; } } .shop-banner__subtitle { display: block; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #fff; letter-spacing: .5em; line-height: 1.2em; margin-bottom: .75em; white-space: nowrap; } @media (min-width: 992px) { .shop-banner__subtitle { font-size: 14px; letter-spacing: .5em; } } @media (min-width: 1200px) { .shop-banner__subtitle { font-size: 16px; letter-spacing: .85em; } } .shop-banner__subtitle::before, .shop-banner__subtitle::after { content: "\f005"; font-family: "FontAwesome"; font-size: 14px; color: #fea409; font-weight: 400; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shop-banner__subtitle::before { margin-right: 1.25em; } .shop-banner__subtitle::after { margin-left: 0.75em; } .shop-banner__btn { margin-top: 1.85em; } @media (max-width: 991px) { .shop-banner__btn { font-size: 12px; padding: 10px 30px; margin-top: 1em; } } @media (min-width: 1200px) { .shop-banner__btn { margin-top: 1.85em; } } @media (min-width: 992px) and (max-width: 1199px) { .shop-banner__btn { font-size: 12px; padding: 12px 40px; margin-top: 1em; } } .shop-banner__img { position: absolute; right: 0; top: 0; z-index: 1; } @media (min-width: 992px) and (max-width: 1199px) { .shop-banner__img { max-width: 55%; } } .shop-banner__bg-txt { display: block; position: absolute; left: -30%; top: -17%; font-size: 230px; line-height: 1em; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: -0.03em; color: #fff; opacity: 0.06; pointer-events: none; } .shop-banner__discount { position: absolute; z-index: 2; right: 0; top: 0; padding: 13px 11px 0 0; color: #fff; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: -0.03em; } @media (max-width: 991px) { .shop-banner__discount { display: none; } } .shop-banner__discount::before { content: ""; display: block; width: 0; height: 0; border-top: 166px solid #4dcbff; border-left: 208px solid transparent; position: absolute; right: 0; top: 0; } .shop-banner__discount-txt { display: block; position: relative; z-index: 1; font-size: 14px; line-height: 1.2em; } .shop-banner__discount-price { display: block; position: relative; z-index: 1; font-size: 48px; line-height: 1em; } /* Shop Filter */ .shop-filter { padding-left: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .shop-filter { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; } } .shop-filter__result { font-size: 11px; margin-bottom: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 991px) { .shop-filter__result { padding: 24px 24px 12px 24px; } } .shop-filter__params { list-style: none; padding: 0; margin: 0; } @media (max-width: 991px) { .shop-filter__params { display: block; width: 100%; padding: 0 0 10px 14px; text-align: left; } } .shop-filter__control { padding-left: 14px; float: left; } @media (min-width: 992px) and (max-width: 1199px) { .shop-filter__control { padding-left: 0; } } .shop-filter__control:first-child { padding-left: 0; } @media (max-width: 479px) { .shop-filter__control { padding: 5px 0 5px 0; } } .shop-filter__control select.form-control { border: none; font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; height: 24px; padding: 4px 24px 4px 10px; display: inline-block; vertical-align: top; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%2331404b' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); background-size: 6px 4px; color: #31404b; } .shop-filter__layout { height: 72px; overflow: hidden; margin-left: 20px; } @media (max-width: 991px) { .shop-filter__layout { display: block; margin-left: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .shop-filter__grid-layout, .shop-filter__list-layout { float: left; width: 72px; height: 72px; border-left: 1px solid #e4e7ed; } @media (max-width: 992px) { .shop-filter__grid-layout, .shop-filter__list-layout { border-top: 1px solid #e4e7ed; width: 50%; } } /* Icon Grid Layout */ .icon-grid-layout { position: relative; display: block; } .icon-grid-layout__inner { display: block; width: 18px; height: 18px; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .icon-grid-layout__item { display: block; position: relative; width: 4px; height: 4px; font-size: 0; line-height: 0; background-color: #d7d8da; margin: 0 auto 3px auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .icon-grid-layout__item::before, .icon-grid-layout__item::after { content: ""; display: block; position: absolute; width: 4px; height: 4px; background-color: #d7d8da; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .icon-grid-layout__item::before { left: -7px; } .icon-grid-layout__item::after { left: 7px; } .icon-grid-layout--active .icon-grid-layout__item { background-color: #fea409; } .icon-grid-layout--active .icon-grid-layout__item::before, .icon-grid-layout--active .icon-grid-layout__item::after { background-color: #fea409; } .icon-grid-layout:hover .icon-grid-layout__item { background-color: #fea409; } .icon-grid-layout:hover .icon-grid-layout__item::before, .icon-grid-layout:hover .icon-grid-layout__item::after { background-color: #fea409; } .icon-grid-layout:hover .icon-grid-layout__item:first-child { -webkit-animation: icon-grid-layout-1 .5s; animation: icon-grid-layout-1 .5s; } .icon-grid-layout:hover .icon-grid-layout__item:first-child::before { -webkit-animation: icon-grid-layout-1-before .5s; animation: icon-grid-layout-1-before .5s; } .icon-grid-layout:hover .icon-grid-layout__item:first-child::after { -webkit-animation: icon-grid-layout-1-after .5s; animation: icon-grid-layout-1-after .5s; } .icon-grid-layout:hover .icon-grid-layout__item:nth-child(2)::before { -webkit-animation: icon-grid-layout-2-before .5s; animation: icon-grid-layout-2-before .5s; } .icon-grid-layout:hover .icon-grid-layout__item:nth-child(2)::after { -webkit-animation: icon-grid-layout-2-after .5s; animation: icon-grid-layout-2-after .5s; } .icon-grid-layout:hover .icon-grid-layout__item:nth-child(3) { -webkit-animation: icon-grid-layout-3 .5s; animation: icon-grid-layout-3 .5s; } .icon-grid-layout:hover .icon-grid-layout__item:nth-child(3)::before { -webkit-animation: icon-grid-layout-3-before .5s; animation: icon-grid-layout-3-before .5s; } .icon-grid-layout:hover .icon-grid-layout__item:nth-child(3)::after { -webkit-animation: icon-grid-layout-3-after .5s; animation: icon-grid-layout-3-after .5s; } @-webkit-keyframes icon-grid-layout-1 { 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } } @keyframes icon-grid-layout-1 { 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } } @-webkit-keyframes icon-grid-layout-1-before { 50% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } } @keyframes icon-grid-layout-1-before { 50% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } } @-webkit-keyframes icon-grid-layout-1-after { 50% { -webkit-transform: translateX(2px); transform: translateX(2px); } } @keyframes icon-grid-layout-1-after { 50% { -webkit-transform: translateX(2px); transform: translateX(2px); } } @-webkit-keyframes icon-grid-layout-2-before { 50% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } } @keyframes icon-grid-layout-2-before { 50% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } } @-webkit-keyframes icon-grid-layout-2-after { 50% { -webkit-transform: translateX(2px); transform: translateX(2px); } } @keyframes icon-grid-layout-2-after { 50% { -webkit-transform: translateX(2px); transform: translateX(2px); } } @-webkit-keyframes icon-grid-layout-3 { 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } } @keyframes icon-grid-layout-3 { 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } } @-webkit-keyframes icon-grid-layout-3-before { 50% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } } @keyframes icon-grid-layout-3-before { 50% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } } @-webkit-keyframes icon-grid-layout-3-after { 50% { -webkit-transform: translateX(2px); transform: translateX(2px); } } @keyframes icon-grid-layout-3-after { 50% { -webkit-transform: translateX(2px); transform: translateX(2px); } } /* Icon List Layout */ .icon-list-layout { position: relative; } .icon-list-layout__inner { display: block; width: 18px; height: 18px; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .icon-list-layout__item { display: block; position: relative; width: 4px; height: 4px; font-size: 0; line-height: 0; background-color: #d7d8da; margin: 0 0 3px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .icon-list-layout__item::before { content: ""; display: block; position: absolute; width: 11px; height: 4px; background-color: #d7d8da; left: 7px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .icon-list-layout--active .icon-list-layout__item { background-color: #fea409; } .icon-list-layout--active .icon-list-layout__item::before { background-color: #fea409; } .icon-list-layout:hover .icon-list-layout__item { -webkit-animation: icon-list-layout 0.5s; animation: icon-list-layout 0.5s; background-color: #fea409; } .icon-list-layout:hover .icon-list-layout__item::before { background-color: #fea409; -webkit-animation: icon-list-layout-before 0.5s; animation: icon-list-layout-before 0.5s; } .icon-list-layout:hover .icon-list-layout__item:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .icon-list-layout:hover .icon-list-layout__item:nth-child(2)::before { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .icon-list-layout:hover .icon-list-layout__item:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .icon-list-layout:hover .icon-list-layout__item:nth-child(3)::before { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes icon-list-layout { 50% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } } @keyframes icon-list-layout { 50% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } } @-webkit-keyframes icon-list-layout-before { 50% { -webkit-transform: translateX(6px); transform: translateX(6px); } } @keyframes icon-list-layout-before { 50% { -webkit-transform: translateX(6px); transform: translateX(6px); } } /* Products */ .products { list-style: none; margin: 0; padding: 0; } .product__item { overflow: hidden; } @media (min-width: 992px) { .product__content { padding: 35px 36px 30px 36px; } } .product__category { display: block; font-size: 10px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; font-weight: 400; margin-bottom: .75em; } .product__title { margin-bottom: 0; line-height: 1.2em; font-size: 16px; } @media (min-width: 992px) { .product__title { font-size: 20px; } } @media (min-width: 1200px) { .product__title { font-size: 22px; } } .product__title > a { color: #31404b; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .product__title > a:hover { color: #1892ed; } .product__ratings { font-size: 10px; line-height: 1.2em; } .product__title + .product__ratings { margin-top: 10px; } .product__ratings .fa { color: #ffdc11; margin-right: 3px; } .product__ratings .empty { color: #dbdfe6; } .product__excerpt { margin-bottom: 20px; } @media (min-width: 992px) { .product__excerpt { margin-bottom: 46px; } } .product__excerpt--sm { margin-bottom: 10px; } @media (min-width: 992px) { .product__excerpt--sm { margin-bottom: 26px; } } .product__footer .btn + .btn { margin-left: 7px; } .product__add-to-cart .icon-bag { font-size: 15px; line-height: 1.2em; vertical-align: middle; } .product__params { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1200px) { .product__params { margin-bottom: 56px; } } .product__params h6 { font-size: 11px; line-height: 1.2em; margin-bottom: 1em; } .product__param-item--color { width: 100%; margin-bottom: 20px; } @media (min-width: 1200px) { .product__param-item--color { width: 40%; margin-bottom: 0; } } @media (min-width: 1200px) { .product__param-item--color-lg { width: 100%; } } @media (min-width: 1200px) { .product__param-item--size { width: 25%; padding-right: 7%; } } @media (min-width: 1200px) { .product__param-item--size-lg { width: 75%; padding-right: 7%; } } @media (min-width: 1200px) { .product__param-item--quantity { width: 18%; } } .product__bg-letters { display: block; position: absolute; left: -0.35em; top: -0.2em; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 700; line-height: 1em; letter-spacing: -0.03em; color: #fff; opacity: .1; font-size: 230px; pointer-events: none; } /* Product Slider */ .product__slider.slick-slider { margin-bottom: 0; } .product__slider .product__slide { position: relative; height: 330px; } .product__slider .slick-dots { bottom: 13px; } .product__slider .slick-dots li { height: 6px; width: 6px; margin: 0 3px; } .product__slider .slick-dots li button { height: 6px; width: 6px; line-height: 6px; background-color: #fff; opacity: 0.4; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .product__slider .slick-dots li button:hover, .product__slider .slick-dots li button:focus { opacity: 1; } .product__slider .slick-dots li button:hover { background-color: #fff; } .product__slider .slick-dots li.slick-active button { background-color: #fff; opacity: 1; } .product__slide-img { position: relative; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-bottom: 10px; } .product__slide-img img { margin: 0 auto; } .product__slide-img::after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 150px; height: 10px; background: transparent; border-radius: 100px/50px; box-shadow: 0 40px 10px rgba(0, 0, 0, 0.05); -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* Product Slider - Soccer */ .product__slider-soccer-wrapper { padding: 60px 0 0 40px; overflow: hidden; margin-bottom: 20px; } @media (min-width: 992px) { .product__slider-soccer-wrapper { margin-bottom: 36px; } } .product__slider-soccer { text-align: center; width: 250px; margin: 0 auto; } @media (min-width: 992px) { .product__slider-soccer { float: left; } } .product__slider-soccer img { display: inline-block; } /* Product Slider - Thumbs */ .product__slider-thumbs { margin-right: 20px; width: 62px; float: left; display: none; } @media (min-width: 992px) { .product__slider-thumbs { display: block; } } .product__slide-thumb { width: 60px; height: 60px; margin-bottom: 2px; } .product__slide-thumb:hover { cursor: pointer; } .product__slide-thumb img { vertical-align: top; opacity: .4; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .product__slide-thumb.slick-current img { opacity: 1; } .product__slide-thumb-holder { display: inline-block; border: 1px solid #e4e7ed; } /* Products List */ .products--list .product__item { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .products--list .product__item { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .products--list .product__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; } @media (min-width: 992px) { .products--list .product__header { margin-bottom: 24px; } } .products--list .product__img { text-align: center; } @media (max-width: 991px) { .products--list .product__img { width: 100%; } } .products--list .product__price { margin-left: auto; font-size: 14px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; line-height: 1.2em; } @media (min-width: 992px) { .products--list .product__price { font-size: 22px; } } .products--list .product__item--color-1 .product__img { background-image: -webkit-linear-gradient(right bottom, #fe2b00, #f7d500); background-image: linear-gradient(to left top, #fe2b00, #f7d500); } .products--list .product__item--color-2 .product__img { background-image: -webkit-linear-gradient(right bottom, #003e78, #33fff3); background-image: linear-gradient(to left top, #003e78, #33fff3); } .products--list .product__item--color-3 .product__img { background-image: -webkit-linear-gradient(right bottom, #00adbd, #7cffd0); background-image: linear-gradient(to left top, #00adbd, #7cffd0); } .products--list .product__item--color-4 .product__img { background-image: -webkit-linear-gradient(right bottom, #3f1464, #dd2f8d); background-image: linear-gradient(to left top, #3f1464, #dd2f8d); } .products--list .product__item--color-5 .product__img { background-image: -webkit-linear-gradient(right bottom, #140078, #4dcbff); background-image: linear-gradient(to left top, #140078, #4dcbff); } .products--list .product__item--color-6 .product__img { background-image: -webkit-linear-gradient(right bottom, #006f3f, #bdff3d); background-image: linear-gradient(to left top, #006f3f, #bdff3d); } .products--list .product__img-holder { position: relative; overflow: hidden; width: 100%; } @media (min-width: 992px) { .products--list .product__img-holder { width: 250px; } } @media (min-width: 1200px) { .products--list .product__img-holder { width: 278px; } } @media (max-width: 479px) { .products--list .product__footer .btn { display: block; width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; } .products--list .product__footer .product__wish { float: left; width: 48%; } .products--list .product__footer .product__view { width: 48%; float: right; } .products--list .product__footer .btn + .btn { margin-top: 7px; } } /* Products List - Large */ @media (min-width: 992px) { .products--list-lg .product__content { padding: 60px 50px 54px 50px; } } .products--list-lg .product__header { margin-bottom: 30px; } @media (min-width: 992px) { .products--list-lg .product__header { margin-bottom: 44px; } } .products--list-lg .product__category { font-size: 11px; } @media (min-width: 992px) { .products--list-lg .product__title { font-size: 24px; } } @media (min-width: 1200px) { .products--list-lg .product__title { font-size: 30px; } } .products--list-lg .product__ratings { font-size: 13px; } .product__title + .products--list-lg .product__ratings { margin-top: 10px; } .products--list-lg .product__ratings .fa { margin-right: 3px; } @media (min-width: 992px) { .products--list-lg .product__price { font-size: 24px; } } @media (min-width: 1200px) { .products--list-lg .product__price { font-size: 30px; } } .products--list-lg .product__excerpt h6 { font-size: 11px; line-height: 1.2em; margin-bottom: 1.75em; } @media (max-width: 479px) { .products--list-lg .product__footer .product__wish { float: none; width: 100%; } } .products--list-lg .product__bg-letters { font-size: 320px; } @media (min-width: 992px) { .products--list-lg .product__img-holder { width: 420px; } } @media (min-width: 1200px) { .products--list-lg .product__img-holder { width: 500px; } } .products--list-lg .product__slider .product__slide { height: 360px; } @media (min-width: 992px) { .products--list-lg .product__slider .product__slide { height: 578px; } } .products--list-lg .product__slider .slick-dots { bottom: 13px; } .products--list-lg .product__slider .slick-dots li { height: 8px; width: 8px; margin: 0 6px; } .products--list-lg .product__slider .slick-dots li button { height: 8px; width: 8px; line-height: 8px; } /* Products List - Condensed */ .products--list-condensed .product__item { margin-bottom: -1px; border-radius: 0; } /* Products Grid */ .products--grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; margin-top: -8px; } .products--grid .product__item { position: relative; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 8px; } @media (min-width: 480px) { .products--grid .product__item { -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); max-width: calc(50% - 16px); } } @media (min-width: 768px) { .products--grid .product__item { -ms-flex-preferred-size: calc(33.3% - 16px); flex-basis: calc(33.3% - 16px); max-width: calc(33.3% - 16px); } } @media (min-width: 768px) { .products--grid.products--grid-4 .product__item { -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); max-width: calc(50% - 16px); } } @media (min-width: 992px) { .products--grid.products--grid-4 .product__item { -ms-flex-preferred-size: calc(25% - 16px); flex-basis: calc(25% - 16px); max-width: calc(25% - 16px); } } .products--grid .product__item--color-1 { background-image: -webkit-linear-gradient(right bottom, #fe2b00, #f7d500); background-image: linear-gradient(to left top, #fe2b00, #f7d500); } .products--grid .product__item--color-2 { background-image: -webkit-linear-gradient(right bottom, #003e78, #33fff3); background-image: linear-gradient(to left top, #003e78, #33fff3); } .products--grid .product__item--color-3 { background-image: -webkit-linear-gradient(right bottom, #00adbd, #7cffd0); background-image: linear-gradient(to left top, #00adbd, #7cffd0); } .products--grid .product__item--color-4 { background-image: -webkit-linear-gradient(right bottom, #3f1464, #dd2f8d); background-image: linear-gradient(to left top, #3f1464, #dd2f8d); } .products--grid .product__item--color-5 { background-image: -webkit-linear-gradient(right bottom, #140078, #4dcbff); background-image: linear-gradient(to left top, #140078, #4dcbff); } .products--grid .product__item--color-6 { background-image: -webkit-linear-gradient(right bottom, #006f3f, #bdff3d); background-image: linear-gradient(to left top, #006f3f, #bdff3d); } .products--grid .product__header { text-align: center; margin-bottom: 24px; } @media (min-width: 992px) { .products--grid .product__header { margin-bottom: 36px; } } .products--grid .product__category { color: #fff; } .products--grid .product__title { color: #fff; font-size: 14px; } .products--grid .product__title > a { color: #fff; } .products--grid .product__ratings .empty { color: #fff; opacity: .3; } .products--grid .product__price { position: absolute; right: 23px; top: 20px; font-family: "Montserrat", sans-serif; color: #fff; font-size: 14px; line-height: 1.2em; font-weight: 700; } .products--grid .product__content { padding: 23px; } .products--grid .product__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 768px) and (max-width: 1199px) { .products--grid .product__footer { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .products--grid .product__footer .product__add-to-cart { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) and (max-width: 1199px) { .products--grid .product__footer .product__add-to-cart { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 7px; } } .products--grid .product__footer .btn { padding-left: 0; padding-right: 0; } .products--grid .product__footer .btn-single-icon { -ms-flex-preferred-size: 47px; flex-basis: 47px; } @media (min-width: 768px) and (max-width: 1199px) { .products--grid .product__footer .btn-single-icon { -ms-flex-preferred-size: 48%; flex-basis: 48%; margin: 0; } } .products--grid .product__slider .product__slide { height: 283px; } .products--grid .product__slider .slick-dots { text-align: left; bottom: auto; top: 10px; left: 23px; } .products--grid .product__slider .product__slide-img { -webkit-transform: translate(-50%, -40%); transform: translate(-50%, -40%); padding-bottom: 0; } /* Products Grid - Condensed */ .products--grid-condensed { margin: 0; } .products--grid-condensed .product__item { position: relative; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 -1px -1px 0; border-radius: 0; } @media (min-width: 480px) { .products--grid-condensed .product__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 768px) { .products--grid-condensed .product__item { -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; max-width: 33.3%; } } .products--grid-condensed .product__img { text-align: center; } @media (min-width: 768px) { .products--grid-condensed.products--grid-4 .product__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 992px) { .products--grid-condensed.products--grid-4 .product__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .products--grid-condensed .product__header { text-align: left; margin-bottom: 10px; } @media (min-width: 992px) { .products--grid-condensed .product__header { margin-bottom: 10px; } } .products--grid-condensed .product__header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .products--grid-condensed .product__category, .products--grid-condensed .product__ratings { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .products--grid-condensed .product__ratings { text-align: right; } .products--grid-condensed .product__price { text-align: right; } /* Products Grid - Light */ .products--grid-light .product__category { color: #9a9da2; } .products--grid-light .product__title { color: #31404b; font-size: 12px; } .products--grid-light .product__title > a { color: #31404b; } .products--grid-light .product__title > a:hover { color: #fea409; } .products--grid-light .product__ratings .empty { color: #dce0e7; opacity: 1; } .products--grid-light .product__price { position: static; font-family: "Montserrat", sans-serif; color: #31404b; font-size: 12px; } /* Filter Color */ .filter-color { list-style: none; padding: 0; margin: 0 0 -12px 0; overflow: hidden; } .filter-color__item { display: inline-block; width: 28px; height: 28px; overflow: hidden; margin: 0 3px 12px 3px; } .filter-color__item [class*="indicator"] { width: 20px; height: 20px; background-color: transparent; border-color: #e4e7ed; border-radius: 50%; display: block; position: absolute; left: 4px; top: 4px; margin-top: 0; } .filter-color__item [class*="indicator"]:hover { cursor: pointer; } .filter-color__item [class*="indicator"]::before { content: ""; display: block; position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; border: 2px solid transparent; border-radius: 50%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: scale(0.8); transform: scale(0.8); } .filter-color__item input[type="checkbox"]:checked + [class*="indicator"], .filter-color__item input[type="radio"]:checked + [class*="indicator"] { background-color: #e4e7ed; border-color: #e4e7ed; background-image: none !important; } .filter-color__item input[type="checkbox"]:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"]:checked + [class*="indicator"]::before { border-color: #e4e7ed; -webkit-transform: scale(1); transform: scale(1); } .filter-color__item input[type="checkbox"].color-violet + [class*="indicator"], .filter-color__item input[type="radio"].color-violet + [class*="indicator"] { background-color: #6e53bc; border-color: #6e53bc; } .filter-color__item input[type="checkbox"].color-violet:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-violet:checked + [class*="indicator"] { background-color: #6e53bc; border-color: #6e53bc; } .filter-color__item input[type="checkbox"].color-violet:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-violet:checked + [class*="indicator"]::before { border-color: #6e53bc; } .filter-color__item input[type="checkbox"].color-blue + [class*="indicator"], .filter-color__item input[type="radio"].color-blue + [class*="indicator"] { background-color: #1e81f1; border-color: #1e81f1; } .filter-color__item input[type="checkbox"].color-blue:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-blue:checked + [class*="indicator"] { background-color: #1e81f1; border-color: #1e81f1; } .filter-color__item input[type="checkbox"].color-blue:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-blue:checked + [class*="indicator"]::before { border-color: #1e81f1; } .filter-color__item input[type="checkbox"].color-light-blue + [class*="indicator"], .filter-color__item input[type="radio"].color-light-blue + [class*="indicator"] { background-color: #00cbf6; border-color: #00cbf6; } .filter-color__item input[type="checkbox"].color-light-blue:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-light-blue:checked + [class*="indicator"] { background-color: #00cbf6; border-color: #00cbf6; } .filter-color__item input[type="checkbox"].color-light-blue:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-light-blue:checked + [class*="indicator"]::before { border-color: #00cbf6; } .filter-color__item input[type="checkbox"].color-cyan + [class*="indicator"], .filter-color__item input[type="radio"].color-cyan + [class*="indicator"] { background-color: #1af1e4; border-color: #1af1e4; } .filter-color__item input[type="checkbox"].color-cyan:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-cyan:checked + [class*="indicator"] { background-color: #1af1e4; border-color: #1af1e4; } .filter-color__item input[type="checkbox"].color-cyan:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-cyan:checked + [class*="indicator"]::before { border-color: #1af1e4; } .filter-color__item input[type="checkbox"].color-aqua + [class*="indicator"], .filter-color__item input[type="radio"].color-aqua + [class*="indicator"] { background-color: #14ee85; border-color: #14ee85; } .filter-color__item input[type="checkbox"].color-aqua:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-aqua:checked + [class*="indicator"] { background-color: #14ee85; border-color: #14ee85; } .filter-color__item input[type="checkbox"].color-aqua:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-aqua:checked + [class*="indicator"]::before { border-color: #14ee85; } .filter-color__item input[type="checkbox"].color-green + [class*="indicator"], .filter-color__item input[type="radio"].color-green + [class*="indicator"] { background-color: #aff526; border-color: #aff526; } .filter-color__item input[type="checkbox"].color-green:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-green:checked + [class*="indicator"] { background-color: #aff526; border-color: #aff526; } .filter-color__item input[type="checkbox"].color-green:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-green:checked + [class*="indicator"]::before { border-color: #aff526; } .filter-color__item input[type="checkbox"].color-yellow + [class*="indicator"], .filter-color__item input[type="radio"].color-yellow + [class*="indicator"] { background-color: #ffde00; border-color: #ffde00; } .filter-color__item input[type="checkbox"].color-yellow:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-yellow:checked + [class*="indicator"] { background-color: #ffde00; border-color: #ffde00; } .filter-color__item input[type="checkbox"].color-yellow:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-yellow:checked + [class*="indicator"]::before { border-color: #ffde00; } .filter-color__item input[type="checkbox"].color-orange + [class*="indicator"], .filter-color__item input[type="radio"].color-orange + [class*="indicator"] { background-color: #ff860f; border-color: #ff860f; } .filter-color__item input[type="checkbox"].color-orange:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-orange:checked + [class*="indicator"] { background-color: #ff860f; border-color: #ff860f; } .filter-color__item input[type="checkbox"].color-orange:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-orange:checked + [class*="indicator"]::before { border-color: #ff860f; } .filter-color__item input[type="checkbox"].color-red + [class*="indicator"], .filter-color__item input[type="radio"].color-red + [class*="indicator"] { background-color: #ed2546; border-color: #ed2546; } .filter-color__item input[type="checkbox"].color-red:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-red:checked + [class*="indicator"] { background-color: #ed2546; border-color: #ed2546; } .filter-color__item input[type="checkbox"].color-red:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-red:checked + [class*="indicator"]::before { border-color: #ed2546; } .filter-color__item input[type="checkbox"].color-black + [class*="indicator"], .filter-color__item input[type="radio"].color-black + [class*="indicator"] { background-color: #383838; border-color: #383838; } .filter-color__item input[type="checkbox"].color-black:checked + [class*="indicator"], .filter-color__item input[type="radio"].color-black:checked + [class*="indicator"] { background-color: #383838; border-color: #383838; } .filter-color__item input[type="checkbox"].color-black:checked + [class*="indicator"]::before, .filter-color__item input[type="radio"].color-black:checked + [class*="indicator"]::before { border-color: #383838; } .filter-color__item.checkbox-inline { padding-left: 24px; } .filter-color__item input:disabled + [class*="indicator"] { background-color: #e4e7ed; border-color: #d8dce5; } /* Product Tabs */ .product-tabs .nav-product-tabs > li { border-radius: 0; } .product-tabs .nav-product-tabs > li > a { margin-right: 0; border-radius: 0; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #9a9da2; line-height: 1.2em; padding: 28px 20px; -webkit-transition: color .3s ease; transition: color .3s ease; border-top: none; margin-bottom: 0; border-bottom: 1px solid #e4e7ed; } @media (min-width: 992px) { .product-tabs .nav-product-tabs > li > a { font-size: 13px; } } .product-tabs .nav-product-tabs > li > a::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 0; background-color: #fea409; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; } .product-tabs .nav-product-tabs > li > a > small { display: block; font-size: 8px; line-height: 1.2em; color: #9a9da2; } .product-tabs .nav-product-tabs > li > a:hover { background-color: transparent; border-left: none; border-right: none; color: #31404b; } .product-tabs .nav-product-tabs > li > a:hover > small { color: #9a9da2; } .product-tabs .nav-product-tabs > .active > a, .product-tabs .nav-product-tabs > .active > a:hover, .product-tabs .nav-product-tabs > .active > a:focus { border: 1px solid #e4e7ed; border-left: none; border-right: none; color: #31404b; } .product-tabs .nav-product-tabs > .active > a::before, .product-tabs .nav-product-tabs > .active > a:hover::before, .product-tabs .nav-product-tabs > .active > a:focus::before { height: 4px; } @media (min-width: 768px) { .product-tabs .nav-product-tabs > li > a { border-radius: 0; border-right: none; border-top: none; } .product-tabs .nav-product-tabs > li:first-child > a { border-left: none !important; } .product-tabs .nav-product-tabs > .active > a, .product-tabs .nav-product-tabs > .active > a:hover, .product-tabs .nav-product-tabs > .active > a:focus { border-bottom-color: transparent; border-right: none; border-top: none; } .product-tabs .nav-product-tabs > li + li > a { border-left: 1px solid #e4e7ed !important; } } .product-tabs__section + .product-tabs__section { margin-top: 30px; } .product-tabs__header { padding-bottom: 2.5em; } .product-tabs__header h2 { margin-bottom: 0; } .product-tabs__header .ratings { font-size: 11px; padding: 13px 0 0 0; } .product-tabs__header .ratings .fa { margin-right: 3px; } .product-tabs__header .ratings-result { display: inline-block; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; padding-left: 9px; } #textarea-review { height: 162px; } /* // #Info Block // -------------------------------------------------- */ .info-block { list-style: none; padding: 0; margin: 0; } .info-block__item { position: relative; min-height: 26px; padding: 2px 0 0 40px; margin-bottom: 34px; list-style: none; text-align: left; } .info-block__item:last-child { margin-bottom: 0; } .info-block__item .df-icon, .info-block__item .df-icon-stack { position: absolute; left: 0; top: 0; } .header__primary .info-block__item { text-align: left; margin: 20px 0; padding: 2px 30px 16px 70px; } .header__primary .info-block__item.info-block__item--contact-primary { margin-top: 36px; } .header__primary .info-block__item.info-block__item--contact-secondary { margin-bottom: 0; } .header__primary .info-block__item .df-icon { left: 30px; } .header__primary .info-block__item .info-block__link { padding: 0; font-size: 9px; line-height: 1.2em; color: #6b6d70; border: none; } .header__primary .info-block__item .info-block__link::before { display: none; } .header__primary .info-block__item .info-block__link:hover { color: #fff; } @media (min-width: 992px) { .header__primary .info-block__item { display: none; } } .info-block__item--nopadding { padding-left: 0; } .info-block__heading { font-size: 9px; line-height: 1.2em; margin-bottom: 5px; color: #fff; text-transform: uppercase; } .info-block__link { display: block; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: 9px; line-height: 1.2em; color: #6b6d70; vertical-align: top; -webkit-transition: color 0.25s cubic-bezier(0.3, 0.1, 0.55, 1); transition: color 0.25s cubic-bezier(0.3, 0.1, 0.55, 1); } .info-block__link:hover { color: #fff; } .info-block__link-wrapper { display: block; } .info-block--header { display: inline-block; } .info-block--header .info-block__item { display: inline-block; margin: 7px 0 0 26px; } @media (min-width: 992px) { .info-block--header .info-block__item { padding-top: 20px; padding-bottom: 32px; } .info-block--header .info-block__item .df-icon { top: 24px; stroke: #fea409; } .info-block--header .info-block__item .df-icon-stack--bag { top: 3px; } .info-block--header .info-block__item .df-icon-stack--bag .df-icon--bag-handle { top: 19px; } .info-block--header .info-block__item .info-block__heading { margin-top: 5px; } } @media (min-width: 992px) and (max-width: 1199px) { .info-block--header .info-block__item { margin-left: 20px; } } .info-block--header .info-block__item.has-children > .info-block__link-wrapper { padding-right: 16px; } .info-block--header .info-block__item.has-children > .info-block__link-wrapper::after { content: ""; position: absolute; right: 0; top: 26px; width: 6px; height: 4px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E"); background-size: 6px 4px; background-repeat: no-repeat; background-position: center center; } .info-block--header .info-block__item.has-children:hover .header-cart { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; } .info-block--header .info-block__item--shopping-cart .info-block__heading { margin-bottom: 3px; } .info-block--header .info-block__cart-sum { font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; line-height: 1.2em; display: block; color: #fea409; } .info-block--header .header-cart { list-style: none; padding: 0; margin: 0; display: block; position: absolute; top: 100%; right: 0; z-index: 99; width: 360px; background-color: #fff; opacity: 0; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-75deg); transform: rotateX(-75deg); visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .info-block--header .header-cart__item { position: relative; overflow: hidden; padding: 24px 24px 19px 24px; border-top: 1px solid #e4e7ed; } .info-block--header .header-cart__inner { overflow: hidden; padding: 5px 0 0 0; } .info-block--header .header-cart__product-thumb { float: left; margin: 0 12px 0 0; } .info-block--header .header-cart__product-thumb img { max-width: 100%; height: auto; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .info-block--header .header-cart__product-thumb img:hover { opacity: 0.7; } .info-block--header .header-cart__product-cat { display: block; font-size: 8px; line-height: 1.2em; font-weight: 700; text-transform: uppercase; font-family: "Montserrat", sans-serif; margin-bottom: .2em; } .info-block--header .header-cart__product-name { font-size: 12px; line-height: 1.2em; margin-bottom: .5em; font-family: "Montserrat", sans-serif; text-transform: uppercase; } .info-block--header .header-cart__product-name > a { color: #31404b; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .info-block--header .header-cart__product-name > a:hover { color: #fea409; } .info-block--header .header-cart__product-ratings { font-size: 10px; line-height: 10px; margin-bottom: 2px; } .info-block--header .header-cart__product-ratings .fa { margin-right: 2px; color: #ffdc11; } .info-block--header .header-cart__product-ratings .fa.empty { color: #dbdfe6; } .info-block--header .header-cart__product-sum { font-size: 12px; font-weight: 700; font-family: "Montserrat", sans-serif; color: #31404b; } .info-block--header .header-cart__close { display: block; position: absolute; right: 18px; top: 12px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #31404b; opacity: .4; font-size: 14px; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .info-block--header .header-cart__close:hover { opacity: 1; cursor: pointer; } .info-block--header .header-cart__item--subtotal { overflow: hidden; font-size: 11px; line-height: 1.3em; padding-top: 21px; padding-bottom: 21px; text-transform: uppercase; color: #31404b; font-weight: 700; font-family: "Montserrat", sans-serif; } .info-block--header .header-cart__subtotal { float: left; } .info-block--header .header-cart__subtotal-sum { float: right; } .info-block--header .header-cart__item--action { padding-top: 16px; padding-bottom: 16px; } .info-block--header .header-cart__item--action .btn { width: 48%; padding-left: 0; padding-right: 0; text-align: center; margin-top: 0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .info-block--header .header-cart__item--action .btn:first-child { float: left; } .info-block--header .header-cart__item--action .btn:last-child { float: right; } .footer-widgets .info-block__item .df-icon { stroke: #fea409; } /* Social Counter /* ------------------------- */ .btn-social-counter { display: block; width: 100%; color: #fff; text-transform: uppercase; border: 1px solid #e4e7ed; border-radius: 4px; min-height: 65px; position: relative; overflow: hidden; background-clip: padding-box; padding: 20px 60px 18px 86px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-social-counter + .btn-social-counter { margin-top: 10px; } .btn-social-counter:hover { color: #fff; } .btn-social-counter__icon { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 68px; background-color: rgba(0, 0, 0, 0.1); text-align: center; font-size: 18px; } .btn-social-counter__icon .fa { width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .btn-social-counter__title { font-size: 11px; line-height: 1.2em; color: #fff; margin-bottom: 1px; letter-spacing: -0.02em; } @media (min-width: 992px) { .btn-social-counter__title { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px) { .btn-social-counter__title { font-size: 11px; } } .btn-social-counter__count { display: block; font-size: 10px; line-height: 1.2em; color: #fff; font-weight: 700; font-family: "Montserrat", sans-serif; } .btn-social-counter__add-icon { display: block; position: absolute; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; right: 23px; top: 50%; margin-top: -13px; } .btn-social-counter__add-icon::before, .btn-social-counter__add-icon::after { content: ""; display: block; position: absolute; background-color: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .btn-social-counter__add-icon::before { width: 8px; height: 2px; } .btn-social-counter__add-icon::after { width: 2px; height: 8px; } .btn-social-counter:hover .btn-social-counter__add-icon::before, .btn-social-counter:hover .btn-social-counter__add-icon::after { -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .btn-social-counter__name { font-size: 24px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #fff; line-height: 1em; text-transform: none; letter-spacing: -0.03em; } @media (min-width: 1199px) { .btn-social-counter__name { font-size: 28px; } } .btn-social-counter--fb .btn-social-counter__name { text-transform: lowercase; } /* Types */ .btn-social-counter--card { padding: 34px 60px 18px 23px; height: 150px; min-width: 304px; } @media (min-width: 992px) { .btn-social-counter--card { height: 200px; } } @media (min-width: 1199px) { .btn-social-counter--card { height: 216px; } } .post-grid__item .btn-social-counter--card { margin-bottom: 15px; } .btn-social-counter--card .btn-social-counter__footer { display: block; position: absolute; left: 0; right: 0; bottom: 0; padding: 0 60px 30px 23px; } .btn-social-counter--card .btn-social-counter__footer .btn-social-counter__add-icon { top: 0; margin-top: 0; } /* Social Buttons Styles */ .btn-social-counter--fb { background-color: #4d6baa; } .btn-social-counter--fb .btn-social-counter__icon { background-color: #43609c; } .btn-social-counter--fb:hover { background-color: #5c78b5; } .widget-social--condensed .btn-social-counter--fb { background-color: #43609c; } .widget-social--condensed .btn-social-counter--fb .btn-social-counter__count { background-color: #4d6baa; } .btn-social-counter--twitter { background-color: #3fcef2; } .btn-social-counter--twitter .btn-social-counter__icon { background-color: #38c2e5; } .btn-social-counter--twitter:hover { background-color: #57d4f4; } .widget-social--condensed .btn-social-counter--twitter { background-color: #38c2e5; } .widget-social--condensed .btn-social-counter--twitter .btn-social-counter__count { background-color: #3fcef2; } .btn-social-counter--gplus { background-color: #e34d39; } .btn-social-counter--gplus .btn-social-counter__icon { background-color: #d54430; } .btn-social-counter--gplus:hover { background-color: #e6614f; } .widget-social--condensed .btn-social-counter--gplus { background-color: #d54430; } .widget-social--condensed .btn-social-counter--gplus .btn-social-counter__count { background-color: #d54430; } .btn-social-counter--rss { background-color: #ffcc00; } .btn-social-counter--rss .btn-social-counter__icon { background-color: #ffbf13; } .btn-social-counter--rss:hover { background-color: #ffd11a; } .widget-social--condensed .btn-social-counter--rss { background-color: #ffbf13; } .widget-social--condensed .btn-social-counter--rss .btn-social-counter__count { background-color: #ffcc00; } /* // #Social Links // -------------------------------------------------- */ .social-links { list-style-type: none; padding: 0; margin: 0; } .social-links__item { display: inline-block; font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; margin-right: 12px; } .social-links__item .fa { font-size: 12px; margin-right: 5px; color: #fff; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .social-links__item:last-child { margin-right: 0; } .social-links__link { display: inline-block; color: #6b6d70; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .social-links__link:hover { color: #fff; } .social-links__link:hover .fa { color: #fea409; } .social-links--main-nav { display: inline-block; padding-left: 30px; } .social-links--main-nav .social-links__item { margin-right: 19px; } @media (min-width: 992px) and (max-width: 1199px) { .social-links--main-nav .social-links__item { margin-right: 10px; } } @media (min-width: 992px) and (max-width: 1199px) { .social-links--main-nav { padding-left: 30px; } } .social-links--btn .social-links__item { margin: 0 0 0 0; } .social-links--btn .social-links__link { display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff; border-radius: 2px; font-size: 12px; margin: 0 2px; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .social-links--btn .social-links__link:hover { opacity: 0.8; } .social-links--btn .social-links__link:hover .fa { color: #fff; } .social-links--btn .social-links__link .fa { margin: 0; } .social-links--btn .social-links__link--lg { width: 32px; height: 32px; line-height: 32px; margin: 0 6px; } .social-links--btn .social-links__link--fb { background-color: #4d6baa; } .social-links--btn .social-links__link--twitter { background-color: #3fcef2; } .social-links--btn .social-links__link--gplus { background-color: #e34d39; } /* Match Preview */ .match-preview__header { text-align: center; margin-bottom: 15px; } .match-preview__title { font-size: 14px; line-height: 1.2em; margin-bottom: .25em; text-transform: uppercase; } .match-preview__title--lg { padding-top: .15em; margin-bottom: 15px; } @media (min-width: 768px) { .match-preview__title--lg { font-size: 21px; } } .match-preview__date { display: block; text-transform: uppercase; font-size: 12px; line-height: 1.5em; font-family: "Montserrat", sans-serif; font-weight: bold; } .match-preview__content { overflow: hidden; padding: 0 0 0px 0; } .match-preview__team { overflow: hidden; margin-bottom: 16px; } @media (min-width: 768px) { .match-preview__team { float: left; width: 37%; text-align: center; margin-bottom: 0; } } @media (min-width: 768px) { .match-preview__team--second { float: right; } } .match-preview__team-logo { width: 46px; float: left; margin: 0 10px 0 0; } @media (min-width: 768px) { .match-preview__team-logo { height: 100px; margin: 0 0 10px 0; width: auto; float: none; } } .match-preview__team-logo img { max-width: 100%; height: auto; } @media (min-width: 768px) { .match-preview__team-logo img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .match-preview__team-name { font-size: 13px; line-height: 1.2em; text-transform: uppercase; letter-spacing: -0.02em; padding: 12px 0 0 0; margin: 0; } @media (min-width: 768px) { .match-preview__team-name { padding: 0; font-size: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .match-preview__team-name { font-size: 13px; } } .match-preview__team-info { font-size: 7px; line-height: 1.3em; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 700; } @media (min-width: 768px) { .match-preview__team-info { font-size: 8px; } } .match-preview__vs { margin: 0 0 16px 0; } @media (min-width: 768px) { .match-preview__vs { float: left; width: 26%; text-align: center; padding: 38px 0 0 0; margin: 0; } } @media (min-width: 768px) and (max-width: 991px) { .match-preview__vs { padding-left: 2px; padding-right: 2px; } } .match-preview__conj { display: block; font-size: 18px; line-height: 1.2em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: #31404b; font-weight: 700; letter-spacing: -0.02em; width: 53px; text-align: center; display: inline-block; } @media (min-width: 768px) { .match-preview__conj { font-size: 30px; width: auto; display: block; } } @media (min-width: 992px) and (max-width: 1199px) { .match-preview__conj { font-size: 24px; } } .match-preview__match-info { font-size: 10px; line-height: 1.2em; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: 700; display: inline-block; } @media (min-width: 768px) { .match-preview__match-info { display: block; } } @media (min-width: 768px) and (max-width: 991px) { .match-preview__match-info { font-size: 8px; } } .match-preview__action--ticket { padding: 62px 24px 15px 24px; position: relative; margin-left: -25px; margin-right: -25px; overflow: hidden; background-image: -webkit-linear-gradient(left, transparent 3px, #d6d9df 3px); background-image: linear-gradient(to right, transparent 3px, #d6d9df 3px); background-repeat: repeat-x; background-size: 10px 1px; background-position: 0 22px; } @media (min-width: 768px) { .match-preview__action--ticket { padding-left: 48px; padding-right: 48px; } } .match-preview__action--ticket::before, .match-preview__action--ticket::after { content: ""; display: block; position: absolute; height: 45px; width: 45px; background-color: #edeff4; border: 1px solid #e4e7ed; border-radius: 50%; top: 0; } .match-preview__action--ticket::before { left: -22px; } .match-preview__action--ticket::after { right: -22px; } .match-preview__countdown .countdown__title { background-color: #f5f7f9; font-size: 11px; line-height: 1.2em; text-align: center; text-transform: uppercase; padding: 12px; border-top: 1px solid #e4e7ed; border-bottom: 1px solid #e4e7ed; margin: 0; } .match-preview--alt .match-preview__content { display: table; width: 100%; } .match-preview--alt .match-preview__content .match-preview__team { display: table-cell; width: 50%; float: none; vertical-align: middle; } .match-preview--alt .match-preview__content .match-preview__team--first { text-align: left; } .match-preview--alt .match-preview__content .match-preview__team--second { text-align: right; } .match-preview--alt .match-preview__content .match-preview__team-logo { width: 32px; float: none; margin: 0 5px 0 0; display: inline-block; vertical-align: middle; } @media (min-width: 768px) { .match-preview--alt .match-preview__content .match-preview__team-logo { width: auto; } } @media (min-width: 768px) { .match-preview--alt .match-preview__content .match-preview__team-logo { height: 50px; margin: 0 10px 0 0; } } @media (min-width: 768px) and (max-width: 991px) { .match-preview--alt .match-preview__content .match-preview__team-logo { margin-right: 5px; } } .match-preview--alt .match-preview__content .match-preview__team--second .match-preview__team-logo { margin: 0 0 0 5px; } @media (min-width: 768px) { .match-preview--alt .match-preview__content .match-preview__team--second .match-preview__team-logo { margin: 0 0 0 10px; } } @media (min-width: 768px) and (max-width: 991px) { .match-preview--alt .match-preview__content .match-preview__team--second .match-preview__team-logo { margin-left: 5px; } } .match-preview--alt .match-preview__content .match-preview__team-name { font-size: 18px; line-height: 1.2em; padding: 0; margin: 0; } @media (min-width: 768px) { .match-preview--alt .match-preview__content .match-preview__team-name { padding: 0; font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .match-preview--alt .match-preview__content .match-preview__team-name { font-size: 18px; } } .match-preview--alt .match-preview__content .match-prevew__team-details { display: inline-block; vertical-align: middle; } @media (max-width: 991px) { .match-preview--alt .match-preview__content .match-preview__team-info { display: none; } } .match-preview--alt .match-preview__content .match-preview__vs { display: table-cell; width: 50px; text-align: center; vertical-align: middle; float: none; padding: 0; } .match-preview--alt .match-preview__content .match-preview__conj { width: auto; font-size: 14px; display: inline-block; vertical-align: middle; } @media (min-width: 768px) { .match-preview--alt .match-preview__content .match-preview__conj { font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .match-preview--alt .match-preview__content .match-preview__conj { font-size: 12px; } } .match-preview--alt .match-preview__action { display: table; width: 100%; } .match-preview--alt .match-preview__match-info { display: table-cell; width: 50%; vertical-align: middle; } @media (min-width: 768px) { .match-preview--alt .match-preview__match-info { display: table-cell; } } .match-preview--alt .match-preview__match-time { color: #31404b; letter-spacing: -0.02em; line-height: 1.5em; } @media (min-width: 768px) { .match-preview--alt .match-preview__match-time { font-size: 14px; } } .match-preview--alt .match-preview__match-time small { font-size: 0.75em; } .match-preview--alt .match-preview__action-btn { display: table-cell; width: 50%; } /* Game Results */ .game-result__header { text-align: center; margin-bottom: 15px; } .game-result__title { font-size: 12px; line-height: 1.2em; margin-bottom: .25em; text-transform: uppercase; } @media (min-width: 992px) { .game-result__title { font-size: 14px; } } .game-result__date { display: block; font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; } @media (min-width: 992px) { .game-result__date { font-size: 10px; } } .game-result__header--alt { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 9px; line-height: 1.2em; font-weight: 400; text-transform: uppercase; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border-top: 1px solid #e4e7ed; border-bottom: 1px solid #e4e7ed; padding: 10px 0 7px 0; margin-left: -24px; margin-right: -24px; margin-top: -25px; margin-bottom: 40px; padding-left: 24px; padding-right: 24px; } @media (max-width: 991px) { .game-result__header--alt { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .game-result__league { font-size: 9px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; font-weight: 400; -ms-flex-preferred-size: 25%; flex-basis: 25%; text-align: left; } .game-result__date { font-weight: 400; -ms-flex-preferred-size: 25%; flex-basis: 25%; text-align: right; } .game-result__title { font-size: 9px; -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: center; } .game-result__goal { color: #31404b; text-transform: none; font-family: "Montserrat", sans-serif; padding: 0 10px; } @media (max-width: 991px) { .game-result__goal { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin: 2px 0; } } .game-result__goal::after { content: ""; width: 12px; height: 12px; display: inline-block; background-image: url("../images/soccer/icon-soccer-ball.svg"); background-size: 12px 12px; vertical-align: middle; margin-left: 7px; position: relative; top: -1px; } .game-result__content { overflow: hidden; margin: 0 0 30px 0; position: relative; } .game-result__content--visible { overflow: visible; } .game-result__team { overflow: hidden; padding-right: 70px; } @media (min-width: 992px) { .game-result__team { float: left; width: 37%; margin-bottom: 0; padding-right: 0; } } .game-result__team--second .game-result__team-logo { float: left; margin: 0 10px 0 0; } @media (min-width: 992px) { .game-result__team--second { float: right; text-align: right; } } @media (min-width: 992px) { .game-result__team--second .game-result__team-logo { margin: 0 0 0 25px; float: right; } } @media (min-width: 992px) and (max-width: 1199px) { .game-result__team--second .game-result__team-logo { float: none; margin: 0 0 10px 0; } } .game-result__team-logo { width: 46px; margin: 0 10px 0 0; float: left; } @media (min-width: 992px) { .game-result__team-logo { width: auto; height: 100px; margin: 0 25px 0 0; float: left; } } @media (min-width: 992px) and (max-width: 1199px) { .game-result__team-logo { float: none; text-align: center; margin: 0 0 10px 0; } } .game-result__team-info { padding-top: 10px; } @media (min-width: 992px) { .game-result__team-info { padding-top: 42px; } } @media (min-width: 992px) and (max-width: 1199px) { .game-result__team-info { padding-top: 0; text-align: center; } } .game-result__team-name { font-size: 13px; margin-bottom: 0.1em; } @media (min-width: 992px) { .game-result__team-name { font-size: 18px; } } .game-result__team-desc { font-size: 7px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; } @media (min-width: 992px) { .game-result__team-desc { font-size: 10px; } } .game-result__score-wrap { margin: 0 0 16px 0; text-align: right; } @media (min-width: 992px) { .game-result__score-wrap { float: left; width: 26%; text-align: center; padding: 33px 0 0 0; margin: 0; } } .game-result__score { font-size: 24px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; } @media (min-width: 992px) { .game-result__score { font-size: 34px; line-height: 1.2em; margin-bottom: 10px; } } @media (min-width: 992px) { .game-result__score--lg { font-size: 44px; } } .game-result__score-result { position: relative; } @media (max-width: 991px) { .game-result__score-result--winner { display: block; position: absolute; top: 8px; right: 0; } } .game-result__score-result--winner::before { content: ""; display: block; position: absolute; left: -20px; top: 50%; width: 0; height: 0; border-left: 8px solid #fea409; border-top: 8px solid transparent; border-bottom: 8px solid transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .game-result__score-result--loser { color: #9a9da2; } @media (max-width: 991px) { .game-result__score-result--loser { display: block; position: absolute; bottom: 4px; right: 0; } } @media (max-width: 991px) { .game-result__score-dash { display: none; } } .game-result__score-label { font-size: 10px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #31404b; } @media (max-width: 991px) { .game-result__score-label { line-height: 1em; font-size: 9px; } } .game-result__subtitle { font-size: 11px; margin-bottom: 0; } @media (min-width: 992px) { .game-result__subtitle { font-size: 13px; } } .game-result__stats { padding: 0 0 0 0; } @media (min-width: 992px) { .game-result__stats { padding: 0 20px 0 20px; } } .game-result__section { padding-top: 16px; } .game-result__section-decor { padding-bottom: 50px; background-image: -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(236, 240, 246, 0.6) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 8px, transparent 8px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.11) 8px, transparent 8px); background-image: linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(236, 240, 246, 0.6) 8px, transparent 8px), linear-gradient(to right, rgba(0, 0, 0, 0.1) 8px, transparent 8px), linear-gradient(to right, rgba(0, 0, 0, 0.11) 8px, transparent 8px); background-repeat: repeat-x; background-size: 72px 24px, 72px 30px, 72px 34px, 72px 40px, 72px 37px, 72px 29px, 144px 30px, 216px 37px; background-position: 0 100%, 12px 100%, 24px 100%, 36px 100%, 48px 100%, 60px 100%, 12px 100%, 48px 100%; } .card .game-result__section-decor { margin-left: -24px; margin-right: -24px; margin-bottom: -24px; } @media (min-width: 1199px) { .game-result__table-stats { margin: 0 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .game-result__table-stats .table > thead > tr > th, .game-result__table-stats .table > thead > tr > td, .game-result__table-stats .table > tbody > tr > th, .game-result__table-stats .table > tbody > tr > td, .game-result__table-stats .table > tfoot > tr > th, .game-result__table-stats .table > tfoot > tr > td { padding-left: 6px; padding-right: 6px; } } @media (min-width: 1199px) { .game-result__stats-team-1, .game-result__stats-team-2 { padding-top: 5px; } } .game-result__table-stats--soccer th { text-align: center; } .game-result__table-stats--soccer td { text-align: center; } .game-result__table-stats--soccer tbody > tr > td { border: none; padding-top: 6px; padding-bottom: 6px; text-transform: uppercase; font-size: 10px; font-weight: 700; } .game-result__table-stats--soccer tbody > tr:first-child > td { padding-top: 20px; } .game-result__table-stats--soccer tbody > tr:last-child > td { padding-bottom: 20px; } .game-result__table-stats--soccer tbody > tr > td:first-child, .game-result__table-stats--soccer tbody > tr > td:last-child { color: #31404b; } .game-timeline-wrapper { overflow: auto; padding-bottom: 20px; } .card .game-timeline-wrapper { margin-left: -24px; margin-right: -24px; } .game-timeline { position: relative; height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 770px; padding-left: 24px; padding-right: 24px; } .game-timeline::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background-color: #e4e7ed; } .game-timeline__event { position: relative; text-align: center; display: block; width: 60px; } .game-timeline__event--22 { margin-left: 78px; } .game-timeline__event--36 { margin-left: 10px; } .game-timeline__event--ht { margin-left: 82px; } .game-timeline__event--59 { margin-left: 19px; } .game-timeline__event--68 { margin-left: 28px; } .game-timeline__event--84 { margin-left: 67px; } .game-timeline__team-1, .game-timeline__team-2 { display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .game-timeline__team-1 { bottom: 87px; } .game-timeline__team-1 .game-timeline__team-shirt { position: relative; top: -12px; } .game-timeline__team-2 { top: 85px; } .game-timeline__team-2 .game-timeline__team-shirt { margin-top: 12px; } .game-timeline__time { width: 26px; height: 26px; border: 1px solid #e4e7ed; border-radius: 50%; background-color: #fff; text-align: center; line-height: 24px; color: #31404b; font-family: "Montserrat", sans-serif; font-size: 9px; font-weight: 700; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .game-timeline__event-info { font-size: 10px; line-height: 1.2em; } .game-timeline__event-name { color: #31404b; font-family: "Montserrat", sans-serif; font-weight: 700; white-space: nowrap; line-height: 1.3em; } .game-timeline__event-desc { font-size: 7px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; white-space: nowrap; } /* Main News Banner /* ------------------------- */ .main-news-banner { background-color: #27313b; overflow: hidden; position: relative; border-radius: 4px; margin-bottom: 15px; } .main-news-banner .posts__title > a { color: #fff; } .main-news-banner .main-news-banner__highlight { color: #fcdf22; } .main-news-banner__inner { padding: 20px; position: relative; z-index: 2; } @media (min-width: 992px) { .main-news-banner__inner { padding: 35px 30px 35px 30px; } } @media (min-width: 1199px) { .main-news-banner__inner { padding: 25px 25px 25px 25px; } } /* With Image at the Left */ .main-news-banner--img-left::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-image: -webkit-radial-gradient(top left, circle, rgba(255, 255, 255, 0.8), transparent); background-image: radial-gradient(circle, at top left, rgba(255, 255, 255, 0.8), transparent); background-repeat: no-repeat; background-position: 0 0; mix-blend-mode: overlay; } @media (min-width: 992px) { .main-news-banner--img-left::before { background-image: -webkit-radial-gradient(180px 0, circle, rgba(255, 255, 255, 0.8), transparent); background-image: radial-gradient(circle, at 180px 0, rgba(255, 255, 255, 0.8), transparent); } } .main-news-banner--img-left .main-news-banner__img { float: left; max-width: 50%; position: relative; z-index: 2; } .main-news-banner--img-left .main-news-banner__img::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 23%; background-color: #fea409; width: 50%; } .main-news-banner--img-left .main-news-banner__img img { position: relative; z-index: 2; } .main-news-banner--img-left .posts__excerpt { display: none; } @media (min-width: 768px) { .main-news-banner--img-left .posts__excerpt { display: block; } } .main-news-banner--img-left .posts__date { display: none; } @media (min-width: 768px) { .main-news-banner--img-left .posts__date { display: block; } } @media (max-width: 479px) { .main-news-banner--img-left .posts__more { padding-top: 10px; } } @media (max-width: 479px) { .main-news-banner--img-left .posts__more .btn { padding-left: 20px; padding-right: 15px; padding-top: 6px; padding-bottom: 6px; font-size: 10px; border-width: 1px; } } /* With Background */ .main-news-banner--bg { background-image: url("../images/samples/main-news-banner__bg.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .main-news-banner--bg::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.8), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.8), transparent); } @media (min-width: 992px) { .main-news-banner--bg::before { background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.8), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.8), transparent); } } .main-news-banner--bg .main-news-banner__inner { padding: 30px; } @media (min-width: 992px) { .main-news-banner--bg .main-news-banner__inner { padding: 30px 30px 30px 48%; } } @media (min-width: 1199px) { .main-news-banner--bg .main-news-banner__inner { padding: 41px 40px 41px 48%; } } .main-news-banner--bg .posts__date { color: rgba(255, 255, 255, 0.8); } /* with Soccer Ball */ .main-news-banner--maxverstappen { background-image: url("../images/maxverstappen.jpg"); background-repeat: no-repeat; background-position: 30% 20%; } .main-news-banner--ronaldo { background-image: url("../images/ronaldo.jpg"); background-repeat: no-repeat; background-position: 30% 20%; } @media (max-width: 1199px) { .main-news-banner--soccer-ball { background-size: 40% auto; } } .main-news-banner--soccer-ball .main-news-banner__inner { padding-right: 20%; } @media (min-width: 992px) { .main-news-banner--soccer-ball .main-news-banner__inner { padding-right: 30%; } } @media (min-width: 1200px) { .main-news-banner--soccer-ball .main-news-banner__inner { padding-right: 30%; } } .main-news-banner--soccer-ball .posts__excerpt { padding-right: 20px; } @media (min-width: 992px) { .main-news-banner--soccer-ball .posts__excerpt { padding-right: 40px; } } @media (min-width: 1200px) { .main-news-banner--soccer-ball .posts__excerpt { padding-right: 60px; } } /* Featured Carousel /* ------------------------- */ .featured-carousel .slick-slide::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #0e0f10; opacity: 0.9; z-index: 2; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .featured-carousel .slick-slide::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: #1892ed; z-index: 1; -webkit-transition: height 0.6s ease; transition: height 0.6s ease; } .featured-carousel .slick-slide.slick-current::before { opacity: 0.6; z-index: 1; } @media (min-width: 992px) { .featured-carousel .slick-slide.slick-current::after { height: 4px; } } @media (min-width: 1199px) { .featured-carousel .slick-slide.slick-current::after { height: 6px; } } .featured-carousel .slick-slide.slick-current .posts__inner { z-index: 2; } /* Team Filter */ .content-filter { background-color: #fff; position: relative; z-index: 2; } @media (min-width: 992px) { .content-filter { border-bottom: 1px solid #e4e7ed; } } @media (max-width: 991px) { .content-filter .container { width: 100%; padding-left: 0; padding-right: 0; } .main-news-banner__img { display: none !important; } } .content-filter__toggle { display: none; } @media (max-width: 991px) { .content-filter__toggle { display: block; position: absolute; right: 10px; top: 10px; z-index: 2; width: 40px; height: 40px; line-height: 40px; text-align: center; font-weight: 400; font-size: 16px; } #header-mobile__toggle { display: none; } } .content-filter__toggle::before { content: "\f141"; line-height: 40px; color: #31404b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "FontAwesome"; } .content-filter__toggle--active::before { content: '\f00d'; } .content-filter__list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 992px) { .content-filter__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-left: 1px solid #e4e7ed; border-right: 1px solid #e4e7ed; } } .content-filter__item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; text-align: center; border-bottom: 1px solid #e4e7ed; } @media (min-width: 992px) { .content-filter__item { border-bottom: none; } .content-filter__item + .content-filter__item { border-left: 1px solid #e4e7ed; } } @media (max-width: 991px) { .content-filter__item:not(.content-filter__item--active) { display: none; } } @media (max-width: 991px) { .content-filter__list--expanded .content-filter__item { display: block; } } .content-filter__link { display: block; font-size: 13px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; color: #9a9da2; padding: 18px 20px; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; position: relative; z-index: 1; } @media (min-width: 992px) { .content-filter__link { padding-top: 28px; padding-bottom: 28px; } } .content-filter__link small { display: block; font-size: 8px; line-height: 1.2em; color: #9a9da2; } .content-filter__link:hover { color: #31404b; } .content-filter__link::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 0; opacity: 0; background-color: #fea409; -webkit-transition: opacity height 0.2s ease-out; transition: opacity height 0.2s ease-out; } @media (max-width: 991px) { .content-filter__item--active { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .content-filter__item--active .content-filter__link { color: #31404b; } .content-filter__item--active .content-filter__link::before { height: 4px; opacity: 1; } .content-filter__item--active .content-filter__link:hover { cursor: default; } /* // #Gallery // -------------------------------------------------- */ .gallery__item-inner { display: block; overflow: hidden; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .gallery__item-inner:hover { background-color: #1892ed; color: #fff; } .gallery__item-inner:hover .gallery__icon { color: #fff; } .gallery__item-inner:hover .gallery__name { color: #fff; } .gallery__item-inner:hover .gallery__date { color: #fff; } .gallery__item-inner:hover .gallery__btn-fab { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .gallery__item-inner:hover .gallery__thumb img { opacity: 0.2; } .gallery__thumb { position: relative; background-color: #171d21; } .gallery__thumb img { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .gallery__btn-fab { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.1); transform: translate(-50%, -50%) scale(0.1); opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery__content { overflow: hidden; } @media (max-width: 479px) { .gallery__content { padding: 12px 12px; } } .gallery__icon { float: left; margin-right: 15px; font-size: 30px; line-height: 1em; color: #fea409; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 479px) { .gallery__icon { font-size: 20px; margin-right: 8px; } } .gallery__details { overflow: hidden; } .gallery__name { text-transform: uppercase; line-height: 1.2em; margin: 0; font-size: 12px; padding: .25em 0; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 992px) { .gallery__name { font-size: 14px; } } @media (min-width: 1200px) { .gallery__name { font-size: 16px; } } .gallery__date { display: block; font-size: 8px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: #9a9da2; line-height: 1.2em; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (min-width: 992px) { .gallery__date { font-size: 10px; } } /* // #Album // -------------------------------------------------- */ .album-wrapper { overflow: hidden; } .album { margin-left: -12px; margin-right: -12px; padding-left: 0; padding-right: 0; } .album--condensed { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .album--condensed .album__item { padding: 0; } .album__item { padding: 6px; } .album__item-holder { display: block; overflow: hidden; position: relative; background-color: #171d21; } .album__item-holder:hover .album__thumb { opacity: 0.2; } .album__item-holder:hover .album__item-desc { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .album__item-holder:hover .album__item-desc:not(.album__item-desc--bottom-left) { -webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } .album__item-holder:hover .album__item-meta { visibility: visible; opacity: 1; } .album__item-link { display: block; } .album__thumb { opacity: 1; position: relative; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .album__thumb img { width: 100%; height: auto; } .album__item-desc { display: block; position: absolute; top: 50%; left: 0; right: 0; text-align: center; padding: 0 14%; -webkit-transform: scale(0.95) translateY(-50%); transform: scale(0.95) translateY(-50%); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .album__item-desc--bottom-left { -webkit-transform: scale(0.95); transform: scale(0.95); top: auto; bottom: 20px; text-align: left; padding: 0 10%; } @media (min-width: 992px) { .album__item-desc--bottom-left { padding-left: 32px; padding-right: 32px; } } .album__item-icon { float: left; margin-right: 15px; font-size: 30px; line-height: 1em; color: #fea409; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 479px) { .album__item-icon { font-size: 20px; margin-right: 8px; } } .album__item-desc-inner { overflow: hidden; } .album__item-title { color: #fff; line-height: 1em; font-size: 14px; text-transform: uppercase; margin-bottom: .35em; } @media (min-width: 992px) { .album__item-title { font-size: 18px; } } @media (max-width: 767px) { .album__item-title { display: none; } } .album__item-date { display: block; font-size: 8px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2em; color: #9a9da2; margin-bottom: .9em; } @media (min-width: 992px) { .album__item-date { font-size: 10px; } } @media (max-width: 767px) { .album__item-date { display: none; } } .album__item-btn-fab { position: relative; left: auto; top: auto; margin: 0 auto; } .album__item-meta { display: block; opacity: 0; visibility: hidden; position: absolute; right: 20px; top: 15px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media (min-width: 992px) { .album__item-meta { right: 30px; top: 25px; } } .album__item-meta .meta__item { color: #fff; } .album__item-meta .meta__item > a { color: #fff; } /* Album - Load More Photos */ .album-load-more { padding: 30px 0 20px 0; } @media (min-width: 992px) { .album-load-more { padding: 80px 0 40px 0; } } .album-load-more .btn { margin: 0 auto; } @media (min-width: 992px) { .album-load-more .btn { width: calc(33.3% + 60px); } } /* // #Modal Login // -------------------------------------------------- */ .modal--login .modal-header { background-image: url("../images/login_register_bg.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } @media (min-width: 992px) { .modal--login .modal-header { height: 90px; } } .modal--login .modal-header .close { width: 33px; height: 33px; padding: 0; line-height: 33px; border-radius: 50%; background-color: #31404b; color: #fff; opacity: 1; margin: 0; text-shadow: none; position: absolute; top: 0; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .modal--login .modal-header .close span { margin-left: 2px; } .modal--login .modal-header .close:hover { background-color: #1892ed; } .modal--login .modal-body { padding: 0; } .modal--login .modal-account-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .modal--login .modal-account__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 20px; } @media (min-width: 768px) { .modal--login .modal-account__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 30px 20px; } .modal--login .modal-account__item:nth-child(2) { border-left: 1px solid #e4e7ed; } } @media (min-width: 992px) { .modal--login .modal-account__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 50px 38px; } } .modal--login .modal-account__item--logo { background-image: url("../images/soccer/samples/login_register_bg.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; color: #fff; position: relative; } @media (max-width: 991px) { .modal--login .modal-account__item--logo { display: none; } } .modal--login .modal-account__item--logo a { color: #fea409; font-weight: bold; } .modal--login .modal-account__item--logo a:hover { color: #fff; } .modal--login .modal-account__item-register-txt { position: absolute; left: 30px; right: 40px; top: 100%; -webkit-transform: translateY(-100%) translateY(-30px); transform: translateY(-100%) translateY(-30px); } .modal--login-only .modal-header { height: 0; padding: 0; background-image: none; border: none; } .nav-tabs-login-wrapper { margin-left: -20px; margin-right: -20px; margin-bottom: -20px; margin-top: 20px; } @media (min-width: 768px) { .nav-tabs-login-wrapper { margin-left: -20px; margin-right: -20px; margin-bottom: -30px; margin-top: 30px; } } @media (min-width: 992px) { .nav-tabs-login-wrapper { margin-left: -38px; margin-right: -38px; margin-bottom: -50px; margin-top: 30px; } } .nav-tabs--login { border-top: 1px solid #e4e7ed; } .nav-tabs--login > li > a { border: none !important; border-radius: 0 !important; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.02em; color: rgba(49, 64, 75, 0.4); padding-top: 15px; padding-bottom: 15px; } .nav-tabs--login > li > a:hover { background-color: transparent; color: #fea409; } .nav-tabs--login > li.active > a { color: #fea409; } .nav-tabs--login > li.active > a:hover { color: #fea409; } .nav-tabs--login > li + li { border-left: 1px solid #e4e7ed; } .modal-form h5 { margin-bottom: 1.7em; } @media (min-width: 992px) { .modal-form h5 { font-size: 18px; } } .modal-form .form-group { margin-bottom: 15px; } .modal-form .form-group--submit { margin: 30px 0; padding-top: 9px; } .modal-form .modal-form--note { font-size: 14px; line-height: 22px; } .modal-form .form-group--pass-reminder { font-size: 14px; overflow: hidden; } .modal-form .form-group--pass-reminder label { font-size: 10px; } .modal-form .form-group--pass-reminder a { color: #9a9da2; } .modal-form .form-group--pass-reminder a:hover { color: #1892ed; } @media (min-width: 992px) { .modal-form .form-group--pass-reminder a { float: right; } } .modal-form .form-note { padding-top: 15px; padding-bottom: 15px; } .modal-form--social { padding-top: 4px; } .modal-form--social h6 { font-size: 10px; line-height: 1.2em; text-align: center; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-primary, .text-color-primary { color: #fea409; } .pt-0 { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .mb-20 { margin-bottom: 20px !important; } @media (max-width: 991px) { .mobielniet { display: none; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { font-size: 13px; } .widget-player__details-label { font-size: 13px; } .widget-player__details-desc { font-size: 10px; } .card__content { padding: 15px 12px !important; } } .copyright { position: relative; margin-top: -36px; float: right; z-index: 9999; margin-right: 10px; background-color: rgba(25, 24, 24, 0.19); padding: 1px 10px; color: #5f5f5f; font-size: 13px; } .bottomMenu { display: none; position: fixed; bottom: 0; width: 100%; height: 60px; border-top: 1px solid #000; background: #191919; z-index: 1; font: 400 14px/20px; }