File: /var/www/html/shootinschool/wp-content/themes/shootinschool/assets/scss/soccer_styles.scss
// Mixins
@import "components/mixins";
// Colors and fonts setups
@import "components/vars";
/*Ticker posts*/
.stm-no-margin {
margin: 0 !important;
}
/*================== SOCCER STYLE START ===================*/
.splashSoccer {
.stm-page-sportspress-sidebar-right,
.stm-page-sportspress-sidebar-left {
.row {
.page {
margin-top: 68px;
}
}
}
font-family: "Arial"; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
.heading-font {
color: inherit;
}
.normal_font, input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type="number"], .select2-selection__rendered, textarea {
font-family: "Arial";
}
.stm-red {
color: $red_soccer !important;
}
.stm-main-title-unit {
letter-spacing: 0;
}
a, a:focus {
outline: none;
}
.stm-header-four {
.stm-header-inner {
.stm-header-container {
.stm-main-menu {
.stm-main-menu-unit {
ul.header-menu {
> li {
&.current-menu-item {
> a {
border-left: 2px solid $red_soccer;
}
}
.fa {
color: $black_soccer;
vertical-align: top;
margin-top: 7px;
}
a {
color: $black_soccer;
&:before {
background: $red_soccer;
}
}
> ul.sub-menu {
li {
a {
color: $black_soccer;
&:after {
color: $red_soccer;
}
}
> ul.sub-menu {
li {
&.stm_mega_has_info {
a {
color: $black_soccer;
span {
.stm_mega_textarea {
color: $black_soccer;
}
}
&:hover {
color: $red_soccer_hover;
i {
color: $white;
}
}
}
}
a {
color: $black_soccer;
&:after {
color: $red_soccer;
}
}
}
}
}
}
}
.stm-cart-mobile {
span {
color: $black_soccer;
}
}
}
.stm-menu-socials {
ul {
li {
a {
i {
color: $black_soccer;
}
}
}
}
}
}
}
}
}
}
.tparrows.gyges {
background-color: transparent;
width: 42px;
height: 42px;
border: solid 1px $gray-b2;
&:before {
line-height: 42px;
font-size: 20px;
}
&:hover {
border-color: $red_soccer;
background-color: $red_soccer;
}
}
.rev_slider {
background-color: #000;
.rev_post_title {
color: $white;
background-color: rgba(0, 170, 255, 0.9);
text-shadow: none;
font-weight: 500;
font-size: 60px;
line-height: 60px;
text-transform: uppercase;
padding: 10px;
text-decoration: none;
border: none;
span {
color: $black;
font-size: 60px !important;
}
}
.rev_post_except {
color: #ffffff;
font-size: 15px;
text-shadow: 0px 0px 1px rgb(0, 0, 0);
background-color: transparent;
text-decoration: none;
line-height: 30px;
border: none;
opacity: 0.75;
white-space: pre-wrap;
}
}
.tparrows.hades {
background-color: #252525;
width: 60px !important;
height: 60px !important;
&:before {
line-height: 60px !important;
font-size: 24px;
}
&:hover {
background-color: $red_soccer;
border-color: $red_soccer;
&:before {
background-color: $red_soccer;
color: $white;
}
}
.tp-arr-allwrapper {
width: 60px !important;
height: 60px !important;
}
}
.tp-bullets {
.tp-bullet {
opacity: 0.5;
&.selected {
opacity: 1;
border-color: $red_soccer !important;
&:after {
background-color: $red_soccer !important;
}
}
}
}
&body {
color: #252c33;
font-size: 14px;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
&body.boxed #wrapper {
max-width: 1200px;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
blockquote {
border-left: 5px solid $red_soccer;
padding: 0 0 0 20px;
font-size: 14px;
color: #868686;
font-style: italic;
line-height: 22px;
margin: 0 0 20px;
}
blockquote.quote, .quote {
position: relative;
border: none;
padding: 40px 60px 30px 80px;
color: #252c33;
background: $white;
box-shadow: 1px 1px 0px #cecece;
}
blockquote.quote:before, .quote:before {
content: '\f10d';
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 40px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 22px;
top: 34px;
color: $red_soccer;
}
blockquote.quote h4, .quote h4 {
font-style: normal;
}
.form-control {
border: none;
height: 47px;
padding: 0 20px;
border-radius: 0;
font-size: 13px;
color: #868686;
}
.woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text {
border: none;
height: 47px;
padding: 0 20px;
border-radius: 0;
font-size: 13px;
color: #868686;
border: 1px solid #b2b2b2;
}
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
border: 1px solid #b2b2b2;
}
textarea.form-control, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
padding: 15px 20px;
}
input:focus, .btn:focus, .btn:active {
outline: none !important;
}
.btn-lg, .button {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
background: $red_soccer;
height: 47px;
line-height: 43px;
padding: 0;
font-size: 15px;
margin-top: 0;
font-weight: 400;
input[type='submit'] {
display: block;
overflow: hidden;
background: transparent;
margin: 0;
width: 100%;
line-height: 43px;
padding: 0 !important;
border: 0;
border-radius: 0;
height: auto;
min-height: 45px;
}
}
.button-default, .button.view {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
border: 0 !important;
height: 47px !important;
line-height: 47px !important;
padding: 0 40px;
font-size: 15px;
margin-top: 0;
font-weight: 400;
background: $red_soccer_hover !important;
letter-spacing: 0;
span {
font-weight: 400 !important;
}
&:before {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
height: 47px;
line-height: 43px;
padding: 0 40px;
font-size: 15px;
margin-top: 0;
background: $red_soccer !important;
transform: scale3d(1, 1, 1);
}
&:hover {
color: $white !important;
&:before {
transform: scale3d(0, 1, 1);
}
}
}
.button-default-white {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
border: 0 !important;
height: 47px !important;
line-height: 47px !important;
padding: 0 40px;
font-size: 15px;
margin-top: 0;
font-weight: 400;
background: $red_soccer !important;
color: $black_soccer !important;
&:before {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
height: 47px;
line-height: 43px;
padding: 0 40px;
font-size: 15px;
margin-top: 0;
background: $white !important;
transform: scale3d(1, 1, 1);
}
&:hover {
color: $white !important;
&:before {
transform: scale3d(0, 1, 1);
}
}
}
.checkout-button.button {
text-transform: uppercase;
opacity: 1;
border: solid 2px $red_soccer;
border-radius: 0;
height: 47px;
line-height: 43px;
padding: 0 40px;
font-size: 15px;
margin-top: 0;
&:before {
background: $red_soccer;
}
&:hover {
color: $red_soccer;
}
}
.button.btn-only-border {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
background: transparent !important;
height: 47px;
line-height: 43px;
padding: 0 35px;
font-size: 15px;
margin-top: 0;
border: 2px solid $red_soccer;
color: $red_soccer;
&:before {
background: transparent;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
}
&:hover, &:active {
color: $white !important;
&:before {
background: $red_soccer;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
}
.button.btn-input-wrap.btn-only-border {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
background: transparent !important;
height: 47px;
line-height: 43px;
padding: 0;
font-size: 15px;
margin-top: 0;
border: 2px solid $red_soccer;
color: $red_soccer;
&:before {
background: transparent;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
}
&:hover {
&:before {
background: $red_soccer;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
input[type='submit'] {
color: $white !important;
}
}
input[type='submit'] {
display: block;
overflow: hidden;
background: transparent !important;
margin: 0;
width: 100%;
line-height: 43px;
padding: 0 40px !important;
border: 0;
border-radius: 0;
height: auto;
min-height: 44px;
color: $red_soccer;
}
}
button.button-gray.btn-only-border {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
background: transparent !important;
height: 47px;
line-height: 43px;
padding: 0 32px;
font-size: 15px;
margin-top: 0;
border: 1px solid $gray-b2;
color: $btn-gray;
font-weight: 400;
&:before {
background: transparent;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
}
&:hover {
border-color: $red_soccer;
color: $white;
&:before {
background: $red_soccer;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
input[type='submit'] {
color: $white !important;
}
}
input[type='submit'] {
display: block;
overflow: hidden;
background: transparent !important;
margin: 0;
width: 100%;
line-height: 43px;
padding: 0 40px !important;
border: 0;
border-radius: 0;
height: auto;
min-height: 44px;
font-weight: 400;
font-size: 15px;
}
}
button.single_add_to_cart_button {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
border: 0;
height: 47px !important;
line-height: 47px !important;
padding: 0 40px 0 60px;
font-size: 15px;
margin-top: 0;
background: $red_soccer_hover !important;
letter-spacing: 0;
&:before {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
height: 47px;
line-height: 43px;
padding: 0 40px;
font-size: 15px;
margin-top: 0;
background: $red_soccer !important;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
&:after {
content: "\f218";
font-family: 'FontAwesome';
color: $white;
position: absolute;
left: 19%;
top: 49%;
transform: translateY(-49%);
font-size: 17px;
}
&:hover {
color: $white !important;
&:before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
}
}
.button.wc-backward {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
background: transparent !important;
height: 47px;
line-height: 43px;
padding: 0 10px;
font-size: 15px;
margin-top: 0;
border: 1px solid $gray-b2;
color: $btn-gray;
&:before {
background: transparent;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
}
&:hover {
border-color: $red_soccer;
color: $white;
&:before {
background: $red_soccer;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
}
.button-gray.btn-only-border {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
background: transparent !important;
height: 47px;
line-height: 43px;
padding: 0 10px;
font-size: 15px;
margin-top: 0;
border: 1px solid $gray-b2;
color: $btn-gray;
&:before {
background: transparent;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
}
&:hover {
border-color: $red_soccer;
color: $white;
&:before {
background: $red_soccer;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
input[type='submit'] {
color: $white !important;
}
}
input[type='submit'] {
display: block;
overflow: hidden;
background: transparent !important;
margin: 0;
width: 100%;
line-height: 43px;
padding: 0 40px !important;
border: 0;
border-radius: 0;
height: auto;
min-height: 44px;
color: $white;
font-weight: 400;
font-size: 15px;
}
}
.button.button-gray.btn-only-border {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
background: transparent !important;
height: 47px;
line-height: 43px;
padding: 0 35px;
font-size: 15px;
margin-top: 0;
border: 1px solid $gray-b2;
color: $btn-gray;
&:before {
background: transparent;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
}
&:hover {
border-color: $red_soccer;
color: $white;
&:before {
background: $red_soccer;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
input[type='submit'] {
color: $white !important;
}
}
input[type='submit'] {
display: block;
overflow: hidden;
background: transparent !important;
margin: 0;
width: 100%;
line-height: 43px;
padding: 0 40px !important;
border: 0;
border-radius: 0;
height: auto;
min-height: 44px;
color: $white;
font-weight: 400;
font-size: 15px;
}
}
.button-input-wrap.button-gray.btn-only-border {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
background: transparent !important;
height: 47px;
line-height: 43px;
padding: 0;
font-size: 15px;
margin-top: 0;
border: 1px solid $gray-b2;
color: $btn-gray;
&:before {
background: transparent;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
}
&:hover {
border-color: $red_soccer;
color: $white;
&:before {
background: $red_soccer;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
input[type='submit'] {
color: $red_soccer !important;
}
}
input[type='submit'] {
display: block;
overflow: hidden;
background: transparent !important;
margin: 0;
width: 100%;
line-height: 43px;
padding: 0 40px !important;
border: 0;
border-radius: 0;
height: auto;
min-height: 44px;
color: $white;
font-weight: 400;
font-size: 15px;
}
}
.button.btn-md {
padding: 0;
border: solid 2px $red_soccer;
letter-spacing: 0;
font-weight: 400;
&:before {
background-color: $red_soccer !important;
}
&:hover, &:active {
input[type='submit'] {
color: $red_soccer !important;
}
}
input[type='submit'] {
display: block;
overflow: hidden;
background: transparent !important;
margin: 0;
width: 100%;
line-height: 43px;
padding: 0 35px !important;
border: 0;
border-radius: 0;
height: auto;
min-height: 44px;
letter-spacing: 0;
font-weight: 400;
}
}
.button.btn-md.btn-border {
padding: 0;
border: 0 !important;
background: $red_soccer_hover !important;
&:before {
background-color: $red_soccer !important;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
&:hover, &:active {
border: 0 !important;
&:before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
input[type='submit'] {
color: $white !important;
}
}
input[type='submit'] {
display: block;
overflow: hidden;
background: transparent !important;
margin: 0;
width: 100%;
line-height: 47px;
padding: 0 35px !important;
border: 0;
border-radius: 0;
height: auto;
min-height: 44px;
letter-spacing: 0;
font-weight: 400;
}
}
.btn-danger {
text-transform: uppercase;
opacity: 1;
border-radius: 0;
border-color: $red_soccer;
background: $red_soccer;
height: 47px;
line-height: 43px;
padding: 0 40px;
font-size: 15px;
margin-top: 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
border: none;
border-radius: 0;
text-shadow: none;
box-shadow: none;
}
ul.stm-list-icon {
li {
padding-left: 40px;
font-weight: 400;
font-size: 15px;
margin-bottom: 12px;
padding-left: 33px;
i {
&:before {
color: $red_soccer;
}
}
}
}
ul.circle {
li {
padding-left: 40px;
font-weight: 400;
font-size: 15px;
margin-bottom: 22px;
i.circle {
&:before {
display: block;
color: $white;
z-index: 1;
position: relative;
top: 50%;
left: 50%;
transform: translateX(-50%), translateY(-50%);
}
&:after {
content: '';
display: block;
width: 0;
height: 0;
background: $red_soccer;
padding: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 0;
}
}
}
}
p {
font-size: 14px;
}
h1, .h1 {
font-weight: 400;
margin: 0 0 20px;
line-height: 80px;
}
h2, .h2 {
font-weight: 400;
margin: 0 0 20px;
}
h3, .h3 {
font-weight: 400;
margin: 0 0 20px;
}
h4, .h4 {
font-weight: 400;
margin: 0 0 20px;
}
h5, .h5 {
font-weight: 400;
margin: 0 0 20px;
}
h6, .h6 {
font-weight: 400;
margin: 0 0 20px;
}
.sp-scrollable-table-wrapper .sp-data-table {
margin: 0;
}
.sp-data-table thead th, .sp-data-table tbody td, .sp-data-table tfoot td {
border: none;
padding: 5px 10px !important;
height: 40px;
}
.sp-data-table tbody td.data-p, .sp-data-table tbody td.data-w, .sp-data-table tbody td.data-d, .sp-data-table tbody td.data-l, .sp-data-table tbody td.data-pts,
.sp-data-table tfoot td.data-p, .sp-data-table tfoot td.data-w, .sp-data-table tfoot td.data-d, .sp-data-table tfoot td.data-l, .sp-data-table tfoot td.data-pts {
color: $white !important;
font-size: 13px !important;
font-family: inherit;
}
.sp-data-table tbody tr.red td.data-rank,
.sp-data-table tfoot tr.red td.data-rank {
color: $red_soccer;
}
.vc_league_table .sp-data-table thead th {
font-family: "Arial";
padding: 3px 10px 3px 5px;
height: 34px;
color: #b2b2b2 !important;
&.data-rank {
padding-left: 13px !important;
}
}
#wrapper {
position: relative;
overflow: hidden;
min-height: 500px;
width: 100%;
margin: 0 auto;
min-width: 320px;
background: #ffffff;
}
#header {
position: relative;
z-index: 500;
width: 100%;
margin: 0 0 25px;
}
#main {
position: relative;
}
#stm-footer-top {
#footer-main {
.footer-widgets-wrapper {
padding: 13px 0 15px;
h6 {
font-size: 20px !important;
}
}
}
}
#stm-footer-bottom {
padding: 62px 0;
.footer-bottom-left {
.footer-bottom-left-text {
margin: 0;
color: $gray-86;
letter-spacing: 0;
}
}
.footer-bottom-right {
.stm-bottom-menu {
display: block;
overflow: hidden;
.footer-menu {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: baseline;
align-content: space-around;
li {
margin: 0;
&.current-menu-item {
a {
color: $red_soccer;
}
}
a {
padding: 0 20px;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
span {
}
&:hover {
color: $red_soccer;
}
}
}
}
}
}
}
&.home {
.stm-title-box-unit {
display: none;
}
}
.stm-revslider-wrap {
margin-top: 25px;
}
&.header_3 {
.stm-header {
.stm-main-menu {
.stm-main-menu-unit {
.header-menu {
li {
a {
&:before {
background: $red_soccer;
}
}
}
}
}
}
}
}
.stm-title-box-unit {
padding-top: 13px;
padding-bottom: 28px;
.woocommerce-breadcrumb {
max-width: 1140px;
padding: 0 15px !important;
width: auto;
margin: 0 auto 53px !important;
text-transform: none;
color: $gray-86;
letter-spacing: 0;
line-height: 14px;
font-size: 13px;
font-family: "Arial";
font-weight: 400;
a {
color: $gray-86;
}
}
.stm-breadcrumbs-unit {
margin-bottom: 53px;
.navxtBreads {
font-weight: 400;
font-size: 13px;
color: $gray-86;
text-transform: none;
letter-spacing: 0;
line-height: 14px;
span[property='itemListElement'] {
> a {
color: $gray-86;
span {
}
&:hover {
color: $gray-86 !important;
}
}
span {
font-weight: 400;
font-size: 13px;
color: $gray-86;
text-transform: none;
letter-spacing: 0;
line-height: 14px;
}
}
}
}
h2 {
font-size: 36px;
font-weight: 400;
text-transform: uppercase;
line-height: 40px;
padding-bottom: 20px;
position: relative;
margin-bottom: 0;
&:after {
content: " ";
display: block;
overflow: hidden;
width: 32px;
height: 3px;
background: $red_soccer;
position: absolute;
bottom: 0;
}
}
.stm-shop-categories {
display: none;
}
}
.container {
max-width: 1140px;
}
.stm-carousel-controls-right {
display: flex;
justify-content: flex-end;
.stm-carousel-control-prev, .stm-carousel-control-next {
display: flex;
width: 44px;
height: 44px;
border: solid 1px $gray-86;
text-align: center;
padding: 0;
justify-content: center;
align-items: center;
margin: 0 1px;
transition: all .1s ease-in;
i {
color: $gray-86;
padding: 0;
vertical-align: middle;
height: 26px;
width: 9px;
opacity: 0.55;
transition: all .1s ease-in;
}
&:hover {
border-color: $red_soccer;
background: $red_soccer;
i {
color: $white;
opacity: 1;
}
}
}
}
#stm-top-bar {
min-height: 36px;
.stm-top-bar_left {
.stm-top-switcher-holder {
float: left;
.language-switcher-unit {
min-width: 100px;
.stm-current-language {
line-height: 36px;
.stm-language-flag {
display: none;
}
.stm-language-code {
display: inline-block;
color: $gray-b2;
font-size: 11px;
text-transform: uppercase;
}
.stm-switcher-open {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 10px;
margin-top: -5px;
&:before {
content: "\f0dd";
display: block;
font-family: 'FontAwesome';
font-size: 14px;
color: $gray-b2;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
}
}
ul.lang-dropdown-menu {
z-index: 1000000;
border-radius: 0;
border-color: $white;
min-width: 100px;
li {
margin: 0;
a {
padding: 5px 14px;
line-height: 20px;
.stm-language-flag {
display: none;
}
.stm-language-code {
font-size: 11px;
text-transform: uppercase;
color: $gray-b2;
}
}
}
}
}
}
}
.stm-top-bar_right {
.clearfix {
.stm-top-cart-holder {
display: block;
float: right;
width: auto;
position: relative;
.stm-cart-af {
line-height: 36px !important;
a {
padding: 0 0 0 60px;
height: 36px;
&:hover {
background: transparent;
}
i {
font-size: 20px;
color: #252c33;
&:before {
content: '\e91d';
font-family: 'stm-splash-icons';
}
}
.list-label {
display: none;
}
.list-badge {
display: block;
position: absolute;
top: 2px;
right: 0;
font-size: 11px;
color: $white;
background: $red_soccer;
}
}
}
}
.stm-top-profile-holder {
display: block;
width: auto;
min-width: 34px;
float: left;
overflow: hidden;
height: 36px;
line-height: 36px;
position: relative;
.stm-profile-wrapp {
.stm-profile-img {
}
a {
color: $gray-b2;
font-size: 11px;
text-transform: uppercase;
font-family: "Arial";
}
.vertical-divider {
background-color: $gray-b2;
}
}
}
}
}
}
.countdown {
display: block;
overflow: hidden;
position: relative;
span {
padding: 8px 12px 2px;
min-width: 65px;
height: 87px;
border-bottom: 3px solid $red_soccer;
font-size: 30px;
color: $white;
line-height: 50px;
text-align: center;
display: inline-block;
vertical-align: top;
background: rgba(53, 62, 70, 0.9);
margin: 0 3px;
font-weight: normal;
}
small {
font-family: "Arial";
font-size: 13px;
line-height: 19px;
display: block;
}
}
.sp-data-table {
border-collapse: inherit !important;
border-spacing: 0;
}
.sp-data-table thead th {
padding: 10px;
background: #4f575e !important;
font-size: 13px;
color: $white;
text-transform: uppercase;
font-weight: normal;
}
.sp-data-table tbody td,
.sp-data-table tfoot td {
padding: 5px 10px;
background: #2a3138 !important;
color: $white;
font-size: 15px;
text-transform: uppercase;
border: 0 !important;
}
.sp-data-table tbody tr:nth-child(even) td,
.sp-data-table tfoot tr:nth-child(even) td {
background: #4f575e !important;
}
.sp-data-table tbody td a:hover,
.sp-data-table tfoot td a:hover {
color: $red_soccer !important;
}
.sp-data-table tbody td a,
.sp-data-table tfoot td a {
color: $white !important;
}
.vc_tta-tabs-container {
display: block;
overflow: hidden;
.vc_tta-tabs-list {
display: block;
overflow: hidden;
position: relative;
padding: 1px 0 0 !important;
li {
display: block;
width: 50%;
float: left;
margin: 0 !important;
a {
display: block;
overflow: hidden;
background: #242b31;
padding: 0 10px !important;
border: 0 !important;
margin: 0;
line-height: 52px;
font-weight: 400;
font-size: 17px;
color: $white;
text-align: center;
span {
color: $white;
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
}
&:hover {
background: $red_soccer !important;
}
}
&.vc_active {
a {
background: $red_soccer !important;
line-height: 53px;
margin-top: -1px;
}
}
}
}
}
.stm-title-left {
h2.stm-main-title-unit {
font-weight: 400;
font-size: 36px;
margin-bottom: 32px;
}
}
/*++++++++++++ PRODUCT CAROUSEL +++++++++++++*/
.stm-products-carousel-init {
.product, .stm-single-product-carousel {
width: 100%;
margin: 0 0 50px;
padding: 0 5px;
position: relative;
a {
position: relative;
display: block;
&:hover {
img {
border-color: $red_soccer;
}
.product_header {
h3 {
color: $red_soccer;
}
}
}
.onsale {
width: 71px;
height: 71px;
background: url(../images/soccer/product_sale.png) no-repeat 0 0;
border-radius: 0;
box-shadow: none;
text-indent: -5000px;
left: 0;
top: 0;
right: auto;
bottom: auto;
margin: -3px 0 0 -3px;
z-index: 10;
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
}
img {
width: 100%;
height: auto;
display: block;
box-shadow: none;
border: 1px solid $gray-b2;
margin: 0 0 14px;
}
}
.product_header {
position: relative;
margin: 0 0 10px;
h3 {
float: left;
font-size: 17px;
text-transform: uppercase;
line-height: 15px;
margin: 0;
padding: 0;
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
a {
position: relative;
display: block;
text-decoration: none;
color: $black_soccer;
transition: all 0.25s ease;
}
}
.reviews {
position: relative;
display: block;
text-decoration: none;
float: right;
color: $gray-b2;
line-height: 15px;
font-size: 13px;
}
}
.product_info {
position: relative;
margin: 0 0 10px;
a {
position: relative;
display: block;
text-decoration: none;
float: left;
font-size: 13px;
color: $gray-86;
margin: 0 0 3px;
}
.star-rating {
display: block;
overflow: hidden;
width: 75px;
height: 15px;
line-height: 20px;
float: right;
margin-top: 4px;
&:before {
color: $red_soccer;
letter-spacing: 1px;
font-size: 15px;
}
span {
&:before {
color: $red_soccer;
letter-spacing: 1px;
font-size: 15px;
}
}
}
}
.product_footer {
position: relative;
height: 32px;
line-height: 32px;
.add_to_cart_button {
display: block;
font-weight: 400;
position: relative;
overflow: hidden;
margin: 0;
padding: 0 10px;
background: $red_soccer;
height: 32px;
text-align: center;
font-size: 15px !important;
color: #fff !important;
text-decoration: none;
i {
margin: 0 5px 0 5px;
font-size: 19px;
}
}
.price {
position: relative;
display: block;
background: #394046;
display: block;
color: $white;
font-size: 15px;
padding: 0 12px;
float: left;
margin: 0 12px 0 0;
position: relative;
min-width: 61%;
font-size: 18px;
&:before {
content: '';
position: absolute;
right: -13px;
top: 0;
border-bottom: 32px solid $red_soccer;
border-left: 11px solid transparent;
}
&:after {
content: '';
position: absolute;
right: -11px;
top: 0;
border-top: 32px solid #394046;
border-right: 11px solid transparent;
}
del {
font-size: 13px;
color: $gray-d9 !important;
display: inline-block;
opacity: 0.5;
vertical-align: top;
span {
color: $gray-d9 !important;
}
}
ins {
text-decoration: none;
font-weight: normal;
margin: 0 0 0 10px;
}
.woocommerce-Price-amount.amount {
color: $white;
font-weight: 400;
}
}
}
}
}
.stm-products-carousel-unit-wrapper {
width: 100%;
.stm-products-carousel-unit {
.stm-products-carousel-init {
.product {
.product_info {
.star-rating {
display: block;
position: relative;
color: transparent;
&:before {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f006\f006\f006\f006\f006";
display: block !important;
color: $red_soccer;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0;
}
span {
overflow: hidden;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
&:before {
position: absolute;
display: block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
top: 0;
left: 0;
width: 100%;
height: 21px;
content: "\f005\f005\f005\f005\f005";
letter-spacing: 0;
color: $red_soccer;
}
}
}
}
}
}
}
}
/*++++++++++++ PRODUCT CAROUSEL +++++++++++++*/
.stm-media-tabs {
.stm-media-tabs-nav {
ul {
text-align: right;
li {
&.active {
a {
color: $white;
background: $red_soccer;
span {
border-bottom: 0;
}
&:hover {
span {
color: $white !important;
}
}
}
}
a {
color: $white;
background: $gray-tabs-inactive;
padding: 10px 20px 9px !important;
span {
font-size: 15px;
font-weight: 400;
border-bottom: 0;
}
&:hover {
span {
color: $red_soccer;
}
}
}
}
}
}
.tab-content {
margin-top: 13px;
}
}
.stm-news-tabs-wrapper {
.stm-single-post-loop {
.image {
margin-bottom: 27px;
&:before {
display: none;
}
}
.content {
overflow: hidden;
max-height: 108px;
margin-bottom: 17px;
a {
text-decoration: none;
color: $black_soccer;
}
.title {
margin-bottom: 10px;
font-weight: 400;
color: $black_soccer;
}
p {
font-size: 14px;
color: $dark_gray;
line-height: 22px;
}
}
.post-meta {
display: flex;
background: $gray-ec;
padding: 5px 10px;
.stm-post-time {
display: block;
width: 100%;
align-items: flex-start;
font-size: 14px;
color: $gray-b2;
}
.comments-number {
display: block;
width: 100%;
align-items: flex-end;
margin-right: 0;
text-align: right;
font-weight: 400;
font-size: 14px;
a {
color: $gray-86;
&:hover {
color: $red_soccer;
}
}
}
.post_list_item_tags {
display: none;
}
}
}
}
/*==================================================== WIDGET =================================================*/
.footer-widgets-wrapper .stm-cols-4 aside {
width: 33.3%;
}
.footer-widgets-wrapper .widget-title h6 {
font-weight: 400;
font-size: 20px;
color: $white;
text-transform: uppercase;
}
.footer-widgets-wrapper .textwidget {
font-size: 14px;
line-height: 23px;
color: $white;
opacity: 0.5;
}
.widget_contacts {
position: relative;
ul {
li {
&.widget_contacts_address {
.icon {
i {
&:before {
content: "\f124" !important;
color: $gray-b2;
}
}
}
.text {
font-size: 14px;
color: $white;
opacity: 0.5;
a {
}
}
}
&.widget_contacts_phone {
.icon {
i {
&:before {
content: "\f095" !important;
color: $gray-b2;
}
}
}
.text {
font-size: 14px;
color: $white;
opacity: 0.5;
font-weight: 400;
a {
}
}
}
&.widget_contacts_skype {
.icon {
i {
&:before {
content: "\f17e" !important;
color: $gray-b2;
}
}
}
.text {
font-size: 14px;
color: $white;
a {
}
}
}
&.widget_contacts_mail {
.icon {
i {
&:before {
content: "\f2b7";
font-family: 'FontAwesome';
color: $gray-b2;
}
}
}
.text {
a {
font-size: 14px;
color: $white;
}
}
}
}
}
p {
position: relative;
color: #fff;
font-size: 14px;
margin: 0 0 10px;
line-height: 14px;
&:after {
content: '';
clear: both;
display: table;
}
i {
font-size: 16px;
width: 30px;
line-height: 20px;
float: left;
color: #a3a4a4;
}
span {
overflow: hidden;
line-height: 20px;
display: block;
color: #abb1b9;
}
a {
color: #abb1b9 !important;
}
}
}
/*==================================================== WIDGET =================================================*/
/*==================================================== Tabs ========================================================*/
.vc_tta-container {
margin-bottom: 3px;
}
.vc_tta-tabs-container {
.vc_tta-tabs-list {
display: flex !important;
overflow: hidden !important;
flex-wrap: nowrap;
align-content: stretch;
li {
width: 100%;
margin-right: 1px !important;
a {
width: 100%;
}
}
}
}
.vc_tta-panels-container {
.vc_tta-panel-body {
.vc_row {
.vc_column_container {
.vc_column-inner {
.wpb_wrapper {
.wpb_content_element {
.wpb_wrapper {
h3 {
text-transform: uppercase;
line-height: 27px;
position: relative;
padding-bottom: 20px;
margin-bottom: 0;
&:after {
content: '';
display: block;
width: 32px;
height: 3px;
background: $red_soccer;
position: absolute;
bottom: 0;
}
}
}
}
}
}
}
}
}
}
.stm-image-slider {
margin-bottom: 35px;
.stm-slider-control-prev, .stm-slider-control-next {
display: flex;
width: 44px;
height: 44px;
border: solid 1px #868686;
text-align: center;
padding: 0;
justify-content: center;
align-items: center;
margin: 0 1px;
transition: all .1s ease-in;
background: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
i {
display: block;
overflow: hidden;
position: relative;
color: $white;
padding: 0;
vertical-align: middle;
height: 26px;
width: 10px;
opacity: 1;
transition: all .1s ease-in;
&:before {
position: absolute;
height: 100%;
font-size: 24px;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
}
&:hover {
border-color: $red_soccer;
background: $red_soccer;
i {
opacity: 1;
}
}
}
.stm-slider-control-prev {
left: 1.7%;
}
.stm-slider-control-next {
right: 1.7%;
}
}
.wpcf7 {
form {
p {
&:nth-of-type(2) {
display: flex;
span {
margin-right: 30px;
&:last-child {
margin-right: 0;
}
input[type='text'], input[type='email'] {
border-radius: 0;
height: 47px;
background: $white;
font-size: 14px;
color: $gray-86;
}
}
}
textarea {
border-radius: 0;
background: $white;
font-size: 14px;
color: $gray-86;
padding: 10px 15px;
}
}
.btn-border {
display: block;
width: 160px;
text-align: center;
margin-top: 30px;
input[type="submit"] {
background: transparent !important;
border: 0 !important;
width: 100%;
height: 50px;
font-weight: 400;
font-size: 15px;
&:hover {
color: inherit;
}
}
.ajax-loader {
display: none;
position: absolute;
right: 20%;
top: 50%;
transform: translateY(-50%);
}
}
div.wpcf7-validation-errors {
margin-left: 0;
color: $red;
border-radius: 0;
font-size: 14px;
font-weight: 400;
display: block;
border: 2px solid $red;
line-height: 36px;
margin-right: 0;
}
.stm-elements-inline {
display: flex;
align-items: baseline;
justify-content: center;
> span {
display: block;
width: 100%;
align-self: flex-start;
margin-right: 20px;
input {
border-radius: 0;
margin-right: 20px;
height: 47px;
background: $white;
font-size: 14px;
color: $gray-86;
}
}
> div {
display: inline-block;
width: 100%;
align-self: center;
margin-top: 0 !important;
margin-left: 2px;
input[type="submit"] {
height: 45px;
}
}
}
}
}
.stm-footer-image {
height: 500px;
.inner {
padding-top: 187px;
}
.heading-font.title {
font-size: 48px;
font-weight: 700;
margin-bottom: 26px;
span {
display: inline-block;
overflow: hidden;
padding: 10px;
color: $red_soccer;
background: $black_soccer;
margin: 0;
vertical-align: top;
}
.stm-red {
color: $red_soccer;
}
.stm-text {
color: $white;
}
}
.button.btn-md {
padding: 0 35px;
&:hover {
border-color: $red_soccer;
color: $white;
}
&:active {
color: $white !important;
}
}
}
.vc_tta-accordion {
.vc_tta-panel {
&.vc_active {
.vc_tta-panel-heading {
.vc_tta-panel-title {
background: $red_soccer;
a {
/*&:before{
content: "\f063";
}*/
i {
&:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
}
}
}
}
}
.vc_tta-panel-heading {
border-bottom: 0;
.vc_tta-panel-title {
background: #545c64;
font-size: inherit !important;
a {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 10px 10px 12px 10px;
line-height: 22px;
&:before {
display: none;
}
i {
display: inline-block;
overflow: hidden;
color: $white;
width: 30px;
height: 16px;
padding: 0;
position: relative;
font-size: 14px;
margin-right: 2px;
&:before {
display: block;
position: absolute;
left: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.vc_tta-title-text {
color: $white;
vertical-align: middle;
font-weight: 400;
font-size: 15px;
margin-left: 0;
}
}
}
}
.vc_tta-panel-body {
/*padding: 20px 20px 20px 40px !important;
transform: none !important;
transition: none !important;*/
p {
opacity: 1;
}
}
}
&.style_1 {
.vc_tta-panel-heading {
border-bottom: 0;
}
.vc_tta-panel-body {
background: $dark_gray_bg;
margin: 0 3px;
p {
color: $white;
}
}
}
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
padding: 20px 20px 20px 40px;
}
.stm-price-plan-unit {
margin-left: -2px;
margin-right: -2px;
padding: 2px 2px 55px;
overflow: hidden;
}
.stm-price-plan {
position: relative;
padding-bottom: 0;
background-color: $white;
text-align: center;
border-radius: 0;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
.badge {
position: absolute;
top: 15px;
left: -35px;
width: 130px;
padding: 8px 20px;
background-color: $red_soccer;
transform: rotate(-45deg);
border-radius: 0;
color: $white;
text-transform: uppercase;
font-size: 14px;
}
header {
padding: 0 0 15px;
background-color: #394046;
border-radius: 0;
color: $white;
min-height: 178px;
.title {
margin: 0 0 22px;
padding: 15px 0;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
letter-spacing: 0;
color: $white;
font-weight: 400;
background: #252c33;
}
.price {
margin-bottom: 7px;
font-weight: 700;
font-size: 60px;
line-height: 1;
}
.price-label {
color: $gray-b2;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0;
}
}
.body {
padding: 0;
.single-feature {
font-weight: 400;
font-size: 15px;
padding: 8px 0;
color: $black_soccer;
margin-bottom: 0;
&:nth-child(odd) {
background: $gray-f5;
}
&:nth-child(even) {
}
}
}
.button-unit {
padding: 20px 50px;
background: $gray-f5;
.button {
width: 100%;
border-radius: 0;
font-weight: 400;
color: $white !important;
line-height: 47px;
letter-spacing: 0;
border: 0;
background: $red_soccer_hover !important;
&:before {
background-color: $red_soccer !important;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
&:hover {
border: 0 !important;
color: $white !important;
&:before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
}
}
}
&:hover {
header {
.title {
background-color: $red_soccer;
}
}
}
}
.stm-default-page-grid {
padding-top: 10px;
.stm-single-post-loop {
.image {
margin-bottom: 27px;
&:before {
display: none;
}
}
> a {
&:hover {
& + .content {
a {
color: $red_soccer;
}
}
}
}
.content {
overflow: hidden;
max-height: 108px;
margin-bottom: 17px;
a {
text-decoration: none;
color: $black_soccer;
&:hover {
color: $red_soccer;
}
}
.title {
min-height: 48px;
margin-bottom: 10px;
font-weight: 400;
color: $black_soccer;
}
p {
font-size: 14px;
color: $dark_gray;
line-height: 22px;
}
}
.post-meta {
display: flex;
background: $gray-ec;
padding: 5px 10px;
.stm-post-time {
display: block;
width: 100%;
align-items: flex-start;
font-size: 14px;
color: $gray-b2;
}
.comments-number {
display: block;
width: 100%;
align-items: flex-end;
margin-right: 0;
text-align: right;
font-weight: 400;
font-size: 14px;
&:hover {
cursor: default;
a {
color: $gray-86;
}
}
a {
&:hover {
color: $red_soccer;
}
}
}
.post_list_item_tags {
display: none;
}
}
}
.container {
.row {
.col-md-9 {
.row-3 {
.col-md-3 {
width: 33%;
}
}
}
.col-md-3.hidden-sm.hidden-xs {
margin-top: 88px;
}
}
}
}
.stm-default-page-list {
padding-top: 8px;
.stm-small-title-box {
.stm-title-box-unit {
padding-bottom: 10px;
}
}
.stm-single-post-loop {
display: flex;
overflow: hidden;
clear: both;
margin-top: 25px;
margin-bottom: 4px;
border: solid 1px $gray-divider;
justify-content: flex-start;
align-items: center;
&:hover {
.title {
color: $red_soccer;
}
.image {
img {
transition: all 0.5s ease-in-out;
transform: scale(1.1);
}
&:before {
opacity: 0;
}
}
.stm-plus {
opacity: 0 !important;
}
}
> a {
display: block;
overflow: hidden;
width: 100%;
max-width: 255px;
flex-shrink: 1;
.image {
&:before {
display: none !important;
}
&:after {
display: none;
}
display: block;
max-width: 255px;
margin-bottom: 0;
max-height: 380px;
}
.image.audio {
&:after {
content: "\e905" !important;
}
}
.image.video {
&:after {
content: "\e904" !important;
font-size: 12px;
}
}
}
.stm-sticky-post {
left: 44px;
}
.stm-post-content-inner {
display: block;
width: 100%;
overflow: hidden;
padding: 0 20px 0 28px;
border: 0;
background-color: $white;
position: relative;
flex-shrink: 1;
.date {
width: 100%;
float: left;
margin: 0 0 10px;
color: $gray-86;
font-size: 13px;
font-weight: 400;
text-transform: none;
letter-spacing: 0px;
}
.title {
letter-spacing: 0;
text-transform: none;
line-height: 20px;
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
text-transform: uppercase;
&:hover {
color: $red_soccer;
}
}
.content {
p {
line-height: 20px;
}
}
.post-meta {
}
}
.post-meta {
.stm-cat-list-wrapp {
display: inline-block;
overflow: hidden;
vertical-align: middle;
padding-left: 2px;
line-height: 14px;
i {
display: inline-block;
vertical-align: middle;
color: #999999;
font-size: 14px;
}
ul {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
list-style: none;
vertical-align: middle;
line-height: 14px;
li {
&:before {
display: none;
}
display: inline-block;
padding: 0;
margin: 0 5px 0 0;
a {
color: #999999;
font-size: 13px;
font-weight: 400;
}
}
}
}
.comments-number {
display: inline-block;
overflow: hidden;
vertical-align: middle;
opacity: 1;
text-transform: uppercase;
margin-right: 0;
margin-left: 20px;
i {
color: $gray-86;
font-size: 14px;
}
a {
color: $gray-86;
font-size: 13px;
font-weight: 400;
text-transform: none;
}
}
}
}
}
.stm-single-post {
padding-top: 10px;
.container {
.row {
.col-md-9 {
.row-3 {
.col-md-3 {
width: 33%;
}
}
.post-thumbnail {
margin-bottom: 0;
}
.stm-single-post-meta {
background: $dark_gray_bg;
padding: 15px 15px 13px;
.stm-meta-left-part {
margin-bottom: 0;
line-height: 13px;
.stm-date {
font-size: 13px;
font-weight: 400;
text-transform: none;
color: #d9dadb;
i {
}
}
.stm-author {
font-size: 13px;
font-weight: 400;
text-transform: none;
color: #d9dadb;
i {
}
}
}
.stm-comments-num {
letter-spacing: 0;
line-height: 0;
a {
font-size: 13px;
font-weight: 400;
text-transform: none;
color: $white;
i {
font-size: 15px;
&:before {
content: "\f0e6" !important;
}
}
}
}
}
.stm-post-meta-bottom {
border-bottom: 0;
.stm_post_tags {
color: transparent;
margin: 6px 0 0;
i {
display: none;
}
a {
background: $gray-86;
color: $white;
font-size: 13px;
font-weight: 400;
text-transform: none;
padding: 2px 8px;
margin: 0 5px 0 0;
line-height: 20px;
&:hover {
background: $red_soccer;
color: $white !important;
}
}
}
.stm-share-this-wrapp {
display: flex;
width: auto;
float: right;
.a2a_label {
text-transform: none;
}
}
}
.stm_author_box {
.author_name {
h6 {
font-size: 20px;
}
}
.author_info-wrap {
display: flex;
align-content: center;
align-items: center;
.author_avatar {
display: block;
flex-shrink: 0;
img {
max-width: 80px;
}
}
.author_info {
display: block;
overflow: hidden;
.author_content {
}
}
}
}
.stm-single-comment-title .stm-add-review a {
.fa.fa-pencil-square {
color: $red_soccer;
&:before {
}
}
&:hover {
color: $red_soccer;
}
}
.stm_post_comments {
margin-top: 58px;
.comments-area {
h4 {
font-weight: 400;
font-size: 30px;
color: $black;
text-align: left;
background: transparent;
border-bottom: 0;
padding: 0 0 38px 0;
margin-bottom: 30px;
}
.stm-list-duty {
background: transparent;
li {
padding-left: 0;
padding-right: 0;
border-bottom: 0;
margin-bottom: 10px;
.comment-body {
&:last-child {
padding-bottom: 16px;
}
padding-left: 16px;
padding-bottom: 16px;
border-bottom: solid 1px $gray-b2;
.comment-author-image {
margin-right: 25px;
img {
max-width: 60px;
}
}
.vcard {
position: relative;
.heading-font {
font-size: 16px;
letter-spacing: 0;
margin-right: 25px;
font-weight: 400;
vertical-align: top;
line-height: 16px;
}
.commentmetadata {
display: inline-block;
line-height: 20px;
vertical-align: top;
.date {
text-transform: none;
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
}
.reply {
display: block;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
background: $gray-b2;
padding: 0 10px;
i {
display: none;
}
a {
color: $white;
&:hover {
color: $white;
}
}
}
p {
margin-top: 4px;
line-height: 20px;
font-style: italic;
}
}
}
.comment-respond {
}
.children {
margin-top: 30px;
padding-left: 55px;
}
}
}
.comment-respond {
display: block;
overflow: hidden;
background: #3a4147;
padding: 0;
margin-top: 13px;
h3 {
display: block;
font-weight: 400;
font-size: 30px !important;
color: $white;
margin: 30px 45px 0 40px;
padding-left: 50px;
position: relative;
&:before {
display: block;
content: "\f0e6";
font-family: 'FontAwesome';
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
small {
a {
display: inline-block;
overflow: hidden;
background: $gray-b2;
color: $white;
font-family: 'Arial';
font-size: 13px;
letter-spacing: 0;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding: 5px 10px;
text-transform: none;
}
}
}
form {
background: transparent;
padding: 40px;
.logged-in-as {
a {
color: $gray-b2;
font-size: 13px;
font-style: italic;
}
}
.comment-form-comment {
display: inline-block;
width: 100%;
margin-right: 40px;
vertical-align: top;
textarea {
height: 180px;
max-height: 180px;
border-radius: 0;
}
}
.stm-row-comments {
display: block;
overflow: hidden;
& > div {
input {
height: 50px;
border-radius: 0;
}
}
}
.form-submit {
span {
margin-top: 0;
padding: 0 10px;
line-height: 18px;
input[type="submit"] {
background: transparent !important;
border: 0;
border-radius: 0;
min-height: 44px;
&:hover {
color: $white !important;
&:active {
color: $white !important;
}
}
}
}
}
}
}
}
}
}
.col-md-3.hidden-sm.hidden-xs {
margin-top: 88px;
}
}
}
}
input[type='text'], input[type='email'], input[type='password'], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
aside.widget {
margin-bottom: 48px;
.widget-title {
h4, h6 {
font-weight: 400;
font-size: 30px !important;
}
}
&.widget_stm_recent_posts {
.widget_media {
border-bottom: solid 1px $gray-d9;
padding-bottom: 15px;
}
a {
.image {
display: block;
overflow: hidden;
max-width: 80px;
max-height: 65px;
margin-top: 0;
margin-right: 15px;
img {
}
}
&:hover {
.h5 {
color: $red_soccer !important;
}
text-decoration: none;
}
.stm-post-content {
display: flex;
flex-direction: column;
.date {
font-weight: 400;
font-size: 12px;
color: $gray-b2;
line-height: 15px;
margin-top: 3px;
order: 2;
text-transform: none;
}
.h5 {
font-weight: 400;
font-size: 15px;
color: $theme-dark-blue;
text-transform: uppercase;
order: 1;
margin-bottom: 5px;
}
}
}
}
&.widget_search {
input[type="text"] {
background: $white !important;
border-color: $gray-d9;
margin-bottom: 15px;
height: 47px;
border-radius: 0 !important;
font-size: 14px;
color: $gray-86;
box-shadow: none;
outline: inherit;
}
button.search-submit {
&:before {
background: $red_soccer !important;
transform: scale3d(1, 1, 1);
}
border: 0;
border-radius: 0;
min-height: 47px;
padding: 11px 15px 9px;
i {
color: $white;
font-size: 15px;
}
&:hover {
i {
color: $red_soccer;
}
&:before {
transform: scale3d(0, 1, 1);
}
}
}
}
&.widget_categories {
ul {
li {
margin: 0 0 6px 0;
a {
font-size: 14px;
text-transform: none;
font-weight: 400;
padding: 10px 30px 10px 37px;
background-color: rgba(37, 44, 51, 0.9);
&:after {
display: none;
}
&:before {
background-color: $red_soccer;
}
&:hover {
&:before {
background-color: $red_soccer;
}
}
span {
position: relative;
&:before {
content: '\f105';
display: block;
font-family: 'FontAwesome';
font-size: 14px;
color: $white;
position: absolute;
top: -4px;
left: -21px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 10;
}
}
}
}
}
}
&.widget_archive {
.select2 {
.select2-selection {
border-radius: 0;
height: 47px;
.select2-selection__rendered {
line-height: 47px;
padding: 0 35px 0 15px;
color: $gray-86;
font-size: 14px;
}
}
.select2-selection__arrow {
height: 46px;
b {
display: block;
position: relative;
background: transparent !important;
padding: 10px;
border: 0;
left: inherit;
top: 50%;
transform: translateY(-50%);
margin: 0;
&:before {
content: '\f107';
display: block;
font-family: 'FontAwesome';
font-size: 18px;
color: $gray-59;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 10;
}
}
}
}
}
&.widget_sp_event_calendar {
.widget-title {
}
.sp-template-event-calendar {
.sp-calendar-wrapper {
.sp-event-calendar {
caption {
font-weight: 400;
color: $black_soccer;
font-size: 16px;
padding: 6px 0 4px 0;
line-height: 30px !important;
background: transparent;
text-transform: uppercase;
margin-bottom: 10px;
}
thead {
tr {
th {
font-weight: 700;
font-size: 13px;
color: $white;
padding: 10px 0 9px 13px;
}
}
}
tbody {
tr {
&:first-child {
td {
padding-top: 10px;
}
}
&:last-child {
td {
padding-bottom: 10px;
}
}
td {
border-bottom: 0;
font-weight: 700;
font-size: 14px;
color: $white;
padding: 5px;
a {
color: $red_soccer !important;
}
}
}
}
tfoot {
background: $gray-bg;
tr {
td {
padding: 10px;
border-top: solid 1px $gray-divider;
a {
font-weight: 700;
font-size: 13px;
color: $red_soccer;
}
}
}
}
}
}
}
}
&.widget_mc4wp_form_widget {
.mc4wp-form-fields {
display: block;
overflow: hidden;
p {
display: flex;
width: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
input[type="email"] {
display: block;
width: 82%;
border-radius: 0;
flex-shrink: 0;
height: 47px;
padding: 13px 15px 10px;
color: $gray-86;
font-size: 14px;
opacity: 1;
border-right: 0;
}
span {
position: relative;
display: block;
&:before {
display: block;
content: '\f1d8';
font-family: 'FontAwesome';
font-size: 18px;
color: $white;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 10;
transition: all .2s ease-in;
}
&:after {
content: '';
display: block;
width: 43px;
height: 47px;
background: $red_soccer;
transform: scale3d(1, 1, 1);
transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
&:hover {
&:before {
color: $red_soccer;
}
&:after {
transform: scale3d(0, 1, 1);
opacity: 0;
}
input[type="submit"] {
background-color: transparent !important;
border-color: rgba(215, 215, 214, 0.7) !important;
}
}
}
input[type="submit"] {
color: transparent !important;
max-width: 40px;
height: 47px;
border-radius: 0;
padding: 11px 21px 9px;
border-top: 1px solid rgba(215, 215, 214, 0.7);
border-right: 1px solid rgba(215, 215, 214, 0.7);
border-bottom: 1px solid rgba(215, 215, 214, 0.7);
border-left: 0;
background-color: transparent !important;
}
}
}
}
&.widget_tag_cloud {
.tagcloud {
a {
background: $gray-86;
color: $white;
font-size: 13px !important;
font-weight: 400;
text-transform: none;
padding: 2px 8px;
margin: 0 5px 5px 0;
text-decoration: none;
&:hover {
background: $red_soccer;
color: $white !important;
}
}
}
}
&.widget_price_filter {
.price_slider_wrapper {
.price_slider {
margin: 0 5px 0 0;
background: $gray-bg;
.ui-slider-range {
background: $red_soccer;
}
.ui-slider-handle {
width: 4px;
height: 16px;
background: $dark_gray_bg;
margin: 0;
border-radius: 0;
}
}
.price_slider_amount {
display: block;
position: relative;
overflow: hidden;
.price_label {
display: block;
overflow: hidden;
float: left;
text-transform: none;
font-font: 'Arial';
font-weight: 400;
font-size: 13px;
color: $gray-99;
padding-top: 3px;
.from, .to {
font-font: 'Arial';
font-weight: 700;
font-size: 13px;
color: $black_soccer;
}
}
.button {
display: block;
float: right;
margin: 0;
color: $black_soccer;
font-size: 14px;
height: 36px;
line-height: 28px;
padding: 5px 25px 6px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
background-color: $red_soccer !important;
font-weight: 600;
&:before {
background: $gray-ed;
transform: scale3d(1, 1, 1);
}
&:hover {
color: $white;
&:before {
opacity: 1;
transform: scale3d(0, 1, 1);
}
}
}
}
}
}
&.widget_top_rated_products {
.product_list_widget {
li {
display: block;
overflow: hidden;
padding: 5px 0 !important;
margin-bottom: 5px !important;
&:last-child {
border-bottom: 0;
}
.product-title {
font-family: 'Oswald';
font-weight: 400;
font-size: 15px;
color: $black;
margin-bottom: 0;
text-transform: uppercase;
}
.star-rating {
&:before {
color: $red_soccer !important;
letter-spacing: 1px;
font-size: 15px;
}
span {
&:before {
color: $red_soccer !important;
letter-spacing: 1px;
font-size: 15px;
}
}
}
img {
margin: 0 10px 0 0;
max-width: 60px;
}
del {
display: inline-block;
color: $gray-80 !important;
.woocommerce-Price-amount {
color: $gray-80 !important;
font-size: 14px;
font-weight: 400;
}
span {
color: $gray-80 !important;
}
}
ins {
display: inline-block;
color: $red_soccer;
border-bottom: 0;
padding-left: 5px;
font-family: 'Oswald';
font-weight: 400;
font-size: 15px;
text-decoration: none;
}
.woocommerce-Price-amount {
margin-top: 0;
color: $red_soccer;
font-family: 'Oswald';
font-weight: 400;
font-size: 15px;
}
}
}
}
&.widget_product_categories {
.product-categories {
> li {
> a {
background-color: rgba(37, 44, 51, 0.9);;
&:after {
display: none !important;
}
&:hover {
background: $red_soccer;
}
}
.children {
li {
a {
display: block;
position: relative;
line-height: 0;
margin: 3px 0;
&:after {
display: block;
content: "\f111";
background: transparent;
font-family: 'FontAwesome';
font-size: 5px;
color: $black_soccer;
position: absolute;
top: 50% !important;
left: 8%;
transform: translateX(-50%) !important;
width: 5px;
}
background: transparent;
color: $black_soccer !important;
text-transform: none;
font-weight: 400;
&:hover {
color: $red_soccer !important;
&:after {
width: 5px;
color: $red_soccer !important;
}
}
}
}
}
}
}
}
}
.select2-results__option--highlighted {
background-color: $red_soccer !important;
}
form[data-name="NEWSLETTER"] {
.mc4wp-form-fields {
display: block;
overflow: hidden;
p {
display: flex;
width: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
input[type="email"] {
display: block;
width: 82%;
border-radius: 0;
flex-shrink: 0;
height: 47px;
padding: 13px 15px 10px;
color: $gray-86;
font-size: 14px;
opacity: 1;
}
span {
position: relative;
display: block;
&:before {
display: block;
content: '\f1d8';
font-family: 'FontAwesome';
font-size: 18px;
color: $white;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 10;
transition: all .2s ease-in;
}
&:hover {
&:before {
color: $red_soccer;
}
input[type="submit"] {
background-color: transparent !important;
border-color: $red_soccer;
}
}
}
input[type="submit"] {
color: transparent !important;
max-width: 40px;
height: 47px;
border-radius: 0;
padding: 11px 21px 9px;
border-color: $red_soccer !important;
background-color: $red_soccer !important;
}
}
}
}
ul.page-numbers {
margin: 20px auto 0;
text-align: center;
border-top: solid 1px $light-gray;
padding: 30px 0;
li {
margin: 0 3px;
span, a {
font-family: "Oswald";
font-weight: 700;
font-size: 14px;
color: $black_soccer !important;
border: 0;
border-radius: 0;
width: 50px;
height: 50px;
line-height: 50px;
}
span {
background: $gray-ed;
}
a {
&:hover {
background-color: $red_soccer;
}
}
}
}
.stm-single-product-loop .stm-product-content-loop-inner:hover h3 {
color: $red_soccer !important;
}
.stm-product-content-loop-inner {
.product {
width: 100%;
margin: 0 0 0;
padding: 3px 3px 0;
position: relative;
a {
position: relative;
display: block;
&:hover {
img {
border-color: $red_soccer;
}
.product_header {
h3 {
color: $red_soccer;
}
}
}
.onsale {
width: 71px;
height: 71px;
background: url(../images/soccer/product_sale.png) no-repeat 0 0;
border-radius: 0;
box-shadow: none;
text-indent: -5000px;
left: 0;
top: 0;
right: auto;
bottom: auto;
margin: -3px 0 0 -3px;
z-index: 10;
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
}
img {
width: 100%;
height: auto;
display: block;
box-shadow: none;
border: 1px solid $gray-b2;
margin: 0 0 14px;
}
}
.product_header {
position: relative;
margin: 0 0 10px;
h3 {
float: left;
font-size: 17px;
text-transform: uppercase;
line-height: 15px;
margin: 0;
padding: 0;
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
a {
position: relative;
display: block;
text-decoration: none;
color: $black_soccer;
transition: all 0.25s ease;
}
}
.reviews {
position: relative;
display: block;
text-decoration: none;
float: right;
color: $gray-b2;
line-height: 15px;
font-size: 13px;
}
}
.product_info {
position: relative;
margin: 0 0 10px;
a {
position: relative;
display: block;
text-decoration: none;
float: left;
font-size: 13px;
color: $gray-86;
margin: 0 0 3px;
}
.star-rating {
font-size: .857em;
color: $red_soccer !important;
float: right;
margin-top: 4px;
&:before {
color: $red_soccer;
letter-spacing: 1px;
font-size: 15px;
}
span {
&:before {
color: $red_soccer;
letter-spacing: 1px;
font-size: 15px;
}
}
}
}
.product_footer {
position: relative;
height: 32px;
line-height: 31px;
.add_to_cart_button {
display: block;
font-weight: 400;
position: relative;
overflow: hidden;
margin: 0;
padding: 0 10px;
background: #394046;
height: 32px;
text-align: right;
font-size: 15px !important;
color: #fff !important;
text-decoration: none;
i {
margin: 0 5px 0 5px;
font-size: 19px;
}
}
.price {
position: relative;
display: block;
background: $red_soccer;
display: block;
padding: 0 12px;
float: left;
margin: 0 12px 0 0;
position: relative;
min-width: 160px;
font-weight: 400;
font-size: 18px;
&:before {
content: '';
position: absolute;
right: -13px;
top: 0;
border-bottom: 32px solid #394046;
border-left: 11px solid transparent;
}
&:after {
content: '';
position: absolute;
right: -11px;
top: 0;
border-top: 32px solid $red_soccer;
border-right: 11px solid transparent;
}
.amount {
color: $white;
font-size: 15px;
}
del {
font-size: 13px;
color: $gray-b2 !important;
display: inline-block;
opacity: 0.5;
line-height: 26px;
vertical-align: middle;
}
ins {
text-decoration: none;
font-weight: normal;
margin: 0 0 0 10px;
}
}
}
}
}
&.single-product {
.stm-title-box-unit {
padding-top: 26px;
}
.product {
margin-top: 7px;
.row {
.col-md-4 {
.stm-badge-wrapper {
display: block;
overflow: hidden;
width: 100%;
padding: 3px 0 0 3px;
.onsale {
width: 71px;
height: 71px;
background: url(../images/soccer/product_sale.png) no-repeat 0 0;
border-radius: 0;
box-shadow: none;
text-indent: -5000px;
left: 3px;
top: 3px;
right: auto;
bottom: auto;
margin: -3px 0 0 -3px;
z-index: 10;
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.woocommerce-product-gallery {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
align-content: center;
ol {
display: flex;
width: 100%;
justify-content: center;
align-content: space-between;
align-items: center;
margin-top: 5px;
li {
display: block;
border: solid 1px $gray-b2;
max-width: 112px;
max-height: 112px;
width: 100%;
&:before {
display: none;
}
a {
img {
display: block;
width: 100%;
}
}
&:hover {
border-color: $red_soccer;
}
}
}
}
.stm-single-product-images {
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: flex-start;
align-content: center;
.stm-thumnails-single-product-wrapper {
display: block;
width: 100%;
max-height: 113px;
margin: 0 0 0;
.stm-thumnails-single-product {
width: 100%;
ul {
display: flex;
width: 100%;
justify-content: center;
li {
display: block;
border: solid 1px $gray-b2;
max-width: 112px;
max-height: 112px;
a {
img {
display: block;
width: 100%;
}
}
&:hover {
border-color: $red_soccer;
}
}
}
}
.stm-vertical-arrows {
display: none;
}
}
> a {
display: block;
overflow: hidden;
margin-bottom: 5px;
background: $gray-ed;
border: solid 1px $gray-b2;
img {
display: block;
margin: 0 auto;
}
}
}
}
}
.col-md-8 {
.stm-single-product-content-right {
padding-top: 0;
.stm-stock-wrapper {
margin-bottom: 7px;
.stm-stock {
font-size: 14px;
color: #53a600;
line-height: 11px;
}
}
.woocommerce-product-rating {
display: flex;
overflow: hidden;
position: relative;
width: 100%;
justify-content: flex-start;
align-items: center;
.star-rating {
display: block;
overflow: hidden;
width: 75px;
height: 15px;
line-height: 20px;
margin-right: 15px;
&:before {
color: $red_soccer;
letter-spacing: 1px;
font-size: 15px;
}
span {
&:before {
color: $red_soccer;
letter-spacing: 1px;
font-size: 15px;
}
}
}
.woocommerce-review-link {
display: block;
width: auto;
font-size: 14px;
color: $gray-b2;
span {
}
}
}
div[itemprop="offers"] {
.price {
display: flex;
align-items: flex-end;
margin-bottom: 13px;
margin-top: 13px;
del {
margin-right: 15px;
color: $gray-b2 !important;
span {
font-weight: 400;
font-size: 20px;
color: $gray-b2 !important;
}
}
ins {
> span {
font-weight: 400;
font-size: 30px;
color: $red_soccer;
span {
}
}
}
> .woocommerce-Price-amount.amount {
font-weight: 400;
font-size: 30px;
color: $red_soccer;
}
}
}
div[itemprop='description'] {
p {
font-size: 14px;
color: $dark_gray;
line-height: 24px;
margin-bottom: 23px;
}
}
.cart {
.quantity {
margin-right: 20px;
input[type='number'] {
padding: 9px 5px;
height: 47px;
border-radius: 0;
}
}
}
.product_meta {
display: block;
overflow: hidden;
position: relative;
padding-left: 20px;
&:before {
display: block;
content: "\f02b";
font-family: 'FontAwesome';
font-size: 16px;
position: absolute;
top: 50%;
left: 0;
color: $gray-99;
transform: translateY(-50%);
}
span {
font-size: 14px;
color: $gray-86;
a {
color: $red_soccer;
}
}
}
.woocommerce-tabs {
margin: 29px 0 20px 0 !important;
padding: 0;
background: transparent;
.container {
padding: 0;
ul {
margin: 0;
letter-spacing: 0;
li {
padding: 0;
margin: 0 1px 0 0;
a {
background: $dark_gray_bg;
color: $white;
width: 100%;
padding: 14px 40px;
border: 0;
font-weight: 400;
font-size: 16px;
margin: 0;
}
&.active {
a {
background: $red_soccer;
}
}
}
}
.entry-content {
border: solid 1px $gray-b2;
padding: 13px 23px 2px 23px;
h2 {
font-size: 16px;
margin-bottom: 1px;
}
p {
line-height: 24px;
font-size: 14px;
color: #475058;
}
&#tab-reviews {
#reviews {
#comments {
.stm-single-comment-title {
h2 {
font-size: 30px;
}
.stm-add-review {
a {
font-size: 14px;
font-weight: 400;
color: $gray-86;
text-transform: none;
letter-spacing: 0;
i {
color: $red_soccer;
}
}
}
}
.commentlist {
li {
.comment_container {
img {
}
.comment-text {
.star-rating {
display: block;
overflow: hidden;
width: 75px;
height: 15px;
line-height: 20px;
margin-right: 15px;
&:before {
color: $red_soccer;
letter-spacing: 1px;
font-size: 15px;
}
span {
&:before {
color: $red_soccer;
letter-spacing: 1px;
font-size: 15px;
}
}
}
.heading-font {
time {
font-size: 13px;
color: $gray-86;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
}
}
}
}
}
}
}
#review_form_wrapper {
#review_form {
#respond {
h3 {
}
#commentform {
.comment-form-rating {
label {
display: inline-block;
vertical-align: top;
font-size: 14px;
font-weight: 400;
color: $black_soccer;
letter-spacing: 0;
line-height: 18px;
}
.stars {
display: inline-block;
vertical-align: top;
span {
a {
&:after {
color: $red_soccer;
font-size: 16px;
}
}
}
}
}
.comment-form-comment {
label {
font-size: 16px;
font-weight: 400;
}
textarea {
border-radius: 0;
}
}
> .row {
.col-md-6 {
p {
label {
font-size: 16px;
font-weight: 400;
}
input {
border-radius: 0;
}
}
}
}
.form-submit {
}
}
}
}
}
}
}
}
}
}
}
}
}
.stm-fullwidth-row-js {
display: block;
width: 100%;
margin: 31px 0 !important;
.container {
&:first-child {
padding: 0;
}
.stm-title-left {
h3 {
font-weight: 400;
font-size: 32px;
letter-spacing: 0;
}
}
}
}
}
}
.stm-block-quote-wrapper.style_1 .stm-block-quote {
font-family: 'Arial';
}
.woocommerce-message {
border-color: $red_soccer !important;
.dp-in {
a {
line-height: 22px;
height: 22px;
color: $red_soccer !important;
&:after {
color: $red_soccer !important;
}
}
}
}
.woocommerce {
.sp-scrollable-table-wrapper {
.shop_table {
margin-top: 6px;
thead {
background: $dark_gray_bg;
tr {
th {
font-size: 17px;
font-weight: 400;
}
}
}
tbody {
tr.cart_item {
&:nth-of-type(odd) {
td {
background: $white;
}
}
&:nth-of-type(even) {
td {
background: $gray-f5;
}
}
td {
padding: 19px 5px;
&.product-remove {
a {
i {
&:before {
content: '\e916';
font-family: 'stm-splash-icons';
font-size: 14px;
color: #a7abaf;
}
}
&:hover {
i {
&:before {
color: $red_soccer;
}
}
}
}
}
&.product-thumbnail {
a {
img {
max-width: 96px;
border: 1px solid $gray-b2;
}
}
}
&.product-name {
a {
font-weight: 400;
font-size: 17px;
}
}
&.product-price {
font-weight: 400;
font-size: 17px;
}
&.product-quantity {
.quantity {
input[type="number"] {
padding: 0;
font-size: 14px;
border-radius: 0;
}
}
}
&.product-subtotal {
font-weight: 400;
font-size: 17px;
.amount {
color: $red_soccer;
}
}
}
}
tr:last-child {
background: $dark_gray_bg;
td {
padding: 10px 30px;
.coupon {
display: flex;
align-items: center;
justify-content: center;
input[type="text"] {
height: 47px;
position: relative;
top: inherit;
border-radius: 0;
background: $white;
font-size: 14px;
min-width: 210px;
margin-right: 10px;
}
}
}
}
}
}
}
.cart-collaterals {
margin: 10px -9999px 30px;
background: $white;
.cart_totals, .calculated_shipping {
.row {
.col-md-6 {
.stm-shipping-cart-calc {
.shipping {
h4 {
font-size: 30px;
margin-bottom: 28px;
}
> div {
display: block;
overflow: hidden;
background: $gray-ed;
padding: 40px;
form {
section {
.select2 {
.select2-selection {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 47px;
line-height: 47px;
border: solid 1px $gray-b2;
.select2-selection__rendered {
line-height: 47px;
}
.select2-selection__arrow {
height: 47px;
line-height: 47px;
b {
display: block;
position: relative;
background: transparent !important;
padding: 10px;
border: 0;
left: inherit;
top: 50%;
transform: translateY(-50%);
margin: 0;
&:before {
content: '\f107';
display: block;
font-family: 'FontAwesome';
font-size: 16px;
color: $gray-59;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 10;
}
}
}
}
}
input[type="text"] {
font-size: 14px;
background: $white;
}
p {
&:nth-of-type(4) {
text-align: right !important;
margin-bottom: 0;
}
}
}
}
}
}
}
.stm-cart-totals {
h4 {
font-size: 30px;
margin-bottom: 28px;
}
.shop_table {
tbody {
tr {
th {
padding: 17px 0 17px 20px;
font-family: "Arial";
font-weight: 400;
}
td {
text-align: right;
padding: 17px 20px;
font-family: "Arial";
font-weight: 400;
text-transform: none;
.amount {
font-family: 'Oswald';
font-weight: 700;
color: $red_soccer !important;
}
}
&.order-total {
th, td {
font-weight: 700;
}
}
}
}
}
.wc-proceed-to-checkout {
display: block;
text-align: right;
padding-top: 20px;
}
}
}
}
}
}
}
&.woocommerce-checkout, &.woocommerce-account {
.woocommerce {
display: block;
overflow: hidden;
padding-bottom: 40px;
.woocommerce-info {
border: 0;
font-size: 15px;
font-weight: 700;
color: $gray-59;
text-transform: none;
letter-spacing: 0;
padding: 29px 20px 26px 50px;
&:before {
display: block;
content: "\f05a";
font-family: "FontAwesome";
color: $red_soccer;
font-size: 16px;
position: absolute;
left: 2%;
top: 50%;
transform: translateY(-50%);
}
a {
color: $blue-link !important;
font-weight: 400;
&.button {
margin-top: 0;
letter-spacing: 0;
height: 24px;
line-height: 24px;
&:hover {
background: transparent !important;
border: 0 !important;
&:active {
color: $blue-link;
background: transparent !important;
border: 0 !important;
}
}
}
}
}
#customer_details {
display: block;
margin-top: 52px;
h3 {
margin-bottom: 33px;
font-size: 30px;
}
p {
margin-bottom: 30px;
}
}
.checkout_coupon {
input[type='submit'] {
&:hover:active {
color: $theme-dark-blue !important;
span {
color: $theme-dark-blue !important;
}
input[type='submit'] {
color: $theme-dark-blue !important;
}
}
&:hover {
border: solid 2px $red_soccer;
background: $red_soccer !important;
color: $white;
&:before {
color: $red_soccer;
width: 100%;
left: 100%;
background: $red_soccer;
opacity: 1;
}
span {
color: $white;
}
}
border: solid 2px $red_soccer;
overflow: hidden;
border-radius: 0;
font-weight: 700;
font-size: 14px;
color: $red_soccer;
padding: 12px 35px;
background: transparent !important;
transition: all .5s cubic-bezier(0, 0, 0.58, 1);
line-height: 22px !important;
}
}
label {
display: none;
}
input[type='text'], input[type='tel'], input[type='password'], input[type='email'], .select2-selection__rendered, textarea {
border-radius: 0;
background: $white;
border: 0;
margin-bottom: 5px;
height: 50px;
font-size: 14px;
}
input[name="shipping_postcode"], input[name="shipping_state"] {
margin-bottom: 0;
}
textarea[name="order_comments"] {
height: 124px !important;
}
.select2-selection {
height: 47px;
border-color: $gray-b2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
.select2-selection__rendered {
height: 45px;
line-height: 46px;
margin-bottom: 0;
font-size: 14px;
color: $gray-86;
}
.select2-selection__arrow {
height: 46px;
b {
display: block;
position: relative;
background: transparent !important;
padding: 10px;
border: 0;
left: inherit;
top: 50%;
transform: translateY(-50%);
margin: 0;
&:before {
content: '\f107';
display: block;
font-family: 'FontAwesome';
font-size: 18px;
color: $gray-59;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 10;
}
}
}
}
#order_review_heading {
font-size: 30px;
margin: 70px 0 45px;
}
.woocommerce-checkout-review-order {
.shipping {
width: 49%;
float: left;
}
.shop_table {
width: 49%;
float: left;
thead {
background: transparent;
tr {
background: $dark_gray_bg;
th:first-child {
text-align: left;
}
th {
background: transparent;
border-top: 0;
padding: 18px 0 17px 30px;
border-bottom: solid 1px $gray-divider;
font-weight: 400;
font-size: 17px;
color: $white;
}
}
}
tbody {
tr {
&:last-child {
td {
border-bottom: 0;
}
}
td {
text-transform: none;
font-weight: 400;
padding: 13px 0 12px 30px !important;
border-bottom: solid 1px $gray-divider;
background: transparent !important;
font-family: 'Arial';
font-weight: 400;
font-size: 15px;
text-transform: none;
color: $black_soccer;
.amount, .product-quantity {
font-family: "Oswald";
font-weight: 400;
color: $dark_gray;
}
}
}
}
tfoot {
background: $gray-bg;
tr {
th {
font-family: 'Arial';
font-weight: 400;
font-size: 15px;
color: $white;
text-transform: uppercase;
padding: 18px 0 18px 30px;
background: $dark_gray_bg !important;
border: 0;
}
td {
font-family: 'Arial';
padding-left: 25px;
background: $dark_gray_bg !important;
border: 0;
.amount {
font-weight: 400;
color: $white !important;
}
strong {
.amount {
font-weight: 700;
}
}
}
}
}
}
}
.woocommerce-checkout-payment {
width: 49%;
float: right;
margin-top: 0;
.wc_payment_methods.payment_methods.methods {
li {
input[type='radio'] {
visibility: hidden;
&:checked + label {
&:before {
display: block;
content: '';
background: $theme-dark-blue;
width: 17px;
height: 17px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 0;
position: absolute;
left: 0;
top: 3px;
}
&:after {
display: block;
content: '';
width: 5px;
height: 5px;
background: $red_soccer;
border-radius: 50%;
position: absolute;
left: 6px;
top: 9px;
z-index: 10;
}
}
}
label {
display: block;
position: relative;
width: 90%;
padding-left: 30px;
&:before {
display: block;
content: '';
background: transparent;
width: 17px;
height: 17px;
border: solid 1px $gray-divider;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 0;
top: 3px;
}
img {
display: block;
margin-left: 0;
max-width: 80%;
}
a {
display: block;
width: 22%;
position: absolute;
top: 65%;
left: 100%;
transform: translateY(-65%) translateX(-100%);
font-weight: 400;
font-size: 15px;
color: $red_soccer;
}
}
.payment_box {
p {
padding-left: 30px;
font-weight: 400;
font-size: 13px;
color: $gray-59;
}
}
}
}
span.button {
padding: 0;
border: 0;
margin-top: 0;
margin-left: 5px;
input[type='submit'] {
margin: 0;
color: inherit;
padding: 12px 60px;
border: 0;
background: transparent !important;
&:hover {
border: 0;
color: inherit;
background: transparent !important;
&:active {
border: 0;
color: inherit;
background: transparent !important;
}
}
}
}
}
}
&.woocommerce-order-received {
h2 {
margin-bottom: 34px;
}
.woocommerce-thankyou-order-received {
letter-spacing: 0;
font-size: 16px;
margin-bottom: 26px !important;
}
.woocommerce-thankyou-order-details.order_details {
display: block;
overflow: hidden;
width: 100%;
float: inherit;
margin-bottom: 14px;
li {
margin-bottom: 11px;
padding-left: 28px;
font-size: 15px;
line-height: 25px;
&:before {
overflow: hidden;
content: '\f105';
font-family: 'FontAwesome';
color: #da9a29;
background: transparent;
width: 12px;
height: 20px;
font-size: 18px;
top: 0;
left: 0;
opacity: 1;
}
}
}
p {
letter-spacing: 0.5px;
}
h3 {
margin-bottom: 45px;
font-size: 30px;
text-transform: uppercase;
}
.stm-thankyou-wrapper {
margin-top: 50px;
margin-bottom: 26px;
.order_details {
thead {
background: $dark_gray_bg !important;
tr {
th {
&:first-child {
text-align: left;
padding-left: 30px;
}
&:last-child {
text-align: right;
padding-right: 30px;
}
padding: 18px 0 15px;
background: transparent !important;
border-top: 0;
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
}
}
}
tbody {
tr {
td {
padding: 12px 0;
border-top: solid 1px $gray-divider;
background: transparent !important;
&.product-name {
font-family: 'Arial';
font-weight: 400;
font-size: 15px;
text-transform: none;
padding-left: 30px;
a {
color: $theme-dark-blue;
}
strong {
font-weight: 400;
}
.stm-addinfo-wrap {
display: inline-block;
overflow: hidden;
line-height: 20px;
vertical-align: middle;
margin-left: 3px;
.variation {
display: inline-block;
overflow: hidden;
position: relative;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
vertical-align: middle;
dt {
display: inline-block;
margin: 0;
}
dd {
display: inline-block;
margin: 0;
p {
margin-bottom: 0;
}
}
}
}
}
&.product-total {
text-align: right;
padding-right: 30px;
.amount {
font-size: 15px;
font-weight: 400;
color: $dark_gray;
}
}
}
}
}
tfoot {
tr {
th {
font-family: 'Arial';
font-weight: 400;
font-size: 15px;
color: $white;
border-bottom: 0;
background: $dark_gray_bg !important;
text-transform: uppercase;
}
td {
font-family: 'Arial';
font-weight: 400;
font-size: 15px;
color: $white;
padding-left: 0;
border-bottom: 0;
text-align: right;
padding-right: 30px;
background: $dark_gray_bg !important;
text-transform: uppercase;
}
&:first-child {
td {
.amount {
font-weight: 400;
}
}
}
}
}
}
.customer_details {
border-left: solid 30px $gray-bg;
border-right: solid 30px $gray-bg;
border-top: solid 16px $gray-bg;
border-bottom: solid 16px $gray-bg;
tbody {
tr {
th, td {
font-family: 'Arial';
color: $theme-dark-blue;
border-bottom: solid 1px $gray-divider;
background: $gray-bg !important;
padding: 18px 0 18px 10px;
}
th {
font-weight: 400;
text-transform: none;
text-align: left;
width: 30%;
}
td {
font-weight: 700;
font-size: 15px;
}
&:last-child {
th, td {
border-bottom: 0 !important;
}
}
}
}
}
}
address {
display: block;
width: 100%;
float: left;
padding: 20px 40px;
line-height: 60px;
background: $gray-bg;
max-width: 49%;
}
.col2-set.addresses {
.col-1, .col-2 {
width: 49%;
address {
max-width: 100% !important;
}
}
}
}
}
.stm-single-sp_table-league {
padding-bottom: 40px;
h2 {
margin-bottom: 45px;
}
.sp-template-league-table {
table {
thead {
th {
font-family: 'Arial';
font-weight: 400;
font-size: 15px;
color: $white;
padding: 15px 10px 15px;
&.data-rank {
text-indent: 0;
}
&:last-child {
text-indent: 0;
}
}
}
tbody {
tr {
td {
&.data-rank {
font-family: 'Oswald';
opacity: 1;
font-weight: 400;
font-size: 16px !important;
color: $white;
text-align: center;
}
&.data-name {
font-family: 'Oswald';
font-weight: 400;
font-size: 16px !important;
color: $white;
.team-logo {
display: inline-block;
overflow: hidden;
max-width: 32px;
margin-right: 20px !important;
vertical-align: middle;
}
}
border: 0;
font-family: 'Oswald';
font-weight: 400 !important;
font-size: 12px !important;
color: $white;
padding: 17px 10px !important;
vertical-align: middle;
}
}
}
}
}
}
.stm-sportspress-sidebar-right, .stm-sportspress-sidebar-left {
.stm-sportspress-sidebar {
margin-top: 101px;
}
.stm-single-sp_table-league {
> .container {
padding: 0;
.stm-title-box-unit {
.stm-page-title {
h2 {
margin-bottom: 0;
}
}
}
.sp-section-content-content {
margin-bottom: 55px;
}
}
}
h2, h4 {
font-size: 30px !important;
font-weight: 400;
text-transform: uppercase;
}
table {
tr {
th {
font-family: 'Arial';
font-size: 13px;
}
td {
&.data-name {
font-family: 'Oswald';
font-size: 15px;
}
font-family: 'Arial';
font-size: 13px;
font-weight: 400;
padding: 5px 10px;
height: 40px;
}
}
}
.sp-section-content-details {
}
.sp-section-content-statistics {
clear: both;
}
.sp-section-content-venue {
h4 {
margin-top: 40px;
}
> div {
margin-bottom: 0;
.sp-event-venue-address-row {
td {
color: $white;
padding: 13px 10px !important;
font-size: 13px;
i {
color: $red_soccer;
vertical-align: middle;
opacity: 1;
margin-top: -4px;
}
}
}
}
}
.sp-section-content-results {
h4 {
margin-top: 40px;
}
> div {
margin-bottom: 0;
}
}
.sp-section-content-performance {
margin-bottom: 40px;
h4 {
margin-top: 40px;
}
> div {
margin-bottom: 0;
}
.sp-template-event-staff {
display: none;
}
}
}
.stm-sccr-template-event-list {
h4 {
display: none;
}
ul {
margin-top: 43px;
li {
display: flex;
background: $tickets-bg;
align-content: center;
padding: 0;
margin-bottom: 20px;
min-height: 110px;
&:hover {
.event_date {
background: $red_soccer;
.date {
.stm-top {
.date-month {
border-color: $white;
}
}
}
}
}
.event_date {
display: flex;
overflow: hidden;
justify-content: center;
align-items: center;
align-content: center;
position: relative;
top: inherit;
left: inherit;
right: inherit;
bottom: inherit;
width: 16%;
padding: 0;
background: $gray-tabs-inactive;
.date {
display: block;
position: relative;
top: inherit;
left: inherit;
right: inherit;
bottom: inherit;
transform: none;
.stm-top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.date-day-num {
font-size: 30px;
font-weight: 400;
color: $white;
margin-top: 9px;
margin-bottom: 6px;
}
.date-month {
font-weight: 400;
font-size: 13px;
color: $white;
padding: 0 6px 4px;
border-bottom: solid 3px $red_soccer;
}
}
}
}
.clearfix {
display: block;
width: 100%;
.stm-event-data-wrap {
display: flex;
width: 100%;
height: 100%;
align-items: center;
padding: 0 30px;
.commands {
display: block;
width: 70%;
h3 {
font-weight: 400;
font-size: 20px;
color: $white;
text-transform: uppercase;
margin-bottom: 3px;
a {
}
.event-vs {
color: $red_soccer;
}
}
.stm-event-bottom-info {
display: flex;
justify-content: flex-start;
align-content: flex-start;
align-items: baseline;
.date-time {
font-size: 13px;
color: $white;
margin-right: 30px;
i {
color: $red_soccer;
}
}
.stadium {
font-size: 13px;
color: $white;
i {
color: $red_soccer;
opacity: 1;
}
}
}
}
.stm-event-result {
display: block;
width: 15%;
flex-shrink: 1;
font-weight: 400;
font-size: 18px;
color: $white;
}
.read_more {
display: block;
width: 25%;
flex-shrink: 1;
margin: 0;
text-align: right;
a {
color: $white;
padding: 0 33px;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
}
}
}
}
}
}
}
.sp-stm-template-event-blocks {
margin-top: 42px;
.stm-single-block-event-list {
margin-bottom: 30px;
.vc_latest_result {
.fixture_detail {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 0;
background: $gray-ed;
&.stm-event-feature {
background: $btn-gray;
.logo {
margin: 0 !important;
}
.goals {
h2 {
a {
color: $white !important;
}
}
}
}
.command_left {
display: flex;
justify-content: flex-end;
flex-direction: row;
align-items: center;
width: 50%;
overflow: hidden;
.command_info {
display: flex;
order: 2;
align-items: center;
.logo {
position: relative;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
order: 1;
margin-right: -29px;
}
&.future {
margin: 0 30px 0 0;
}
.score {
order: 2;
width: 100px;
height: 76px;
background: $red_soccer;
text-align: right;
padding: 0 20px 0 0;
font-size: 60px;
color: $white;
line-height: 70px;
font-weight: bold;
&:after {
content: '';
position: absolute;
right: -11px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 38px solid transparent;
border-left: 11px solid $red_soccer;
border-bottom: 38px solid transparent;
}
}
}
.goals {
order: 1;
margin: 0 27px 0 0;
h2 {
padding: 3px 0 13px 0;
margin-bottom: 13px;
margin-left: 20px;
a {
font-weight: 400;
font-size: 20px;
color: $black_soccer;
}
}
.heading-font {
font-size: 17px;
font-weight: 400;
color: $red_soccer;
text-transform: uppercase;
}
}
}
.stm-event-vs {
display: flex;
width: 15%;
font-weight: 700;
font-size: 48px;
color: $red_soccer;
justify-content: center;
text-transform: uppercase;
}
.command_right {
display: flex;
width: 50%;
overflow: hidden;
align-items: center;
.command_info {
display: flex;
order: 1;
align-items: center;
&.future {
margin: 0 0 0 30px;
}
.logo {
position: relative;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
order: 2;
margin-left: -29px;
}
.score {
width: 100px;
order: 1;
text-align: left;
padding: 0 0 0 20px;
&:after {
left: -11px;
right: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 38px solid transparent;
border-right: 11px solid $red_soccer;
border-left: transparent;
border-bottom: 38px solid transparent;
}
}
}
.goals {
order: 2;
margin: 0 0 0 27px;
h2 {
padding: 3px 0 13px 0;
margin-bottom: 13px;
margin-right: 20px;
margin-left: 0;
a {
font-weight: 400;
font-size: 20px;
color: $black_soccer;
}
}
.heading-font {
font-size: 17px;
font-weight: 400;
color: $red_soccer;
text-transform: uppercase;
}
}
}
}
.fixture_info {
position: relative;
font-size: 13px;
line-height: 40px;
clear: both;
padding: 2px 0 0 0;
background: $gray-tabs-inactive;
display: flex;
justify-content: center;
align-items: baseline;
align-content: center;
flex-direction: row;
.venue {
font-size: 13px;
color: $white;
margin: 0;
i {
margin-right: 15px;
font-size: 15px;
}
}
.date {
font-size: 13px;
color: $white;
i {
margin-right: 15px;
font-size: 15px;
}
}
.time {
font-size: 13px;
color: $white;
margin: 0 30px;
i {
margin-right: 15px;
font-size: 15px;
}
}
.button-gray.btn-only-border {
display: flex;
font-size: 14px;
color: $white;
border: 0;
padding: 0 20px;
margin-top: -2px;
position: absolute;
right: 0;
height: 42px;
line-height: 42px;
border: 0;
letter-spacing: 0;
justify-content: center;
align-content: center;
align-items: center;
i {
margin-right: 5px;
font-size: 15px;
}
}
}
}
}
}
.stm-event-results-as-header {
display: flex;
overflow: hidden;
width: 100%;
max-height: 705px;
position: relative;
justify-content: center;
align-items: center;
.stm-event-header-bg {
display: block;
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
background-size: cover;
z-index: -1;
}
.container {
width: 100%;
height: 100%;
margin: 100px auto;
.stm-event-results-as-header-wrapper {
display: block;
width: 100%;
> h2 {
display: block;
overflow: hidden;
color: $black_soccer;
font-size: 36px;
opacity: 1;
visibility: visible;
z-index: 1;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
position: relative;
margin-top: 30px;
margin-bottom: 20px;
&:after {
content: '';
display: block;
width: 30px;
height: 3px;
background: $red_soccer;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
> h4 {
display: block;
overflow: hidden;
color: $red_soccer;
font-size: 20px;
opacity: 1;
visibility: visible;
z-index: 1;
text-align: center;
text-transform: uppercase;
padding-top: 10px;
margin-bottom: 30px;
}
&.stm-event-feature {
> h2 {
margin-top: 35px;
}
> h4 {
margin-bottom: 25px;
}
.fixture_detail {
align-items: center !important;
.command_left, .command_right {
align-items: center !important;
}
.logo {
margin: 0 !important;
}
.goals {
h2 {
a {
color: $black_soccer !important;
}
}
}
}
}
.fixture_detail {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 0 0 16px;
.command_left {
display: flex;
justify-content: flex-end;
align-items: flex-start;
width: 50%;
overflow: hidden;
flex-direction: row;
.command_info {
display: flex;
order: 2;
align-items: center;
.logo {
position: relative;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
order: 1;
margin-right: -29px;
}
.score {
order: 2;
width: 100px;
height: 76px;
background: $red_soccer;
text-align: right;
padding: 0 20px 0 0;
font-size: 60px;
color: $white;
line-height: 70px;
font-weight: bold;
&:after {
content: '';
position: absolute;
right: -11px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 38px solid transparent;
border-left: 11px solid $red_soccer;
border-bottom: 38px solid transparent;
}
}
}
.goals {
order: 1;
margin: 10px 27px 0 0;
h2 {
padding: 3px 0 13px 0;
margin-bottom: 13px;
a {
font-weight: 400;
font-size: 20px;
color: $black_soccer;
}
}
.heading-font {
font-size: 17px;
font-weight: 400;
color: $red_soccer;
text-transform: uppercase;
margin-bottom: 15px;
}
.players {
li {
&:before {
display: none;
}
}
}
}
}
.stm-event-vs {
display: flex;
width: 15%;
font-weight: 700;
font-size: 48px;
color: $red_soccer;
justify-content: center;
text-transform: uppercase;
}
.command_right {
display: flex;
width: 50%;
overflow: hidden;
align-items: flex-start;
.command_info {
display: flex;
order: 1;
align-items: center;
.logo {
position: relative;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
order: 2;
margin-left: -29px;
}
.score {
width: 100px;
order: 1;
text-align: left;
padding: 0 0 0 20px;
&:after {
left: -11px;
right: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 38px solid transparent;
border-right: 11px solid $red_soccer;
border-left: transparent;
border-bottom: 38px solid transparent;
}
}
}
.goals {
order: 2;
margin: 10px 0 0 27px;
h2 {
padding: 3px 0 13px 0;
margin-bottom: 13px;
a {
font-weight: 400;
font-size: 20px;
color: $black_soccer;
}
}
.heading-font {
font-size: 17px;
font-weight: 400;
color: $red_soccer;
text-transform: uppercase;
margin-bottom: 15px;
}
.players {
li {
&:before {
display: none;
}
}
}
}
}
}
.fixture_info_publish {
position: relative;
top: 0;
font-size: 13px;
line-height: 40px;
clear: both;
padding: 2px 0 0 0;
display: flex;
justify-content: center;
align-items: baseline;
align-content: center;
flex-direction: row;
.stm-event-as-header-date-publish-wrapp {
display: flex;
overflow: hidden;
flex-direction: column;
justify-content: flex-start;
align-items: center;
.date {
display: block;
font-size: 13px;
color: $black_soccer;
text-align: center;
line-height: 20px;
}
.venue {
display: block;
text-align: center;
font-size: 13px;
color: $red_soccer;
margin: 0;
line-height: 20px;
}
}
}
.fixture_info_future {
position: relative;
font-size: 13px;
line-height: 40px;
clear: both;
padding: 2px 0 0 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
.stm-event-as-header-date-future-wrapp {
display: flex;
overflow: hidden;
justify-content: center;
align-items: center;
margin-bottom: 10px;
.venue {
font-size: 13px;
color: $black_soccer;
margin: 0;
i {
color: $red_soccer;
margin-right: 15px;
font-size: 15px;
}
}
.date {
font-size: 13px;
color: $black_soccer;
i {
color: $red_soccer;
margin-right: 15px;
font-size: 15px;
}
}
.time {
font-size: 13px;
color: $black_soccer;
margin: 0 30px;
i {
color: $red_soccer;
margin-right: 15px;
font-size: 15px;
}
}
}
.stm-countdown-wrapper {
display: block;
overflow: hidden;
width: 100%;
text-align: center;
margin-bottom: 30px;
time {
display: block;
overflow: hidden;
height: 86px;
line-height: 40px;
span {
display: inline-block;
overflow: hidden;
min-width: 77px;
height: 100%;
padding: 10px 0 0 !important;
border-bottom: solid 3px $red_soccer;
border-top: 0;
border-left: 0;
border-right: 0;
font-weight: 400;
font-size: 30px;
color: $white;
margin: 0 10px 0 0 !important;
background: rgba(53, 62, 70, 0.9);
&:last-child {
margin: 0 !important;
}
small {
display: block;
overflow: hidden;
border-top: 0;
padding: 5px 21px 0;
color: $white;
font-family: 'Arial';
font-size: 13px;
font-weight: 300;
line-height: 16px;
}
}
}
}
.btn-md {
display: flex;
font-size: 14px;
color: $white;
padding: 0 20px;
height: 42px;
line-height: 42px;
letter-spacing: 0;
justify-content: center;
align-content: center;
align-items: center;
i {
margin-right: 5px;
font-size: 15px;
}
}
}
}
}
}
.sp_event.type-sp_event {
.stm-page-title {
display: none;
}
.container {
width: 100%;
height: 100%;
margin: 0 auto;
.stm-event-results-as-header-wrapper {
display: block;
width: 100%;
&.stm-event-feature {
.fixture_detail {
align-items: center !important;
.command_left, .command_right {
align-items: center !important;
}
.logo {
margin: 0 !important;
}
.goals {
h2 {
a {
color: $black_soccer !important;
}
}
}
}
}
.fixture_detail {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 0 0 16px;
.command_left {
display: flex;
justify-content: flex-end;
align-items: flex-start;
width: 50%;
overflow: hidden;
.command_info {
display: flex;
order: 2;
align-items: center;
.logo {
position: relative;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
order: 1;
margin-right: -29px;
}
.score {
order: 2;
width: 100px;
height: 76px;
background: $red_soccer;
text-align: right;
padding: 0 20px 0 0;
font-size: 60px;
color: $white;
line-height: 70px;
font-weight: bold;
&:after {
content: '';
position: absolute;
right: -11px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 38px solid transparent;
border-left: 11px solid $red_soccer;
border-bottom: 38px solid transparent;
}
}
}
.goals {
order: 1;
margin: 10px 27px 0 0;
h2 {
padding: 3px 0 13px 0;
margin-bottom: 13px;
a {
font-weight: 400;
font-size: 18px;
color: $black_soccer;
}
}
.heading-font {
font-size: 17px;
font-weight: 400;
color: $red_soccer;
text-transform: uppercase;
margin-bottom: 15px;
}
.players {
li {
&:before {
display: none;
}
}
}
}
}
.stm-event-vs {
display: flex;
width: 15%;
font-weight: 700;
font-size: 48px;
color: $red_soccer;
justify-content: center;
text-transform: uppercase;
}
.command_right {
display: flex;
width: 50%;
overflow: hidden;
align-items: flex-start;
.command_info {
display: flex;
order: 1;
align-items: center;
.logo {
position: relative;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
order: 2;
margin-left: -29px;
}
.score {
width: 100px;
order: 1;
text-align: left;
padding: 0 0 0 20px;
&:after {
left: -11px;
right: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 38px solid transparent;
border-right: 11px solid $red_soccer;
border-left: transparent;
border-bottom: 38px solid transparent;
}
}
}
.goals {
order: 2;
margin: 10px 0 0 27px;
h2 {
padding: 3px 0 13px 0;
margin-bottom: 13px;
a {
font-weight: 400;
font-size: 20px;
color: $black_soccer;
}
}
.heading-font {
font-size: 17px;
font-weight: 400;
color: $red_soccer;
text-transform: uppercase;
margin-bottom: 15px;
}
.players {
li {
&:before {
display: none;
}
}
}
}
}
}
.fixture_info_publish {
position: relative;
top: 0;
font-size: 13px;
line-height: 40px;
clear: both;
padding: 2px 0 0 0;
display: flex;
justify-content: center;
align-items: baseline;
align-content: center;
flex-direction: row;
.stm-event-as-header-date-publish-wrapp {
display: flex;
overflow: hidden;
flex-direction: column;
justify-content: flex-start;
align-items: center;
.date {
display: block;
font-size: 13px;
color: $black_soccer;
text-align: center;
line-height: 20px;
}
.venue {
display: block;
text-align: center;
font-size: 13px;
color: $red_soccer;
margin: 0;
line-height: 20px;
}
}
}
}
}
}
.stm-single-sp_team {
.sp-section-content-lists {
display: block;
overflow: hidden;
.stm-team-tabs-wrap {
.nav-tabs {
justify-content: flex-start !important;
border-bottom: 0;
padding: 1px 0 0;
li {
a {
padding: 16px 40px;
}
&.active {
a {
padding: 17px 40px 16px;
margin-top: -1px;
}
}
}
}
.tab-content {
h4.sp-table-caption {
margin-top: 40px;
margin-bottom: 25px;
line-height: 34px;
}
.stm-af-player-info-table {
margin: 0;
.sp-table-caption {
display: none;
}
.sp-scrollable-table-wrapper.soccer-players-table {
margin: 40px 0;
table {
thead {
tr {
th {
font-family: 'Arial';
font-size: 13px;
color: $black_soccer;
text-overflow: ellipsis;
white-space: nowrap;
background: $red_soccer !important;
}
}
}
tbody {
tr {
td {
text-overflow: ellipsis;
white-space: nowrap;
color: $white !important;
font-family: 'Arial';
font-size: 13px;
font-weight: 400;
line-height: 40px;
&.data-name {
a {
font-family: 'Oswald' !important;
font-size: 15px;
font-weight: 400;
}
}
}
}
}
}
}
}
.player-gallery-group-name {
text-transform: uppercase;
margin-bottom: 25px;
margin-top: 40px;
}
.player_gallery {
list-style: none;
padding: 0;
margin: 0 -10px 40px;
&:last-child {
margin-bottom: 0;
}
li {
float: left;
width: 33%;
padding: 0 10px;
margin: 0 0 20px;
&:before {
display: none;
}
&:hover {
a {
color: $red_soccer !important;
img {
transform: scale(1.1);
}
}
}
}
.player_image {
position: relative;
margin: 0 0 10px;
> a {
position: relative;
display: block;
overflow: hidden;
&:after {
display: none;
}
}
img {
display: block;
max-width: 100%;
height: auto;
transition: transform 0.4s, -webkit-transform 0.4s;
}
}
.stm-player-title-wrap {
display: block;
overflow: hidden;
position: relative;
h4 {
float: left;
text-align: left;
text-transform: uppercase;
line-height: 20px;
margin-bottom: 17px;
a {
font-size: 17px;
color: $black_soccer;
&:hover {
color: $red_soccer;
text-decoration: none;
}
}
}
.player_like {
float: right;
padding: 3px 2px 3px 0;
background: transparent;
position: relative;
top: inherit;
left: inherit;
.fa {
color: $gray-b2;
&:before {
transition: all .2s ease-in;
}
}
span {
margin-left: 5px;
color: $black_soccer;
transition: all .1s ease-in;
}
.like_button {
&:hover {
color: $red_soccer;
text-decoration: none;
span {
color: $red_soccer;
}
.fa {
&:before {
content: "\f004";
color: $red_soccer;
}
}
}
}
}
.like_button.disabled {
span {
color: $red_soccer !important;
}
.fa {
&:before {
content: "\f004";
color: $red_soccer;
}
}
}
}
.player_info {
position: relative;
height: 32px;
line-height: 32px;
&.position-full-width {
.number {
display: none !important;
}
}
.number {
position: relative;
float: right;
background: $red_soccer;
font-size: 15px;
color: $white;
padding: 0 10px;
font-weight: normal;
margin: 0 0 0 13px;
&:before {
content: '';
position: absolute;
left: -13px;
top: 0;
border-top: 32px solid #3f4851;
border-right: 11px solid transparent;
}
&:after {
content: '';
position: absolute;
left: -11px;
top: 0;
border-bottom: 32px solid $red_soccer;
border-left: 11px solid transparent;
}
}
.position {
position: relative;
overflow: hidden;
font-size: 15px;
line-height: 30px;
height: 32px;
background: #3f4851;
color: #fff;
text-transform: uppercase;
padding: 0 10px;
text-align: left;
letter-spacing: 0.4px;
}
}
.player_like {
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
padding: 8px 14px 8px 8px;
&.disabled {
color: #fff;
.fa {
color: $red_soccer;
}
}
}
}
.player_gallery.players_carousel h4 a {
color: #fff;
}
.player_gallery.players_carousel h4 a:hover {
color: $red_soccer;
}
.sp-template.sp-template-player-gallery {
margin-bottom: 0;
}
.sp-template.sp-template-player-gallery .gallery {
margin-bottom: 0 !important;
}
.sp_team.type-sp_team .entry-content {
margin-bottom: 0;
}
}
}
}
.sp-section-content-tables {
display: block;
overflow: hidden;
.sp-template-league-table {
display: block;
overflow: hidden;
margin-top: 40px;
table {
tbody {
tr {
td {
line-height: 40px;
}
}
}
}
}
}
}
.stm-single-sp_player {
padding-bottom: 40px;
.list_fade {
margin-top: 10px;
}
> .container {
padding: 0;
}
.stm-title-box-unit {
padding-bottom: 34px;
h2 {
font-size: 36px !important;
line-height: 36px;
}
}
.sp-template-player-photo {
display: block;
overflow: hidden;
position: relative;
float: left;
width: 46%;
&.sp-template-photo {
padding-top: 0;
margin: 0;
vertical-align: top;
}
.number {
display: flex;
color: $white;
position: absolute;
top: 20px;
left: 0;
letter-spacing: 5px;
padding: 4px 5px 2px 10px;
background: $red_soccer;
align-content: center;
align-items: center;
justify-content: center;
i {
margin-top: -1px;
}
&:before {
content: '';
position: absolute;
right: -11px;
top: 0;
border-top: 30px solid $red_soccer;
border-right: 11px solid transparent;
}
}
}
.sp-section-content-photo {
display: block;
overflow: hidden;
float: left;
width: 46%;
.sp-template-player-photo {
width: 100% !important;
height: 448px;
&.sp-template-photo {
padding-top: 0;
margin: 0;
vertical-align: top;
}
}
}
.sp-template.sp-template-player-details.sp-template-details {
display: block;
overflow: hidden;
float: right;
width: 54%;
padding: 35px 35px;
margin-bottom: 0;
.stm-player-position-number-wrapp {
display: block;
overflow: hidden;
border-top: solid 1px $gray-divider;
padding: 13px 0;
margin-bottom: 14px;
.stm-player-number {
display: inline-block;
overflow: hidden;
font-family: 'Oswald';
font-weight: 400;
font-size: 30px;
line-height: 30px;
color: $theme-dark-blue;
vertical-align: middle;
margin-right: 10px;
}
.stm-player-position {
display: inline-block;
overflow: hidden;
font-family: 'Oswald';
font-weight: 300;
font-size: 16px;
color: $theme-dark-blue;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 1;
}
}
.sp-list-wrapper {
.sp-player-details {
.single-info {
display: flex;
overflow: hidden;
width: 100%;
padding: 0 10px 7px;
line-height: 26px;
.st-label.normal_font {
font-family: 'Oswald';
font-weight: 300;
font-size: 15px;
color: $gray-b2;
text-transform: uppercase;
vertical-align: top;
line-height: 26px;
min-width: 40%;
.player_like {
float: left;
margin-left: 3px;
padding: 3px 2px 3px 0;
.fa {
color: $gray-b2;
&:before {
transition: all .2s ease-in;
}
}
span {
margin-left: 5px;
color: $white;
transition: all .2s ease-in;
}
.like_button {
&:hover {
color: $red_soccer;
text-decoration: none;
span {
color: $red_soccer;
}
.fa {
&:before {
content: "\f004";
color: $red_soccer;
}
}
}
}
}
}
.st-value {
font-family: 'Oswald';
font-weight: 400;
font-size: 16px;
color: $white;
max-width: 64%;
vertical-align: top;
text-transform: uppercase;
img {
display: none;
}
}
}
}
}
}
.sp-section-content-details {
display: block;
overflow: hidden;
float: right;
width: 54%;
padding: 0;
background: url("../images/soccer/about_block_bg.png");
min-height: 380px;
.sp-template.sp-template-player-details.sp-template-details {
width: 100%;
}
}
.sp-section-content-excerpt, .sp-excerpt {
display: none;
clear: both;
font-weight: 400;
font-size: 16px;
color: $gray-40;
}
.sp-section-content-content {
display: block;
font-weight: 400;
font-size: 14px;
color: $gray-40;
h3 {
margin-bottom: 25px;
font-size: 30px;
text-transform: uppercase;
}
.stm-player-quick-stats {
table {
thead {
background-color: transparent;
tr {
th {
text-align: left !important;
padding: 18px 15px 16px;
border-top: 0;
background: #545c64;
font-family: 'Oswald';
font-weight: 400;
font-size: 18px;
color: $white;
}
}
}
tbody {
tr {
&:nth-of-type(odd) {
td {
background: #2a3138;
}
}
&:nth-of-type(even) {
td {
background: #545c64;
}
}
td {
color: $white;
font-family: 'Oswald';
font-size: 15px;
padding: 13px 0 12px 15px;
text-transform: uppercase;
line-height: 15px;
border: 0;
&:nth-child(2) {
font-weight: 400;
font-family: 'Oswald';
font-size: 15px;
line-height: 14px;
padding-left: 0;
width: 17%;
}
}
}
}
}
}
}
.sp-template-player-statistics {
clear: both;
table {
th {
font-weight: 500;
font-size: 14px;
}
th, td {
padding-left: 10px;
}
}
}
.stm-player-ids {
display: none;
}
}
&.woocommerce-account {
.woocommerce {
#customer_login.col2-set {
.col-1, .col-2 {
background-color: $gray-bg !important;
h4 {
text-align: left;
color: $black;
}
.form-row-wide {
input {
background: $white;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
&:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
}
.short, .bad, .strong, small {
&.short, &.bad, &.strong {
margin-top: 10px;
margin-bottom: 10px;
}
font-family: 'Arial';
font-size: 13px;
font-weight: 400;
color: $theme-dark-blue;
letter-spacing: 0;
margin: 0;
}
}
.button.btn-md {
padding: 0;
input[type='submit'] {
background: transparent !important;
border: 0 !important;
margin: 0;
&:hover {
color: inherit;
&:active {
color: $red_soccer !important;
}
}
}
}
}
}
}
.woocommerce-MyAccount-navigation {
ul {
font-size: 0;
li {
display: inline-block;
padding: 0 23px;
&:first-child {
padding-left: 0;
}
&:before {
display: none;
}
&:hover {
a {
color: $red_soccer !important;
span {
border-bottom-color: $red_soccer;
}
}
}
&.is-active {
a {
color: $red_soccer !important;
border-bottom-color: $red_soccer;
}
}
a {
padding: 0 0;
display: block;
font-family: 'Oswald';
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: $theme-dark-blue;
text-decoration: none !important;
border-bottom: 2px solid transparent;
&:hover {
color: $red_soccer !important;
border-color: $red_soccer;
}
}
}
}
}
.woocommerce-MyAccount-content {
p {
font-size: 14px;
a {
color: $red_soccer;
}
input[type='submit'] {
padding: 0 40px;
border: solid 2px $red_soccer;
background-color: $red_soccer !important;
transition: all 0.3s ease-out;
letter-spacing: 0;
&:hover, &:active {
background-color: $white !important;
color: $red_soccer !important;
}
}
}
.woocommerce-MyAccount-orders {
thead {
background: transparent !important;
tr {
th {
background: transparent !important;
border-top: solid 5px $red_soccer;
text-align: left;
font-family: 'Arial';
font-size: 16px;
padding: 23px 0;
color: $black_soccer;
&:first-child {
padding-left: 30px;
}
}
}
}
tbody {
tr {
td {
font-family: 'Arial';
font-weight: 400;
font-size: 15px;
text-transform: none;
background: transparent !important;
padding: 18px 0;
border-top: solid 1px $gray-divider;
&:first-child {
padding-left: 30px;
}
.button {
margin-top: 0;
}
&.order-number {
a {
color: $red_soccer;
}
}
}
}
}
}
header {
position: relative;
}
h3 {
margin-bottom: 45px;
font-size: 36px;
}
.edit {
display: block;
position: absolute;
bottom: 0;
right: 0;
color: $red_soccer;
}
.stm-thankyou-wrapper {
margin-top: 50px;
margin-bottom: 26px;
.order_details {
thead {
background: transparent !important;
tr {
th {
&:first-child {
text-align: left;
padding-left: 30px;
}
&:last-child {
text-align: right;
padding-right: 30px;
}
padding: 18px 0 15px;
background: transparent !important;
border-top: solid 5px $red_soccer;
color: $black_soccer;
font-family: "Arial";
}
}
}
tbody {
tr {
td {
padding: 12px 0;
border-top: solid 1px $gray-divider;
background: transparent !important;
&.product-name {
font-family: 'Arial';
font-weight: 400;
font-size: 14px;
text-transform: none;
padding-left: 30px;
a {
color: $theme-dark-blue;
}
strong {
font-weight: 400;
}
.stm-addinfo-wrap {
display: inline-block;
overflow: hidden;
line-height: 20px;
vertical-align: middle;
margin-left: 3px;
.variation {
display: inline-block;
overflow: hidden;
position: relative;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
vertical-align: middle;
dt {
display: inline-block;
margin: 0;
}
dd {
display: inline-block;
margin: 0;
p {
margin-bottom: 0;
}
}
}
}
}
&.product-total {
text-align: right;
padding-right: 30px;
.amount {
font-size: 14px;
font-weight: 400;
}
}
}
}
}
tfoot {
tr {
th {
font-family: 'Arial';
font-weight: 700;
font-size: 15px;
text-transform: none;
color: $theme-dark-blue;
border-bottom: 0;
background: $gray-bg !important;
}
td {
font-family: 'Arial';
font-weight: 400;
font-size: 15px;
color: $theme-dark-blue;
padding-left: 0;
border-bottom: 0;
text-align: right;
padding-right: 30px;
background: $gray-bg !important;
}
&:first-child {
td {
.amount {
font-weight: 400;
}
}
}
}
}
}
.customer_details {
border-left: solid 30px $gray-bg;
border-right: solid 30px $gray-bg;
border-top: solid 16px $gray-bg;
border-bottom: solid 16px $gray-bg;
tbody {
tr {
th, td {
font-family: 'Arial';
color: $theme-dark-blue;
border-bottom: solid 1px $gray-divider;
background: $gray-bg !important;
padding: 18px 0 18px 10px;
}
th {
font-weight: 400;
text-transform: none;
text-align: left;
width: 30%;
}
td {
font-weight: 700;
font-size: 15px;
}
&:last-child {
th, td {
border-bottom: 0 !important;
}
}
}
}
}
}
address {
display: block;
width: 100%;
float: left;
padding: 20px 40px;
line-height: 60px;
background: $gray-bg;
max-width: 49%;
}
.col2-set.addresses {
.col-1, .col-2 {
width: 49%;
address {
max-width: 100% !important;
}
}
}
}
&.woocommerce-edit-address, &.woocommerce-edit-account, &.woocommerce-edit-address {
h3 {
margin-top: 30px;
margin-bottom: 25px;
}
legend {
font-family: 'Oswald';
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 0;
padding-top: 30px;
display: block;
overflow: hidden;
width: 50%;
border: 0;
}
form {
p {
max-width: 50%;
label {
font-family: 'Arial';
font-weight: 400;
font-size: 14px;
color: $theme-dark-blue;
}
input {
background: $gray-bg;
border: 0;
border-radius: 0;
}
}
input[type='submit'] {
&:hover {
&:active {
border-color: $red_soccer;
}
}
}
.button {
& > .button {
padding: 0;
}
input[type='submit'] {
background: transparent;
color: inherit;
margin-top: 0;
&:hover {
&:active {
border-color: $red_soccer;
}
}
}
}
.required {
border: 0;
color: $red_soccer;
}
}
}
}
#sb_instagram {
width: 100% !important;
max-width: 100% !important;
&.sbi_col_1 {
#sbi_images {
float: none;
white-space: nowrap;
.sbi_item {
display: inline-block;
vertical-align: top;
width: 160px !important;
height: 160px !important;
.sbi_photo_wrap {
max-height: 100%;
height: 100% !important;
}
.sbi_photo {
max-height: 100%;
&:before {
@include pseudo();
@include fa();
content: "\f16d";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: $red_soccer;
opacity: 0;
line-height: 160px;
font-size: 36px;
color: $white;
text-align: center;
transition: opacity 0.7s;
z-index: 90;
}
&:hover {
&:before {
opacity: 0.9;
}
}
}
}
}
}
/*Col 3*/
&.sbi_col_3 {
#sbi_images {
.sbi_item {
.sbi_photo {
position: relative;
&:before {
@include pseudo();
@include fa();
content: "\f16d";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: $red_soccer;
opacity: 0;
line-height: 80px;
font-size: 30px;
color: $white;
text-align: center;
transition: opacity 0.7s;
z-index: 99;
}
&:hover {
&:before {
opacity: 0.9;
}
}
}
}
}
}
}
#sb_instagram #sbi_load {
padding-top: 0 !important;
}
.af-margin-88 {
padding-top: 90px;
}
&.stm-shop-sidebar {
&.woocommerce-page {
.af-margin-88 {
padding-top: 0 !important;
}
}
&.search {
.af-margin-88 {
padding-top: 90px !important;
}
}
}
&.search {
#wrapper {
#main {
padding-bottom: 60px;
}
}
}
.stm-plus {
display: none !important;
}
.stm-image-carousel {
.stm-image-carousel-init-unit {
.stm-image-carousel-init {
.owl-item {
opacity: 0.6;
.stm-single-image-carousel {
padding: 0;
img {
max-width: 60%;
}
}
&:hover {
opacity: 1;
}
}
}
}
}
&.search-results {
#main {
.stm-default-page-list {
.stm-single-post-loop {
display: flex;
overflow: hidden;
clear: both;
margin-top: 25px;
margin-bottom: 4px;
border: solid 1px $gray-divider;
justify-content: flex-start;
align-items: center;
&:hover {
.title {
color: $red_soccer;
}
.image {
img {
transition: all 0.5s ease-in-out;
transform: scale(1.1);
}
&:before {
opacity: 0;
}
}
.stm-plus {
opacity: 0 !important;
}
}
> a {
display: block;
overflow: hidden;
width: 100%;
max-width: 255px;
flex-shrink: 1;
.image {
&:before {
display: none !important;
}
&:after {
display: none;
}
display: block;
max-width: 255px;
margin-bottom: 0;
max-height: 380px;
img {
width: inherit !important;
height: 100%;
}
}
.image.audio {
&:after {
content: "\e905" !important;
}
}
.image.video {
&:after {
content: "\e904" !important;
font-size: 12px;
}
}
}
.stm-sticky-post {
left: 44px;
}
.stm-post-content-inner {
display: block;
width: 100%;
overflow: hidden;
padding: 20px 20px 20px 28px;
border: 0;
background-color: $white;
position: relative;
flex-shrink: 1;
.date {
width: 100%;
float: left;
margin: 0 0 10px;
color: $gray-86;
font-size: 13px;
font-weight: 400;
text-transform: none;
letter-spacing: 0px;
}
.title {
letter-spacing: 0;
text-transform: none;
line-height: 20px;
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
text-transform: uppercase;
&:hover {
color: $red_soccer;
}
}
.content {
p {
line-height: 20px;
}
}
.post-meta {
}
}
.post-meta {
.stm-cat-list-wrapp {
display: inline-block;
overflow: hidden;
vertical-align: middle;
padding-left: 2px;
line-height: 14px;
margin-right: 20px;
i {
display: inline-block;
vertical-align: middle;
color: #999999;
font-size: 14px;
}
ul {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
list-style: none;
vertical-align: middle;
line-height: 14px;
li {
&:before {
display: none;
}
display: inline-block;
padding: 0;
margin: 0 5px 0 0;
a {
color: #999999;
font-size: 13px;
font-weight: 400;
}
}
}
}
.comments-number {
display: inline-block;
overflow: hidden;
vertical-align: middle;
opacity: 1;
text-transform: uppercase;
margin-right: 0;
margin-left: 0;
i {
color: $gray-86;
font-size: 14px;
}
a {
color: $gray-86;
font-size: 13px;
font-weight: 400;
text-transform: none;
}
}
}
}
}
}
}
.stm-sc-btns-wrap {
display: flex;
a {
margin-right: 20px;
}
}
/*===================================================== TROPHY CAROUSEL ====================================================================================*/
.stm-trophy-carousel {
.stm-title-left {
h2 {
margin-bottom: 0 !important;
}
}
.stm-trophy-carousel-init-unit {
.stm-trophy-carousel-init {
.stm-single-trophy {
padding: 0 20px;
&:hover {
.stm-title {
color: $red_soccer;
}
}
.image {
margin-bottom: 16px;
img {
}
}
.stm-border {
height: 3px;
margin-bottom: 15px;
background: $red_soccer;
}
.stm-title {
font-weight: 400;
font-size: 15px;
color: $black_soccer;
letter-spacing: 0;
}
}
}
}
}
/*===================================================== TROPHY CAROUSEL ====================================================================================*/
}
/*======================== SOCCER STYLE END (soccerend) ================================*/
/*===================================================== ====================================================================================*/
/*===================================================== ====================================================================================*/
/*===================================================== ====================================================================================*/
/*===================================================== ====================================================================================*/
/*===================================================== ====================================================================================*/
@import "components/soccer_responsive";