/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap');

/*@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');*/

/*@import url('https://fonts.cdnfonts.com/css/helvetica-neue-9');
@import url('https://fonts.cdnfonts.com/css/georgia-2');*/

body{background-color:#efefef;     font-family: 'PT Sans Narrow', sans-serif; font-size:16px; line-height:1.5em;}
a{text-decoration:none;color:#003059;}
h1{font-size:24px; font-weight:400}
h2{font-size:20px; font-weight:400}

.display-flex {  display: flex;  flex-wrap: wrap;}
.display-flex > [class*='grid-'] {  display: flex;  flex-direction: column;}
.gap-25{display:block; height:25px;}
.gap-50{display:block; height:50px;}
.gap-60{display:block; height:60px;}
.gap-80{display:block; height:80px;}

.grid-wrapper {display:grid}
/***HEADER***/
/*.header-subscribe-btn a{background: #003059;border-radius: 10px;font-size: 16px;font-weight: 500;color: #fff;padding: 6px 30px;margin: 10px 5px;display: inline-block;}*/
.header-subscribe-btn{ position: absolute; top: 30%; right: -44px; transform: rotate(-90deg); display:none;}
.header-subscribe-btn a{background: #003059;border-top-right-radius:10px; border-top-left-radius:10px;font-size: 16px;font-weight: 500;color: #fff;padding: 6px 30px;margin: 10px 5px;display: inline-block;}
.header-search-box{padding: 10px 5px; text-align:right}
.header-search-box input[type="search"]{width:75%; max-width:250px; padding: 4px 15px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.header-search-box input[type="submit"]{background: #003059; padding: 4px 15px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;margin-left: -5px;}

.login-head-box{text-align:right}
.profile-photo{display:inline-block; max-width:42px; }
.login-menu-bars{display:inline-block; max-width: 42px; padding: 0 15px;}

.main-navigation, .main-navigation ul ul { background-color: #0B0D0E;}
.main-navigation .main-nav ul li a { color: #fff;}
.main-navigation .main-nav ul li[class*="current-menu-"] > a { color: #fff;}
.main-navigation a{ font-size:18px; font-weight:normal}
.header-search-box-mobile{display:none}

.navigation-search {top:62px; background: #999;  width: 99%;
padding: 6px;}
.navigation-search input[type="search"]{float:left; height:46px; background-color:#999 !important; width:95%; border:1px solid #666;}
.navigation-search button{float:left}
.gobutton-ico::before {
  content: "\f002";
  font-family: GeneratePress;
  width: 1.28571429em;
  text-align: center;
  display: inline-block;
	color:#ffffff;
}

/***BODY***/
.container{ background-color: transparent !important;}

/**### HOME ###***/

/*****slider css*****/
.slider-box-holder{background: linear-gradient(90deg, #215785 0%, #429CCF 100%); margin: 45px 0 30px 0; display:none}

.slider-box-holder .slick-list{margin: -2% 5% 2% 5%;}
.slider-box{background-color:#fff; padding:0}
.slider-box-thumbnail img{min-height:400px; object-fit:cover}
.slider-box-content{padding:35px 60px ;color:#003059}
.slider-box-content a{color:#003059}
.slider-box-post-title{font-size:38px; line-height: 1.2em;padding-top: 25px;}
.slider-box-post-author{font-size:28px;  padding:60px 0;}
.slider-box-post-category{font-size:17px; }
.slider-box-post-type{font-size:16px;  text-align:right;}
.slider-box-post-category ul {    list-style: none !important; margin:0;}
.slider-box-post-category ul li {    float: left;    padding-right: 5px;}

.slider-box-post-category ul li::after {    content: " | ";}
.slider-box-post-category ul li:last-child {    clear: right;}
.slider-box-post-category ul li:last-child::after { content: " ";}

.slider-box-holder .slick-prev, .slider-box-holder .slick-next {
    width: 40px;
    height: 40px;
    color: transparent;
    background: rgba(255, 255, 255, 0.7);
}
.slider-box-holder .slick-prev{left:-10px}
.slider-box-holder .slick-next {right:-10px}

.slider-box-holder .slick-prev:before {
  
  color: #003059; 
	font-family: "Font Awesome 5 Free";
	content: '\f053';
font-weight: 600;
  font-size: 30px;
}

.slider-box-holder .slick-next:before {
  
  color: #003059; 
	font-family: "Font Awesome 5 Free";
	content: '\f054';
font-weight: 600;
  font-size: 30px;
}
.entry-content a {
	color: #003eff !important;
}
.section-title{background-color:#0B0D0E; /*color:#d3d1d1;*/color:#ffffff; text-align:center; text-transform:uppercase; padding:6px; margin-bottom:45px; border-left:12px solid #49B0EB; border-right:12px solid #49B0EB;}

.collection-page-title {background-color:#0B0D0E; color:#ffffff; text-align:center;  padding:6px; margin-bottom:10px; border-left:12px solid #49B0EB; border-right:12px solid #49B0EB;}
.collection-page-title h2{margin-bottom: 0; text-align: left; text-transform:uppercase}
.collection-title-menu{text-align:right}
.collection-title-menu a{color:#dddddd; font-size:16px; border-left:1px solid #666; padding-left:10px; margin-left:10px}
.collection-title-menu .active{color:#999;}

.collection-sub-title{padding:6px 12px; text-align:left}

.post-box{width:23.5%; margin-right:2%; margin-bottom:2%; background: #FFFFFF;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);border-radius: 7.5px; color:#003059; /*height:100%*/}
.post-box:last-child{margin-right:0}
.post-box-thumb img{border-top-left-radius:7.5px; border-top-right-radius:7.5px}
.post-box a img {height:164px;width:100%;object-fit:cover;}
.post-box-content{padding:0 14px; height:100%; margin-bottom:16px;}
.post-box-content a{color:#003059;}
/* .post-box-title{font-size:18px; line-height:24px; display:block; padding-bottom:10px; height:60%; min-height:50px;} */
.post-box-title{height:60%;}
.post-box-title a{font-size:18px; 
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height:1.4em; 
}
.post-box-title-home{height:38%}
.post-box-author{ font-size:16px; font-weight:500; padding:10px 0}
.post-box-category{float:left; font-size:16px; padding-bottom:10px;}
.post-box-post-type{font-size:16px; font-weight:500; text-align:right; padding-bottom:10px;}
.post-box-category ul {    list-style: none !important; margin:0;}
.post-box-category ul li {    float: left;    padding-right: 5px;}
.post-box-category ul li::after {    content: " | ";}
.post-box-category ul li:last-child {    clear: right;}
.post-box-category ul li:last-child::after { content: " ";}

.post-box-sahmat{width:18.5%; margin-right:1.5%; margin-bottom:2%; background: #FFFFFF;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);border-radius: 7.5px; color:#003059;}

.kc-thumb-icon{  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.format-video .kc-thumb-icon::after {
  position: absolute;
  right: 5%;
  bottom: 10%;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  color: #fff;
/*   padding: 10px;
  border: 1px solid #fff;
  border-radius: 100%; */
  z-index: 99;
/*   background: rgba(0,0,0,.1); */
}

.format-video .kc-thumb-icon::after {
  content: '\f144';
/*   padding: 10px 12px; */
}

.cultural-post-box{width:32%; margin-right:2%; margin-bottom:2%; background: linear-gradient(90deg, #215785 0%, #429CCF 100%); color:#fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);border-radius: 7.5px; text-align:center}
.cultural-post-box:last-child{margin-right:0}
.cultural-post-box-content{position:relative; padding:14px; height:100%; min-height:200px;}
.cultural-post-box-title{ font-size:30px; font-weight:400; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.cultural-post-box a{color:#fff; !important}
.guftugu-box{background: url(guftugu.jpg) no-repeat center center; background-size:cover}
.icf-box{background: url(icf.jpg) no-repeat center center; background-size:cover}
.sahmat-box{background: url(sahmat.jpg) no-repeat center center; background-size:cover}
.st1-box{background: url(St1.jpg) no-repeat center center; background-size:cover}
.st2-box{background: url(St2-N.jpg) no-repeat center center; background-size:cover}
.st3-box{background: url(St3-N.jpg) no-repeat center center; background-size:cover}

.spotlight-box{background: linear-gradient(90deg, #215785 0%, #429CCF 100%); color:#fff}
.spotlight-box a{color:#fff; !important}

.category-posts-link{display:block; font-size:16px;  color:#003059; text-align:right; padding-top:15px;}

/***PAGE CSS***/

.post-box-3-col{width:31.5%; margin-right:2%; margin-bottom:2%; background: #FFFFFF;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);border-radius: 7.5px; color:#003059;}
.post-box-3-col:nth-child(3n){margin-right:0}

.post-box-4-col:nth-child(4n){margin-right:0}
.post-box-author a{font-size:16px; font-weight:500; text-align:right; padding-bottom:10px;}
.post-date{color:#003059;font-size:16px; font-weight:500; text-align:right; padding-bottom:10px;}
.post-box-date{ color:#003059;font-size:16px; font-weight:400; padding-top:10px;}

/***SINGLE PAGE***/
.entry-title{font-size:28px}
.entry-content{font-size:18px;}

/***#### SIDEBAR CSS ####***/
.sidebar-title{border-bottom:2px solid #49B0EB; padding:4px 12px;}
.sub-cat-menu{list-style:none; margin:15px;}
.sub-cat-menu li {padding-bottom:5px;}
.sub-cat-menu li, .sub-cat-menu li a {font-size:18px; color: #003059; }

.load-more-wrapper{text-align:center; padding:25px 15px;}
.btn-load-more {max-width: 150px; margin: auto;text-align: center; color:#49B0EB;background-color: #fff;padding: 8px 25px;border-radius: 25px;box-shadow: 0px 0px 10px 0px #999; font-size:16px;  line-height:1em;}

/***Sahmat Resources****/
.show-more-author-btn-wrapper{margin:10px; padding:20px; border-top:1px solid #ddd}
.show-more-authors-btn{max-width: 150px; display:block; margin: auto;text-align: center; color:#49B0EB;background-color: #fff;padding: 8px 20px;border-radius: 25px;box-shadow: 0px 0px 10px 0px #999;}

/***FOOTER***/
.site-info { color: #fff; background-color: #004C8E; }
.footer-menu {float:right}
.footer-menu .menu{list-style:none !important}
.footer-menu .menu li{float:right}
.footer-menu .menu li a {color:#fff; padding:4px 15px; }
.copyright-bar{text-align:left; padding-top:22px}

/*#####################
*MOBILE DEVICES CSS*
#####################*/

@media (max-width:514px){
	.post-box-title{font-size:18px; line-height:1.4em; margin-bottom:10px; height:auto; overflow:visible;
   display: -webkit-box;
   -webkit-line-clamp: none; /* number of lines to show */
           line-clamp: none; 
   -webkit-box-orient: vertical;}
}

@media (max-width:768px){
.gap-25{display:block; height:20px;}
.gap-50{display:block; height:35px;}
.gap-60{display:block; height:40px;}
.gap-80{display:block; height:60px;}
/***HEADER****/
	#mobile-header {border-bottom:2px solid #000}
.main-navigation, .main-navigation ul ul {  background-color: #000;}	
	.main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:#ddd; }
	.main-navigation .menu-toggle:hover, .main-navigation .menu-bar-items:hover{color:#fff; }
.menu-toggle{font-size:20px;}
	.main-navigation .main-nav ul li a {line-height:3em}

.main-navigation ul ul li {
  width: 100%;
  background: #444;
}
.inside-header{padding-left:15px; padding-right:15px;}
.navigation-search {width: 96%;}
.navigation-search input[type="search"]{height:46px; width:80%;}
.main-navigation .mobile-bar-items a {
  padding-left: 20px;
	padding-right: 10px;}
.menu-toggle {
	padding: 0 10px;}
.site-content{padding:15px !important;}
.header-subscribe-btn{display:none}
.header-search-box{display:none}
	.header-search-box-mobile{display:block; order:2;max-width: 60%;}
	.header-search-box-mobile input[type="search"]{width:75%; padding: 4px 15px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.header-search-box-mobile input[type="submit"]{background: #003059; padding: 4px 15px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;margin-left: -5px;}
	.site-logo.mobile-header-logo {margin-right:10px !important;}
/*****slider css*****/
.slider-box-holder{background: linear-gradient(90deg, #215785 0%, #429CCF 100%); margin: 25px 0 15px 0;}
.slider-box-holder .slick-list{margin: -2% 5% 2% 5%;}
.slider-box{background-color:#fff; padding:0}
.slider-box-thumbnail img{min-height:auto; object-fit:cover}
.slider-box-content{padding:25px 30px ;color:#003059}
.slider-box-content a{color:#003059}
.slider-box-post-title{font-size:20px; line-height: 1.2em;padding-top: 15px;}
.slider-box-post-author{font-size:16px;  padding:20px 0; padding-bottom:0}
.slider-box-post-category{font-size:12px; }
.slider-box-post-type{font-size:12px;  text-align:right;}
.slider-box-post-category ul {    list-style: none !important; margin:0;}
.slider-box-post-category ul li {    float: left;    padding-right: 0;}

.slider-box-holder .slick-prev, .slider-box-holder .slick-next {    width: 25px;    height: 25px;    color: transparent;    background: rgba(255, 255, 255, 0.7);}
.slider-box-holder .slick-prev{left:-10px}
.slider-box-holder .slick-next {right:-10px}
.slider-box-holder .slick-prev:before {  color: #003059; font-family: "Font Awesome 5 Free";	content: '\f053';font-weight: 600;  font-size: 22px;}
.slider-box-holder .slick-next:before {
color: #003059; 
font-family: "Font Awesome 5 Free";
content: '\f054';
font-weight: 600;
font-size: 22px;
}
	
/*HOME*/
.cultural-post-box-title{ font-size:24px; line-height:30px;}
	
/******POSTS******/
.section-title {margin-bottom:25px;}
.cultural-post-box, .post-box{width:100%; margin-right:0; margin-bottom:25px;}
.cultural-post-box-content {min-height:120px}
.post-box-type{text-align:left;}
	
.collection-page-title h2{ text-align: center;}
.collection-title-menu {text-align: center; margin-top: 10px;}
	.collection-title-menu .active{border-left:0;padding-left: 0;margin-left: 0;}
	
.category-posts-link {max-width: 100px;margin: auto;text-align: center; color:#49B0EB;background-color: #fff;padding: 8px;border-radius: 25px;box-shadow: 0px 0px 10px 0px #999;margin-bottom: 25px;}
	/**hidden sidebar css**/
.hidden-sidebar{margin-top:25px !important; margin-bottom:35px;}
.hidden-sidebar-title{display:block; background-color:#fff; color: #003059;font-size: 20px; border-radius: 25px;box-shadow: 0px 0px 10px 0px #999; padding: 8px 20px; margin-bottom: 5px;}

.hidden-sidebar-title::after {
content: '\f078';
	position: absolute;
  right: 5%;
  bottom: 15%;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 28px;
  line-height: 1;
  color: #003059;
  z-index: 99;
}

.sub-cat-menu {margin:0}
/* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 
	
	
	
.footer-menu {  float: none;}
.footer-menu .menu {  display: inline-block;  margin: 0;}
}


/****PAGINATION****/
.custom-pagination{text-align:center}
.paging-navigation {
	display: flex;
}
.paging-navigation .nav-next, .paging-navigation .nav-previous {
	display: block;
}
.paging-navigation .nav-previous {
	margin-right: 5px;	
}
.paging-navigation .nav-next {
	order: 1000;
	margin-left: 5px;
}
.page-numbers.prev,
.page-numbers.next {
	display: none;
}
.page-numbers,
.paging-navigation span {
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid;
	text-align: center;
}
.custom-pagination .current{color: #fff; background-color: #004C8E;}