/*
Theme Name: Scoreline
Version: 1.0
Tags: green, red, white. google fonts, theme options, custom header, responsive
Developer: Yasir Khan
The CSS, XHTML and design is released under GPL
*/

body{font: normal 15px/1.5 'Source Sans Pro', sans-serif; font-weight: 400; overflow-x: hidden; background-color: #fff;}
img{max-width: 100%;}
a{text-decoration: none; color: #0b8800;}
a:hover,a:focus{text-decoration: none; color: #0b8800;}
a,.btn{outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.ul-none,.fnav,.archive_card .post-categories{list-style: none; margin: 0; padding: 0; }

/*Format*/
h1,h2,h3,h4{margin-bottom: 15px; font-weight: 700;}
h1{font-size: 28px;}
h2{font-size: 25px;}
h3{font-size: 22px;}
h4{font-size: 20px}
strong{font-weight: 700;}
p{margin-bottom: 25px;}

/*Section*/
.section{padding-top: 120px !important; padding-bottom: 120px !important;}
.md-section{padding-top: 80px !important; padding-bottom: 80px !important;}
.sm-section{padding-top: 60px !important; padding-bottom: 60px !important;}
.ul-col-2{column-count: 2;} 
.bc-wrap{display: none !important;}

/*Buttons*/
.btn{border-radius: 0; padding: 6px 15px; font-size: 13px; font-weight: 700;}
.btn-red{color: #fff; background-color: #cc0a11;}
.btn-red:hover,.btn-theme:focus{background-color: #b0090f; color: #fff;}
.btn-grey{background-color: #e4e6ea; color: #000;}
.btn-grey:hover,.btn-grey:focus{background-color: #eff0f2; color: #000;}

/*Header*/
.header{padding: 0; position: sticky; top: 0; left: 0; width: 100%; z-index: 999; background-color: #0b8800;}
.header .navbar{padding: 0;}
.header .navbar-brand{max-width: 200px; padding: 0 !important;}
.header .navbar-nav > .nav-item{margin-right: 25px;}
.header .navbar-nav > .nav-item > .nav-link{color: #efefef; font-weight: 900; font-size : 15px; text-transform: uppercase; padding: 30px 0px; text-align: center; position:relative;}
.header .navbar-nav > li > a.nav-link:hover,
.header .navbar-nav > .nav-item.current-menu-item > .nav-link {color: #fff;}
.header .navbar-nav > .nav-item > .nav-link::after,
.header .navbar-nav > .nav-item.current-menu-item > .nav-link::after{position: absolute; content: ''; width: 100%; height: 4px; background-color: #fff; top: 0; opacity: 0; transition: .5s ease; left: 0;}
.header .navbar-nav > .nav-item.current-menu-item > .nav-link::after,
.header .navbar-nav > .nav-item > .nav-link:hover::after{opacity: 1;}
.header .ico {color: #fff; font-size: 22px;}

/*dd*/
@media only screen and (min-width : 990px) {
	.navbar-nav > li > .dropdown-menu{display: block; transition: ease-out 0.30s; width: 220px; margin: 0 0 0 10px; opacity: 0; visibility: hidden;}
	.dropdown:hover .dropdown-menu{margin-left: 0; opacity: 1; visibility: visible;}
}
.navbar-nav > li > .dropdown-menu{border-radius: 0; padding: 0;}
.navbar-nav .dropdown-menu .dropdown-item{padding: 9px 16px; font-size: 14px; border-bottom: 1px solid #cdcdcd;}
.navbar-nav .dropdown-menu a.dropdown-item:hover,
.navbar-nav .dropdown-menu a.dropdown-item:focus,
.navbar-nav .dropdown-menu .current-menu-item > a.dropdown-item{background-color: #EAEAEA; color: #000;}
.navbar-nav .dropdown-menu .nav-item:last-child .dropdown-item{border-bottom: 0;}

.navbar-toggler{outline: none !important; box-shadow: none !important; padding: 8px 10px; font-size: 30px; color: #fff; border: 0; height: 52px; width: 40px; border-radius: 0;}
/*====== Side Menu =======*/
.sidenav{height: 100%; width: 250px; position: fixed; z-index: 9999; top: 0; left: -270px; background-color: #fff; overflow-x: hidden; transition: 0.3s; box-shadow: 0 0 30px rgba(0,0,0,.2); color: #000;}
.sidenav .closebtn{position: absolute; top: 0; right: 25px; font-size: 36px; line-height: normal; color: #000;}
.the_menu{padding: 20px; font-size: 15;}
.the_menu h4.hd{font-size: 18px; margin-bottom: 30px; letter-spacing: 3px; color: #999;}
.the_menu > ul > li{border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.the_menu > ul > li > a{padding: 0 0 12px; text-transform: uppercase; font-size: 16px; font-weight: 500; font-family: 'Roboto'; display: block; color: #000;}
.the_menu > ul > li > a:focus,
.the_menu > ul > li > a.show,
.the_menu > ul > li > a:hover,
.the_menu > ul > li.current-menu-item > a.nav-link{color: #0b8800;}
.the_menu > ul ul{width: 100%;}

/*Footer*/
.footer{background-color: #13243d; font-size: 18px; color: #efefef; font-weight: 700; text-transform: uppercase;}
.bb{border-bottom: 1px solid #415777; margin: 15px 0;}
.footer .flogo img {max-width: 150px; margin-bottom: 20px;}
.fnav li, .fnav li a{display: inline-block; font-size: 14px; font-weight: 500; text-transform: uppercase; text-align: center;}
.fnav li a{padding-right: 12px; color: #efefef; text-decoration: none;}
.fnav li a:hover{opacity: .8;}
.fsocial a{margin-right: 18px; font-size: 15px; color: #fff;}
.fsocial a:hover {opacity: 0.8;}
.copyright{font-size: 14px;  color: #fff; font-weight: 400; text-transform: capitalize;}
.copyright span{color: #0b8800; font-weight: 700; text-decoration:underline; text-transform: uppercase;}
.copyright a{color: #fff; text-decoration: underline;}

.subscribe-form .input-group{border-radius: 100px; overflow: hidden;}
.subscribe-form .form-control{background-color: #1f324e; color: #fff; border-radius: 50px; border: 0; padding: 12px 20px 13px 48px;}
.subscribe-form .input-group{position: relative;}
.subscribe-form .input-group::before{position: absolute; z-index: 34; left: 20px; top: 11px; content: '\f0e0'; font-family: "Font Awesome 5 Free"; width: 20px; height: 20px;}

/*Page*/
.ad_banner_90,
.ad_banner_250{width: 100%; height: 90px; background-color: #ddd; color: #b2b2b2; font-size: 20px; display: flex; justify-content: center; align-items: center;}
.ad_banner_250{height: 250px;}

.sec_title{padding: 6px 0; position: relative; /*background-color: #eff0f2; border-left: 6px  solid #0b8800;*/ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.sec_title span.link{font-size: 12px; text-decoration: underline;}
.sec_title span a{color: #0b8800;}
.cat_list li{margin-bottom: 4px;}
.cat_list li a{color: #13243d; font-size: 15px; font-weight: 500; width: 100%; background-color: #eff0f2; padding: 5px 15px; position: relative; display: block;}
.cat_list li a::before{width: 4px; background-color: #0b8800; height: 0; position: absolute; left: 0; top: 0; content: ''; opacity: 0; transition: .3s ease;}
.cat_list li a::after{content: ''; display: none; position: absolute; right: -16px; top: 0; width: 20px; height: 100%; background: url(../img/list_arw.svg) 0 0 no-repeat; background-size: 100% 100%;}
.cat_list li:hover a,
.cat_list li.active a{background-color: #e4e6ea;} 
.cat_list li:hover a::before,
.cat_list li.active a::before{height: 100%; opacity: 1;}
.cat_list li.active a::after{display: block;}

.main-slider .carousel-item{background: center center no-repeat; background-size: cover; position: relative; border-radius: 10px; overflow: hidden;}
.main-slider .carousel-item::before,
.news-container .news_card::before{content: ''; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.63+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.63) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.63) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.63) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a1000000',GradientType=0 ); /* IE6-9 */
}
.main-slider .slider_text{padding: 25px 25px 50px; height: 400px; display: flex; align-items: flex-end; position: relative; z-index: 1;}
.news-container{margin-bottom: 20px;}
.news-container h4{font-size: 16px; margin-bottom: 6px;}
.news-container a{color: #000;}
/*.news-container .news_card,
.sidebar .wp-block-latest-posts li{height: 100%; border-radius: 10px; overflow: hidden; display: block; background-color: #fff;}
.news-container .news_card .card-text,
.sidebar .wp-block-latest-posts li{padding: 15px;}
.news-container .news_card .card-text p{margin-bottom: 0; color: #a1a1a1; font-size: 14px;}

.sl-slider{margin: 0 -5px;}
.sl-slider .slick-list,
.sl-slider .slick-track{display: flex;}
.sl-slider .slick-slide{margin: 0 5px;}
.sl-slider .slick-arrow{position: absolute; color: #000; text-indent: -3333px; display: flex; align-items: center; justify-content: center; left: 0; top: 50%; margin-top: -17px; border: 0; background-color: #fff; border-radius: 100px; width: 35px; height: 35px; box-shadow: 0 0 10px rgba(0,0,0,.3); z-index: 33; overflow: hidden;}
.sl-slider .slick-arrow.slick-next{left: inherit; right: 0;}
.sl-slider .slick-arrow::before{content: '\f053'; color: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 100%; height: 100%; padding-top: 6px; text-indent: 0; position: absolute; top: 0; left: 0; background-color: #fff;}
.sl-slider .slick-arrow.slick-next::before{content: '\f054';}
.sl-slider .slick-arrow.slick-disabled{opacity: .4}*/

/*1oct22 - changes*/
.news-container .news_card{height: 200px; border-radius: 10px; overflow: hidden; display: block; background-color: #fff; position: relative; background: center center no-repeat; background-size: cover;}
.news-container .card-text{position: absolute; bottom: 0; left: 0; padding: 10px; color: #fff; /*background-color: rgba(0,0,0,.4);*/ width: 100%;}
.news-container .card-text p{margin-bottom: 0;}
/*arrows*/
.sl-slider{margin: 0 -5px;}
.sl-slider .slick-list,
.sl-slider .slick-track{display: flex;}
.sl-slider .slick-slide{margin: 0 5px;}
.sl-slider .slick-arrow{position: absolute; color: #fff; text-indent: -3333px; display: flex; align-items: center; justify-content: center; left: 4px; top: 0; border: 0; background-color: rgba(0,0,0,.6); width: 35px; height: 100%; z-index: 33; overflow: hidden; display: block;}
.sl-slider .slick-arrow.slick-next{left: inherit; right: 0;}
.sl-slider .slick-arrow::before{content: '\f053'; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 100%; height: 100%; text-indent: 0; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.sl-slider .slick-arrow.slick-next::before{content: '\f054';}
.sl-slider .slick-arrow.slick-disabled{opacity: .4}

.posts-row{margin: 0 -5px; display: flex; flex-wrap: wrap;}
.posts-row .post-col{margin: 0 5px 10px; display: inline-block; flex: 1;}

/*Right Bar*/
/*.white_shad_cont{background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 10px; border: 1px solid #ddd; padding: 10px;}*/
.right-bar{margin-bottom: 15px;}
.right-bar .white_shad_cont p:last-child{margin-bottom: 0;}
.accordionSb .accordion-item,
.accordionSb .accordion-item .accordion-button{border: 0; border-radius: 0 !important; box-shadow: none !important; background-color: transparent; !important; color: #fff;}
.accordionSb .accordion-item .accordion-button{text-transform: uppercase; font-weight: 500;}
.accordionSb .accordion-item .accordion-button::after{filter: brightness(0) invert(1);}
.accordionSb .accordion-item{margin-bottom: 5px; background-color: #ddd !important;}
.accordionSb .accordion-item .accordion-body{padding: 0; font-size: 15px;}
.accordionSb .accordion-item .accordion-body a{color: #fff;}
.accordionSb .accordion-item .accordion-body .sb_post{padding: 0 1.25rem; display: flex; align-items: flex-start;}
.accordionSb .accordion-item .accordion-body .sb_post .p_img{margin-right: 10px; border-radius: 100px;}
.accordionSb .accordion-item .accordion-body .vall{text-align: right; padding: 8px 1.25rem; display: block;}
.accordionSb .accordion-item .accordion-body .vall:hover{text-decoration: underline;}
/*Colored*/
.accordionSb .accordion-item:first-child{background-color: #0b8800 !important;}
.accordionSb .accordion-item:first-child .accordion-body .vall{background-color: #0c6f03;}

.accordionSb .accordion-item:nth-child(2){background-color: #3996dc !important;}
.accordionSb .accordion-item:nth-child(2) .accordion-body .vall{background-color: #1e5c8b;}

.accordionSb .accordion-item:nth-child(3){background-color: #cc0a12 !important;}
.accordionSb .accordion-item:nth-child(3) .accordion-body .vall{background-color: #8f0a10;}

.accordionSb .accordion-item:nth-child(4){background-color: #f4af0c !important;}
.accordionSb .accordion-item:nth-child(4) .accordion-body .vall{background-color: #af7f0d;}

.accordionSb .accordion-item:nth-child(5){background-color: #34495e !important;}
.accordionSb .accordion-item:nth-child(5) .accordion-body .vall{background-color: #233342;}

/*Category*/
.archive_card .post-categories,
.archive_card .post-categories li{display: inline-block;}
.archive_card .post-categories li:not(:last-child)::after{content: ',';}
.archive_card{/*box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 30px;*/ background-color: #fff; display: block;}
.archive_card .thumb-img{max-height: 230px; overflow: hidden;}
.archive_card .p-info{font-size: 14px; color: #707070;}
.wp-paginate a,
.wp-paginate .current{padding: 6px 10px;}
.wp-paginate .current{background-color: #0b8800; border-color: #0b8800;}

/*Sinlge*/
.bc-wrap{padding: 15px 0;}
.single-hero{background: center top no-repeat #ddd; color: #fff; background-size: cover; position: relative; max-height: 450px; overflow: hidden;}
.single-hero::after{position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.54+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.54) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.54) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.54) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8a000000',GradientType=0 ); /* IE6-9 */}
.single-hero .h_cont{position: absolute; z-index: 21; padding: 200px 0 40px; bottom: 0; left: 0; width: 100%;}
.single-hero .h_cont a{color: #fff;}
.single-hero h1{max-width: 900px;}
.single-content-page p{line-height: 1.7; font-size: 17px; margin-bottom: 15px;}
.single-content-page blockquote{padding: 15px; font-style: italic; background-color: #fff;}
/*.single-content-page blockquote{display: block; padding: 14px 20px 14px 67px; position: relative; border-left: 2px solid #0b8800; background-color: #fff; box-shadow: 0 0 34px rgba(0,0,0,.1); margin-bottom: 30px;}
.single-content-page blockquote::before{content: "\f10d"; font-weight: 900; font-family: "Font Awesome 5 Free"; font-size: 30px; color: #0b8800; position: absolute; left: 20px; top: 10px;}*/
.single-content-page blockquote p:last-child{margin-bottom: 0;}
.author_bio_section {
  background-color: #fff;
  padding: 22px;
  border-radius: 0;
  font-size: 15px;
  margin-top: 50px;
}
.author_bio_section .author_details {
  display: flex;
  flex-wrap: wrap;
}
.author_bio_section .author_details .author-img {
  width: 90px;
  height: 90px;
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
}
body.single .single-content img {
  height: auto;
  max-width: 100%;
}
.author_bio_section .author-content-wrap {
  width: calc(100% - 90px);
  padding-left: 20px;
}
/*Sidebar*/
.sidebar .wp-block-latest-posts li{color: #a1a1a1; margin-bottom: 20px; padding: 0 !important;}
.sidebar .wp-block-latest-posts__featured-image a{display: block;}
.sidebar .wp-block-latest-posts__featured-image img{width: 100%;}
.sidebar .wp-block-latest-posts li .wp-block-latest-posts__featured-image{margin-bottom: 10px;}
.sidebar .wp-block-latest-posts li a{font-weight: 600; color: #000; font-size: 17px;}
.sidebar .mks_author_widget h3{font-size: 22px; margin-bottom: 6px;}
.sidebar .mks_author_widget img{border-radius: 100px;}
.sidebar .mks_author_widget p{font-size: 14px;}

/*Authors list*/
.author-card{background-color: #fff; border-radius: 8px; border: 1px solid #ddd; padding: 20px; display: flex;}
.author-card .thumb{display: inline-block; margin-right: 12px; flex-shrink: 0;}
.author-card .auth_cont{width: 100%;}
.author-card a.title{color: #000; font-weight: 600; font-size: 20px;}

/*Author*/
.author_header{border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 20px;}
.author_header .avatar_wrap{overflow: hidden; max-width: 135px; margin: auto;}
.author_header img{height: auto; width: 100%;}
.author_header .social_icons{display: flex; flex-wrap: wrap;}
.author_header .social_icons a{display: inline-flex; justify-content: center; align-items: center; margin-right: 3px; width: 30px; height: 30px; border-radius: 100px; background-color: #ddd; color: #737373;}
.author_header .social_icons a:hover{transform: scale(1.08);}
.author_box{border: 1px solid #ddd; padding: 15px; margin-bottom: 15px;}
.author_box p{font-size: 15px; line-height: 1.5;}
.author_box p:last-child{margin-bottom: 0;}

/*Woo*/
.woocommerce ul.products,
.woocommerce-page ul.products{display: flex; flex-wrap: wrap;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{border: 1px solid #ddd; border-radius: 10px; overflow: hidden; text-align: center; padding-bottom: 32px; transition: .3s ease;}
.woocommerce ul.products li.product a img{margin-bottom: 5px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color: #000;}
.woocommerce ul.products li.product .star-rating{margin: 0 auto 10px;}
.woocommerce ul.products li.product .price{font-size: 18px;}
.woocommerce ul.products li.product .wc-forward{display: none;}
.woocommerce ul.products li.product .button{background-color: #0b8800; color: #fff; border-radius: 0; margin-top: 0; position: absolute; bottom: 0; left: 0; width: 100%;}
.woocommerce-Price-currencySymbol{font: 15px 'Arial';}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{transform: scale(1.03); border-color: #0b8800}

/*Single*/
.woocommerce div.product form.cart .button{clear: left; background-color: #0b8800; color: #fff; border-radius: 0; padding: 14px 35px; margin-top: 20px;}
.summary .product_meta {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 11px 0; font-size: 15px;}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #0b8800 !important;}

.related.products{clear: both; width: 100%;}

/*Checkout*/
#billing_country_field{display: none;}

/*Responsive
@media (min-width:1200px){
	.container{max-width: 1200px;}
}*/
@media (max-width:1200px){
	.header .navbar-brand{max-width: 165px;}
	.header .navbar-nav .nav-item{margin-right: 21px;}
	.header .navbar-nav .nav-item > .nav-link{font-size: 14px;}
}
@media (max-width:990px){
	.section{padding-top: 90px !important; padding-bottom: 90px !important;}
	.md-section{padding-top: 60px !important; padding-bottom: 60px !important;} 
	.sm-section{padding-top: 40px !important; padding-bottom: 40px !important;}
	h1{font-size: 25px;}
	h2{font-size: 23px;}
	h3{font-size: 21px;}
	h4{font-size: 19px}
	.header .navbar-brand{max-width: 150px;}
	.footer .flogo img{max-width: 120px; margin-bottom: 20px;}
	.subscribe-form .input-group {max-width: 400px; margin: auto;}
	
}
@media (max-width:767px){
	.section{padding-top: 60px !important; padding-bottom: 60px !important;}
	.md-section{padding-top: 40px !important; padding-bottom: 40px !important;}
	.sm-section{padding-top: 30px !important; padding-bottom: 30px !important;}
	h1{font-size: 23px;}
	h2{font-size: 21px;}
	h3{font-size: 19px;}
	h4{font-size: 16px}
	.main-slider .slider_text{height: 250px;}
	.single-hero{max-height: none; color: #000; background-color: transparent;}
	.single-hero .h_cont a{color: #0b8800;}
	.single-hero img,
	.single-hero::after,
	.main-slider .carousel-indicators{display: none;}
	.main-slider .slider_text{padding: 20px 20px 10px;}
	.single-hero .h_cont{position: relative; padding: 20px 0 0;}
	.author_bio_section{padding: 15px 20px; border-width: 1px;}
	.author_bio_section .author_details{display: block;}
	.author_bio_section .author_details .author-img{width: 50px; height: 50px; margin: 0 10px 3px 0; float: left;}
	.author_bio_section .author_details .author-img img{height: auto;}
	.author_bio_section .author_details h4{margin-bottom: 3px !important;}
	.author_bio_section .author-content-wrap{padding-left: 0; width: 100%;}
	.single-content-page .author_bio_section p{font-size: 15px; line-height: 1.4; margin-bottom: 15px;}
	.sidebar .heateor_sss_sharing_container{display: none;}
	.author_header{margin-bottom: 0; border-bottom: 0;}
	.author_header .avatar_wrap{margin-bottom: 15px; max-width: 80px;}
	.author_header .author_info{text-align: center;}
	.author_header .social_icons{justify-content: center;}
	.author_box{margin-top: 20px; margin-bottom: 0;}
	.posts-row .post-col:first-child{width: calc(100% - 10px); flex: 0 0 auto;}
	.news-container h4{max-height: 40px; overflow: hidden;}
	.news-container .news_card{height: 133px;}
}