/* 

Theme Name: TopClub
Theme URI: https://cyberspaceart.com/topclub-landing/
Description: Responsive Sports Wordpress Theme
Tags: two-columns, custom-colors, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, featured-images, custom-menu
Author: CyberSpaceArt
Author URI: https://cyberspaceart.com
Text Domain: topclub
Version: 3.1
Tested up to: 6.7
Requires PHP: 
License:
License URI:

*/

/* 

--- STYLESHEET INFO ---

[COLOR CODES]
Primary Dark Color: #111820;
Secondary Dark Color: #0f131a;
Background Color: #f3f6f8;
Accent Color: #EF080E;
Primary Text Color: #333333;
Secondary Text Color: #8c8c8c;

[TYPOGRAPHY]
Primary Text Font: Montserrat;
Secondary Text Font: Inter;

[TABLE OF CONTENTS]
1. Reset CSS
2. WordPress General Styles
3. Theme General Styles
4. Header
5. Archive Posts
6. Widgets
7. Single Post
8. Comments
9. 404 Page
10. Frontpage Sections Styles
11. Media Gallery
12. Footer

--- ---

*/

/* --- 1. RESET CSS --- */
*,
*:before,
*:after {
  box-sizing: border-box;
}

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

ul[class],
ol[class] {
  list-style: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

img.masonry-content {
  width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

/* --- 2. WORDPRESS GENERAL STYLES --- */
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.aligncenter {
    text-align: center;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}

.is-style-squared a {
    border-radius: 0;
}

.wp-block-cover {
    margin-bottom: 10px;
}

.wp-block-cover.has-background-dim p {
    color: #fff;
}

.single-post-content figure.wp-block-gallery {
    margin-bottom: 20px;
    max-width: 100%;
}

.single-post-content figure.wp-block-gallery.alignleft {
    margin-right: 20px;
}

.single-post-content figure.wp-block-gallery.alignright {
    margin-left: 20px;
}

.alignwide,
.alignfull {
	width: calc(100% + 2 * 1.5rem);
	max-width: none;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
    border: 2px solid #fff;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

.post_format-post-format-aside .archive-post-categories-wrap,
.post_format-post-format-aside .archive-post-meta-wrap,
.post_format-post-format-aside .archive-post-title-wrap {
    display: none;
}

.post_format-post-format-aside .archive-post-excerpt {
    margin: 0;
}

.archive-post.post_format-post-format-aside {
    background-color: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.05);
    padding: 20px;
    border-radius: 10px;
}

.post_format-post-format-status .archive-post-categories-wrap,
.post_format-post-format-status .archive-post-title-wrap {
    display: none;
}

.post_format-post-format-quote .archive-post-categories-wrap,
.post_format-post-format-quote .archive-post-meta-wrap,
.post_format-post-format-quote .archive-post-title-wrap {
    display: none;
}

.post_format-post-format-link .archive-post-categories-wrap,
.post_format-post-format-link .archive-post-meta-wrap {
    display: none;
}

.post_format-post-format-quote, 
.post_format-post-format-link, 
.post_format-post-format-status, 
.archive-post.post_format-post-format-aside, 
.post_format-post-format-quote .archive-post-content {
    padding: 0;
    border: none;
}

.archive-post-content blockquote {
    background-color: #fff;
}

.post_format-post-format-quote blockquote,
.post_format-post-format-quote .archive-post-content {
    border-radius: 10px;
}

.post_format-post-format-status .archive-post-excerpt,
.post_format-post-format-link .archive-post-title-wrap {
    margin-top: 0;
}

/* --- 3. THEME GENERAL STYLES --- */
body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

.clear {
    content: "";
    display: table;
    clear: both;
}

h1 { font-size: 2.5em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

a {
    color: #333;
}

a:hover {
    color: #EF080E;
}

.content-area {
    padding: 30px 0;
    background-color: #f3f6f8;
}

input[type="submit"] {
    display: inline-block;
    background-color: #111820;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #333;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
}

input[type="submit"]:hover {
    background-color: #EF080E;
}

p {
    line-height: 2.0;
}

.footer p {
    line-height: 1.5;
}

.embed-responsive{
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}
.embed-responsive:before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive-21by9:before{ 
    padding-top: 42.857143%
}
.embed-responsive-16by9:before{ 
    padding-top: 56.25%
}
.embed-responsive-4by3:before{
    padding-top: 75%
}
.embed-responsive-1by1:before{
    padding-top: 100%
}

blockquote.wp-block-quote.is-style-large:not(.is-style-plain),
blockquote {
    margin-bottom: 20px;
    background-color: rgba(0,0,0,0.02);
    padding: 20px 20px 20px 80px;
    position: relative;
}

blockquote {
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 3px solid #EF080E;
}

blockquote cite {
    margin-top: 10px;
    display: block;
    font-size: 12px;
}

blockquote cite br {
    display: none;
}

blockquote a {
    color: #333;
}

blockquote a:hover {
    color: #EF080E;
}

blockquote:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    content: "\f10e";
    position: absolute;
    top: 50%;
    left: 20px;
    color: #EF080E;
    font-family: 'Line Awesome Free';
    line-height: 1em;
    text-align: center;
    text-indent: -2px;
    margin-top: -0.5em;
    font-weight: 700;
    font-size: 36px;
}

.wp-block-pullquote.has-background blockquote{
    border-color: #fff;
}

.wp-block-pullquote.has-background blockquote:before {
    color: #fff;
}

.single-post-content blockquote p,
blockquote p {
    margin-bottom: 0;
}

.single-post-content .blocks-gallery-item img {
    margin: 0;
}

.single-post-content select  {
    border: 1px solid rgba(0,0,0,0.05);
    padding: 5px 10px;
    background-color: #fff;
    font-size: 14px;
    margin: 5px 0;
}

.single-post-content table {
    margin-bottom: 20px;
}

.single-post-content table th,
.single-post-content table td {
    padding: 20px 15px;
}

.single-post-content table th {
    background-color: rgba(0,0,0,0.05);
    color: #333;
    font-weight: 700;
    border: none;
}

.single-post-content table td {
    border: 1px solid rgba(0,0,0,0.05);
}

.single-post-content .wp-block-group {
    padding: 20px;
}

.single-post-content .wp-block-calendar caption {
    text-align: center;
}

.single-post-content .wp-block-button {
    margin: 5px 0;
}

.single-post-content .wp-block-media-text {
    margin-bottom: 10px;
}

.single-post-content dl {
    margin-bottom: 20px;
    font-size: 0;
}

.single-post-content dt {
    display: inline-block;
    width: 30%;
    padding: 10px 20px;
    font-size: 16px;
    text-align: right;
    vertical-align: top;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}

.single-post-content dd {
    display: inline-block;
    width: 70%;
    padding: 10px 20px;
    font-size: 16px;
    margin-bottom: 10px;
    vertical-align: top;
    border-left: 2px solid #EF080E;
}

.info-msg {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 30px 30px 30px 120px;
    color: #8c8c8c;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    border-radius: 15px;
}

.info-msg:before {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    content: '\f071';
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0 25px 0 30px;
    background-color: #ffb366;
    color: #fff;
    font-size: 20px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    text-rendering: auto;
    border-right: 5px solid rgba(0,0,0,0.05);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.dark-overlay {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.linear-overlay {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    pointer-events: none;
    background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(0,0,0,1) 140%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(140%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 140%);
    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 140%);
    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 140%);
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 10px 0 5px 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
    white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: rgba(0,0,0,0.05);
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.bypostauthor .comment-author-name {
    font-style: italic;
}

.light-content,
.light-content h1,
.light-content h2,
.light-content h3,
.light-content h4,
.light-content h5,
.light-content h6,
.light-content a.featured-event-summary-link,
div.light-content.widgets-section a,
div.light-content.widgets-section .widget_sportspress.widget_countdown .event-name a,
div.light-content.widgets-section .widget_sportspress.widget_countdown .event-venue a,
div.light-content.widgets-section .sp-data-table td.sp-highlight,
div.light-content.widgets-section .widget_sportspress.widget_calendar .sp-template-event-calendar .sp-table-caption,
div.light-content.widgets-section .widget_sportspress.widget_team_gallery .gallery-caption, 
div.light-content.widgets-section .widget_sportspress.widget_player_gallery .gallery-caption, 
div.light-content.widgets-section .widget_sportspress.widget_birthdays .gallery-caption,
.footer.light-content .widget_sportspress.widget_countdown .event-name a,
.footer.light-content .widget_sportspress.widget_countdown .event-venue a,
.footer.light-content .sp-data-table td.sp-highlight,
.footer.light-content .widget_sportspress.widget_calendar .sp-template-event-calendar .sp-table-caption,
.footer.light-content .widget_sportspress.widget_team_gallery .gallery-caption, 
.footer.light-content .widget_sportspress.widget_player_gallery .gallery-caption, 
.footer.light-content .widget_sportspress.widget_birthdays .gallery-caption,
.footer.light-content .widget-container li a,
.light-content a {
    color: #fff;
}

.light-content.widgets-section a .sp-result.result-win,
.light-content.widgets-section .widget_sportspress.widget_sp_event_blocks .event-blocks-info-wrap {
    color: #333;
}

.page-header {
    background-color: #0F131A;
    text-align: center;
    padding: 80px 40px;
}

.page-title {
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

/* Default Pagination */
.wp-pagination-wrap {
    display: block;
    text-align: center;
    margin: 20px 0;
}

.wp-pagination-wrap a {
    display: inline-block;
    color: #fff;
    background-color: #EF080E;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px;
    text-decoration: none;
    border-radius: 5px;
}

.wp-pagination-wrap a {
    display: inline-block;
    color: #fff;
    background-color: #EF080E;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px;
    text-decoration: none;
    border-radius: 5px;
}

.wp-pagination-wrap a:hover {
    color: #fff;
    background-color: #333;
}

/* Custom Pagination */
.pagination-wrap {
    display: block;
    margin: 20px 0;
    text-align: center;
    margin-top: 0;
}

.pagination-wrap span.current,
.pagination-wrap a {
    display: inline-block;
    margin: 0 2px;
    background-color: #111820;
    color: #fff;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
    border: 2px solid transparent;
}

.pagination-wrap span.current {
    background-color: #fff;
    color: #111820;
    border: 2px solid #111820;
}

.pagination-wrap a:hover {
    background-color: #EF080E;
    color: #fff;
}

.pagination-wrap .pagination-total span {
    font-weight: 700;
}

.pagination-wrap .pagination-total {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #ccc;
}

/* Checkbox Styling */
[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
    color: dodgerblue;
    vertical-align: middle;
    -webkit-appearance: none;
    background: none;
    outline: 0;
    flex-grow: 0;
    border-radius: 5px;
    background-color: #FFFFFF;
    transition: background 300ms;
    cursor: pointer;
    padding: 0;
    border: none;
}

[type=checkbox]:before {
    content: "";
    color: transparent;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: 0;
    background-color: transparent;
    background-size: contain;
    box-shadow: inset 0 0 0 1px #CCD3D8;
}

[type=checkbox]:checked {
    background-color: currentcolor;
}

[type=checkbox]:checked::before {
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}

[type=checkbox]:disabled {
    background-color: #CCD3D8;
    opacity: 0.84;
    cursor: not-allowed;
}

[type=checkbox]::-ms-check {
    content: "";
    color: transparent;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: 0;
    background-color: transparent;
    background-size: contain;
    box-shadow: inset 0 0 0 1px #CCD3D8;
}

[type=checkbox]:checked::-ms-check {
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}

/* Slick Styles */
.slick-next-btn,
.slick-prev-btn {
    display: inline-block;
    background-color: rgba(0,0,0,0.05);
    padding: 5px 10px;
    border-radius: 15px;
    position: absolute;
    font-size: 24px;
    color: #fff;
    border: 1px solid #f3f3f3;
    -webkit-transition: ease-out 0.1s;
    -moz-transition: ease-out 0.1s;
    -o-transition: ease-out 0.1s;
    transition: ease-out 0.1s;
}

.slick-next-btn:hover,
.slick-prev-btn:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,0.1);
    color: #fff;
    -webkit-transition: ease-out 0.1s;
    -moz-transition: ease-out 0.1s;
    -o-transition: ease-out 0.1s;
    transition: ease-out 0.1s;
}

.slick-next-btn:active,
.slick-prev-btn:active {
    transform: translateY(2px);
}

.slick-prev-btn {
    left: -50px;
    top: 45%;
    top: calc(50% - 25px);
}

.slick-next-btn {
    right: -50px;
    top: 45%;
    top: calc(50% - 25px);
}

/* --- 4. HEADER --- */
.custom-logo {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}

.logo-text {
    fill: #fff;
}

.text-logo-link {
    text-decoration: none;
}

.custom-logo-link {
    display: inline-block;
    width: auto;
    height: auto;
}

.header {
    position: relative;
    z-index: 9999;
    background-color: #111820;
}

header.sticky-header {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.3);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.header-topbar-wrap {
    background-color: #0F131A;
}

.header-topbar {
    font-family: 'Montserrat', sans-serif;
    padding: 15px 0;
    color: #727F89;
    font-size: 11px;
    font-weight: 550;
}

.header-topbar a {
    color: #5d676f;
    text-decoration: none;
}

.header-topbar a:hover {
    color: #fff;
}

.header-topbar-line {
    height: 100%;
    position: relative;
}

.header-topbar-line:before {
    content: '';
    position: absolute;
    right: 50px;
    top: 0;
    bottom: -1px;
    width: 100vw;
    background-color: #111820;
    transform: skewX(30deg);
}

.topbar-info-wrap a {
    margin-right: 15px;
}

.topbar-info-wrap {
    cursor: default;
}

.topbar-info-wrap a i {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.topbar-links-wrap {
    text-align: right;
    cursor: default;
}

.topbar-links-wrap a {
    margin-left: 15px;
    cursor: pointer;
}

.top-bar-cart i {
    font-size: 1.5em;
    vertical-align: sub;
    margin-right: 3px;
}

.top-bar-cart span {
    background-color: #5d676f;
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
}

.top-bar-cart span:empty {
    display: none;
}

.top-bar-cart:hover span {
    background-color: #fff;
    color: #333;
}

.logo-wrap {
    position: relative;
    height: 100%;
}

.logo-wrap svg {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    position: relative;
}

.logo-wrap a {
    display: inline-block;
    position: absolute;
    width: auto;
    top: -35px;
    left: 0;
    height: 80px;
}

a.highlight-color,
.highlight-color {
    color: #EFBC4B;
}

.highlight-strong {
    font-weight: 700;
}

.header-search-wrap {
    position: relative;
    height: 100%;
    text-align: right;
    font-size: 0;
}

.header-search-wrap .search-form {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.header-search-wrap .search-field {
    background-color: #0F131A;
    color: #5d676f;
    font-size: 12px;
    padding: 10px 15px;
    border: 0;
}

.header-search-wrap .search-field:focus {
    outline: none;
    color: #fff;
}

.header-search-wrap .search-submit {
    background-color: #0F131A;
    color: #5d676f;
    font-size: 12px;
    padding: 10px 15px;
    border: 0;
    font-weight: 700;
}

.header-search-wrap .search-submit:hover {
    color: #fff;
}

.secondary-menu-wrap {
    text-align: right;
}

.secondary-menu-wrap,
.main-menu-wrap {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 60px;
    font-family: 'Montserrat', sans-serif;
}

.secondary-menu,
.main-menu {
    display: block;
    list-style-type: none;
    cursor: default;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #9BACBB;
    margin-bottom: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.secondary-menu li a,
.main-menu li a {
    display: block;
    text-decoration: none;
    color: #9BACBB;
    font-weight: 700;
}

.secondary-menu li ul a,
.main-menu li ul a {
    color: #333;
}

.secondary-menu li.current-menu-item a,
.main-menu li.current-menu-item a {
    color: #fff;
    border-bottom: 2px solid #EF080E;
}

.main-menu ul li.current-menu-item a {
    color: #EF080E;
    border-bottom: none;
    border-left: 3px solid #EF080E;
}

.secondary-menu li a:hover,
.main-menu li a:hover {
    color: #EF080E;
}

.secondary-menu, .secondary-menu *,
.main-menu, .main-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.secondary-menu li,
.main-menu li {
	position: relative;
}

.secondary-menu ul,
.main-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}

.secondary-menu > li,
.main-menu > li {
	float: left;
}

.secondary-menu li:hover > ul,
.secondary-menu li.sfHover > ul,
.main-menu li:hover > ul,
.main-menu li.sfHover > ul {
	display: block;
}

.secondary-menu a,
.main-menu a {
	display: block;
	position: relative;
}

.secondary-menu ul ul,
.main-menu ul ul {
	top: 0;
	left: 100%;
}

.secondary-menu,
.main-menu {
	display: inline-block;
}

.secondary-menu ul,
.main-menu ul {
    text-align: left;
    background-color: #fff;
	border: solid 1px rgba(0,0,0,0.02);
	min-width: 12em;
	*width: 12em;
}

.secondary-menu a,
.main-menu a {
	padding: 10px 5px;
	text-decoration: none;
	zoom: 1;
}

.secondary-menu ul a,
.main-menu ul a {
	padding: 10px 15px;
	text-decoration: none;
	zoom: 1;
}

.secondary-menu li,
.main-menu li {
    margin-right: 30px;
	white-space: nowrap;
	*white-space: normal;
	-webkit-transition: background .2s;
	transition: background .2s;
}

.secondary-menu li:last-child,
.main-menu li:last-child {
    margin-right: 0;
}

.secondary-menu li:hover,
.secondary-menu li.sfHover,
.main-menu li:hover,
.main-menu li.sfHover {
	-webkit-transition: none;
	transition: none;
}

.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em;
}

.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #9BACBB;
    opacity: 0.5;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #9BACBB;
}

.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #9BACBB;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #9BACBB;
}

/* --- 5. ARCHIVE POSTS  --- */
.archive-post-wrap {
    margin-bottom: 20px;
}

.sticky-post-icon {
    display: inline-block;
    margin-right: 5px;
    color: #333;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    vertical-align: text-bottom;
    float: left;
}

.paged .sticky-post-icon {
    display: none;
}

.sticky-post-icon i,
.sticky-post-icon span {
    line-height: 28px;
    font-size: 24px;
}

.archive-post-img-wrap img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.archive-post-content {
    background: #fff;
    padding: 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.no-thumb .archive-post-content {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.has-thumb .archive-post-img-wrap img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.archive-post-categories-wrap {
    font-size: 14px;
    color: #b3b3b3;
    cursor: default;
    margin-top: 15px;
}

.archive-post-categories-wrap .post-category-link {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: #EF080E;
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 5px;
}

.archive-post-categories-wrap .post-category-link:last-child {
    margin-right: 0;
}

.archive-post-categories-wrap .post-category-link:hover {
    color: #fff;
    background-color: #333;
}

.archive-post-title-link {
    display: block;
    text-decoration: none;
    color: #333;
}

.single-post-content h2.archive-post-title,
h2.archive-post-title {
    display: inline;
    color: #333;
    font-size: 24px;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    word-wrap: break-word;
    max-width: 100%;
    margin: 0;
}

.archive-post-title:hover {
    color: #EF080E;
}

.archive-post-meta-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1;
}

.archive-post-meta-wrap.avatar-enabled {
    padding-left: 40px;
}

.archive-post-author {
    display: inline-block;
    margin-right: 10px;
}

.archive-post-author img {
    display: inline-block;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: -40px;
    margin-top: -6px;
    float: left;
}

.archive-post-author-name {
    display: block;
    font-weight: 700;
    vertical-align: top;
}

.archive-post-date-link {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #333;
    font-weight: 700;
    margin-bottom: 10px;
    vertical-align: top;
}

.archive-post-excerpt {
    font-size: 14px;
    line-height: 1.8;
    color: #8c8c8c;
    margin-top: 10px;
}

.read-more-link-wrap {
    margin-top: 10px;
    display: block;
    text-align: center;
}

.archive-post-excerpt a.read-more-link {
    font-size: 14px;
    color: #333;
}

.archive-post-excerpt a.read-more-link:hover {
    color: #EF080E;
}

/* --- 6. WIDGETS  --- */
.sidebar-wrap > div {
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 20px;
    text-align: left;
}

.sidebar-wrap .widget-title {
    text-align: center;
}

/* WP Block Widgets */
.widget .widget-inner-container {
    margin-bottom: 20px;
}

.widget .widget-title {
    font-weight: 700;
}

.widget a {
    color: #333;
}

.widget a:hover {
    color: #EF080E;
}

.widget:last-child .widget-inner-container {
    margin-bottom: 0;
}

.widget_block {
    margin-bottom: 20px;
}
.widget-container h1,
.widget-container h2,
.widget-container h3,
.widget-container h4,
.widget-container h5,
.widget-container h6,
.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5,
.widget_block h6 {
    font-weight: 700;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.widget_block h2 {
    font-size: 1.5em;
}

.widget_block li a,
.widget_block li a,
.widget_block li,
.widget_block li {
    font-size: 14px;
    color: #333;
}

.widget_block li {
    margin-bottom: 5px;
}

.widget_block li:last-child {
    margin-bottom: 0;
}

.widget_block li a:hover {
    color: #EF080E;
}

.widget_block .wp-calendar-table caption {
    text-align: center;
}

.widget_block .wp-calendar-table a {
    font-weight: 700;
    text-decoration: none;
    color: #333;
}

.widget_block .wp-calendar-table a:hover {
    color: #EF080E;
}

.widget_block .wp-calendar-table th {
    font-weight: 700;
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
    background-color: rgba(0,0,0,0.05);
    border-color: rgba(0,0,0,0.05);
}

.widget_block .wp-calendar-table tr td {
    border-color: rgba(0,0,0,0.05);
    padding: 5px;
}

.widget_block .wp-block-latest-comments time {
    font-weight: 700;
    margin-top: 5px;
}

.widget_block .wp-block-latest-comments p {
    color: #8c8c8c;
}

.widget_block .wp-block-search label {
    font-weight: 700;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.widget_block .wp-block-search__input {
    border-color: rgba(0,0,0,0.05);
    font-size: 14px;
}

.widget_block .wp-block-search__button {
    border: none;
    font-size: 14px;
    font-weight: 700;
    background-color: #111820;
    color: #fff;
    text-transform: uppercase;
}

.widget_block .wp-block-search__button:hover {
    background-color: #EF080E;
}

.widget_block.widget_tag_cloud a {
    text-decoration: none;
    color: #EF080E;
}

.widget_block.widget_tag_cloud a:hover  {
    color: #333;
}

.widget_block select  {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.05);
    padding: 5px 10px;
    background-color: #fff;
    font-size: 14px;
}

.widget-container li a {
    color: #333;
    font-size: 14px;
}

.widget-container .widget-title-wrap {
    margin-bottom: 20px;
}


.sidebar-wrap .widget-container .widget-title-wrap {
    margin: -30px -30px 20px -30px;
    padding: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #111820;
    color: #fff;
}

.sidebar-wrap .widget-container .widget-title {
    margin: 0;
}


.sidebar-wrap .widget-container .widget_block h2 {
    margin: -30px -30px 30px -30px;
    padding: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #111820;
    color: #fff;
}

.sidebar-wrap .widget-container .widget_block {
    margin-bottom: 0;
}

.widget-inner-container h1,
.widget-inner-container h2,
.widget-inner-container h3,
.widget-inner-container h4,
.widget-inner-container h5,
.widget-inner-container h6 {
    margin-bottom: 20px;
}

.widget-inner-container label {
    font-weight: 700;
    margin-bottom: 5px;
}

.wp-block-rss__item-excerpt,
.wp-block-latest-posts__post-excerpt {
    color: #8c8c8c;
    line-height: 1.8;
}

li .wp-block-rss__item-title a,
.wp-block-rss__item-title a,
li a.wp-block-latest-posts__post-title,
a.wp-block-latest-posts__post-title {
    display: block;
    font-weight: 700;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.2;
    margin-bottom: 5px;
}

li a.wp-block-latest-posts__post-title,
a.wp-block-latest-posts__post-title {
    display: block;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    line-height: 1.2;
    margin-bottom: 5px;
    text-decoration: underline;
}

li a.wp-block-latest-posts__post-title:last-child,
a.wp-block-latest-posts__post-title:last-child {
    margin-bottom: 0;
}

.wp-block-rss__item-author,
.wp-block-rss__item-publish-date,
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    font-size: 1em;
}

li.wp-block-rss__item {
    display: block;
    margin-bottom: 10px;
}

.wp-block-rss__item-excerpt {
    margin-top: 5px;
}

/* WP Classic Widgets */
.widget-inner-container select,
.widget-container select {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.05);
    padding: 5px 10px;
    background-color: #fff;
    font-size: 14px;
}

.widget-container ul:last-child,
.widget-container ol:last-child {
    margin-bottom: 0;
}

.widget-title:first-letter {
    border-bottom: 3px solid #EF080E;
}

/* Archives Widget */
.widget_archive ul,
.widget_archive ol {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.widget_archive ul a:hover,
.widget_archive ol a:hover {
    color: #EF080E;
}

/* Calendar Widget */
.widget_calendar .wp-calendar-table caption {
    text-align: center;
}

.widget_calendar .wp-calendar-table {
    width: 100%;
}

.widget_calendar .wp-calendar-table a {
    font-weight: 700;
    text-decoration: none;
    color: #333;
}

.widget_calendar .wp-calendar-table a:hover {
    color: #EF080E;
}

.widget_calendar .wp-calendar-table th {
    font-weight: 700;
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
    background-color: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.05);
}

.widget_calendar .wp-calendar-table tr td {
    border: 1px solid rgba(0,0,0,0.05);
    padding: 5px;
}

.widget_calendar .wp-calendar-table th,
.widget_calendar .wp-calendar-table td {
    text-align: center;
}

.widget_calendar caption {
    color: #8c8c8c;
}

.widget_calendar .wp-calendar-nav-prev a,
.widget_calendar .wp-calendar-nav-next a {
    color: #333;
}

.widget_calendar .wp-calendar-nav-prev a:hover,
.widget_calendar .wp-calendar-nav-next a:hover {
    color: #EF080E;
}

.widget_calendar .wp-calendar-nav {
    margin-top: -30px;
}

.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
    float: left;
}

.widget_calendar .wp-calendar-nav .wp-calendar-nav-next {
    float: right;
}

.widget_calendar .calendar_wrap {
    clear: both;
}

/* Categories Widget */
.widget_categories ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.widget_categories ul li a:hover {
    color: #EF080E;
}

/* Pages Widget */
.widget_pages ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.widget_pages ul li a:hover {
    color: #EF080E;
}

/* Meta Widget */
.widget_meta ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.widget_meta ul li a:hover {
    color: #EF080E;
}

/* Recent Comments Widget */
.widget_recent_comments ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.widget_recent_comments ul li a:hover {
    color: #EF080E;
}

/* Recent Posts Widget */
.widget_recent_entries ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.widget_recent_entries ul li a:hover {
    color: #EF080E;
}

.widget_recent_entries .post-date {
    display: block;
    margin-bottom: 5px;
}

/* RSS Widget */
.widget_rss a.rss-widget-feed {
    display: inline-block;
}

.widget_rss a.rss-widget-title {
    color: #333;
    text-decoration: none;
    font-size: 1.0em;
}

.widget_rss ul {
    margin-left: 0;
    padding-left: 0;
}

.widget_rss ul li {
    display: block;
    margin-bottom: 20px;
}

.widget_rss ul li a.rsswidget {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    text-decoration: none;
}

.widget_rss ul li a.rsswidget:hover {
    color: #EF080E;
}

.widget_rss ul li .rss-date {
    display: block;
    margin-bottom: 5px;
}

.widget_rss ul li .rssSummary {
    color: #8c8c8c;
    line-height: 1.8;
}

.widget_rss ul li cite {
    display: block;
    margin-top: 5px;
}

/* Search Widget */
.widget_search input {
    border: 1px solid rgba(0,0,0,0.05);
    padding: 5px 10px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
}

.widget_search .search-form {
    font-size: 0;
}

.widget_search .search-field {
    width: 60%;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.widget_search .wp-block-search__button,
.widget_search .search-submit {
    padding: 5px 10px;
    font-weight: 700;
    background-color: #111820;
    border: 1px solid #111820;
    color: #fff;
    border: none;
    border-radius: 10px;
    width: 40%;
    font-size: 14px;
}

.widget_search .search-submit:hover {
    background-color: #EF080E;
}

/* Tag Cloud Widget */
.widget_tag_cloud a {
    color: #333;
}

.widget_tag_cloud a:hover {
    color: #EF080E;
}

/* Nav Menu Widget */
.widget_nav_menu ul li a:hover,
.widget_nav_menu ol li a:hover {
    color: #EF080E;
}

/* --- 7. SINGLE POST  --- */
.single-post-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.single-post-img-wrap {
    margin-bottom: 30px;
}

.single-post-categories-wrap {
    margin-bottom: 10px;
    color: #8c8c8c;
}

.single-post-categories-wrap a.post-category-link {
    display: inline-block;
    background-color: #EF080E;
    color: #fff;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 5px;
}

.single-post-categories-wrap a.post-category-link:hover {
    background-color: #333;
    color: #fff;
}

.single-post-title-wrap {
    margin-bottom: 10px;
}

h1.single-post-title {
    display: inline-block;
    width: 100%;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    word-wrap: break-word;
    max-width: 100%;
    margin: 10px 0;
}

.single-post-meta-wrap {
    margin-top: 10px;
    margin-bottom: 20px;
}

.single-post-author {
    display: inline-block;
}

.single-post-content .single-post-author img {
    margin-top: 0;
    margin-bottom: 0;
}

.single-post-author img {
    display: inline-block;
    border-radius: 100%;
    margin-right: 10px;
}

.single-post-date-link {
    display: inline-block;
}

.single-post-author-name,
.single-post-date {
    font-weight: 700;
    margin-right: 20px;
}

.single-post-content {
    color: #8c8c8c;
}

.csamedia .single-post-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.single-post-wrap.csamedia .single-post-meta-wrap .single-post-date,
.single-post-wrap.csamedia .single-post-meta-wrap .single-post-author-name {
    margin: 0 10px;
}

.single-post-content img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.single-post-content .archive-post img {
    margin-top: 0;
    margin-bottom: 0;
}

.single-post-content .archive-post img.avatar {
    border-radius: 100%;
}

.single-post-content figure img {
    margin: 0;
}

.single-post-content figure figcaption {
    text-align: center;
}

.single-post-content p img {
    margin-top: 10px;
    margin-bottom: 10px;
}

.single-post-content .comment-author img {
    margin-top: 0;
    margin-bottom: 0;
}

.single-post-content p {
    margin-bottom: 10px;
    line-height: 2.0;
}

.single-post-content p:first-of-type:last-of-type {
    margin-bottom: 0;
}

.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.single-post-content a:hover {
    color: #EF080E;
}

.single-post-content ol,
.single-post-content ul {
    line-height: 2.0;
}

.single-post-content ol li,
.single-post-content ul li {
    padding: 2px 0;
}

.single-post-content p:last-child {
    margin-bottom: 0;
}

.single-post-tags {
    margin-bottom: 10px;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}

.single-post-tags a {
    color: #333;
}

.single-post-tags a:hover {
    color: #EF080E;
}

.single-post-tags i {
    margin-right: 10px;
    font-size: 1.5em;
    vertical-align: middle;
}

.single-post-tags a:last-child {
    margin-right: 0;
}

.single-post-nav {
    margin-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.single-post-nav a {
    background-color: #EF080E;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
    margin: 0 10px;
    line-height: 1.5;
}

.single-post-nav a:hover {
    background-color: #333;
    color: #fff;
}

.single-post-content p img.aligncenter,
img.aligncenter {
    display: block;
    margin: 20px auto;
}

.single-post-content figure {
    max-width: 100%;
}

.single-post-content figure.wp-block-image.alignfull,
.single-post-content figure.wp-block-image.alignwide {
    max-width: none;
}

.single-post-content figure.aligncenter,
figure.aligncenter {
    margin: 20px auto;
}

figure.alignleft,
img.alignleft {
    margin-right: 20px;
    float: left;
}

figure.alignright,
img.alignright {
    margin-left: 20px;
    float: right;
}

figure.alignleft:after,
figure.alignright:after,
img.alignleft:after,
img.alignright:after {
    content: '';
    display: block;
    clear: both;
}

.single-post-content figure.wp-caption {
    margin-bottom: 20px;
}

.single-post-content figure.wp-caption figcaption {
    margin-top: 10px;
    text-align: center;
}

.share-buttons-wrap {
    text-align: center;
    margin: 20px 0;
}

.share-buttons-wrap-alt {
    text-align: center
}

.csamedia .share-buttons-wrap-alt {
    margin-bottom: 20px;
}

.share-buttons-wrap-alt .share-buttons-wrap {
    display: inline-block;
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
    margin: 0;
}

.single-share-buttons-wrap .share-buttons-wrap {
    text-align: right;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.wp-block-image .aligncenter img {
    display: inline-block;
}

.single-post-footer {
    margin-top: 10px;
}

.single-comments,
.single-post-img-wrap,
.single-content-inner {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
}

.single-content-inner {
    margin-bottom: 20px;
}

.single-post-img-wrap {
    background-color: #111820;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.single-post-audio-wrap {
    margin-bottom: 20px;
    padding: 0 15px;
}

.single-post-img-video iframe {
    border-radius: 15px;
}

.single-post-content .navigation {
    text-align: center;
    font-size: 0;
}

.single-post-content .navigation a {
    font-size: 14px;
}

.single-post-content .navigation div {
    display: inline-block;
}

.single-post-content .navigation a {
    display: inline-block;
    background-color: #EF080E;
    color: #fff;
    margin: 15px 10px 0 10px;
    line-height: 1.5;
    text-decoration: none;
    padding: 2px 10px;
    border-radius: 5px;
    font-weight: 700;
}

.single-post-content .navigation a:hover {
    background-color: #333;
    color: #fff;
}

input[name="post_password"] {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 2px 10px;
    border-radius: 5px;
}

/* --- 8. COMMENTS  --- */
.comment-respond {
    margin-top: 30px;
}

.comment-respond p {
    text-align: center;
}

.single-comments .comment-respond:only-child {
    margin-top: 0;
}

h3.comment-reply-title {
    display: block;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    color: #333;
    margin-top: 0;
    font-weight: 700;
}

h3.comment-reply-title a {
    display: inline-block;
    font-size: 12px;
    background-color: #333;
    color: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 10px;
    vertical-align: bottom;
}

h3.comment-reply-title a:hover {
    background-color: #EF080E;
}

.comment-form input:not([type='checkbox']):not([type='submit']) {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 2px 10px;
}

.comment-form label {
    display: block;
}

.comment-form .comment-form-cookies-consent input {
    margin-right: 5px;
}

.comment-form .comment-form-cookies-consent label {
    display: inline-block;
    vertical-align: middle;
}

.comment-form label .required {
    color: red;
}

.comment-form .comment-notes {
    text-align: center;
}

.comment-form-cookies-consent {
    margin-top: 30px;
}

.logged-in-as {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.logged-in-as a {
    color: #333;
}

.logged-in-as a:hover {
    color: #EF080E;
}

.comment-form-comment textarea {
    margin-top: 10px;
    width: 100%;
    min-height: 100px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 20px;
}

.form-submit {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

.form-submit .submit {
    display: inline-block;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
}

.form-submit .submit:hover {
    background-color: #EF080E;
}

h3#comments {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

li.comment {
    margin-top: 10px;
}

.commentlist > li.comment:first-child {
    margin-top: 0;
}

li.comment {
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 15px;
    padding: 15px 30px;
}

.comment-author {
    margin-top: 10px;
    float: left;
}

.comment-author img {
    display: inline-block;
    margin-right: 10px;
    border-radius: 100%;
}

.comment-author a {
    color: #333;
    text-decoration: none;
}

.comment-author a:hover {
    color: #EF080E;
}

.comment-metadata {
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
}

.comment-metadata a {
    text-decoration: none;
    color: #333;
}

.comment-metadata a:hover {
    color: #EF080E;
}

a.comment-edit-link {
    margin-left: 5px;
    text-decoration: underline;
}

.comment-content {
    clear: both;
    margin-top: 10px;
}

.comment-content p {
    margin-top: 10px;
    color: #8c8c8c;
}

.reply {
    margin-top: 10px;
}

.reply a {
    color: #333;
    font-weight: 700;
    text-decoration: none;
}

.reply a:hover {
    color: #EF080E;
}

ol.commentlist {
    margin-top: 20px;
}

.comment ul.children {
    margin-left: 1%;
    padding-top: 10px;
}

.single-comments:empty {
    display: none;
}

p.nocomments {
    margin-top: 10px;
}

/* --- 9. 404 PAGE  --- */
.not-found-wrap {
    padding: 10% 0;
    text-align: center;
}

.not-found-page-title {
    display: block;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 10em;
    font-weight: 700;
}

.not-found-page-subtitle {
    margin-top: 20px;
    display: block;
    font-weight: 700;
    color: #333;
    text-align: center;
} 

.not-found-page-caption {
    margin-top: 10px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #8c8c8c;
}

.home-return-link {
    margin-top: 40px;
    display: inline-block;
    padding: 10px 15px;
    background-color: #EF080E;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    text-decoration: none;
}

.home-return-link:hover {
    background-color: #333;
    color: #fff;
}

/* --- 10. FRONTPAGE SECTIONS STYLES  --- */
.section-title-wrap {
    text-align: left;
    margin-bottom: 50px;
}

.featured-event-section .section-title-wrap {
    text-align: center;
}

.featured-event-section .section-title-wrap .section-title {
    font-size: 24px;
}

.section-title {
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    border-bottom: 3px solid #EF080E;
    padding-bottom: 5px;
    line-height: 1;
    color: #333;
}

.section-link-wrap .section-link {
    display: inline-block;
    margin-top: 5px;
    color: #8c8c8c;
    text-decoration: none;
}

.section-link-wrap .section-link:hover {
    color: #EF080E;
}

/* Featured Event Section */
.featured-event-section {
    padding: 30px;
}

.featured-event-section .section-title-wrap {
    margin-bottom: 30px;
}

.featured-event-item .featured-event-team.team-odd {
    text-align: right;
}

.featured-event-item .featured-event-team.team-even {
    text-align: left;
}

.featured-event-item .featured-event-team-logo img {
    display: inline-block;
    height: 60px;
    width: auto;
}

.featured-event-item .team-odd .featured-event-team-logo img {
    margin-left: 20px;
}

.featured-event-item .team-even .featured-event-team-logo img {
    margin-right: 20px;
}

.featured-event-item .featured-event-team-logo,
.featured-event-item .featured-event-team-name {
    display: inline-block;
}

.featured-event-item .featured-event-team-name {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 20px;
}

.featured-event-item .featured-event-results {
    position: relative;
    text-align: center;
    height: 100%;
}

.featured-event-item .featured-event-results a {
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    position: relative;
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 30px;
    background-color: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.05);
}

.featured-event-item .featured-event-results .sp-result-delimiter {
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 30px;
    background-color: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.05);
    color: #8c8c8c;
}

.featured-event-item .featured-event-meta-wrap {
    text-align: center;
}

.featured-event-item .featured-event-meta {
    text-align: center;
    margin-top: 30px;
}

.featured-event-item .featured-event-meta .featured-event-meta-item {
    margin: 0 10px;
    color: #8c8c8c;
    display: inline-block;
}

.featured-event-item .featured-event-meta .featured-event-meta-item i {
    display: inline-block;
    font-size: 1.2em;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.featured-event-item .featured-event-meta .featured-event-meta-item a {
    text-decoration: none;
}

.featured-event-item .featured-event-summary-link {
    display: inline-block;
    color: #333;
    text-decoration: none;
    margin-left: 5px;
}

.featured-event-item .featured-event-summary-link:hover {
    display: inline-block;
    color: #EF080E;
    text-decoration: none;
}

/* Team Section */
.team-section {
    padding: 60px;
    background-color: #f3f3f3;
}

.player-slider {
    margin: 0 -15px;
}

.player-slider-img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 100%;
    height: auto;
}

.player-slider-inner {
    margin: 5px 15px;
    position: relative;
    border-radius: 15px;
    -webkit-transition: ease-out 0.2s;
    -moz-transition: ease-out 0.2s;
    -o-transition: ease-out 0.2s;
    transition: ease-out 0.2s;
}

.player-slider-link {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.player-slider-inner:hover {
    transform: translateY(-2px);
    box-shadow: 0px 2px 6px 0px rgba(34, 60, 80, 0.3);
    -webkit-transition: ease-out 0.2s;
    -moz-transition: ease-out 0.2s;
    -o-transition: ease-out 0.2s;
    transition: ease-out 0.2s;
}

.player-slider-info {
    height: 100%;
    min-height: 45px;
    background-color: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px 15px;
}

.player-slider-number {
    display: inline-block;
    min-height: 45px;
    background-color: #111820;
    padding: 10px 20px;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    float: left;
    text-align: center;
    height: 100%;
    border-right: 3px solid #EF080E;
    border-bottom-left-radius: 15px;
    margin: -5px 15px 0 -16px;
}

.player-slider-name {
    display: block;
    line-height: 1;
    padding: 2px 15px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.player-slider-position {
    display: block;
    line-height: 1;
    padding: 2px 15px;
    color: #8c8c8c;
    font-size: 12px;
}

/* Media Section */
.media-section {
    padding: 60px;
}

.media-section-item {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 1.5rem;
}

.media-section-item-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.media-section-item-inner:hover .media-tosingle-link {
    opacity: 1;
}

.media-item-h {
    width: 100%;
    height: 290px;
}

.media-item-s {
    height: 290px;
}

.col-6 .media-item-s {
    width: 50%;
    height: 290px;
}

.media-item-v {
    height: 580px;
}

.media-section-item .media-item-caption {
    display: inline-block;
    width: 100%;
    padding: 20px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.media-section-item img {
    width: 100%;
    height: auto;
    background-color: #ccc;
    min-height: 150px;
}

.media-section-item .media-item-caption i {
    margin-right: 5px;
}

/* Sponsors Section */
.sponsors-section {
    padding: 60px;
}

.sponsors-section .sponsors-slider {
    margin: 0 -15px;
}

.sponsors-item {
    padding: 0 30px;
    text-align: center;
    position: relative;
}

.sponsors-item img {
    display: inline-block;
}

.sponsors-item-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
}

/* Shop Section */
.shop-section {
    padding: 60px;
    background-color: #f3f3f3;
}

.shop-section .shop-slider {
    margin: 0 -15px;
}

.shop-slider-item {
    margin: 0 15px;
    background-color: #fff;
    border-radius: 15px;
}

.shop-slider-item img {
    border-radius: 15px 15px 0 0;
}

.shop-slider-item-title {
    display: block;
    text-align: center;
    line-height: 1;
    padding: 2px 15px;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
}

.shop-slider-item-title a {
    text-decoration: none;
}

.shop-slider-item-rating {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.shop-slider-item-rating .star-rating {
    float: none;
    display: inline-block;
    color: #EF080E;
}

.shop-slider-item-info {
    border-top: 1px solid rgba(0,0,0,0.05);
    position: relative;
}

.shop-slider-item-price {
    display: inline-block;
    float: left;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    background-color: #111820;
    border-right: 3px solid #EF080E;
    border-bottom-left-radius: 15px;
}

.shop-slider-item-price del {
    font-size: 0.7em;
}

.woocommerce a.button.shop-slider-item-button {
    display: block;
    text-align: center;
    min-height: 40px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    line-height: 40px;
    border-radius: 0 0 15px 15px;
    padding: 0;
    position: static;
}

.woocommerce a.shop-slider-item-button.loading:after {
    top: 0;
}

.woocommerce a.shop-slider-item-button.loading:hover {
    background-color: transparent;
    color: #333;
}

.woocommerce a.button.shop-slider-item-button:hover {
    background-color: #EF080E;
    color: #fff !important;
}

.woocommerce .shop-slider-item-info a.added_to_cart {
    display: none;
}

.shop-slider-img-wrap {
    min-height: 200px;
    background-color: #ccc;
    border-radius: 15px 15px 0;
    position: relative;
}

.woocommerce .shop-slider-img-wrap span.on-sale {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #EF080E;
    font-weight: 700;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 10px;
    color: #fff;
}

/* Widgets Section */
.widgets-section {
    padding: 60px;
    background-color: #ffffff;
}

.widgets-section .widget-container {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

.widgets-section .widget_sportspress.widget_player_list .sp-template-player-list,
.widgets-section .widget_sportspress.widget_league_table .sp-template-league-table,
.widgets-section .widget_sportspress.widget_calendar .sp-template-event-calendar,
.widgets-section .widget_sportspress.widget_sp_event_list .sp-template-event-list {
    margin: 0;
}

/* --- 11. MEDIA GALLERY --- */
#lightcase-content {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

html:not([data-lc-type="error"]) #lightcase-content {
    background-color: transparent;
    box-shadow: none;
}

.lightcase-icon-prev,
.lightcase-icon-prev:before,
.lightcase-icon-prev span,
.lightcase-icon-next,
.lightcase-icon-next span,
.lightcase-icon-next:before,
.lightcase-icon-close,
.lightcase-icon-close:before,
.lightcase-icon-close span {
    color: #f1f1f1;
}

a[class*="lightcase-icon-"].lightcase-icon-close {
    top: 50px;
}

.archive-wrap.media-archive {
    padding: 80px 0;
    font-size: 0;
}

.archive-wrap.media-archive .masonry-item {
    background-color: transparent;
}

.media-archive-inner {
    padding: 50px 0;
}

.media-archive-inner a {
    display: inline-block;
    vertical-align: top;
    float: left;
    margin: 15px;
}

.media-archive-inner .pagination-wrap a {
    float: none;
    vertical-align: middle;
    margin: 0 2px;
}

.media-archive .media-item {
    background-color: #262626;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.media-archive .media-item-caption {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    z-index: 100;
    opacity: 0.8;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

.media-archive .media-item-caption,
.media-archive .media-item-caption i,
.media-archive .media-item-caption span {
    vertical-align: middle;
}

.media-item-link {
    display: block;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

.media-item-link:hover .media-item-caption {
    opacity: 1.0;
    transform: translateY(-5%);
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

.media-archive .media-item-caption i {
    margin-right: 10px;
}

.media-archive .media-item-caption .las,
.media-archive .media-item-caption .lar,
.media-archive .media-item-caption .lal,
.media-archive .media-item-caption .lad,
.media-archive .media-item-caption .lab,
.media-archive .media-item-caption .la {
    font-size: 1.2em;
}

.media-item-link {
    position: relative;
}

.masonry-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.masonry-grid-col {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.masonry-grid {
    margin: 0 -5px;
}

.masonry-grid-col {
    padding: 0 5px;
}

.masonry-grid-col .archive-media-item.masonry-grid-item:last-child {
    margin-bottom: 0;
}

.masonry-grid-col--2, 
.masonry-grid-col--3,
.masonry-grid-col--4,
.masonry-grid-col--5 { 
    display: none;
}

@media ( min-width: 768px ) {
  .masonry-grid-col--2,
  .masonry-grid-col--3 { 
      display: block; 
    }
}

@media ( min-width: 1080px ) {
  .masonry-grid-col--4,
  .masonry-grid-col--5 { 
      display: block; 
    }
}

.media-cats-links-wrap {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0;
    background-color: #111820;
}

.media-cats-links-wrap a {
    display: inline-block;
    text-align: center;
    padding: 25px 40px;
    font-size: 12px;
    line-height: 12px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #9BACBB;
    font-weight: 700;
    text-decoration: none;
}

.media-cats-links-wrap a:hover {
    color: #EF080E;
}

.media-cats-links-wrap a.media-cat-link-current:hover {
    color: #fff;
}

.media-cats-links-wrap a.media-cat-link-current {
    color: #fff;
}

.media-archive .media-item img {
    width: 100%;
    height: auto;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

.media-archive .pagination-wrap {
    margin: 40px 0 0 0;
}

.media-archive-inner {
    font-size: 0;
}

.archive-media-item {
    position: relative;
}

.media-tosingle-link {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    color: #fff;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    display: inline-block;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

.archive-media-item:hover .media-tosingle-link {
    display: inline-block;
    visibility: visible;
    opacity: 0.8;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

.media-tosingle-link i {
    color: #fff;
    text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
    font-size: 1.3em;
}

.media-tosingle-link:hover {
    opacity: 1.0;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

/* --- 7. FOOTER  --- */
.footer {
    background-color: #f1f1f1;
}

.footer .widget_recent_entries .post-date {
    margin-bottom: 5px;
    margin-bottom: 10px;
    font-style: italic;
}

.footer .widget_recent_entries ul li a {
    font-weight: 700;
}

.footer .widget-title {
    text-align: left;
}

.footer-widgets-area {
    padding: 100px 60px 60px 60px;
}

.footer.dark-bg {
    color: #8c8c8c;
}

.footer.dark-bg .widget-title {
    color: #fff;
}

.footer .widget-title,
.footer .widget-inner-container h2 {
    margin-bottom: 30px;
}

.footer.dark-bg h1,
.footer.dark-bg h2,
.footer.dark-bg h3,
.footer.dark-bg h4,
.footer.dark-bg h5,
.footer.dark-bg h6,
.footer.dark-bg a {
    color: #ccc;
}

.footer-widget-area-column .widget-container {
    margin-bottom: 40px;
}

.copyright-area {
    font-size: 12px;
    background-color: #fff;
    text-align: center;
    padding: 20px 0;
    color: #8c8c8c;
}

.footer-menu-wrap {
    display: block;
    background-color: #333;
    padding: 40px 20px;
    text-align: center;
    cursor: default;
}

.footer-menu li {
    display: inline-block;
    padding: 5px 20px;
    font-size: 16px;
    color: #8c8c8c;
}

.footer-menu li a {
    display: inline-block;
    font-size: 14px;
    color: #8c8c8c;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

.footer-menu li a:hover {
    color: #fff;
}