/*
Theme Name: KM Theme
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300..700&display=swap');
@font-face {
    font-family: 'SELOBAE ROUGH';
    src: url('font/SELOBAEROUGHRegular.eot');
    src: url('font/SELOBAEROUGHRegular.eot?#iefix') format('embedded-opentype'),
        url('font/SELOBAEROUGHRegular.woff2') format('woff2'),
        url('font/SELOBAEROUGHRegular.woff') format('woff'),
        url('font/SELOBAEROUGHRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.selo{
font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h2.selo{
    font-size: 48px;
	line-height:55px;
	color:#FFFFFF;
}
h1.selo{
    font-size: 45px;
    line-height: 50px;
}
h1.selo>span{ font-weight:bold; }
body{
    
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
}
a{
    text-decoration: none;
    color: black;
}

p{
    font-size: 18px;
}
.header{
    /* position: fixed;
    width: 100%;
	z-index:999; */
	position: sticky;
	background:#323844;
	padding:15px 5px;
	top:0px;
	z-index:999;
}
.navbar-collapse{ flex-grow:0;}
.navbarnav{ padding:0px;}
.navbarnav>li{ text-align:center; float:left; list-style:none; }
.navbarnav>li.active>a{ background:#f2682a; color:#ffffff; }
  .navbarnav li a{
    color: #ffffff;
    font-size: 18px;
    text-align: center;
	padding:21px 20px;
	text-transform:uppercase;
  }
.wpcf7-form { background:#FFFFFF; border-radius:25px; padding:70px; border: 1px #CCCCCC solid; box-shadow: 1px 10px #0000005c; }
.wonderpluginslider-container{ padding-top:30px !important; }
.amazingslider-img-1{ border-radius:25px; border:12px #f2682a solid; }
.nkl-carosel img{
    padding: 0px;
	width:25px !important;
	float:left;
}
.testimonials{
	border: 1px #444444 solid;
    padding: 45px 30px;
    border-radius: 28px;
	box-shadow: 0px 13px #cccc;
	background:#fbfbfb;
}
.btn-km,.wpcf7-submit{ background:#f2682a; color:#FFFFFF; padding:10px 25px; border-radius:10px; border:none;}
h1.p-page-title{padding:150px 5px;text-align:center; text-shadow:1px 1px #000000;color:#ffffff;}
ul.services{ padding:0px; margin:35px 0px; list-style:none;}
ul.services>li>a{ border: 2px #CCCCCC solid;
    padding: 10px 40px;
    border-radius: 25px;
	display:inline-block;
	margin-bottom:10px;
	font-size:18px;
}
ul.services>li>a:hover{
border:2px #f2682a solid;
transition:.3s;
}
.brd-grey{
	border: 8px #CCCCCC solid;
    border-radius: 15px;
}
.toggle-icon {
    width: 30px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
  }

  .bar {
    width: 100%;
    height: 4px;
    background-color: white;
    border-radius: 2px;
    transition: all 0.3s ease;
  }
  .menu-topmenu-container >ul{ padding:0px;margin-top:50px;}
   .menu-topmenu-container >ul>li{ text-align:center;}

  .toggle-icon.active .bar:nth-child(1) {
    transform: rotate(45deg) translateY(8px);
  }

  .toggle-icon.active .bar:nth-child(2) {
    opacity: 0;
  }

  .toggle-icon.active .bar:nth-child(3) {
    transform: rotate(-45deg) translateY(-8px);
  }
  .offcanvas-start{
    background-color: #333333 !important;
  }

  .padding-align{
    padding: 90px 0px;
  }

  .nkl-des h4{
    font-size: 35px;
  }
.fixture-box{
    background-color: #292929;
}
.fixture-box {
    position: relative;
    padding: 20px; 
    margin: 0px 5%;
  }
  .versus h5,  .versus h4{
    font-size: 50px;
    padding: 0px 10px;
	text-align:center;
  }
  .fixture-box::before,
  .fixture-box::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px; 
    background-color:#292929; 
  }
  
  .fixture-box::before {
    left: -50px; 
  }
  
  .fixture-box::after {
    right: -50px; 
  }
  
.m-title{
    margin-bottom: 50px;
}
  /* .fixtures {
    padding-left: 20px;
    padding-right: 20px;
  } */
  
.fixture-box a img{
    width: 155px;
}
.fixture-box a{
    text-align: center;
}
.fixture-box, .fixture-box a{
    color:#E59F25
}
.fixture-box{
    padding: 25px 50px;
}
.fixture-box a, .fixture-box p{
    font-size: 22px;
}
.versus{
    padding: 0% 9%;
}
.team-box-1 p, .team-box p{
    margin-bottom: 0px;
    font-size: 23px;
} 
.teams, .about{
    background: url('img/km-bg.jpg') no-repeat right center;

}
.stroke-team{
    font-size: 132px;
    color: #E59F25;
    -webkit-text-stroke: 2px black; 
    text-stroke: 2px black; 
    margin-bottom: 50px;
}
.player-section{
    background: url('img/player-background.png') no-repeat left bottom;
    background-size: 92%;
}
.player-img img{
    width: 96% !important;
}
.player-section>div>div>div>.owl-dots{
    display: none;
}
.player-detail h2{
    font-size: 40px;
}
.team-title{
    margin-bottom: -50px;
    margin-top: 50px;
}
.p-profile-btn{
    font-size: 40px;
    color:#E59F25;
}
.team-title h2{
    line-height: 70px;
}
.news-date{
    display: inline;
    background: black;
    color: white;
    position: absolute;
    top: 0%;
    left: 4%;
    font-size: 24px;
    width: 54px;
    padding: 10px;
}
.n-news p{
    font-size: 18px;
    line-height: 25px;
}
.footer{
    color:darkgray;
}
.footer-up{
    background-color: #333333;
    padding: 50px 0px;
}
.footer-up p{
    font-size: 18px;
}
.footer-ul{
    padding-left: 0px;
}
.footer-ul li{
    list-style: none;
}
.footer-ul li a{
    color: darkgray;
    font-size: 18px;
    line-height: 35px;
}
.social-links a i{
    color: white;
    font-size: 25px;
    margin-left: 10px;
}
.contact-footer{ font-size:18px; }
.quick-links-title {
    position: relative;
    display: inline-block; 
    margin-bottom: 20px;
	padding-bottom:10px;
  }
  
  .quick-links-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 80px; 
    height: 5px; 
    background-color: #E59F25; 
  }
  .footer-bottom{
    padding-top: 15px;
  }
  .sponser{
 
    margin: 0px 6% 50px;
    padding: 0px 60px;
  }
  .custom-prev, .custom-next{
    background: #333333;
    border: none;
    padding: 10px 20px;
    margin-right: 10px;
  }
  .custom-prev i, .custom-next i{
    color: #E59F25;
  }
  .footer-bottom p{
    font-size: 15px;
  }
  .blog-header-title{background:url('img/default-bg.jpg')center center repeat-x; padding:100px 25px; color:#ffffff; }
  .f-box{ padding:80px 15px; border-right:1px #ffffff solid;}
  .main-contact>div>div.wp-block-columns{ margin-bottom:0px; }
.service-image{padding:20%;}
  
  /****** MOBILE RESPONSIVE *******/
  @media only screen and (max-width: 767px) 
  {
	  .f-box{ padding:20px 15px;}
	  .f-box>p{ margin-bottom:0px;}
	  .page_content{ padding:0px !important; }
	  .service-image{padding:15% 5%;}
	  .teams>.container{padding:0px 15px; }
	  .wpcf7-form{ padding:30px;}
	  .selo-mob{ font-size:30px !important; line-height:35px !important;}
	  ul.services>li>a{ padding:10px 25px; }
	  .nkl-des h4{ font-size:30px;}
	  .intro{ padding:15px;}
	  h1.selo{ font-size:30px; line-height:35px;}
	  .navbar-toggler{ background-color:#ffffff;}
	  .sponser-logo>a>img{ padding-right: 0px !important; padding-left: 0px !important;align-content }
	  .sponser{ padding:0px;}
	  .navbarnav>li{ width:100%; display:block; text-align:right;}
	  .navbarnav>li>a{ padding:7px; display:inline-block;}
  .text-center-m { align-content: center !important; text-align:center; }
  }