/*
Theme Name: Sportsclub
Description: Sportsclub Child theme for customizations.
Author: DMN Creative
Author URI: mailto:dev@dmncreative.com
Template: oceanwp
Text Domain:  dmnwpstarter
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Importing fonts */
/* Importing fonts end */

/* Helpers and Init Styles*/

a, a:visited {
    color: #33363d;
    text-decoration: none;
}
*, a, a:focus {
    outline: none !important;
}
.home #main #content-wrap.container {
    padding: 30px 10px;
}
#main #content-wrap.container {
    padding: 30px;
}
.content-area {
    border-right-width: 0;
    border-color: transparent;
    padding-right: 10px;
    width: 67%;
}
.widget-area.sidebar-primary {
    width: 33%;
}

/* Helpers End */

/* Search */

#searchform-overlay .container {
    width: 50% !important;
    margin: 0 auto;
}
#searchform-overlay .searchform-overlay-input {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* Search end */

/* Header */

#site-header.top-header .header-bottom {
    background: #33373D;
}
#site-header.top-header .header-bottom .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 120px;
  }
#site-header.top-header #site-logo #site-description {
    display: none;
}
#site-header.top-header #site-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    max-width: 27%;
}
#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    width: 260px;
    max-width: 100% !important;
}
#site-header .elementor.elementor-185858 {
    width: 73%;
}
#site-navigation .nav-arrow.fa.fa-angle-down {
    font-size: 8px;
}
#site-navigation .fa-angle-down::before {
    content: "\f067";
    position: absolute;
    top: 16px;
}

/* Dropdown Menu */

.dropdown-menu li .sub-menu li.menu-item {
    display: flex;
    float: none;
    transition: 0.3s;
}

.dropdown-menu ul li a.menu-link {
    width: 100%;
    color: white !important;
}

.dropdown-menu ul li a.menu-link:hover {
    color: #33373d !important;
}

/* Dropdown Menu End */

/* Header end */

/* Footer */

#footer .footer-widgets-inner.container {
    padding-left: 0;
    padding-right: 0;
}
#footer .menu {
    margin: 0;
    list-style-type: none;
}
#footer .menu .menu-item a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#footer .menu .menu-item a:hover {
    color: #b7322c;
    text-decoration: underline;
}
#menu-footer-social li, #menu-footer-categories li, #menu-footer-other-links li {
    line-height: 22px;
}

/* Footer end */

/* Home */

.home #left-sidebar {
    width: 20%;
    padding-right: 0px;
    left: -48.5%;
}
.home #primary {
    left: 21%;
    width: 49%;
    padding: 0;
    border: 0;
}
.home #right-sidebar {
    width: 31%;
    padding-left: 15px;
}

/* Home end */

/* Sidebars */

/* Sidebar left */

.sidebar-box {
    margin-bottom: 0;
}
#block-2 h1 {
    color: #fff;
    font-size: 17px !important;
    background: #33363d;
    padding: 10px;
    font-weight: 700;
    margin: 0 0 0.67em;
}

.sb-articles-container {
    max-width: 100%;
    overflow: hidden;
}
.sb-articles-container .col-md-5 {
    padding: 0 0 0 10px;
}
.sb-thumbnail {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    max-width: 80px;
    max-height: 80px;
    min-height: 60px;
}
.sb-term {
    font-size: 11px;
    text-transform: uppercase;
    color: #a52a2a;
}
.sb-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    margin: 0 0 0.83em;
}
.sb-link:hover .sb-title {
    text-decoration: underline;
}
.sb-articles-container .row {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Sidebars end */

/* Home articles */

/* Featured article */

.home-article-content-wrapper {
    padding: 10px 15px;
    border: 1px solid #e4e4e4;
}
.home-article-title {
    font-size: 1.5em;
    color: #33363d;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px;
}
.home-article-link .home-article-title:hover {
    text-decoration: underline;
}
.home-article-content {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.home-article-content .more-link {
    display: none;
}
.home-article-btn a {
    font-size: 14px;
    color: #b41a03;
    font-weight: 400;
}
.home-article-btn a:hover {
    text-decoration: underline;
}

/* 3 column articles */

.home-article-container .my-column-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.home-article-container .my-column-wrapper .col-md-4:first-child {
    height: 100%;
    width: 100%;
}
.home-article-container .my-column-wrapper .col-md-4:not(:first-child) {
    height: 100%;
    width: 33.333333333%;
    max-width: 100%;
    padding-top: 15px;
}
.home-article-container .my-column-wrapper .col-md-4:not(:first-child) .home-article-content-wrapper {
    padding: 10px 0 0;
    border: none;
}
.home-article-container .my-column-wrapper .col-md-4:not(:first-child) h2 {
    font-size: 14px;
    line-height: 1.1;
}
.home-article-container .my-column-wrapper .col-md-4:not(:first-child) h2:hover {
    color: #b7322c;
}
.home-article-container .my-column-wrapper .col-md-4:not(:first-child) .home-article-content, .home-article-container .my-column-wrapper .col-md-4:not(:first-child) .home-article-btn {
    display: none;
}

/* Home articles end */

/* Articles */

/* Archive */

.clr.tax-desc {
    display: none;
}
.blog-entry.thumbnail-entry .thumbnail {
    width: 25%;
}
.blog-entry.thumbnail-entry .blog-entry-content {
    width: 75%;
    padding: 0;
}
#blog-entries .thumbnail-link {
    max-width: 160px;
    max-height: 160px;
    display: block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail-caption {
    display: none;
}
#blog-entries .thumbnail-link .overlay {
    display: none;
}
.blog-entry.thumbnail-entry .left-position .blog-entry-content {
    padding-left: 2em;
}
.blog-entry.thumbnail-entry .blog-entry-category, .blog-entry.thumbnail-entry .blog-entry-bottom {
    display: none;
}
.blog-entry.post .blog-entry-header {
    margin-bottom: 10px;
}
.blog-entry.post .blog-entry-header .entry-title {
    font-size: 1.5em;
    margin: 0;
    line-height: 1.2;
}
.blog-entry.post .blog-entry-header .entry-title a {
    font-weight: 400;
}
.blog-entry.post .blog-entry-header .entry-title a:hover {
    color: #b7322c;
    text-decoration: underline;
}
.blog-entry-summary.clr p {
    line-height: 1.5em;
    font-size: 1em;
}
.blog-entry .more-link {
    display: none;
}

/* Single */

.post-category-section {
    background-color: #33363D;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    /* height: 50px; */
}
.post-category-container {
    background-color: #B40610;
    transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    margin-left: 25px;
    padding: 10px 20px;
}
.post-category-container h2 {
    color: #ffffff;
    transform: skew(25deg);
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -ms-transform: skew(25deg);
    -o-transform: skew(25deg);
    margin: 0;
    text-transform: uppercase;
}
.post-sc-logo {
    background-color: #fff;
    padding: 6px 9px;
    border-radius: 100%;
    margin-right: 10px;
}
.single .entry-title {
    font-size: 30px;
    color: #33373D;
    font-weight: 400;
    margin: 0;
    border-bottom: none;
    letter-spacing: 0;
    line-height: 1.1;
}
.single .thumbnail {
    margin-bottom: 5px;
}
.single-post ul.meta {
    border-bottom: none;
    padding-bottom: 20px;
    margin: 0;
}
.single-post ul.meta li {
    font-size: 12px;
    color: #555;
}
.icon-clock {
    display: none;
}
.meta-date::before {
    content: 'Published on';
    display: inline-block;
    position: relative;
    padding-right: 4px;
}
.single-post .entry-content p {
    margin: 0 0 5px;
}
.theme-heading.related-posts-title {
    font: normal normal normal 1em/1.5em Montserrat, sans-serif;
    color: #666;
    word-wrap: break-word;
    letter-spacing: 0;
    text-transform: capitalize;
}
.theme-heading .text::before {
    display: none;
}
.related-post-title {
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 3px;
}

/* Search result page */

.search-results article .thumbnail {
    max-width: 160px;
    max-height: 160px;
    width: 160px;
    min-width: 160px;
    display: block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    margin-right: 20px;
}
.search-results article .thumbnail img {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.search-entry-title.entry-title {
    font-size: 1.5em;
    margin: 0;
    line-height: 1.2;
    font-weight: 400;
    margin: 0;
}
.search-entry-title.entry-title:hover {
    text-decoration: underline;
    color: #b7322c;
}
.search-entry-summary.clr {
    line-height: 1.5em;
    font-size: 1em;
}
.search-entry-readmore.clr {
    display: none;
}

/* Articles end */

/* Pagination */

.oceanwp-pagination .page-numbers .current {
    background: #23282d;
    border-color: #23282d;
}
.oceanwp-pagination .page-numbers .page-numbers {
    font: normal normal bold 0.875em/1.2 "Helvetica Neue", Helvetica, sans-serif;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin: 0 8px 8px 0;
    padding: 8px 0px;
}
.oceanwp-pagination .page-numbers li:first-child .page-numbers {
    border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -ms-border-radius: 6px 0 0 0;
    -o-border-radius: 6px 0 0 0;
}
.oceanwp-pagination .page-numbers li:last-child .page-numbers {
    border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -ms-border-radius: 0 6px 0 0;
    -o-border-radius: 0 6px 0 0;
    padding: 8px 10px;
}
.oceanwp-pagination .page-numbers li:last-child .page-numbers::before {
    content: 'Next';
    display: inline-block;
    position: relative;
    padding-right: 10px;
}

/* Pagination end */

/* T's & C's */

.page-id-422 .entry a {
    color: #b7322c;
    text-decoration: none !important;
}
.page-id-422 .entry a:hover {
    text-decoration: underline !important;
}

/* T's & C's end */

/* Forms */

form input[type="number"] {
    max-width: 100%;
}

/* NEW SUBSCRIBERS FORM */

.cust-new-subs-container h1 {
    font-size: 18px !important;
    margin: 0px 0px 10px 0px;
}

.cust-new-subs-container .row {
    margin: 0px 0px 10px 0px !important;
}

.cust-new-subs-container .col-md-12 {
    padding: 0px !important;
}

.cust-new-subs-container textarea {
    max-height: 150px !important;
}

.cust-new-subs-container .row:last-child .col-md-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.subscribe-checkbox .wpcf7-list-item {
    width: 40%;
}
.subscribe-checkbox .wpcf7-list-item label {
    display: flex;
    flex-wrap: wrap;
    align-items: last baseline;
}
.subscribe-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
    order: 2;
    font-size: 12px;
}
.subscribe-checkbox .wpcf7-list-item label input {
    order: 1;
}
form h1 {
    font-size: 22px;
}

/* NEW SUBSCRIBERS FORM END */

/* Forms end */

/* Mobile Styles */

.swiper {
    width: 600px;
    height: 300px;
}
@media only screen and (max-width: 1080px) {
    .home #main #content-wrap.container {
        display: flex;
        flex-wrap: wrap;
    }
    .home #primary {
        width: 65% !important;
        order: 1;
    }
    .home #left-sidebar {
        width: 35% !important;
        order: 2;
    }
    .home #right-sidebar {
        display: none;
    }
}
@media screen and (max-width: 1000px) {
    .test-banner {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .post-sc-logo {
        padding: 8px 9px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .post-sc-logo img {
        width: 12px;
    }
    .post-category-container h2 {
        font-size: 12px;
    }
    #site-header.top-header #site-logo {
        max-width: 100%;
        margin: 0 auto;
    }
    .home #primary, #primary {
        width: 100% !important;
        order: 1;
    }
    .home #left-sidebar {
        width: 100% !important;
        order: 2;
    }
    #left-sidebar .col-md-5 {
        max-width: 25%;
    }
    #left-sidebar .col-md-7 {
        max-width: 75%;
    }
    #popmake-185896 {
        width: 100% !important;
    }
    .sidr-class-sub-menu .sidr-class-menu-link {
        font-size: 14px;
    }
    .sidr-class-dropdown-menu ul a::before {
        content: "";
    }
    .blog-entry.thumbnail-entry .thumbnail {
        width: 100%;
    }
    #blog-entries .thumbnail-link {
        max-width: 500px;
        max-height: 500px;
    }
    .blog-entry.thumbnail-entry .blog-entry-content {
        width: 100%;
    }
    #icon-searchform-overlay .container {
        width: 80% !important;
    }
    #icon-searchform-overlay form input {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    #icon-searchform-overlay form label {
        font-size: 14px !important;
    }
    .sidr-class-current-menu-item .sidr-class-menu-link {
        color: #b7322c;
    }
}