/*
Theme Name: Hercules
Template: splash
*/
/*Header */
.stm-header.stm-transparent-header .stm-header-inner {
    padding-top:0;
}
.sub-menu li a {
    padding-right: 0 !important;
    padding-left: 10px !important;
}
.header_1 .stm-header .stm-main-menu .stm-main-menu-unit .header-menu > li {
    border-top:1px solid #232323;
}
.header-menu.stm-list-duty {
    border-bottom: 1px solid #232323;
}
.stm-header .stm-header-container {
    padding:0;
}

/*Club Page*/
.stm-team-staff-list .stm-single-staff .inner {
    padding: 0 15px;
    overflow: hidden;
}
.stm-team-staff-list img {
    height: 200px;
    width: auto;
    max-width: unset;
}
/*Slider UPD*/
body .slider-date,
body .slider-description {
    color: #fff !important;
}

.ares .tp-bullet {
    background: rgba(229,229,229,0.5) !important;
}

.ares .tp-bullet.selected {
    background: #e21e22 !important;
}

.tp-caption .button.btn-md:hover {
    color: #e21e22 !important;
}

body.skin-blue .ares .tp-bullet.selected {
    color: #5268d8 !important;
}

body.skin-blue .tp-caption .button.btn-md:hover {
    color: #5268d8 !important;
}

body.skin-blue-violet .ares .tp-bullet.selected {
    color: #8a2be2 !important;
}

body.skin-blue-violet .tp-caption .button.btn-md:hover {
    color: #8a2be2 !important;
}

body.skin-choco .ares .tp-bullet.selected {
    color: #8f5902 !important;
}

body.skin-choco .tp-caption .button.btn-md:hover {
    color: #8f5902 !important;
}

body.skin-gold .ares .tp-bullet.selected {
    color: #c9ae14 !important;
}

body.skin-gold .tp-caption .button.btn-md:hover {
    color: #c9ae14 !important;
}

body.skin-green .ares .tp-bullet.selected {
    color: #41c648 !important;
}

body.skin-green .tp-caption .button.btn-md:hover {
    color: #41c648 !important;
}

body.skin-orange .ares .tp-bullet.selected {
    color: #ea7f04 !important;
}

body.skin-orange .tp-caption .button.btn-md:hover {
    color: #ea7f04 !important;
}

body.skin-sky-blue .ares .tp-bullet.selected {
     color: #729fcf !important;
 }

body.skin-sky-blue .tp-caption .button.btn-md:hover {
    color: #729fcf !important;
}

body.skin-turquose .ares .tp-bullet.selected {
    color: #00c9c2 !important;
}

body.skin-turquose .tp-caption .button.btn-md:hover {
    color: #00c9c2 !important;
}

body.skin-violet-red .ares .tp-bullet.selected {
    color: #d02090 !important;
}

body.skin-violet-red .tp-caption .button.btn-md:hover {
    color: #d02090 !important;
}

/*1.1 UPD*/
.stm-next-match-units {
    overflow: hidden;
}

/*NEW SPORTSPRESS FIXES*/
.stm-single-sp_player .sp-template-photo {
    float: none;
    max-width: 100%;
}

.stm-single-sp_player .sp-section-content-photo {
    float: left;
    width: 25%;
}

.stm-single-sp_player .sp-section-content-details {
    float: left;
    width: 75%;
}

.stm-single-sp_player .sp-template.sp-template-player-details.sp-template-details {
    float: left;
    width: 49%;
}

.stm-single-sp_player .sp-section-content-excerpt:after {
    content: '';
    display: block;
    clear: both;
}

.stm-single-sp_player .stm_player_right_details {
    float: right;
    width: 49%;
}

body.single-sp_player .sp-post-content {
    margin-top: 40px;
}

/*29 sept 2016*/
.stm-latest-results-units .stm-latest-results-info .stm-latest-result .stm-latest-result-team span {
    color: #151515;
    text-decoration: none !important;
}

.stm-no-decoration {
    text-decoration: none !important;
}

/*13 OCT 2016*/
/*Player resp putting back*/
@media (max-width:1024px) {
    .stm-single-sp_player .stm_player_right_details {
        width: 100%;
    }
    .stm-single-sp_player .sp-template.sp-template-player-details.sp-template-details {
        width: 100%;
    }
    .stm-single-sp_player .sp-section-content-photo,
    .stm-single-sp_player .sp-section-content-details {
        width: 100%;
        text-align: center;
    }
    .sp-player-details {
        max-width: 300px;
        width: auto;
        margin: 0 auto;
    }
    .stm-single-sp_player .sp-section-content-details .single-info {
        text-align: left;
    }
    .stm-player-details-right .stm-player-team-logo img {
        width: 150px !important;
        height: auto !important;
    }
}

.stm-single-product-images {
    min-height: 450px;
}

/*Fixing VC problems with Owl Carousel*/
.stm-player-statistic-unit .owl-nav {
    margin-top: 0 !important;
}

.stm-player-statistic-unit .owl-next, .stm-player-statistic-unit .owl-prev {
    padding: 0 !important;
    background: transparent !important;
    margin-top: 0 !important;
}

/*Coaches basketball fix*/
.sp-section-content.sp-section-content-staff:before {
    content: '';
    display: block;
    clear: both;
}

/*new WooCommerce style*/
.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 3em
}

.woocommerce-product-gallery figure {
    margin: 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 25%;
    display: inline-block
}

.woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    float: left;
    cursor: pointer
}

.woocommerce-product-gallery .flex-control-thumbs img {
    opacity: .5
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover {
    opacity: 1
}

.woocommerce-product-gallery img {
    display: block
}

.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 33.3333%
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 25%
}

.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 20%
}

.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 99
}
.stm-single-block-event-list {
    background-color: transparent !important;
    position: relative;
    min-width:300px;
    border-bottom: 2px solid #d11a38;
    box-sizing: border-box;
}
.stm-single-block-event-list:last-child {
    border: transparent;
}
.sp-stm-template-event-blocks-future.stm-single-block-event-list .stm-single-block-event-list-top {
    background-color: transparent !important;
}
.stm-single-block-unit {
    column-count: 2 !important;
}
.stm-single-block-event-list .stm-single-block-unit .stm-team-logo {
width:100% !important;
}
.stm-teams-info.heading-font {
    position: absolute;
    width: 100% !important;
    left: 0 !important;
    padding: 0 !important;
    column-count: 2 !important;
    margin-top: 95px !important;
}
.sp-stm-template-event-blocks-future.stm-single-block-event-list .stm-single-block-event-list-top .time, .sp-stm-template-event-blocks-future.stm-single-block-event-list .stm-single-block-event-list-top .venue {
    color: #efefef !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}
.stm-single-block-event-list .stm-single-block-unit .stm-teams-info .stm-title-team {
    min-width: 0px !important;
    text-align: center !important;
    color: #fff !important;
    width: 100% !important;
    font-weight: 100 !important;
    font-size: 14px !important;
}
.stm-single-block-event-list .stm-single-block-unit {
    padding: 40px 0 !important;
}
.stm-future-event-list-time .h6 {
  font-weight: 100 !important;
  letter-spacing: 3px !important;
  color: #fff !important;
  opacity: 1 !important;
}
.stm-team-results-outer {
display:none !important;
}

.stm-single-block-event-list .stm-single-block-unit .stm-team-logo {
    padding-left: 0 !important;
    text-align: right !important;
	width: 100% !important;
   max-width:70px !important;
    vertical-align: middle !important;
}
.stm-single-block-event-list .stm-single-block-unit .stm-team-logo .team-logo{
    display: block !important;
    max-width: 70px !important;
    margin: 0 auto !important;
}
/*Rev Slider Height*/
#rev_slider_1_1 {
    height: 30%;
}
.bloglogo img {
    margin: 5px;
}
.stm-header .stm-header-background {
 background-image:none!important;
}
.stm-transparent-header .stm-header-mobile {

padding-bottom: 25px;
}
.vc_upcoming_fixtures {
margin:0;
}
.vc_upcoming_fixtures .title {
    background: #d40f34;
    background: linear-gradient(to left bottom, #d40f34, #7d1e1e) !important;
    letter-spacing: 15px;
    font-family: HalisGR-Bold;
margin:0 !important;
}
.vc_upcoming_fixtures .commands {
    background: white!important;
}
.vc_upcoming_fixtures .commands .command h5 a, .vc_upcoming_fixtures .commands .command_vs {
    color: black!important;
}
.vc_upcoming_fixtures a .match_info {
    background: linear-gradient(to bottom left, #1e1e1e, black)!important;
text-transform:uppercase;
letter-spacing:5px;
}

#stm-top-bar {
    min-height: 10px;
    padding: 5px 0;
}
#stm-top-bar .stm-top-socials-holder .top-bar-socials li {
    line-height: 5px;
}
/*Branding Font*/
body .rev_slider .tp-caption, h1, .h1, h2, .h2 {
    font-family: "HalisGR-Bold", Sans-Serif !important;
text-transform: uppercase;
}
h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading-font, .button, .widget_recent_entries, table, .stm-widget-menu ul.menu li a, input[type='submit'], .rev_post_title, .countdown span, .woocommerce .price, .woocommerce-MyAccount-navigation ul li a {
	font-family: "HalisGR", Sans-Serif !important;
}
a:hover {
  color:#d40f34;
}
.heading-font {
font-family: "HalisGR-Bold", Sans-Serif !important;
text-transform: uppercase;
}
body, .normal-font, .normal_font, .woocommerce-breadcrumb, .navxtBreads, #stm-top-bar .stm-top-profile-holder .stm-profile-wrapp a, .countdown small, div.wpcf7-validation-errors, .stm-countdown-wrapper span small {
	font-family:"HalisGR"!important;
}

/*SP Styling Countdown*/
.sp-countdown-wrapper h5, .sp-countdown-wrapper p, .sp-countdown-wrapper h3 {
    display: block;
    text-align: center;
	text-transform: uppercase;
}
.sp-countdown-wrapper {
   padding: 15px;
}
.sp-countdown-wrapper a {
	color:#d40f34;
}

.vc_upcoming_fixtures .commands {
 border-bottom: solid 3px #d40f34 !important;
}
.sp-countdown-wrapper h5, .sp-countdown-wrapper p {
    letter-spacing: 5px;
}
.stm-upcoming-events_list {
text-transform:uppercase;
}
.stm-upcoming-events_list ul li {
	border: 1px solid #d8d8d8;
    margin: 5px 0;
	background:white!Important;
}
.stm-next-match-unit {
  background-color: white!important;
}
.stm-next-match-units .stm-next-match-unit .stm-next-match-opponents .stm-command h4 a {
color:#d40f34;
}
.stm-header.stm-header-third .stm-header-inner .stm-header-container .stm-main-menu .stm-main-menu-unit ul.header-menu > li > a {
	padding: 0 24px!important;
}
.stm-next-match-units .stm-next-match-unit .stm-next-match-info {
 color:black;
letter-spacing:5px;
}
.match_info {
margin:0!important;
}
.stm-next-match-units .stm-next-match-unit .stm-next-match-venue {
color:black;
letter-spacing:5px;
}
/*Bread Crumbs & Headers*/
.stm-title-box-unit.transparent-header_on {
    padding-bottom: 50px;
    padding-top: 20px;
}

/*League Table*/
.league img {
    width: 60px!Important;
    display: block;
}
#hercules-team {
    background: #d40f34!important;
    color: white!important;
}
.results-row {
    text-transform: uppercase;
    border: 1px solid gray;
}

/*News*/
.stm-single-post-loop .content p {
    display:none;
}
.stm-single-post-loop a .image {
  max-height:220px;
}
.stm-single-post-loop {
    background: #111 !important;
    min-height: 400px;
}
.stm-single-post-loop .heading-font {
    padding: 10px;
}
.stm-single-post-loop .title {
	color:white;
}
.stm-media-tabs .stm-media-tabs-nav ul li a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #eee!important;
}
.stm-single-post-loop a:hover .title {
    color: #d11a38 !important;
}
.stm-media-tabs .stm-media-tabs-nav ul li.active a span {
    color: #d11a38;
    border: 0;
}
.stm-media-tabs .stm-media-tabs-nav ul li.active a {
    color: white;
    font-size: 17px;
}
.stm-media-tabs .stm-media-tabs-nav ul li a:hover span {
    color: white;
    text-shadow: 0 0 5px black;
    font-size: 17px;
}
@media (max-width: 788px) { 
.stm-title-box-unit.transparent-header_on {
    height: 112px!important;
}
}
/*Instagram*/
.sbi_item {
float:left;
}
.command a {
    text-align: center !important;
    display: block;
}
/*=============Sports Press Styling=============*/
.staff-flip .vc-hoverbox {
    width: 400px !important;
    height: 400px !important;
}
.staff-flip .vc-hoverbox-front h2 {
    color: #d40f34 !important;
    text-shadow: 0 0 5px black;
}
.vc-hoverbox-block {
 background-position:top;
}
.header_1 .stm-header .stm-main-menu .stm-main-menu-unit .header-menu > li a::before, .header_2 .stm-header .stm-main-menu .stm-main-menu-unit .header-menu > li a::before, .header_3 .stm-header .stm-main-menu .stm-main-menu-unit .header-menu > li a::before {
    background: #d11c39;
}
.stm-next-match-units .stm-next-match-unit .stm-next-match-time {
    background-color:#d11a38;
}
.stm-next-match-units .stm-next-match-unit .stm-next-match-opponents .stm-command-vs span {
    background-color:#d11a38;
}
table thead {
     background-color:#d11a38;   
}
.sp-section-content.sp-section-content-logos {
    box-shadow: 0 5px 30px #80808066;
}
a:hover .title {
    color: #d11c39;
}

.logo-main {
    margin-top:0;
}

.slider-inner {
    width: 66.66%;
    display: inline-block;
}
.widget-inner {
    width: 33.33%;
    display: inline-block;
    float: right;
    background: black;
    position: relative;
    background-color:black;
    background: url('https://jshercules.com/wp-content/uploads/2019/03/herc.jpg'),black;
    background-size: cover;
    background-position: center;
}
.tparrows {
    background-color: transparent !important;
}
.tparrows:hover {
    background: transparent !important;
}

/*=============Page Sizing (For Sidebar)=============*/
#wrapper {
    width: calc(100% - 200px);
    position: relative;
    left: 200px;
    overflow: visible !important;
}
.stm-footer {
    width: calc(100% - 200px);
    left: 200px;
}
.footer-bottom-left .normal_font {
    color:unset;
}
#stm-footer-bottom .footer-bottom-right .footer-socials-unit .footer-bottom-socials li a {
    background-color:#d11a38;
}
/*=============Full Screen Header=============*/
@media (min-width: 1030px) {
    .stm-header-inner {
        position: fixed !important;
        left: 0 !important;
        width: 200px !important;
        background: black !important;
        height: 100% !important;
        max-height: 1200px;
    }
    .stm-header-inner .logo-main {
        margin: 15px auto !important;
        width: 100% !important;
        display: block;
        max-width: 100% !important;
    }
    .stm-header-inner .bloglogo {
        width: 100%;
        display: block;
    }
    .stm-header-inner .bloglogo img {
        margin: 0 auto;
        display: block;
    }
    .stm-header-inner li.menu-item {
        width: 100%;
        text-align: center;
    }
    .header_1 .stm-header .stm-main-menu .stm-main-menu-unit, .header_2 .stm-header .stm-main-menu .stm-main-menu-unit, .header_3 .stm-header .stm-main-menu .stm-main-menu-unit {
        background: none;
    }
    .stm-header-inner .sub-menu {
        left: 150px;
        top: 10px;
        background-color: #000 !important;
        z-index: 1 !important;
    }
    .stm-title-box-unit.transparent-header_on {
        display: none !important;
    }
}
/*=============Hero Slider=============*/
.slider-container {
    width: 100%;
    max-height: 475px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.slider-inner {
    height: 475px;
    display: block;
    float: left;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: center left;
}
.slider-inner h2 {
    color: white;
    position: absolute;
    height: 130px;
    bottom: 0;
    padding: 0 20px;
    font-size:30px;
    max-width: 65%;
}
    
/*=============Small View=============*/
@media (max-width: 1030px) {
    .stm-transparent-header .stm-header-mobile {
        padding-bottom: 0;
        background: black;
    }
    .stm-title-box-unit.transparent-header_on {
        padding:0;
        height:0;
    }
    .stm-header-mobile {
        display:block;
    }
    .stm-header-inner {
        display:none!important;
    }
    .slider-container {
        width: 100%;
        left: 0;
    }
    .slider-inner h2 {
        max-width: 100%;
        top: 25%;
    }
    .slider-inner {
        width:100%;
    }
    #wrapper {
        width: calc(100%);
        left: 0;
    }
    .stm-footer {
        width: 100%;
        left: 0;
    }
    /*Revision 1*/
    .widget-inner {
        overflow: hidden;
        width: 100%;
        display: inline-block;
        float:none;
    }
    .widget-inner .sp-template {
        margin-bottom: 0 !important;
    }
    .slider-container {
        max-height: unset !important;
    }
    .stm-single-block-event-list .stm-single-block-unit {
        padding: 0 !important;
        margin: 0 !important;
    }
    .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        width: 60px;
        padding: 10px;
    }
    .stm-single-block-event-list .stm-single-block-unit .stm-teams-info {
        margin-bottom: 0;
    }
    .stm-single-block-event-list .stm-single-block-unit .stm-teams-info .stm-title-team {
        display:inline-block;
    }
    .stm-teams-info.heading-font {
        width: 100% !important;
        left: 0 !important;
        padding: 0 !important;
        column-count: 2 !important;
        bottom: 0;
        position: relative;
    }
    .stm-title-team:not(.opponent)::after {
        content: ' vs ';
        font-weight: 800;
        font-style: italic;
        text-transform: uppercase;
        color: #d81e3e;
    }
    .stm-teams-info.heading-font {
        margin: 0 !important;
    }
    .time.h6 {
        float: left !important;
        margin: 0 !important;
    }
    .stm-future-event-list-time {
        margin: 0 !important;
    }
    .venue.h6 {
        float: right !important;
        margin-top: 0 !important;
    }
}
/*=============Wide Screen=============*/
@media (min-width: 1700px) {
    .slider-container {
        height: 700px;
        max-height: 700px !important;
    }
    .slider-inner {
        height: 700px;
        background-size: cover !important;
        width: calc(100% - 500px);
    }
    .slider-inner h2 {
        color: white;
        position: absolute;
        height: 200px;
        bottom: 0;
        padding: 0 20px;
        font-size:40px;
    }
    .widget-inner {
        width:500px;
        max-width:500px;
    }
}
/*=========== Mobile =========== */
@media (max-width: 650px) {
    .stm-title-team:not(.opponent)::after {
        content: '';
    }
    .slider-inner h2 {
        font-size: 25px;
        text-align: center;
    }
    .stm-title-team.opponent {
        float: right;
    }
    .slider-inner {
        background-position: center !important;
    }
}