/*
Theme Name: Shakrs-pashto
Theme URI: https://techsharks.af
Author: Faiz Dae
Author URI: https://techsharks.af/
Description: Our 2020 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.2.0
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.tkg.af/licenses/gpl-2.0.html
Text Domain: tkg.af
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

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.


Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*-------------------------- START ----- GENERAL STYLES ----------------------------*/
@font-face {
  font-family: yekan;
  src: url('assets/fonts/bbc-nassim-bold.eot') format("eot");
  font-weight:300;
}
@font-face {
  font-family: yekan;
  src: url('assets/fonts/bbc-nassim-bold.ttf') format("ttf");
  font-weight:400;
}
@font-face {
  font-family: yekan;
  src: url('assets/fonts/bbc-nassim-bold.woff') format("woff");
  font-weight:500;
}


/*@font-face{*/
/*    font-family:'yekan'; */
/*    font-style:normal;*/
/*        src:url('assets/fonts/bbc-nassim-bold.eot');*/
/*        src:local('yekan'),*/
/*        url('assets/fonts/bbc-nassim-bold.ttf') format('embedded-opentype'),*/
/*        url('assets/fonts/bbc-nassim-bold.woff') format('woff')*/
/*}*/
    
 /*   @font-face{font-family:'iransans_medi';font-style:normal; iransans_medi*/ 
	/*	src:url('assets/fonts/170612072107IRANSans_Medi.eot');*/
	/*	src:local('iransans_medi'),url('assets/fonts/170612072107IRANSans_Medi.eot') format('embedded-opentype'),*/
	/*	url('assets/fonts/170612072107IRANSans_Medi.woff') format('woff')}*/
		
	/*@font-face{font-family:'iransans_fanum';font-style:normal;src:url('assets/fonts/170619122624Iransans_fanum.eot');src:local('iransans_fanum'),url('assets/fonts/170619122624Iransans_fanum.eot') format('embedded-opentype'),url('assets/fonts/170619122624Iransans_fanum.woff') format('woff')}*/
	

html{
  scroll-behavior: smooth;
}

body.search .post-image  img{
    width:100% !important;
}

#video_frame{
    height:530px;
}

.navbar-nav li a.nav-link{
        font-size: 18px;
    font-weight: 600;
}


body{
  font-family: yekan;
  direction: rtl;
  font-size: 16px;
  line-height: 28px;
  text-align: right;
}

.single p{
    margin-top:5px;
    margin-bottom:5px;
}
::selection{
  background-color:#f47929;
  color:#fff;
}
h5{
  font-size: 21px;
  line-height: 28px;
  font-weight: 500;
}
.bg-brand{
  background: #f47929 !important;
  /* color: white !important; */
}
.bg-gray{
  background: #f5f5f5!important;
}
.bg-dark-gray{
  background: #282828;
}
.bg-dark-gray2{
  background: #1b1b1b;
}
.text-brand{
  color: #f47929 !important;
}
.text-black{
  color: #555 !important;
}
.text-white , .text-white-hover{
  color: #fff !important;
  transition: color .3s;
}
img.hover{
  transition: transform .4s;
}
img.hover:hover{
  transform: scale(1.05);
}
a.text-white:hover{
  text-decoration: none;
}
a.text-black , .category-name a{
  color: #111 !important;
  transition: color .3s;
}
a.text-black:hover, a.text-white-hover:hover, .category-name a:hover{
  text-decoration: none;
  color: #f47929 !important;
}
.border-top{
  border-top: 1.5px solid #ccc !important;
}
.max-lines-2,.max-lines-3 {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: right;
}
.max-lines-2{
  -webkit-line-clamp: 2;
}
.max-lines-3{
  -webkit-line-clamp: 3;
}

.category-label{
  text-align: center;
  line-height: 28px;
  /*height: 32px;*/
      padding: 5px 5px;
  min-width: 110px;
  font-size: 16px;
  max-width: 118px;
  background: #f47929;
  z-index: 10;
  border: 2px solid #f47929;
  transition: background .3s;
}

.category-label a{
  display: block;
}
.category-label.outline{
  outline: 5px solid white;
  transform: translateY(-50%);
}
.outline-gray{
  outline-color: #f5f5f5 !important;
}
.outline-dark-gray{
  outline-color: #282828 !important;
}
.category-label:hover{
  background: #fff;
}
.category-label:hover a{
  color: #f47929 !important;
}
.page-numbers {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #f47929;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: all .3s;
}
.page-numbers:hover {
  z-index: 2;
  color: #f47929;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-numbers:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-numbers.current{
  z-index: 1;
  color: #fff;
  background-color: #f47929;
  border-color: #f47929;
}
.page-numbers:last-child {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-numbers:first-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/*-------------------------- END ----- GENERAL STYLES ----------------------------*/
/*-------------------------- START ----- CUSTOM OVERRIDES ----------------------------*/
.container{
  max-width: 1280px !important;
  padding-left: 10px;
  padding-right: 10px;
}
.container.mw-sm{
  max-width: 870px !important;
}
.container-fluid{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding-right: 10px;
  padding-left: 10px;
}
/*-------------------------- END ----- CUSTOM OVERRIDES ----------------------------*/
/*-------------------------- START ----- HEADER ----------------------------*/
header{
  min-height: 80px;
}
/* header.ads{
  height: 90px;
  width: 720px;
} */
.logo{
  height: 90px;
}
/*-------------------------- END ----- HEADER ----------------------------*/
/*-------------------------- START ----- NAV ----------------------------*/

nav.navbar, nav.navbar .navbar-nav, nav.navbar .nav-link{
  padding: 0;
}

nav.navbar .navbar-toggler{
  margin-right: 15px;
}
nav.navbar .nav-link{
  margin-left: 20px !important;
  color: #fff !important;
  padding: 3px 10px;
  border-top: 2px solid #f47929;
  border-bottom: 2px solid #f47929;
  transition: color .3s , background .3s;
}
/* faiz changes */
/*nav.navbar .nav-link:hover, nav.navbar .nav-item.active .nav-link{
  text-decoration: none;
  color: #f47929 !important;
  background: #fff;
}*/

nav.navbar .nav-link:hover{
  text-decoration: none;
  color: #f47929 !important;
  background: #fff;
}
nav.navbar .nav-link.dropdown-toggle::after{
  margin-right: 3px;
}
nav.navbar .nav-link.dropdown-toggle .fa-caret-down{
  font-size: 12px;
  margin-right: 3px;
}
nav.navbar .dropdown-menu{
  min-width: 100px;
}
nav.navbar .dropdown-item{
  text-align: right !important;
  padding: 2px 16px;
  font-size: 13px;
  transition: color .2s, background .3s;
}
nav.navbar .dropdown .dropdown-item:hover{
  color: white;
  background: #f47929;
}
.search1{
  display: none;
}
.search1 .nav-link,.search2 .nav-link{
  padding: 10px !important;
}
.languages .nav-link::after{
  content: "";
  display: none;
}
nav.navbar .search2 .nav-link{
  margin-left: 0!important;
}

/*-------------------------- END ----- NAV ----------------------------*/
/*-------------------------- START ----- TEXT SLIDER ----------------------------*/
.text-slider{
  min-height: 32px;
  line-height: 32px;
  max-height:64px;
}
.text-slider-title{
  height: 32px;
  width: 140px;
  text-align: center;
  display:inline-block;
}
.text-slider-title h4{
  font-size: 13px !important;
  margin: 0;
  line-height: 32px;
  font-weight: normal;
}
.text-slider-content{
  overflow: hidden;
  padding-left: 64px;
}
.text-slider-content p{
  font-size: 16px;
  line-height: 32px;
}
.text-slider-controls{
  height: 32px;
  width: 64px;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}
.text-slider-controls a{
  display: table !important;
  opacity: 1;
  float: left !important;
  height: 32px !important;
  width: 32px !important;
  text-align: center !important;
  transition: background .3s, color .2s !important;
}
.carousel-fade div{
  transition: opacity 1s !important;
}
.text-slider-controls a:hover{
  background: #f47929 !important;
  color: #fff !important;
}

.text-slider-controls a span{
  display: table-cell;
  vertical-align: middle;
  font-size : 11px;
}
/*-------------------------- END ----- TEXT SLIDER ----------------------------*/
/*-------------------------- START ----- IMAGE SLIDER ----------------------------*/
.carousel .category-label{
  min-width: 85px;
  position: absolute;
  top: 0;
  right: 0;
}
.carousel-caption{
  min-height: 120px;
  padding: 10px 20px 46px 20px;
  left: 0;
  top: auto;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}
.carousel-caption h3{
  font-size: 24px;
  line-height: 34px;
}
.posts .post{
  margin-bottom: 12px;
}
.post-title2{
  min-height: 70px;
  padding: 6px 6px 22px 6px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.post-title2 h5{
  font-size: 21px;
  line-height: 27px;
}
.time{
  position: absolute;
  bottom: 16px;
  right: 20px;
  left: auto;
  top: auto;
  font-size: 12px;
  color: #ccc;
}
.time2{
  position: absolute;
  bottom: 8px;
  /* right: 0; */
  left: auto;
  top: auto;
  color: #555;
  font-size: 12px;
}
.time3{
  font-size: 12px;
  line-height: 32px;
}
.time4{
  position: absolute;
  bottom: 0;
  right: ;
  font-size: 12px;
  color: #ccc;
}
/*-------------------------- END ----- IMAGE SLIDER ----------------------------*/
/*-------------------------- START ----- TWO COLS POST ----------------------------*/
.post-content{
  min-height: 105px;
  padding-bottom: 40px !important;
  margin-bottom: 10px !important;
}
.single-related img{
  width: 125px !important;
}
.related-post-content .time2{
  bottom: 0 !important;
}
.single-related h5{
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

/*-------------------------- END ----- TWO COLS POST ----------------------------*/
/*-------------------------- start ----- 1 big 3 small POST ----------------------------*/
.post-content-110{
  min-height: 110px;
}
.post-content-110.p-2 h6{
  font-size: 16px;
  line-height: 22px;
}
/*-------------------------- END ----- 1 big 3 small POST ----------------------------*/
/*-------------------------- START ----- SOCIAL ----------------------------*/
.social{
  /*min-height: 145px;*/
}
.social .social-links-sidebar a{
  display: inline-block;
  text-align: center;
  margin: 0 4px;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  font-size: 35px;
  border: 2px solid #f47929;
  color: #fff !important;
  background: #f47929;
  transition: color .2s, background .3s;
}
.social .social-links-sidebar a span{
  line-height: 55px;
}
.social .social-links-sidebar a:hover{
  color: #f47929 !important;
  background: #fff;
}
.posts .time2{
  bottom: 0px;
}
.sidebar-post{
  /*margin-top: 55px;*/
}
/*-------------------------- END ----- SOCIAL ----------------------------*/
/*-------------------------- START ----- YOUTUBE VID ----------------------------*/
.youtube-vid{
  width: 100%;
  height: 480px;
}
.vid-section .text-white{
  color: #eee !important;
}
.vid-section a.text-white:hover{
  color: #f47929 !important;
}
.vid-section .time2{
  color: #ccc;
}
/*-------------------------- END ----- YOUTUBEVID ----------------------------*/
/*-------------------------- START ----- GALLERY ----------------------------*/
.gallery{
  /* height: 350px; */
  /* max-height: 350px; */
  height: 395px;
  /* for container-1280px */
}
.mb-12px{
  margin-bottom: 12px;
}
.gallery .category-label{
  min-width: 85px;
  position: absolute;
  top: 0;
  right: 0;
}
.gallery .text-white-hover{
  color: #eee !important;
}
.gallery .post-title{
  padding: 10px !important;
}
.post-title{
position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    min-height: 50px;
    padding: 0px 14px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 30px;
    font-size: 21px;
    transition: all .3s;
}

.post-title:hover{
  background: rgba(0, 0, 0, 0.8);
}
/*-------------------------- END ----- GALLERY ----------------------------*/
/*-------------------------- START ----- BOTTOM NAV ----------------------------*/
.bottom-nav .nav-item{
  padding: 20px 0;
}
.bottom-nav .nav-link{
  color: #fff !important;
  padding: 0 10px;
  line-height: 18px;
  border-left: 1.5px solid #eee;
  text-align: center;
}
.bottom-nav li:last-child a{
  border-left-width: 0;
}
.social-icons a{
  display: inline-block;
  height: 25px;
  margin-right: 4px;
  width: 25px;
  border:1px solid #fff;
  background: #fff;
  text-align: center;
  font-size: 16px;
  color: #f47929;
}

.social-icons a:hover{
  background: #f47929;
  color: #fff;
  transition: background .3s,color .2s;
}
.social-icons a span{
  line-height: 25px;
}
/*-------------------------- END ----- BOTTOM NAV ----------------------------*/
/*-------------------------- START ----- FOOTER ----------------------------*/
.footer-social{
  height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 16px;
  margin-left: 16px;
  text-align: center;
  border-radius: 4px;
  color: #f47929;
    line-height: 27px !important;
  background: #fff;
}
a:hover .footer-social{
  color: #fff;
  background: #f47929;
  transition: color .2s, background .3s;
}
.footer-social + span{
  /* font-size: 12px; */
}
.fa-envelope + span{
  letter-spacing: 1px;
}
footer .list-unstyled a{
  color: #ccc;
  font-size: 14px !important;
  transition: color .3s;
}
footer .list-unstyled a:hover{
  text-decoration: none;
  color: #f47929;
}
footer .form-control,footer .btn{
  font-size: 13px !important;
  border-radius: 0 !important;
  border: 0;
  padding: 12px !important;
}
footer .form-control{
  padding: 22px 14px !important;
}
/*-------------------------- END ----- FOOTER ----------------------------*/
/*-------------------------- start ----- to top button ----------------------------*/
.to-top{
  display: block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  text-align: center;
  font-size: 25px;
  color: #fff !important;
  background: #f47929;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  transition: opacity .5s;
}
.to-top span{
  line-height: 48px;
}
/*-------------------------- end ----- to top button ----------------------------*/
/* START SINGLE PAGE STYLES */
.single-main h1,.gallery-main h1{
  font-size: 26px;
  line-height: 44px;
  font-weight: 600;
}
.top-single p{
  font-weight: 600;
  font-size: 15px;
}
.single-top span, .single-top span a, .gallery-top span, .gallery-top span a{
  font-size: 13px;
  color: #777 !important;
  font-weight: 400;
  line-height: 40px;
}
.single-top span i.fa{
  font-size: 16px;
}
.social-share h4, .text-content strong, .text-content h4,.gallery-main strong{
  font-size: 20px !important;
  font-weight: 500 !important;
}
.single-main ul, .gallery-main ul{
  list-style: none;
  margin-top: 20px;
  margin-bottom: 0;
  padding-right: 60px;
}
.single-main ul::after, .gallery-main ul::after{
  display: block;
  clear: both;
  content: "";
}
.single-main ul li, .gallery-main ul li{
  position: relative;
  display: inline;
  float: right;
  clear: both;
  border-bottom: 1.5px solid #dee2e6;
}
.before{
  position: relative;
  margin-right: 20px;
  border-bottom: 1.5px solid #dee2e6;
}
.single-main ul li::before,.before::before{
  display: block;
  content: '';
  position: absolute;
  border-radius: 2px;
  top: 12px;
  right: -20px;
  height: 8px;
  width: 8px;
  background: #f47929;
}
.usefull-info ul li{
  margin-bottom: 8px;
}
.border-bottom{
  border-width: 1.5px !important;
}
.tag-link{
  text-align: center;
  font-size: 18px;
  margin: 0 8px;
  line-height: 40px;
  /*width: 110px;*/
  background: #d6ae66;
  border: 2px solid #d6ae66;
  transition: background .3s;
    padding: 10px;
}
.tag-link:hover{
  background: #fff;
}
.tag-link:hover a{
  color: #d6ae66 !important;
}
.tag-link a{
  color: white;
  display: block;
  text-decoration: none!important;
  transition: color .2s;
  line-height: 22px;
}

.single-bottom .single-related img{
  width: 140px !important;
}
.single-bottom .img-container{
  width: 90.7%;
}
.single-bottom .post-title{
  padding: 6px;
  padding-bottom: 26px;
  font-size: 13px;
  line-height: 20px;
}
.single-bottom .post-title:hover{
  min-height: 50px;
}
.single-bottom .post-title .time2{
  font-size: 10px;
  bottom: 4px;
}

/* END SINGLE PAGE STYLES */
/* END GALLERY PAGE STYLES */

/* END GALLERY PAGE STYLES */









/*-------------------------- MEDIA QUERIES ----------------------------*/
@media only screen and (max-width:1200px) {
  .gallery{
    max-height: 290px;
  }
}

@media only screen and (max-width:992px) {
    .text-content img{width:100% !important; height:auto;}
  nav.navbar .nav-link{
    margin-left: 0 !important;
  }
  .search1{
    display: block;
    margin:0 15px;
  }
  .search2{
    display: none;
  }
  .header-ads img{
    padding-bottom: 16px;
    width: 100% !important;
  }
  .youtube-vid{
    height: 300px;
  }
  .gallery{
    max-height: 260px;
  }
  .single-bottom .img-container{
    width: 100% !important;
  }
  .single-bottom .single-related img{
    width: 120px !important;
  }
}
/* ----- mobile --------*/
@media only screen and (max-width:768px) {
    
    .img-conatainer {
        max-height: 101px;
    }
    
    
    .img-conatainer img{
        width:100% !important;
    }
    
    .home_gallery .col-6.gallery{
        padding-right: 0px !important;
    }
    
    
    /* faiz */
    .onelarge_post .largf .post-image {
            max-height: 180px !important;
        max-width: 100%;
        width: 100%;
    } 
    #video_frame{ height:265px;}
    
    .homepage_top #home_carousel img.img-fluid.b-loaded{
        min-height:auto !important;
    }
    
    .cols3_post .related-post-img img{
        width:125px;
        height:auto;
    }
    
    .cols3_post .post-image .img-fluid{
           width:100% !important;
            height: auto !important;
        }
    
    .cols2_post .post-image img { min-height:auto;}
    
    .homepage_top div.post.position-relative{
        max-height: 100px;
        overflow: hidden;
    }
    
    
    .onelarge_post .largf .post-image img.img-fluid {
        max-width: 100%;
        width: 100%;
    }
    
    .onelarge_post .post-image-right {
        max-height: 150px !important;
        max-width: 200px;
        float:right;
        margin-left:10px;
    }
    
    .carousel-caption{
        min-height: auto ; 
    }
  .container{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  nav.navbar .container{
    padding: 0 !important;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
  .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
  .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
  .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
  .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
  }
  header img.logo{
    height: 80px;
    display: block;
    margin: 0 auto;
  }
  .gallery{
    max-height: 338px;
  }
  .single-main h1,.gallery-main h1{
    font-size: 18px;
    line-height: 36px;
    font-weight: 600;
  }
  .top-single p {
    font-size: 14px;
  }
  .text-content.first p:first-child, .usefull-info h4, .social-share h4 {
    font-size: 16px !important;
  }
  .tag {
     text-align: center;
     font-size: 14px;
     margin: 0 8px;
     line-height: 30px;
     width: 90px;
  }
  .gallery-main p{
    font-size: 14px !important;
  }
  .to-top{
    height: 40px;
    width: 40px;
    font-size: 20px;
    bottom: 5px;
    right: 5px;
  }
  .to-top span{
    line-height: 40px;
  }
  .sidebar-post{
    margin-top: 0;
  }
}
@media only screen and (max-width:568px) {
  .carousel-caption{
    padding: 8px 10px 36px 10px;
  }
  .carousel-caption h3, h5{
    font-size: 14px;
    line-height: 20px;
  }
  .carousel-caption span.time{
    font-size: 12px;
    right: 10px;
  }
  .single-related h5{
    font-size: 13px !important;
    line-height: 18px;
  }
  .time{
    bottom: 10px;
  }
  .youtube-vid{
    height: 200px;
  }
  .gallery{
    max-height: 215px;
  }
}
@media only screen and (max-width:480px) {
  .gallery{
    max-height: 215px;
  }
  
  .home_gallery div.gallery.position-relative .img-fluid{
      width:100%;
  }
  .homepage_top #home_carousel img.img-fluid.b-loaded{
          max-height: 219px;
  }
}
@media only screen and (max-width:380px) {
  .gallery{
    max-height: 215px;
  }
}


/*  faiz style for final this project */ 

.cols2_post .post-image { max-height:253px; }
.cols2_post .post-image .img-fluid {width:100%;}

.cols2_post .post-image img { min-height:253px;}

.cols2_post .related-posts img{
    width: 125px !important;
    height: 80px;
    overflow: hidden;
}

#home_carousel .carousel-item{ max-height: 535px !important; cursor: pointer !important }

.homepage_top #home_carousel img.img-fluid.b-loaded{
    width:100% !important;
    height: auto !important;
}
.homepage_top div.post.position-relative{ min-height: 240px!important;    max-height: 270px;
    overflow: hidden;}
.homepage_top div.post.position-relative:hover{ cursor:pointer}

.homepage_top div.post.position-relative img.img-fluid{
     width:100% !important;
    height: auto !important;
}

.onelarge_post .post-image{
    max-height:150px !important;
}

.cols3_post .post-image{
   max-height:253px !important;
}

.cols3_post .post-image .img-fluid{
   width:100% !important;
    height: 253px !important;
}

.cols2_post .post-content{
    min-height: auto !important;
}


.cols3_post .related-post-img img{
    width:125px;
    height:80px;
}



.sidebar_posts .related-post-img img{
    width:125px;
    height:80px;
}

.homepage_top #home_carousel img.img-fluid.b-loaded{
     max-height: 532px;
    min-height: 532px;
}


.tkg_txt p{
    text-align:left;
}


.ts_text {
    text-align:right;
}


.onelarge_post .fullf{
        max-height: 200px !important;
}

.coworkers  img {
    max-height: 200px;
}

.myform input {
    
}


footer .form-control, footer .btn {
    font-size: 13px !important;
    border-radius: 0 !important;
    border: 0;
    padding: 12px !important;
}
.tssub-btn {
    line-height: 20px;
    margin-bottom: 0px !important;
}
.tssub-btn .mailpoet_submit{
 color: #fff;
    background-color: #ee7833;
    border-color: #ee7833;
    width: 100%;
    display: block;
    padding: 11px;
}


.myform input {
    padding: 22px 14px !important;
}
.myform input {
    font-size: 13px !important;
    border-radius: 0 !important;
    border: 0;
    padding: 12px !important;
}
.myform input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.category .img-fluid{
    width: 100%;
    height: 100%;
    max-height: 255px;
}

.category div.post-image.overflow-hidden{
        min-height: 255px;
        overflow: hidden !important;
        height: 30px;
}



/* faiz */







.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 {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.carousel-inner .category-label{
    color:white !important;
    transition: transform .4s;
}

.carousel-inner .category-label:hover {
    color: #f47929 !important;
    transition: transform .4s;
}


.search .post-image.overflow-hidden{
    overflow: hidden!important;
    max-height: 232px !important;
}

.youtube_vid_audio .posts { margin-top: -22px !important; }
.single p { font-size: 18px; line-height: 33px; }



@media only screen and (max-width:768px) {
     #home_carousel .carousel-item{ max-height: 250px !important; cursor: pointer !important }
}