/*
 Theme Name: SoccerClub
 Theme URI: http://themeforest.net/user/0effortthemes/portfolio
 Author: 0effortthemes Team
 Author URI: http://0effortthemes.com/
 Description: Soccerclub theme is built for the game Soccer. We used visual composer page builder plugin along with theme specific custom
 extensions. We also used revolution slider for creating attractive sliders. This theme also contains e-commerce features, as we have
 included woocommerce plugin in our theme.
 Version: 2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
 Text Domain: soccerclub
 Tested up to: 5.8
 Requires PHP: 7.4.9
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 */


/* =WordPress Core
/**
 * Table of Contents
 *
 * 1.0 - Header
 * 2.0 - Sliders
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Footer
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Soccer
 * 8.0 - Playes
 * 9.0 - Matches
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Board Members
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Contact
 * 16.0 - Map
 * 17.0 - Visual Composer
 * 18.0 - Custom Visual Composer Extensions
 */

-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

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

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	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; /* Above WP toolbar. */
}
.sticky {
    display: block;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Custom CSS added */
.blog_widget ul{
  margin-bottom: 20px;
}

.blog_widget, .blog_widget a{
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-radius: 4px;
  text-transform: capitalize;
  color: #3e3e3e;
  margin-top: 0;
}

.widget h6.news-title a,
.widget .recent-news-list a.widget_post-title,
.widget .comment-author-name a{
  color: #b81e20;
}

.blog_widget li{
  margin-bottom: 0;
  padding: 5px 0;
}

.blog_widget a:hover{
  color: #b81e20;
}


@media screen and (min-width: 601px){
   .admin-bar.logged-in .header-main.has-top-menu .sticky-menu,
   .admin-bar.logged-in .header-main .sticky-menu { top: 32px; }
   /* .admin-bar .header-main .sticky-menu {
        top: 32px;
    } */
}

.footer-type02 {
    background: black;
}


/*ADDED BY PRATYAY*/
.star-rating {
position: relative;
overflow: hidden;
}
.star-rating:before {
content: "\f005  \f005  \f005  \f005  \f005" !important;
font-family: 'FontAwesome';
width: 100%;
color: #757575 !important;
display: block;
}
.star-rating span {
display: block;
background-repeat: repeat-x;
width: 17px;
height: 13px;
position: absolute;
left: 0;
top: 0;
width: 100%;
display: block;
overflow: hidden;
height: 100%;
text-align: left;
}
.star-rating span:before {
content: "\f005  \f005  \f005  \f005  \f005" !important;
font-family: 'FontAwesome';
display: block;
color: #e1c60f;
width: 150px;
}
.rating-stars
{
clear: both;
display: inline-block;
padding-top: 5px;
font-size: 15px;
}
.star-rating{
  width: auto !important;
}
.woocommerce .products .product-info-wrap .star-rating{
  width: 68px !important;
}
.star-rating:before{
    position: relative !important;
}
.rating-count {
    display: inline-block;
    margin-left: 5px;
}

aside.widgetinner .widget-title, aside.widgetinner .widget-heading, aside.widgetinner h4.widget-title a {
    background: #454c54;
    padding: 20px 0;
    text-align: center;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}
.widgetinner .widget ul li {
    padding: 5px 0px 10px 30px;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #3e3e3e;
    font-weight: 400;
    position: relative;
    text-align: left;
}

.widgetinner .widget select {
    padding: 15px 20px;
    float: left;
    font-size: 19px;
    margin-top: 10px;
    width: 100%;
}
@media (min-width: 981px){
    .post-type-archive-product div#container {
        width: 75%;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
        /* margin-right: 5%; */
    }
}
.post-type-archive-product.woocommerce .woocommerce-ordering select{
    padding: 6px 10px;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.widgetinner .widget select {
    width: 100%;
    font-size: 95%;
    color: #333;
    border: 1px solid #DDD;
    border-radius: 0;
    height: 36px;
    padding: 0 10px;
    box-shadow: inset 0 -1.3em 1em 0 rgba(0, 0, 0, 0.02);
    background-color: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRF…sItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: auto 15%;
    border-radius: 0;
}
.tagcloud{
    margin-top:10px;
}
.tagcloud a {
    font: 14px "Roboto", sans-serif !important;
    font-weight: 400;
    color: #fff;
    background: rgba(184, 30, 32, 0.8);
    border: 1px solid #fff;
    margin-bottom: 2px;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 4px;
    text-transform: capitalize;
    -webkit-transition-property: color , background;
    -o-transition-property: color , background;
    transition-property: color , background;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.tagcloud a:hover {
    font: 14px "Roboto", sans-serif !important;
    font-weight: 400;
    color: rgba(184, 30, 32, 0.8);
    border: 1px solid rgba(184, 30, 32, 0.53);
    background: #fff;
    margin-bottom: 2px;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 4px;
    text-transform: capitalize;
    -webkit-transition-property: color , background;
    -o-transition-property: color , background;
    transition-property: color , background;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.category-widget .panel-heading a {
    text-transform: capitalize;
    transition: color .4s ease-in-out;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #3d4348;
    font-weight: 400;
}
.widget_categories .category-widget #accordion.panel-group ul.inner-list-items {
    padding: 5px 0 0 36px;
}
.widgetinner .blog_widget ul{
margin-top: 10px;

}
.widgetinner h3.widget-heading~div {
    margin-top: 10px;
}
.pagination-block a {
    float: left;
    background: #b81e20;
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #b81e20;
    transition: color 0.4s ease-in-out,
                background 0.4s ease-in-out;
}
.pagination-block a:hover {
    color: #b81e20;
    background: white;
    border: 1px solid #b81e20;
}
.pagination-block p:first-of-type {
    float: right;
}
.search-form {
    position: relative;
}

.widget_search input[type="search"],
.search-form input[type="search"] {
    height: 40px;
    width: calc(100% - 50px);
    border: transparent;
    padding: 0px 15px;
    color: #333;
    font-size:16px;
}
.widget_search label,
.search-form label{
    margin-bottom: 0;
    width: 100%;
    position: relative;
}
.widget_search input.search-submit,
.search-form input.search-submit{
    height: 40px;
    width: 50px;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    background: transparent;
    background-image: url("images/search.png");
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    text-indent: 8997778px;
    overflow: hidden;
}

.widget_search input.search-submit:focus,
.search-form input.search-submit:focus{
    outline: none;
}
.widget_search input[type='submit']:hover,
.widget_search input[type='submit']:focus,
.search-form input[type='submit']:hover,
.search-form input[type='submit']:focus{
    background: transparent;
    background-image: url(images/search.png);
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}
form.search-form {
    background: #fff !important;
    border: 1px solid #7f8386;
    border-radius: 3px;
}
.widget_calendar #wp-calendar {
    width: 100%;
}
.widget_calendar thead {
    color: #b81e20;
}
.widget_calendar caption {
    color: #b81e20;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #b81e20;
}

.video-show iframe {
    width: 100%;
    height: 100%;
}
.woocommerce .quantity .qty {
    width: 6.631em;
}
.sticky {
    border: 5px solid #b81e20;
}
.wpb_revslider_element.wpb_content_element {
    margin-bottom: 0;
}

.textwidget p {
    padding: 10px 0;
}
.widgetinner h4.widget-title span {
    color: inherit;
}

.sidebar-position-left .contentinner{
    float: right;
}

#back-to-top {
   position: fixed;
   bottom: 40px;
   right: 40px;
   z-index: 9999;
   width: 55px;
   height: 55px;
   text-align: center;
   line-height: 30px;
   background: url('images/Soocer-top-button.png');
   color: #fff;
   cursor: pointer;
   border: 0;
   border-radius: 2px;
   text-decoration: none;
   transition: visibility 0s, opacity 0.6s ease-out;
   visibility: hidden;
   opacity: 0;
   text-indent: -9999px;
}
#back-to-top.show:hover {
   opacity: 0.7;
   -webkit-animation: none;
   animation: none;
}
#back-to-top.show {
   opacity: 1;
   visibility: visible;
   -webkit-animation: bounce 5s infinite;
   animation: bounce 5s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}



/*******************************************************************************/
.footer-appstore figure:nth-child(1) {
    text-align: right;
}


.stay-in-touch_form_email {
    text-align: center;
    width: 100%;
}
.stay-in-touch_form_email input{
    width: 75%;
    border-radius: 0;
    border: #646872 1px solid;
    padding: 15px 20px;
    max-width: 60%;
    text-transform: uppercase;
    font-size: 12px;
    background: transparent;
    border-color: #b81e20;
    box-shadow: 0 0 10px #b81e20;
    transition: box-shadow linear 0.5s, border-color linear 0.5s;
}

.stay-in-touch_form_btn {
    text-align: center;
}
.stay-in-touch_form_btn input{
    background: #fff;
    padding: 5px 46px;
    color: #1f262e;
    font-size: 23px;
    border-radius: 3px;
    border: none;
    font-family: oswald;
    text-transform: uppercase;
}

.stay-in-touch_form_email input:focus {
    outline: none;
    border-color: #fcfcfc;
    box-shadow: 0 0 10px #fcfcfc;
}

.stay-in-touch_form {
    padding-top: 30px;
}

.stay-in-touch_sec .heading__underline:after {
    background: transparent;
}