// Mixins
@import "components/mixins";
// Colors and fonts setups
@import "components/vars";
.splashMagazineOne {
&.stm-boxed {
max-width: 1170px;
.stm-footer {
max-width: 1170px;
margin: 0 auto;
}
}
.container {
max-width: 1110px;
padding: 0;
}
h1, h2, h3, h4, h5, h6{
font-style: italic;
letter-spacing: -1px !important;
}
.h1, .h2, .h3, .h4, .h5, .h6{
letter-spacing: -1px !important;
}
h4, .h4 {
font-style: italic;
text-transform: uppercase;
border-bottom: 1px solid $red;
padding-bottom: 17px;
position: relative;
font-weight: 400;
.customs{
font-weight: 600;
}
&:after{
content: '';
display: block;
width: 65px;
height: 2px;
background: $red;
position: absolute;
bottom: 0;
left: 0;
}
}
h4.vc_tta-panel-title {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
&:after{
display: none;
}
}
.no_deco {
border-bottom: 0;
text-transform: none;
font-weight: 700;
&:after {
display: none;
}
}
.button {
display: inline-block;
border-radius: 0;
padding: 10px 20px 10px 20px;
text-transform: capitalize;
letter-spacing: 0;
&.btn-primary {
}
&.btn-secondary {
}
&:hover {
color: $black !important;
border-color: $red !important;
}
}
.btn-lg{
padding: 10px 40px 10px 40px;
}
.btn-md{
padding: 10px 20px 10px 20px;
}
.btn-sm{
padding: 10px 10px 10px 10px;
}
.only_border {
display: inline-block;
font-size: 14px;
font-style: italic;
font-weight: 600;
border: 2px solid $red;
text-decoration: none;
color: $white;
&:hover {
color: $black !important;
}
}
input[type='text'], input[type='email'], input[type='tel'], input[type='password'], textarea{
border-radius: 0;
outline-color: transparent;
outline-style: none;
-webkit-appearance: none;
}
input[type='submit'] {
border-radius: 0;
font-size: 14px;
font-style: italic;
font-weight: 600;
border: 2px solid $red;
text-decoration: none;
color: $red;
background-color: transparent !important;
transition: all .2s ease;
letter-spacing: 0 !important;
&:after, &:before {
display: none;
}
&:hover {
color: $red !important;
}
}
.mc4wp-form {
.mc4wp-form-fields {
input[type="submit"] {
&:hover {
background-color: $red !important;
color: $white !important;
}
}
}
}
.wpcf7-form {
input[type='text'], input[type='email'], textarea {
border: 1px solid $gray-d9;
background: transparent;
&:active, &:focus {
border-color: $mg-blue;
background-color: transparent;
}
}
input[type='submit'] {
&:hover {
color: $white !important;
background-color: $red !important;
}
}
}
.stm-link-all{
&:hover {
color: $mg-blue !important;
border-color: $mg-blue;
}
}
a{
display: inline-block;
text-decoration: none;
}
&.home {
#wrapper {
.mag-header-wrapper {
position: relative;
&.with-header-bg {
.stm-header-background {
display: none;
}
}
}
.stm-title-box-unit {
display: none;
}
}
}
&:not(.home) {
#wrapper {
#main {
padding-top: 60px !important;
}
}
}
#wrapper {
background-color: transparent !important;
.mag-header-wrapper {
position: relative;
&.with-header-bg {
.stm-header-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat;
opacity: 1;
z-index: 1;
}
}
.stm-shop-categories {
.stm-shop-category {
a {
.name, .count {
color: $white !important;
}
&:hover {
.name, .count {
color: $white !important;
}
}
}
}
}
}
#stm-top-bar {
position: relative;
margin: 0 auto;
background-color: $white;
z-index: 10000;
.container {
border-bottom: 1px solid $gray-divider;
.row {
>div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
&:nth-child(1) {
justify-content: flex-start;
}
&:nth-child(2) {
}
&:nth-child(3) {
flex-direction: row-reverse;
}
.stm-top-switcher-holder{
display: flex;
align-items: center;
min-height: 50px;
line-height: 50px;
.language-switcher-unit {
position: relative;
vertical-align: top;
cursor: pointer;
&:after {
content: '\f078';
display: block;
font-family: 'FontAwesome';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 12px;
transition: all .2s ease;
}
&.open {
&:after {
content: '\f077';
}
}
.dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
padding: 5px 0;
margin-top: 10px;
max-width: 100%;
min-width: 100%;
border-radius: 0;
border: 0;
box-shadow: none;
z-index: 1000000;
> li {
margin-bottom: 0;
> a {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0;
.stm-language-code {
top: 0;
}
}
}
}
&:hover {
.stm-switcher-open {
opacity: 1;
}
}
&.open {
.dropdown-menu {
opacity: 1;
visibility: visible;
}
.stm-switcher-open {
border-top: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
}
}
.stm-switcher-open {
position: absolute;
top: 24px;
right: 34px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
opacity: 0.2;
}
.stm-language-flag {
display: none;
}
.stm-language-code {
position: relative;
top: 1px;
vertical-align: top;
}
.stm-current-language {
padding-right: 33px;
}
}
}
.stm-top-phone-holder {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
min-height: 50px;
align-items: center;
justify-content: center;
color: $gray-59;
i {
color: $red;
font-size: 21px;
margin-right: 17px;
}
}
.stm-top-email-holder {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
min-height: 50px;
align-items: center;
justify-content: center;
color: $mg-blue;
i {
color: $red;
font-size: 21px;
margin-right: 17px;
}
}
.stm-top-profile-holder {
.stm-profile-wrapp {
.stm-profile-img {
&.icon-mg-icon-ball {
margin-right: 10px;
}
&:before {
color: $red;
font-size: 20px;
}
}
.vertical-divider {
border-left-color: $gray-divider;
margin: 2px 12px 0 14px;
}
}
}
.stm-top-cart-holder{
background: $red;
padding: 9px 13px 3px 20px;
margin-left: 30px;
margin-bottom: -1px;
.help-bar-shop {
a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
color: $white;
.items-info-wrap {
.total-price {
display: block;
.woocommerce-Price-amount {
font-size: 20px;
font-weight: 600;
font-style: italic;
color: $white;
}
}
.normal_font{
color: $white !important;
}
.stm-current-items-in-cart {
display: inline-block;
font-size: 13px;
color: $white;
}
}
.icon-mg-icon-shoping-cart {
display: block;
font-size: 32px;
margin-left: 24px;
opacity: 0.5;
transition: all .2s ease;
}
&:hover {
.icon-mg-icon-shoping-cart {
opacity: 1;
}
}
}
}
}
.stm-top-profile-holder {
line-height: 48px;
.stm-profile-img {
img {
}
}
a{
text-transform: none;
}
}
}
}
}
}
.stm-header {
margin: 0 auto;
padding-top: 4px;
background-color: $white;
.stm-header-inner {
position: relative;
top: inherit;
left: inherit;
right: inherit;
bottom: inherit;
background-color: $white;
.stm-header-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
.logo-main {
margin-left: 0;
margin-right: auto;
.bloglogo {
img {
display: block;
width: 100%;
}
}
}
.stm-main-menu {
width: 100%;
padding-left: 30px;
.stm-main-menu-unit {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-bottom: 3px;
ul {
li {
&.current-menu-item {
background: transparent;
a{
background: transparent;
}
>a{
background: transparent;
border-bottom: 3px solid $red;
font-style: italic;
color: $red;
&:before{
display: none;
}
&:hover {
color: $red;
}
}
ul.sub-menu {
li {
a {
border-bottom: 0;
&:hover {
color: $red !important;
}
&:before{
display: none;
}
}
}
}
}
&.current-menu-parent {
ul.sub-menu {
li {
a {
border-bottom: 0;
&:hover {
color: $red !important;
}
&:before{
display: none;
}
}
}
}
}
a{
color: $black;
font-style: italic;
font-size: 16px;
line-height: 71px;
padding: 0 22px;
&:hover {
color: $white;
}
span {
i {
margin-right: 10px !important;
}
}
}
ul.sub-menu {
background: $white;
li {
a {
line-height: 50px;
&:hover {
color: $white;
}
span {
i {
margin-right: 10px !important;
}
}
}
ul.sub-menu {
li {
a {
span {
i {
margin-right: 10px !important;
}
}
}
&.stm_mega_has_info {
a {
span {
.mm-list {
li {
margin-bottom: 8px;
}
}
}
&:hover {
span {
.stm_mega_textarea{
color: $black;
}
}
}
}
}
}
}
}
}
}
}
.stm-header-search {
position: relative;
top: inherit;
margin: inherit;
width: 255px;
height: 40px !important;
border: 1px solid $gray-d9;
overflow: hidden;
form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
.search-wrapper {
.search-input {
width: 215px;
padding-left: 15px;
font-size: 15px;
font-style: italic;
}
}
.search-submit {
position: relative;
top: inherit;
right: inherit;
max-width: 38px;
min-height: inherit;
height: 38px;
line-height: 60px;
padding: 0;
text-align: center;
&.activated {
background: $red !important;
i{
&:before {
color: $white;
}
}
}
&:before {
height: 40px;
background: transparent;
}
&:hover {
background: $red;
&:before {
background: $red;
}
.fa-search {
&:before {
color: $white;
}
}
}
.fa-search {
margin-right: 0;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
&:before {
display: block;
overflow: hidden;
content: "\e915" !important;
font-family: 'stm-splash-icons' !important;
color: $gray-80;
background: transparent;
width: 20px;
height: 20px;
font-size: 16px;
}
}
}
.search-input {
position: relative;
top: inherit;
right: inherit;
width: 100%;
height: 38px;
max-width: inherit;
max-height: inherit;
padding: 0;
border: 0;
border-radius: 0;
font-size: 14px;
background-color: transparent;
box-shadow: none;
color: $black-22;
visibility: visible;
&::-webkit-input-placeholder {
color: $gray-d9;
}
}
}
}
}
}
}
}
}
.stm-title-box-unit {
padding: 0;
position: relative;
z-index: 2;
.stm-breadcrumbs-unit {
margin-top: 10px;
margin-bottom: 0;
.container {
.navxtBreads {
color: $white;
>span {
a {
display: inline;
color: $white;
font-size: 13px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
span {
color: $white;
font-size: 13px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
}
}
}
}
.woocommerce-breadcrumb {
color: $white;
font-size: 13px;
font-weight: 400;
text-transform: none;
margin-left: 15px !important;
a {
display: inline;
color: $white;
font-size: 13px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
}
.stm-page-title {
padding-top: 50px;
padding-bottom: 30px;
.container {
.stm-title-box-title-wrapper {
h1 {
color: $white !important;
font-style: italic;
text-transform: none;
}
}
}
}
}
.wpb_wrapper .wpb_revslider_element{
margin-bottom: 0;
}
#main {
max-width: 1170px;
margin: 0 auto;
background: $white;
table.sp-data-table th:first-child, table.sp-data-table td:first-child {
padding-left: 10px;
}
.stm-single-sp_team {
margin: 0;
}
table {
border-spacing: 0;
thead {
tr {
th {
background-color: $gray-80;
font-weight: 400;
text-transform: none;
&:first-child {
padding-left: 10px !important;
}
}
}
}
tbody {
tr {
td {
white-space: nowrap;
}
}
}
}
.sp-view-all-link {
a {
display: inline-block;
border: 1px solid $light-gray;
padding: 3px 5px;
color: $gray-80;
margin-top: 10px;
&:hover {
color: $mg-blue !important;
border-color: $mg-blue;
}
}
}
.wpb_text_column.wpb_content_element {
.wpb_wrapper {
p {
font-size: 16px;
line-height: 24px;
}
}
}
.wpb_revslider_element {
.rev_slider_wrapper {
.cat-wrap {
display: block;
background: $black;
padding: 3px 8px !important;
a {
font-size: 14px !important;
color: $white !important;
text-overflow: initial;
white-space: nowrap;
}
}
h1 {
color: $white !important;
text-transform: uppercase;
}
p {
font-size: 14px !important;
line-height: 24px !important;
font-weight: 400;
}
.rev-read-more {
font-style: italic;
position: relative;
&:after {
display: inline-block;
content: '\e927';
font-family: 'stm-splash-icons';
font-size: 14px;
font-style: normal;
margin-left: 10px;
}
}
}
}
.stm-list-icon {
li {
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: $gray-59 !important;
i {
&:before {
font-size: 16px;
color: $mg-blue;
}
}
> .fa.fa-arrow-right {
top: 2px;
}
}
}
.stm-contact-info{
.h6 {
text-transform: none;
font-style: normal;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 20px;
border: 0;
padding: 0;
margin-bottom: 10px;
letter-spacing: 0;
color: $gray-59 !important;
&:after {
display: none;
}
}
.stm-contacts {
.stm-single-contact {
i {
display: none;
}
.contact-value {
top: inherit;
text-transform: none;
font-style: normal;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 20px;
border: 0;
padding: 0;
margin-bottom: 0;
color: $gray-59 !important;
&:after {
display: none;
}
a {
font-size: 14px;
}
}
}
}
}
.stm-contact-manager-block {
h4 {
text-transform: none;
font-style: normal;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 20px;
border: 0;
padding: 0;
margin-bottom: 0;
&:after {
display: none;
}
}
.stm-cm-info {
.stm-cm-data {
.stm-cm-name {
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.stm-cm-email {
padding-left: 0;
&:before {
display: none;
}
}
}
}
}
.stm-share-this-wrapp {
.stm-share-btn-wrapp {
.addtoany_share_save_container {
.addtoany_list {
a {
span {
width: 30px !important;
height: 30px !important;
padding: 5px;
}
}
}
}
}
}
.stm-single-trophy {
.stm-year {
text-transform: none;
font-style: normal;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 20px;
border: 0;
padding: 0;
margin-bottom: 0;
&:after {
display: none;
}
}
}
.vc_tta-accordion {
.vc_tta-panels-container {
.vc_tta-panels {
.vc_tta-panel {
&.vc_active {
.vc_tta-panel-heading {
h4 {
a {
color: $mg-blue;
&:before {
color: $mg-blue;
}
}
}
}
}
.vc_tta-panel-heading {
h4 {
font-size: 18px !important;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
&:after {
display: none;
}
&:hover {
a {
color: $mg-blue;
&:before {
color: $mg-blue;
}
}
}
a{
&:before {
top: 10px;
}
}
}
}
.vc-tta-panel-body {
padding: 20px 0;
}
}
}
}
}
.stm-form-bg {
.stm-white {
border: 0;
text-align: left;
color: $white !important;
&:after {
display: none;
}
}
}
.stm-price-plan-unit {
.stm-price-plan {
border-radius: 0;
header {
border-radius: 0;
.title, .price, .price-label {
color: $white !important;
}
}
.button-unit {
.button {
}
}
}
}
.stm-single-post-magazine {
padding-top: 0;
.single-post-content-magazine {
.stm-single-post-meta {
.meta-top {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 17px;
border-bottom: 1px solid $gray-divider;
.stm_author_box {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
.avatar-wrap {
.author_avatar {
display: block;
width: 38px;
height: 38px;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
img {
display: block;
width: 100%;
}
}
}
.author_info {
.stm-date {
}
}
}
.follow-btn {
.stm-share-this-wrapp {
.stm-share-btn-wrapp {
.addtoany_share_save_container {
.addtoany_list {
a {
margin-left: 10px;
margin-right: 0;
padding: 0;
span {
width: 32px !important;
height: 32px !important;
}
}
}
}
}
}
}
}
.meta-bottom {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
padding: 12px 0;
.stm_post_tags {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
i {
font-size: 16px;
color: $gray-99;
margin-right: 15px;
}
a {
display: inline-block;
border: 1px solid $gray-divider;
padding: 3px 6px;
margin-right: 5px;
font-size: 14px;
}
}
.post-meta-wrap{
display: flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
.time_for_read{
i {
font-size: 16px;
vertical-align: middle;
}
.read_text {
line-height: 16px;
font-size: 13px !important;
color: $gray-99;
}
}
.stm-post-views {
margin-right: 15px;
i {
font-size: 15px ;
vertical-align: middle;
}
}
.stm-comments-num {
margin-right: 15px;
padding-top: 1px;
i {
font-size: 18px;
color: $gray-99;
vertical-align: middle;
margin-right: 4px;
}
font-size: 13px;
}
}
}
}
.post-excerpt{
font-size: 18px;
line-height: 24px;
}
.post-thumbnail {
margin: 30px 0;
padding: 0;
}
.post-content{
p {
line-height: 24px;
}
}
}
}
.stm-default-page {
&.stm-default-page-grid {
.container {
.row {
>div:nth-child(odd) {
clear: both;
}
}
.news_sidebar_none {
>div:nth-child(odd) {
clear: none;
}
>div {
display: inline-block;
vertical-align: top;
float: inherit;
}
}
.stm-single-post-loop {
.news-loop {
margin-bottom: 30px;
.wrap {
display: block;
&:hover {
.img {
img {
transform: scale(1.05) !important;
}
}
.meta {
.meta-middle {
a {
color: $red !important;
}
}
}
}
.img {
display: block;
overflow: hidden;
width: 100%;
position: relative;
margin-bottom: 16px;
img {
display: block;
width: 100%;
transform: translateZ(0) scale(1);
transition: all .2s ease;
}
.categ {
display: block;
overflow: hidden;
position: absolute;
top: 20px;
left: 20px;
ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
li {
padding: 0;
margin: 0 10px 0 0;
&:before {
display: none;
}
a {
display: block;
overflow: hidden;
text-decoration: none;
padding: 1px 5px;
font-weight: 400;
font-size: 14px;
color: $white !important;
}
}
}
}
}
.meta {
.meta-middle {
font-size: 18px;
font-weight: 700;
font-style: italic;
margin-bottom: 15px;
line-height: 24px;
a {
display: block;
color: $black;
letter-spacing: 0;
}
}
.meta-bottom {
p{
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.date {
font-size: 12px !important;
font-weight: 400;
text-transform: none;
.stm-post-views {
margin-left: 10px;
}
}
}
}
}
}
}
}
}
&.stm-default-page-list {
.stm-single-post-loop {
margin-bottom: 0;
}
.row {
.col-md-12:first-child {
.news-loop {
.wrap {
padding-top: 0;
margin-top: 0;
border-top: 0;
}
}
}
}
.news_sidebar_none {
.news-loop {
.wrap {
margin-bottom: 20px;
.img{
width: 30%;
}
.meta {
width: 70%;
}
}
}
}
.news-loop {
.wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding-top: 29px;
margin-top: 30px;
border-top: 1px solid $gray-divider;
&:hover {
.img{
img{
transform: scale(1.05) !important;
}
}
.meta {
.meta-middle {
a {
color: $red;
}
}
}
}
.img{
display: block;
overflow: hidden;
width: 40%;
margin-bottom: 0;
position: relative;
img{
display: block;
width: 100%;
transform: translateZ(0) scale(1);
transition: all .2s ease;
}
}
.meta{
display: block;
width: 60%;
.meta-top{
.categ {
display: block;
overflow: hidden;
margin-left: 13px;
margin-bottom: 0;
ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
li {
padding: 0;
margin: 0 10px 0 0;
&:before {
display: none;
}
a {
display: block;
overflow: hidden;
text-decoration: none;
padding: 1px 5px;
font-weight: 400;
font-size: 14px;
color: $white !important;
}
}
}
}
}
.meta-middle{
font-size: 16px;
margin: 10px 0 10px 13px;
line-height: 22px;
a {
color: $black;
font-style: italic;
letter-spacing: 0;
&:hover {
color: $red;
}
}
}
.meta-bottom {
margin-left: 13px;
p {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.date {
font-size: 12px !important;
font-weight: 400;
margin: 0;
.stm-post-views {
margin-left: 10px;
}
}
}
}
}
}
}
}
.page-numbers{
text-align: center;
li {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
margin: 0 10px;
a,
span {
display: block;
min-width: 45px;
min-height: 45px;
line-height: 45px;
text-align: center;
border: 2px solid $light-gray-bf;
color: $light-gray-bf;
border-radius: 0;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
&:hover,
&.current {
color: $white;
background-color: $mg-blue;
border-color: $mg-blue;
}
&.next,
&.prev {
border-color: transparent;
font-size: 24px;
&:hover {
background-color: transparent;
border-color: transparent;
color: $mg-blue;
}
}
.fa-chevron-right {
text-indent: 3px;
}
}
}
}
.stm-single-post-meta {
margin-bottom: 35px;
font-weight: 400;
color: #a4a4a4;
letter-spacing: 0px;
border-bottom: 1px solid #d9d9d9;
text-transform: none;
.fa {
position: relative;
margin-right: 3px;
&.fa-commenting {
top: -1px;
}
&.fa-calendar-o {
top: -1px;
}
}
a {
font-weight: 400;
color: #a4a4a4;
letter-spacing: 0px;
text-decoration: none;
&:hover {
color: $mg-blue;
}
}
.stm-meta-left-part {
float: left;
margin-bottom: 16px;
.stm-author,
.stm-date {
display: inline-block;
vertical-align: top;
}
.stm-date {
margin-right: 15px;
}
}
.stm-comments-num {
float: right;
//margin-bottom: 20px;
}
}
.post-content {
p {
line-height: 20px;
}
}
.stm-post-meta-bottom {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 38px;
text-transform: none;
color: #a4a4a4 !important;
font-weight: 400;
border-top: 1px solid $gray-divider;
border-bottom: 1px solid $gray-divider;
padding: 12px 0;
a {
color: #a4a4a4;
}
.stm_post_tags {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0 auto 0 0;
i {
font-size: 16px;
color: $gray-99;
margin-right: 15px;
}
a {
display: inline-block;
border: 1px solid $gray-divider;
padding: 3px 6px;
margin-right: 5px;
font-size: 14px;
}
}
.stm-share-this-wrapp{
display: flex;
flex-direction: row;
justify-content: flex-end;
.stm-share-btn-wrapp {
.addtoany_share_save_container {
.addtoany_list {
a {
margin-left: 10px;
margin-right: 0;
padding: 0;
span {
width: 32px !important;
height: 32px !important;
}
}
}
}
}
}
}
.related-posts-by-cat {
padding-bottom: 27px;
border-bottom: 1px solid $gray-divider;
h4 {
margin-bottom: 30px;
}
.related-list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin: 0 -10px;
.latest-news-loop-with-img {
display: block;
width: 33.3%;
padding: 0 10px;
a {
cursor: pointer;
&:hover {
.wrap {
.img {
img {
transform: scale(1.05);
}
}
.meta-middle {
color: $red !important;
}
}
}
}
.wrap {
display: block;
.img {
display: block;
overflow: hidden;
width: 100%;
position: relative;
margin-bottom: 16px;
img {
display: block;
width: 100%;
transform: translateZ(0) scale(1);
transition: all .2s ease;
}
.categ {
display: block;
overflow: hidden;
position: absolute;
top: 20px;
left: 20px;
ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
li {
padding: 1px 5px;
font-weight: 400;
font-size: 14px;
color: $white !important;
margin: 0 10px 0 0;
&:before {
display: none;
}
}
}
}
}
.meta {
.meta-middle {
font-size: 18px;
font-weight: 700;
font-style: italic;
margin-bottom: 0;
line-height: 24px;
}
.meta-bottom {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
.date {
font-size: 13px;
margin-right: 10px;
}
}
}
}
}
}
}
.stm_post_comments {
margin-top: 30px;
padding: 0 0 45px;
.comments-title {
padding: 34px 0 15px;
margin-bottom: 0;
background-color: transparent;
text-transform: uppercase;
text-align: left;
letter-spacing: 0;
}
.comment-list {
background-color: transparent;
li {
padding: 0;
margin-bottom: 20px;
border-bottom: 0;
&:before {
display: none;
}
.comment-body {
padding: 30px 0;
margin-left: 25px;
border-bottom: 1px solid $gray-divider;
}
&.comment {
.comment-author.vcard {
display: block;
position: relative;
overflow: hidden;
}
.comment-author-image {
display: block;
overflow: hidden;
float: left;
margin-right: 25px;
margin-left: -25px;
border-radius: 50%;
img {
border-radius: 50%;
}
}
.comment-author.heading-font {
display: block;
margin-right: 7px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
color: #404040;
font-style: italic;
a {
color: #404040;
text-decoration: none !important;
&:hover {
color: $mg-blue;
}
}
}
.comment-awaiting-moderation {
margin-left: 15px;
}
#cancel-comment-reply-link {
margin-left: 15px;
}
.commentmetadata {
display: block;
position: absolute;
top: 0;
right: 54px;
padding-right: 8px;
.date {
text-transform: none;
font-size: 14px;
color: #a4a4a4;
letter-spacing: 0px;
font-weight: 400;
}
&:after {
display: block;
content: "";
width: 1px;
height: 12px;
position: absolute;
top: 50%;
right: 0;
background: $gray-80;
transform: translateY(-50%) rotate(26deg);
}
}
p {
line-height: 20px;
margin: 10px 0 10px 0;
opacity: 0.8;
br {
display: none;
}
}
.reply {
display: block;
font-size: 12px;
color: #a4a4a4;
white-space: nowrap;
position: absolute;
top: 0;
right: 0;
.fa {
margin-right: 5px;
}
a {
display: inline-block;
font-size: 12px;
color: #a4a4a4;
&:hover {
color: $red;
}
}
}
}
.children {
margin-top: 0;
padding: 0 0 0 30px;
li {
padding: 0;
border-bottom: 0;
.comment-body {
}
.children {
}
}
}
}
}
.comment .comment-respond {
padding: 0;
margin-top: 0;
}
.comment-respond {
display: block;
padding: 0 !important;
margin-top: 64px !important;
background-color: transparent;
.comment-reply-title {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
text-transform: uppercase;
font-weight: 400;
position: relative;
border-bottom: 1px solid $red;
padding-bottom: 15px;
font-size: 20px !important;
&:after {
content: '';
display: block;
width: 65px;
height: 2px;
background: #e21e22;
position: absolute;
bottom: 0;
left: 0;
}
small {
margin: 0 0 0 auto;
a{
font-size: 10px;
border: 1px solid $gray-divider;
padding: 4px 8px;
color: $gray-80;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0;
&:hover {
color: $mg-blue;
border-color: $mg-blue !important;
}
}
}
}
form {
padding: 0;
background: transparent;
input[type="text"], input[type="email"] {
border-radius: 0;
&:active, &:focus {
border-color: $mg-blue;
background-color: transparent;
}
}
textarea {
border-radius: 0;
&:active, &:focus {
border-color: $mg-blue;
background-color: transparent;
}
}
.form-submit {
.button {
padding: 0 10px 0 0;
position: relative;
input[type='submit'] {
padding: 0;
border: 0;
color: $white;
min-height: 51px;
}
&:hover {
input[type='submit'] {
color: $red !important;
}
&:after{
color: $red;
}
}
&:after {
content: "\e927";
font-family: 'stm-splash-icons';
display: block;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
font-size: 12px;
tansition: all .2s ease;
}
}
}
}
.stm-row-comments {
margin-bottom: 20px;
}
.logged-in-as {
margin-bottom: 20px !important;
a {
color: $white;
}
a:nth-child(2) {
margin-left: 15px;
}
}
}
}
.vc_tta-container {
.vc_tta.vc_general {
.vc_tta-tab.vc_active {
> a {
border-top: 0;
border-left: 0;
border-right: 0;
}
}
}
}
ol {
li {
padding-left: 25px;
position: relative;
&:before {
position: absolute;
left: 0;
}
}
}
ol.flex-control-nav {
li {
width: 100%;
padding-left: 0;
&:before {
display: none;
}
}
}
/*============================= sports press =====================================*/
.sp-post-content {
h4{
font-weight: 700;
}
p {
font-size: 16px;
line-height: 24px;
}
}
.sp-section-content {
.sp-table-caption {
font-weight: 700;
}
}
.stm-single-sp_table-league {
.stm-title-box-unit {
margin: 0 -15px;
}
.sp-table-caption {
display: none;
}
.sp-league-table {
border-spacing: 0;
.highlighted {
.td {
color: $black;
}
}
th {
&:last-child {
text-indent: inherit;
}
}
td {
padding: 9px 15px;
border-color: #e1e1e1;
height: 60px;
&.data-rank {
padding: 9px 15px;
}
&.data-name {
padding: 9px 15px;
}
&:last-child {
padding: 9px 15px;
}
}
th,
td {
text-align: center;
font-weight: 400;
font-size: 14px;
&.data-rank,
&.data-number,
&.data-position,
&.data-name {
text-align: left;
}
}
th.data-rank {
text-indent: -9999px;
}
td.data-rank {
font-weight: 400;
font-size: 14px;
padding-right: 15px;
color: $gray-80;
}
tr.even td {
background-color: #e8e8e8;
}
.data-name {
vertical-align: middle;
text-transform: uppercase;
padding-left: 5px !important;
a{
&:hover {
color: $red !important;
}
}
.team-logo {
display: inline-block;
margin-right: 30px;
float: none;
width: inherit;
height: 100%;
img {
max-width: 40px;
max-height: inherit;
margin-right: 15px;
}
}
}
}
}
.stm-team-staff-list {
background-color: #303132;
.stm-team-staff-list-inner {
padding: 33px 20px 15px 40px;
margin: 0 -15px 55px;
}
.stm-single-staff {
float: left;
width: 25%;
margin-bottom: 15px;
&:nth-child(4n+1) {
clear: both;
}
.inner {
padding: 0 15px;
}
.stm-red {
margin-bottom: 1px;
font-size: 15px;
font-weight: 400;
color: $white !important;
}
.sp-staff-name {
margin-bottom: -3px;
text-transform: uppercase;
color: $white !important;
font-size: 16px !important;
letter-spacing: 0;
border: 0px;
font-weight: 700;
&:after {
display: none;
}
}
.nationality {
color: #aaa;
font-size: 13px;
}
}
}
.stm-players {
text-align: center;
.stm-list-single-player {
position: absolute;
display: inline-block;
vertical-align: top;
margin: 0 15px 30px 15px;
overflow: hidden;
transform: translateZ(0);
text-align: left;
opacity: 0;
&:first-child {
position: relative;
opacity: 1;
}
&:hover {
img {
transform: scale(1.08) translateZ(0);
}
}
img {
transform: scale(1);
transition: transform 0.4s;
width: 100%;
}
.stm-list-single-player-info {
position: absolute;
height: 100%;
width: 40px;
bottom: 0;
left: 0;
background-color: $theme-dark;
.inner {
position: absolute;
bottom: 0;
left: 40px;
height: 40px;
line-height: 40px;
padding-left: 32px;
transform: rotate(-90deg);
transform-origin: left bottom 0;
white-space: nowrap;
color: $white !important;
& > div {
display: inline-block;
}
.player-number {
margin-right: 29px;
transform: rotate(90deg);
font-size: 18px;
font-weight: 700;
}
.player-title {
margin-right: 39px;
font-size: 16px;
font-weight: 700;
}
.player-position {
font-size: 14px;
opacity: 0.8;
}
}
}
}
}
h3.stm-next-match-title {
text-transform: uppercase;
}
.stm-next-match-controls {
padding-top: 4px;
.stm-next-match-prev,
.stm-next-match-next {
vertical-align: top;
i {
line-height: 14px;
}
}
}
.stm-next-match-units {
margin-top: 37px;
a{
display: block;
}
&.owl-loaded {
.stm-next-match-unit {
position: relative;
opacity: 1;
}
}
.stm-next-match-unit {
position: absolute;
top: 0;
left: 0;
background-color: $gray-f3ef;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
&:first-child {
position: relative;
opacity: 1;
}
.stm-next-match-main-meta {
position: relative;
min-height: 273px;
padding-bottom: 40px;
z-index: 1;
.stm-next-matches_bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.6;
background-size: cover;
background-position: 50% 100%;
z-index: -1;
}
}
.stm-next-match-time {
padding: 17px 0 16px;
background-color: $gray-80;
text-align: center;
.heading-font {
display: inline-block;
vertical-align: top;
max-width: 100%;
color: $white !important;
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 16px;
letter-spacing: 0px;
small {
font-size: 16px;
}
span {
&:after {
@include pseudo();
display: inline;
position: static;
content: '-';
margin: 0 7px 0 10px;
vertical-align: top;
}
&:last-child:after {
display: none;
}
}
}
}
.stm-next-match-opponents-units {
padding: 50px 0 28px;
}
.stm-next-match-opponents {
text-align: center;
color: #fff;
white-space: nowrap;
display: table;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
.stm-command {
position: relative;
height: 105px;
display: table-cell;
vertical-align: middle;
padding: 0 10px 0;
padding-left: 125px;
width: 40%;
text-align: center;
&.stm-command-right {
padding-left: 10px;
padding-right: 125px;
.stm-command-logo {
left: inherit;
right: 30px;
}
.stm-command-title {
text-align: left;
}
}
.stm-command-logo {
position: absolute;
left: 30px;
top: 50%;
display: block;
vertical-align: middle;
max-width: 103px;
transform: translateY(-50%);
img {
transform: translateZ(0);
}
}
.stm-command-title {
display: inline-block;
vertical-align: middle;
max-width: 100%;
text-align: right;
}
h4 {
max-width: 190px;
margin-bottom: 0;
padding-bottom: 0;
white-space: normal;
text-transform: uppercase;
font-weight: 700;
line-height: 26px;
overflow: hidden;
border: 0;
&:after {
display: none;
}
a {
color: $black;
text-decoration: none !important;
}
}
&.stm-command-right {
.stm-command-logo {
margin: 0 0 0 45px;
}
}
}
.stm-command-results{
display: table-cell;
vertical-align: middle;
width: 10%;
span{
display: inline-block;
padding: 20px 10px;
background-color: transparent;
font-weight: 700;
font-size: 36px;
color: $black;
}
}
.stm-command-vs {
display: table-cell;
vertical-align: middle;
width: 10%;
span {
display: inline-block;
width: 70px;
height: 70px;
line-height: 70px;
background-color: transparent;
color: $black;
font-weight: 700;
font-size: 36px;
text-transform: uppercase;
}
}
}
.stm-next-match-info {
margin-bottom: 8px;
text-align: center;
font-size: 16px;
color: $black;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0px;
}
.stm-next-match-venue {
text-align: center;
color: $black;
font-size: 15px;
}
}
}
.sp-stm-template-event-blocks {
a{
display: block;
}
.sp-table-wrapper {
.sp-stm-template-event-blocks-publish {
.stm-single-block-unit {
.stm-teams-info {
.stm-title-team {
font-size: 20px;
text-transform: uppercase;
text-align: center;
color: $black;
font-style: italic;
}
.stm-team-results-outer {
.stm-latest-result_result {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
.stm-res-left, .stm-res-right {
>span {
font-size: 30px;
}
}
.stm-res-left {
display: flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
>span {
padding: 0 4px 0 15px;
}
}
.stm-res-right {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
>span {
padding: 0 15px 0 4px;
}
}
}
}
}
}
}
.sp-stm-template-event-blocks-future {
.stm-single-block-event-list-top {
background-color: $gray-80 !important;
.time {
color: $white !important;
}
.venue {
color: $white !important;
}
}
.stm-single-block-unit {
.stm-teams-info {
.stm-title-team {
font-size: 20px;
text-transform: uppercase;
text-align: center;
color: $black;
font-style: italic;
}
.stm-team-results-outer {
.stm-latest-result_result {
font-size: 30px;
}
}
}
}
}
}
}
.stm-upcoming-events_list {
ul {
list-style: none;
li {
position: relative;
min-height: 138px;
padding: 31px 30px 33px 200px;
margin-bottom: 0;
background-color: #f0f0f0;
&:after {
@include pseudo();
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #7e7e7e;
opacity: 0.15;
}
&:before {
display: none;
}
.event_date {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 170px;
padding: 0 20px;
background-color: #595959;
color: $white !important;
text-align: center;
vertical-align: top;
.date {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
transform: translateY(-50%);
}
.stm-top {
font-size: 18px;
vertical-align: top;
span {
font-size: 24px;
font-weight: 700;
}
figure {
display: inline-block;
vertical-align: top;
margin: 0 1px;
}
}
.stm-middle {
position: relative;
padding-bottom: 17px;
margin-top: -1px;
font-size: 12px;
letter-spacing: 0px;
&:after {
@include pseudo();
width: 32px;
height: 2px;
left: 50%;
bottom: 10px;
margin-left: -16px;
background-color: $white;
}
}
.stm-bottom {
letter-spacing: 0px;
font-size: 18px;
font-weight: 700;
}
}
.commands {
float: left;
h3 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-bottom: 8px;
font-size: 22px;
font-weight: 700;
a {
color: inherit;
text-decoration: none !important;
}
.stm-red {
margin: 0 5px;
text-transform: uppercase;
}
}
.stadium,
.league {
display: inline-block;
color: #595959;
font-size: 16px;
i {
margin-right: 5px;
font-size: 14px;
opacity: 0.6;
}
}
.stadium {
margin-left: 4px;
margin-right: 15px;
i {
font-size: 15px;
}
}
}
.read_more {
margin-left: 15px;
margin-top: 9px;
float: right;
a{
border-color: $gray-80;
color: $gray-80;
}
}
&:hover {
background-color: $gray-f6;
&:after {
opacity: 0;
}
.event_date {
background-color: $red;
}
}
}
}
}
/*==============================sports press sidebar ==============================*/
.stm-sportspress-sidebar {
margin-top: 0;
.widget-wrapper {
margin-bottom: 30px;
}
.sp-widget-align-none {
aside {
.widget-wrapper {
.widget-title {
margin-bottom: 0;
h6 {
font-style: italic;
text-transform: uppercase;
border-bottom: 1px solid $red;
padding-bottom: 17px;
position: relative;
font-weight: 700;
font-size: 20px !important;
margin-bottom: 15px;
.customs{
font-weight: 600;
}
&:after{
content: '';
display: block;
width: 65px;
height: 2px;
background: $red;
position: absolute;
bottom: 0;
left: 0;
}
}
}
}
}
}
h4.sp-table-caption{
font-size: 16px;
line-height: 16px;
}
.sp-stm-template-event-blocks-publish{
.stm-single-block-unit{
display: flex;
}
}
.sp-stm-template-event-blocks-future{
.stm-single-block-event-list-top {
background-color: $gray-80 !important;
.time {
font-size: 14px !important;
}
}
.stm-single-block-unit {
display: flex;
.stm-team-logo{
.stm-team-l-h-wrapp{
.stm-team-helm{
display: block;
}
}
}
.stm-teams-info {
.stm-title-team {
text-transform: none;
text-align: left;
&.opponent {
text-align: right;
}
.stm-team-city{
display: none !important;
}
}
.stm-team-results-outer{
.stm-latest-result_result{
display: inline-block;
overflow: hidden;
margin: 0 auto !important;
max-width: 45px;
text-align: center;
padding: 5px 0;
color: $black !important;
font-size: 30px;
}
}
}
}
.stm-single-block-event-list-top{
.time {
fotn-size: 16px !important;
}
.stm-future-event-list-time{
display: inline-block;
overflow: hidden;
vertical-align: top;
line-height: 22px !important;
margin: 0;
.time{
&:after{
display: none;
}
margin-left: 10px;
}
time{
display: none;
}
}
}
}
.stm-single-block-event-list {
margin-bottom: 20px;
.stm-single-block-event-list-top {
padding: 10px 0 10px 35px;
.time {
color: $white;
font-weight: 400;
font-size: 14px;
opacity: 1;
text-transform: none;
}
.venue {
color: $white !important;
}
.venue{
display: none;
}
.stm-link-wrapp{
display: none;
}
}
.stm-single-block-unit {
position: relative;
margin-bottom: 0;
padding: 58px 15px 11px;
.stm-team-logo {
display: inline-block;
width: 25%;
padding: 0;
position: relative;
vertical-align: top;
padding: 0;
.stm-team-l-h-wrapp{
.stm-team-helm{
display: block;
>img{
display: none;
}
.team-logo{
img{
width: auto;
max-height: 50px;
}
}
}
}
}
.stm-teams-info {
display: inline-block;
overflow: hidden;
width: 50%;
vertical-align: top;
.stm-title-team {
display: block;
width: 44% !important;
min-width: inherit;
position: absolute;
top: 14px;
left: 15px;
text-align: left !important;
font-weight: 400;
font-size: 16px !important;
color: $black;
letter-spacing: 0;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: none !important;
overflow: hidden;
.stm-team-city{
display: none;
}
}
.stm-title-team.opponent {
left: inherit;
right: 15px;
text-align: right !important;
}
.stm-team-results-outer {
display: block;
overflow: hidden;
.stm-latest-result_result {
display: block;
position: relative;
overflow: hidden;
margin: 0 8px;
color: transparent;
padding: 0 5px;
.stm-latest-result-win-label, .stm-latest-result-lose-label{
width: auto;
min-width: inherit;
padding: 0;
font-weight: 400;
font-size: 11px;
background: transparent;
}
.stm-latest-result-win-label{
color: $mg-blue;
}
.stm-latest-result-lose-label{
color: $gray-99;
}
.stm-win{
display: block;
overflow: hidden;
width: 100%;
background: $mg-blue;
text-align: center;
color: $white;
padding: 6px 0;
margin-bottom: 2px;
}
.stm-lose{
display: block;
overflow: hidden;
width: 100%;
background: $gray-99;
text-align: center;
color: $white;
padding: 6px 0;
margin-bottom: 2px;
}
.stm-res-left{
display: block !important;
width: 50%;
float: left;
>span {
padding: 5px !important;
}
}
.stm-res-right{
display: block !important;
width: 50%;
float: right;
>span {
padding: 5px !important;
}
}
}
}
}
}
.stm-single-block-event-list-top{
padding: 10px 0;
text-align: center !important;
div{
display: inline-block;
vertical-align: middle !important;
float: inherit;
span.time{
margin-left: 0 !important;
line-height: 15px;
}
}
.time {
color: $white;
}
.venue {
color: $white !important;
}
}
}
.widget_sp_event_calendar{
.sp-template-event-calendar{
.sp-calendar-wrapper{
.sp-event-calendar{
caption{
font-weight: 400;
color: $black;
font-size: 16px;
}
thead{
background: $gray-80;
tr{
th{
font-weight: 400;
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: 400;
font-size: 14px;
color: $black;
padding: 5px;
a{
color: $black;
&:hover {
color: $mg-blue;
}
}
}
}
}
tfoot{
tr{
td{
padding: 10px;
border-top: solid 1px $gray-divider;
a {
font-weight: 700;
font-size: 13px;
color: $black;
&:hover {
color: $mg-blue;
}
}
}
}
}
}
}
}
}
.widget_stm_event_list{
.stm-upcoming-events_list{
ul{
li{
&:before{
display: none;
}
padding: 0;
margin: 0 0 20px 0;
border-bottom: 0;
border-top: solid 2px $theme-brown;
min-height: inherit;
a {
display: block;
overflow: hidden;
width: 100%;
&:hover{
text-decoration: none;
}
.commands {
display: block;
overflow: hidden;
width: 100%;
background: $theme-dark-blue;
margin: 0;
float: inherit;
vertical-align: top;
padding: 15px 0 13px;
h3 {
text-align: center;
span {
font-family: 'Oswald';
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
color: $white;
}
.stm-red {
color: $theme-brown !important;
}
}
}
.stm-event_date {
display: block;
overflow: hidden;
position: relative;
bottom: 0;
width: 100%;
background: $widjet-title-bg;
text-align: center;
padding: 5px 0 8px;
.date {
.stm-middle {
font-family: 'Roboto';
font-weight: 400;
font-size: 13px;
color: $white;
}
}
.stm-el-venue{
.stadium{
font-family: 'Roboto';
font-weight: 400;
font-size: 13px;
color: $theme-brown;
line-height: 14px;
}
}
}
}
}
}
}
}
.widget_sp_countdown{
.sp-template-countdown{
.sp-countdown-wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.event-name{
width: 100%;
text-align: center;
padding: 10px 0;
margin: 0;
a{
font-weight: 400;
font-size: 16px;
color: $black;
letter-spacing: 0;
}
}
h5 {
width: 50%;
font-size: 14px !important;
font-style: normal;
font-weight: 400;
line-height: 16px;
margin-bottom: 4px;
&.sp-event-venue {
text-align: right;
padding-right: 10px;
}
&.sp-event-league {
border-left: 1px solid $gray-divider;
padding-left: 10px;
}
}
.sp-countdown{
width: 100%;
background: $gray-80;
color: $white;
font-weight: 400;
font-size: 14px;
text-align: center;
padding: 7px 0;
}
}
}
}
.widget_sp_player_gallery{
.sp-player-gallery-wrapper{
.gallery-item{
.gallery-icon{
a{
img{}
}
}
a{
display: block;
overflow: hidden;
width: 100%;
background: $theme-dark-blue;
dd{
font-family: 'Roboto';
font-weight: 400;
font-size: 13px;
color: $white;
margin: 0;
}
}
}
}
}
.widget_sp_player_list{
.stm-players-inline{
.stm-list-single-player{
.stm-list-single-player-info{
background: $theme-dark-blue;
}
}
}
}
.widget_sp_staff{
h4{
font-size: 20px;
}
.sp-template-details{
.sp-list-wrapper{
.sp-staff-details {
.single-info {
display: flex;
overflow: hidden;
position: relative;
clear: both;
width: 100%;
.st-label{
display: block;
overflow: hidden;
font-family: 'Roboto';
font-weight: 400;
color: $black;
}
.st-value {
display: block;
overflow: hidden;
font-family: 'Roboto';
font-weight: 400;
color: $gray-99;
}
}
}
}
}
}
}
.stm-post-views {
display: inline-block;
i {
color: $red;
margin-right: 4px;
}
color: $gray-99;
font-size: 13px;
font-weight: 400;
font-style: normal;
}
.stm-media-tabs {
.stm-media-tabs-nav {
margin-bottom: 30px;
}
.stm-medias-unit-wider {
margin: 0 -10px;
.stm-medias-unit {
.stm-media-single-unit {
display: block;
padding: 0 15px 30px;
&.stm-570-250 {
.stm-media-preview {
display: block;
overflow: hidden;
max-height: 234px;
a {
img{
width: 100%;
max-height: 234px;
}
}
}
}
&.stm-540-500 {
.stm-media-preview {
display: block;
overflow: hidden;
max-height: 234px;
a {
img{
width: 100%;
max-height: 234px;
}
}
}
}
}
}
}
}
.onsale {
font-family: "Source Sans Pro";
color: $white !important;
}
.select2-container--default {
.select2-selection--single {
border-radius: 0;
}
}
.player-socials {
li {
a {
border: 2px solid $red;
background: transparent;
line-height: 32px;
i {
color: $red;
transition: all .2s ease;
}
&:hover {
background: $red;
i {
color: $white;
}
}
}
}
}
.stm-single-sp_player {
.sp-section-content-details{
.sp-player-details {
max-width: 100%;
margin-top: 20px;
.single-info {
margin-bottom: 10px;
}
}
}
}
.stm-single-sp_calendar {
.stm-single-block-event-list {
.stm-single-block-unit {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
.stm-teams-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
overflow: hidden;
position: relative;
width: 78%;
&:after {
display: none;
}
.stm-team-results-outer {
width: auto;
margin: 0 15px;
}
.stm-title-team {
display: block;
width: 28%;
text-align: right !important;
text-overflow: ellipsis;
overflow: hidden;
&.opponent {
text-align: left !important;
}
}
}
}
&.sp-stm-template-event-blocks-future {
.stm-single-block-unit {
.stm-teams-info {
.stm-team-results-outer {
width: 20%;
margin: 0 15px;
text-align: center;
}
.stm-title-team {
width: 40%;
text-align: right !important;
&.opponent {
text-align: left !important;
}
}
}
}
}
}
}
.highlighted {
td {
a {
color: $black !important;
}
}
}
.stm-demo-typography .wpb_content_element .wpb_wrapper h1 .stm-red {
top: 0;
}
}
}
#sb_instagram {
overflow: hidden;
}
.stm-footer {
background: transparent;
#stm-footer-top {
#footer-main {
.footer-widgets-wrapper {
padding: 20px 0 5px;
background-color: rgba(0,0,0,0.85);
.container {
.widgets{
aside {
.widget-wrapper {
.widget-title {
h6{
color: $white !important;
font-size: 16px !important;
border: 0;
padding-bottom: 0;
&:before, &:after{
display: none;
}
}
}
ul {
li {
a{
color: $white !important;
}
}
}
}
&.widget_stm_recent_posts {
.widget_media {
.stm-post-content {
.h5 {
color: $white !important;
font-size: 14px !important;
line-height: 20px !important;
font-style: italic;
}
.date {
font-size: 13px !important;
text-transform: none;
font-weight: 400;
color: $gray-99 !important;
}
}
}
}
&.widget_text {
.widget-wrapper {
.textwidget {
p {
margin-bottom: 11px;
a {
img {
max-width: 136px;
margin-top: 40px;
}
}
}
.stm-text-lighten {
color: $gray-80;
line-height: 24px;
padding-right: 0;
font-weight: 400;
opacity: 1;
}
}
}
}
&.widget_recent_entries {
.widget-wrapper {
ul {
li {
a {
font-weight: 500;
font-style: italic;
}
}
}
}
}
&.widget_nav_menu {
.widget-wrapper {
.menu-widget-menu-container {
padding-top: 0;
ul {
li {
margin-bottom: 8px;
&:before {
top: 8px;
}
a {
font-family: 'Source Sans Pro';
line-height: 20px;
font-size: 14px;
}
}
}
}
}
}
&.widget_contacts {
ul {
padding-top: 0;
li {
margin-bottom: 20px;
padding-left: 30px;
.icon {
position: absolute;
top: 0;
left: 0;
opacity: 1;
.fa-map-marker {
&:before {
content: '\e930' !important;
font-family: 'stm-splash-icons' !important;
color: $red;
font-size: 20px;
}
}
.fa-phone {
&:before {
content: '\e92f' !important;
font-family: 'stm-splash-icons' !important;
color: $red;
font-size: 20px;
}
}
.fa-envelope {
&:before {
content: '\e929' !important;
font-family: 'stm-splash-icons' !important;
color: $red;
font-size: 20px;
}
}
}
&.widget_contacts_address {
.text {
color: $light-gray-bf !important;
padding-right: 55px;
opacity: 1;
line-height: 22px;
}
}
&.widget_contacts_phone {
.text {
color: $light-gray-bf !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 22px;
}
}
&.widget_contacts_mail {
padding-top: 4px;
.icon {
top: 4px;
}
}
a {
color: #009bdc;
&:hover {
color: #009bdc;
text-decoration: underline !important;
}
}
}
}
}
}
}
}
}
}
}
#stm-footer-bottom {
padding: 0;
background-color: rgba(0,0,0,0.85);
.container {
padding: 22px 0;
border-top: 1px solid #444047;
.clearfix {
.footer-bottom-left {
.footer-bottom-left-text{
margin-top: 8px;
color: $white !important;
font-size: 13px !important;
word-spacing: -0.4px;
letter-spacing: -0.2px;
}
}
.footer-bottom-right {
.clearfix {
.footer-socials-unit {
.h6 {
font-size: 15px !important;
color: $white !important;
font-weight: 300;
font-style: italic;
border: 0;
margin: 0 20px 0 0;
padding: 0;
text-transform: none;
&:after {
display: none;
}
}
.footer-bottom-socials {
li {
a {
background-color: transparent;
border: 2px solid $red;
line-height: 34px;
&:hover {
background: $red;
}
}
}
}
}
}
.footer-bottom-right-text {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-top: 9px;
white-space: nowrap;
a {
margin-left: 3px;
}
}
}
}
}
}
}
&.woocommerce.woocommerce-page {
#wrapper {
#main {
.woocommerce-tabs .commentlist li img {
padding-top: 0;
margin-right: 15px;
}
.woocommerce-tabs .commentlist li .comment_container .star-rating {
right: 25px;
}
.stm-single-comment-title .stm-add-review a {
letter-spacing: 0;
}
.stm-single-product-content-right form .quantity {
margin-right: 20px;
}
.single_add_to_cart_button, .woocommerce-variation-add-to-cart {
margin-top: 0;
}
input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"], input[type="date"], input[type="password"] {
height: 46px;
border-radius: 0;
}
>.row {
margin: 0 !important;
}
.stm-button-inner{
.button {
&:hover {
border-color: $white !important;
color: $red !important;
}
}
}
.woocommerce-message {
.button.wc-forward {
padding-top: 0;
padding-bottom: 0;
}
}
.products.stm-products-row {
h2, .h2 {
font-size: 20px !important;
max-width: 65%;
line-height: 24px !important;
}
.meta {
margin-top: 0;
.star-rating {
top: 4px;
}
}
}
.stm-fullwidth-row-js {
.container {
padding: 0 15px;
}
}
.woocommerce-Reviews {
.comment-respond {
padding-bottom: 0;
.comment-form-rating {
label[for="rating"] {
color: $black !important;
}
}
.comment-form {
label {
color: $white !important;
font-weight: 400;
}
.form-submit {
.btn-md{
padding: 0;
input[type="submit"] {
color: $white;
border: 0;
&:hover {
color: $white !important;
border: 0;
}
}
}
}
}
}
}
}
}
}
&.woocommerce-cart {
.button, input[type="submit"], button {
text-transform: uppercase !important;
letter-spacing: 0 !important;
font-style: italic;
}
.woocommerce-checkout-review-order-table td.actions .stm-actions-right,
.shop_table_responsive.cart td.actions {
.coupon {
.input-text {
top: 0;
height: 46px;
}
}
.stm-actions-right {
.button.btn-md {
padding: 0;
input[type="submit"] {
border: 0;
color: $white !important;
font-style: italic;
&:hover {
color: $red !important;
}
}
}
}
}
}
&.woocommerce-checkout {
h3 {
text-transform: uppercase;
}
.checkbox {
margin: 5px 0;
}
.button.btn-md {
padding: 0;
input[type="submit"] {
border: 0;
color: $white !important;
font-style: italic;
&:hover {
color: $red !important;
}
}
}
}
&.single.single-post {
#wrapper {
#main {
padding-top: 56px !important;
}
}
}
&.single-sp_team {
#wrapper {
#main {
.sp_team {
.stm-single-sp_team {
.stm-players {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 30px;
.stm-list-single-player {
position: relative;
opacity: 1 !important;
margin: 0 0 20px;
max-width: 32%;
}
}
}
}
}
}
}
&.page-template-coming-soon {
max-width: 100% !important;
#wrapper {
max-width: 100%;
#main {
max-width: 100%;
position: absolute;
padding: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent !important;
&:before {
@include pseudo();
@include absoluted();
background: rgba(0, 0, 0, 0.7);
z-index: 3;
}
.container {
max-width: 570px;
}
}
#wrapper {
height: 690px !important;
}
.stm-coming-soon-centered {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
text-align: center;
z-index: 10;
color: $white;
h1 {
color: $white;
}
.vc_single_image-wrapper {
max-width: 150px;
img{
min-width: 150px;
min-height: 100px;
}
}
}
}
.stm-footer{
max-width: 100%;
#stm-footer-bottom {
background-color: $black;
}
}
}
&.error404 {
#wrapper {
.stm-title-box-unit {
display: none;
}
}
}
@media (max-width: 1050px) {
&.stm-boxed {
max-width: 100%;
}
.container {
max-width: 1000px;
padding: 0;
}
#wrapper {
.stm-header {
.stm-header-inner {
.stm-header-container {
.stm-main-menu {
.stm-main-menu-unit {
ul {
li {
>a {
line-height: 60px;
padding: 0 12px;
}
}
}
}
.stm-main-menu-unit {
.stm-header-search {
form {
.search-wrapper {
.search-input {
line-height: 20px;
}
}
.search-submit{
line-height: 48px;
}
}
}
}
}
}
}
}
#main {
.wpb_revslider_element {
.rev_slider_wrapper {
h1 {
line-height: 44px !important;
}
}
}
.stm-posts-list-wrapper {
.carousel-wrap {
.stm-post-carousel-control-prev {
left: -12px;
z-index: 10;
}
.stm-post-carousel-control-next {
right: -12px;
z-index: 10;
}
}
}
.stm-sportspress-sidebar {
.stm-single-block-event-list {
.stm-single-block-unit {
.stm-teams-info {
.stm-team-results-outer {
text-align: center;
.stm-latest-result_result {
display: flex !important;
align-items: center;
padding: 0;
}
}
}
}
}
}
.sp-stm-template-event-blocks {
.sp-table-wrapper {
.sp-stm-template-event-blocks-publish {
.stm-single-block-unit {
.stm-teams-info {
.stm-team-results-outer {
.stm-latest-result_result {
display: flex !important;
}
}
}
}
}
}
}
.stm_player_month {
.player-info {
padding: 28px 0 29px;
}
}
.stm-single-sp_player {
.sp-section-content-photo{
width: 30%;
}
.sp-section-content-details{
width: 70%;
text-align: left;
.sp-player-details {
max-width: 100%;
margin-top: 20px;
}
}
}
.stm-single-sp_calendar {
.stm-single-block-event-list {
.stm-single-block-unit {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
.stm-teams-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
overflow: hidden;
position: relative;
width: 78%;
&:after {
display: none;
}
.stm-team-results-outer {
width: 40%;
margin: 0 5px;
align-items: center;
line-height: 24px;
.stm-latest-result_result{
justify-content: center;
}
.normal-font {
padding: 3px 5px;
min-width: 50px;
font-size: 16px;
}
.stm-lose, .stm-win {
font-size: 20px !important;
line-height: 28px;
}
}
.stm-title-team {
display: block;
width: 30%;
text-align: right !important;
text-overflow: ellipsis;
overflow: hidden;
&.opponent {
text-align: left !important;
}
}
}
}
&.sp-stm-template-event-blocks-future {
.stm-single-block-unit {
.stm-teams-info {
.stm-team-results-outer {
width: 20%;
margin: 0 15px;
text-align: center;
}
.stm-title-team {
width: 40%;
text-align: right !important;
&.opponent {
text-align: left !important;
}
}
}
}
}
}
}
}
}
.stm-footer {
overflow: hidden;
}
}
@media (max-width: 900px) {
.container {
max-width: 880px;
padding: 0;
}
#wrapper {
.mag-header-wrapper{
#stm-top-bar {
display: none;
}
.stm-header {
padding-top: 0;
.stm-header-inner{
display: none;
}
.stm-header-mobile {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 15px 15px 15px 25px;
.logo-main {
margin: 0 auto 0 0;
}
.stm-mobile-right{
margin-top: 0;
.stm-menu-toggle {
background: transparent;
margin-left: 10px;
}
.help-bar-shop {
margin-top: 6px;
a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
background: transparent;
padding: 5px 10px 3px;
.items-info-wrap {
display: none;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
.total-price {
color: $white !important;
}
.normal_font {
color: $white !important;
.stm-current-items-in-cart {
padding: 0;
margin: 0;
background: transparent;
color: $white;
min-width: inherit;
min-height: inherit;
}
}
}
.icon-mg-icon-shoping-cart{
margin-left: 10px;
font-size: 31px;
}
}
}
}
}
}
}
#main {
.wpb_revslider_element {
.rev_slider_wrapper {
h1 {
line-height: 30px !important;
}
}
}
}
}
}
@media (max-width: 812px) {
.container {
max-width: 790px;
padding: 0;
}
#wrapper {
.stm-mobile-menu-unit {
.inner {
.stm-top {
padding: 22px 25px 22px;
.stm-switcher {
.language-switcher-unit {
.stm-language-flag {
display: none;
}
.stm-switcher-open {
top: 8px !important;
}
}
}
.stm-top-right {
.stm-top-search {
.search-input {
font-size: 16px;
}
.search-submit {
&.activated {
background-color: $black-22 !important;
}
}
}
}
}
}
.stm-mobile-menu-list {
li {
ul.sub-menu{
li {
a{
span {
i {
margin-right: 10px;
}
}
}
}
}
}
}
}
#main {
h1, .h1 {
font-size: 30px !important;
line-height: 34px !important;
}
.stm-media-tabs {
.stm-medias-unit-wider {
.stm-medias-unit {
.stm-media-single-unit {
padding: 0 8px 16px;
}
}
}
}
.stm-sportspress-sidebar-left .col-md-9 .sp-template-league-table,
.stm-sportspress-sidebar-right .col-md-9 .sp-template-league-table {
margin: 0;
}
.stm-single-block-event-list {
.stm-single-block-unit {
.stm-teams-info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
.stm-team-results-outer {
margin: 20px 0;
}
}
}
}
.stm-sportspress-sidebar {
display: none;
}
.stm-next-match-units {
.stm-next-match-unit {
.stm-next-match-opponents {
.stm-command {
.stm-command-logo{
max-width: 100px;
transform: inherit;
}
}
}
}
}
.stm-default-page.stm-default-page-list {
.stm-single-post-loop {
margin-bottom: 20px;
}
}
}
}
}
@media (max-width: 768px) {
.container {
max-width: 750px;
padding: 0;
}
#wrapper {
#main {
.stm-team-staff-list .stm-team-staff-list-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.stm_player_month .player-info {
padding: 47px 0;
}
.stm-media-tabs {
.stm-medias-unit-wider {
.stm-medias-unit {
.stm-media-single-unit {
padding: 0 8px 16px;
}
}
}
}
.stm-sportspress-sidebar-left .col-md-9 .sp-template-league-table,
.stm-sportspress-sidebar-right .col-md-9 .sp-template-league-table {
margin: 0;
}
.stm-single-block-event-list {
.stm-single-block-unit {
table-layout: inherit;
.stm-teams-info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
.stm-team-results-outer {
margin: 20px 0;
}
}
}
}
.stm-next-match-units {
.stm-next-match-unit {
.stm-next-match-opponents {
.stm-command {
.stm-command-logo{
max-width: 100px;
transform: inherit;
}
}
}
}
}
.stm-posts-list-wrapper {
.carousel-wrap {
.stm-post-carousel-control-prev{
left: -9px;
}
.stm-post-carousel-control-next{
right: -9px;
}
}
}
}
}
&.woocommerce.woocommerce-page {
#wrapper {
#main {
.stm-woocommerce {
padding: 0;
>.row {
.col-md-3 {
display: none;
}
}
}
.stm-fullwidth-row-js {
.container {
padding: 0;
}
}
}
}
}
}
@media (max-width: 767px) {
.container {
padding: 0;
}
#wrapper {
#main {
}
}
}
@media (max-width: 736px) {
.container {
max-width: 720px;
padding: 0;
}
.stm_player_month {
.player-info {
width: 50%;
padding: 47px 0;
}
}
.stm-league-wrap {
.stm-single-league-title_box {
h4 {
justify-content: space-between;
a{
margin: 0 0 0 auto;
}
}
}
.select-league-wrap {
flex-wrap: nowrap;
}
}
.stm_video_posts_list {
.latest-news-loop-with-img {
.wrap {
.img {
width: 15%;
}
.meta {
width: 85%;
}
}
}
}
.stm_latest_news_most_styles {
.stm-news-grid {
.row {
>.col-xs-12 {
width: 50%;
}
}
}
}
.stm-events-wrap {
.stm-single-events-title_box {
h4 {
a {
margin: 0 0 0 auto;
}
}
}
.select-events-wrap {
flex-wrap: nowrap;
}
}
.stm-images-grid .row{
display: flex;
flex-direction: row;
flex-wrap: wrap;
&:before, &:after {
display: none;
}
.col-md-3{
width: 50%;
}
}
}
@media (max-width: 731px) {
.container {
max-width: 710px;
padding: 0;
}
}
@media (max-width: 667px) {
.container {
max-width: 650px;
padding: 0;
}
}
@media (max-width: 650px) {
.container {
max-width: 630px;
padding: 0;
}
#wrapper {
#main {
}
}
}
@media (max-width: 570px) {
.container {
max-width: 550px;
padding: 0;
}
#wrapper {
#main {
}
}
.stm-footer {
#stm-footer-bottom {
.container {
.clearfix {
.footer-bottom-right {
.clearfix {
.footer-socials-unit {
.h6 {
display: none;
}
}
}
}
}
}
}
}
}
@media (max-width: 500px) {
.container {
max-width: 480px;
padding: 0;
}
h1, .h1{
font-size: 20px !important;
line-height: 24px !important;
}
h2, .h2{
font-size: 18px !important;
line-height: 20px !important;
}
#wrapper {
#main {
h1, .h1{
font-size: 20px !important;
line-height: 24px !important;
}
.vc_tta-accordion {
.vc_tta-panels-container {
.vc_tta-panels {
.vc_tta-panel {
.vc_tta-panel-heading {
h4 {
font-size: 16px !important;
line-height: 18px !important;
}
}
.vc_tta-panel-body {
padding-top: 20px;
}
}
}
}
}
.stm_player_month {
.player-info {
width: 50%;
padding: 65px 0;
.player-name {
font-size: 18px;
flex-direction: row;
flex-wrap: nowrap;
margin-top: 2px;
margin-bottom: 3px;
.customs {
display: inline-block;
}
}
}
}
.stm_video_posts_list {
.latest-news-loop-with-img {
.wrap {
.img {
width: 30%;
}
.meta {
width: 70%;
}
}
}
}
.stm-media-tabs {
.stm-medias-unit-wider {
.stm-medias-unit {
.stm-media-single-unit {
.stm-media-preview {
a {
width: 100%;
}
}
}
}
}
}
.stm-single-sp_player {
.sp-section-content-photo{
width: 100%;
.sp-template-player-photo {
width: 100%;
img {
width: 100%;
}
}
}
.sp-section-content-details{
width: 100%;
text-align: left;
.sp-player-details {
max-width: 100%;
margin-top: 0;
}
}
}
}
}
}
@media (max-width: 450px) {
&.page-template-coming-soon {
.container {
padding: 0 15px;
}
}
.container {
max-width: 430px;
padding: 0;
}
.no_deco {
padding-left: 50px !important;
margin-left: -50px !important;
padding-bottom: 0;
}
#wrapper {
.mag-header-wrapper .stm-header .stm-header-mobile .stm-mobile-right .stm-menu-toggle {
margin-left: 0;
}
#main {
.stm-next-match-wrapper {
h3 {
display: block;
width: 69%;
float: left;
margin-right: 0;
}
.stm-next-match-controls {
display: block;
width: 30%;
float: right;
}
}
.stm-team-staff-list .stm-team-staff-list-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.stm-team-staff-list .stm-single-staff {
width: 49%;
&:nth-child(1), &:nth-child(2) {
margin-bottom: 30px;
}
}
.sp-table-wrapper {
.sp-stm-template-event-blocks-publish {
a {
.stm-single-block-event-list-top {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding: 10px 0;
.time {
margin-right: 5px;
margin-top: 0;
}
.venue {
margin-top: 0;
margin-left: 5px;
}
}
}
}
.sp-stm-template-event-blocks-future {
a {
.stm-single-block-event-list-top {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-top: 20px;
.time {
width: auto;
margin-top: 0;
text-align: right;
margin-right: 5px;
}
.venue {
width: auto;
margin-top: 0;
margin-left: 5px;
text-align: left;
}
}
}
}
}
.stm-single-sp_calendar {
.stm-single-block-event-list {
.stm-single-block-unit {
.stm-teams-info {
width: 100%;
flex-direction: column;
align-items: center;
.stm-title-team {
width: 100%;
text-align: center !important;
&.opponent {
text-align: center !important;
}
}
.stm-team-results-outer {
margin: 20px 0;
}
}
}
&.sp-stm-template-event-blocks-future {
.stm-single-block-event-list-top {
.stm-future-event-list-time {
time {
span {
display: inline-block;
}
}
}
}
.stm-single-block-unit {
.stm-teams-info {
width: 100%;
flex-direction: column;
align-items: center;
.stm-title-team {
width: 100%;
text-align: center !important;
&.opponent {
text-align: center !important;
}
}
.stm-team-results-outer {
margin: 20px 0;
}
}
}
}
}
}
.stm-default-page.stm-default-page-grid {
.container {
.stm-single-post-loop {
.news-loop {
.wrap {
.img {
.categ {
top: 0;
left: 0;
ul {
display: flex;
flex-direction: column;
li {
margin-bottom: 4px;
}
}
}
}
.meta {
.meta-middle {
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
}
}
}
}
}
}
}
.stm-upcoming-events_list {
ul {
li {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding: 0;
margin-bottom: 20px;
.event_date {
display: block;
overflow: hidden;
position: relative;
top: inherit;
left: inherit;
bottom: inherit;
width: 100%;
padding: 100px 0 0;
}
>.clearfix {
.commands {
float: inherit;
h3{
justify-content: center;
align-items: center;
a {
width: 39%;
text-align: center;
}
.stm-red{
white-space: nowrap;
}
}
}
.read_more {
display: block;
float: inherit;
margin: 20px auto;
}
}
}
}
}
.stm-next-match-units {
.stm-next-match-unit {
.stm-next-match-time {
.heading-font {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
font-weight: 400;
letter-spacing: 0;
font-size: 14px;
justify-content: center;
span {
small {
font-size: 14px;
}
}
}
}
.stm-next-match-opponents {
.stm-command {
padding: 0 !important;
.stm-command-logo {
display: none;
}
}
}
}
}
.stm_player_month {
max-width: 350px;
margin: 0 auto 20px;
}
.related-posts-by-cat {
.related-list {
flex-wrap: wrap;
.latest-news-loop-with-img {
width: 100%;
margin-bottom: 15px;
}
}
}
.stm-trophy-carousel {
>.clearfix {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.stm-title-left{
h2 {
margin-bottom: 0 !important;
}
}
.stm-thophies-controls {
margin: 0 0 0 auto;
.stm-carousel-control-prev,
.stm-carousel-control-next {
padding-top: 0;
padding-bottom: 0;
}
}
}
}
}
}
.stm-footer #stm-footer-bottom .container .clearfix {
.footer-bottom-right {
.footer-bottom-right-text {
justify-content: center;
}
}
}
&.single-sp_team {
#wrapper {
#main {
.sp_team {
.stm-single-sp_team {
.stm-players {
justify-content: center;
.stm-list-single-player {
max-width: 100%;
}
}
}
}
}
}
}
&.woocommerce.woocommerce-page {
#wrapper {
#main {
>.row {
margin: 0 !important;
}
.woocommerce-tabs .commentlist li .comment_container {
padding: 25px 25px 30px 30px;
}
.comment-respond .comment-reply-title {
margin-bottom: 41px;
}
.woocommerce-message {
.button.wc-forward {
padding-top: 0;
padding-bottom: 0;
}
}
.products.stm-products-row {
h2, .h2 {
display: block;
overflow: hidden;
font-size: 20px !important;
max-width: 100%;
line-height: 24px !important;
margin-bottom: 20px;
text-overflow: ellipsis;
white-space: nowrap;
}
.meta {
margin-top: 10px;
.star-rating {
top: 24px;
}
}
}
.woocommerce-Reviews {
.comment-respond {
padding-bottom: 0;
.comment-form-rating {
label[for="rating"] {
color: $black !important;
}
}
.comment-form {
label {
color: $white !important;
font-weight: 400;
}
.form-submit {
.btn-md{
padding: 0;
input[type="submit"] {
color: $white;
border: 0;
&:hover {
color: $white !important;
border: 0;
}
}
}
}
}
}
}
}
}
}
.woocommerce-checkout-review-order-table td.actions .stm-actions-right,
.shop_table_responsive.cart td.actions .stm-actions-right {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
.wc-proceed-to-checkout {
margin-top: 0;
margin-left: 30px;
}
}
}
@media (max-width: 416px) {
.container {
max-width: 400px;
padding: 0;
}
#wrapper {
#main {
.stm-single-sp_player {
.sp-template-photo {
float: left;
}
.sp-player-details {
max-width: inherit;
}
.sp-section-content-details {
text-align: left;
}
}
.stm-post-meta-bottom {
.stm-share-this-wrapp {
width: 100%;
justify-content: flex-start;
margin-bottom: 10px;
}
}
}
}
}
@media (max-width: 375px) {
.container {
max-width: 360px;
padding: 0;
}
#wrapper {
#main {
.stm_player_month {
.player-info {
}
}
}
}
}
@media (max-width: 360px) {
.container {
max-width: 340px;
padding: 0;
}
#wrapper {
#main {
}
}
}
@media (max-width: 320px) {
.container {
max-width: 300px;
padding: 0;
}
#wrapper {
.mag-header-wrapper .stm-header .stm-header-mobile .stm-mobile-right .help-bar-shop{
display: none;
}
#main {
.stm_latest_news_most_styles .stm-news-grid .row > div .column-content .latest-news-loop-with-img .wrap .img .categ {
top: 0;
left: 0;
ul {
display: flex;
flex-direction: column;
li{
margin-bottom: 3px;
}
}
}
.stm-single-post-meta {
.stm-comments-num {
float: left;
margin-bottom: 10px;
}
}
}
}
}
}