/*
Theme Name: org
Theme URI: https://yemenpac.org/
Author: Ibrahim Abdo Mohammed Ismail
Author URI: https://www.facebook.com/EngineerIbrahim2011
Description: theme for orgnazation to show publications and activites    .
Version: 5.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 5.0
License: GNU General Public License 
License URI: 
Text Domain: 
Tags: blog, two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

--------------------------------------------------------------------------------*/
/* color

#fd1926
#f8c35d
#fcf2bf
#000
*/

:root {
  --color-1: #fd1926;
   --color-2: #f8c35d;
    --color-3: #fcf2bf;
  --title-color: #000;
   --title-h-color: #fd1926;
  --title-dark: #080809;
  --border-color: #EFEFEF;
  --title-font: "Noto Kufi Arabic","League Spartan", sans-serif;
  --body-font: "Noto Kufi Arabic Regular","Poppins", sans-serif;
  --icon-font: "Font Awesome 6 Pro";

}
*{font-family: var(--body-font);margin:0px;box-sizing: border-box;font-size: 15px;line-height: inherit;	}	
img{border:none;max-width:100%; }	
#mainnav {padding: 0;margin: 0 auto;list-style: none;}
 html {scroll-behavior: smooth;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #f1f1f1; }
::-webkit-scrollbar-thumb {background: #f8c35d; }
::-webkit-scrollbar-thumb:hover {background: #f8c35d; }
p{font-size: 17px;line-height: normal; text-align:justify;}
h1 {font-family: var(--body-font); font-weight: bold; font-size: 24px; line-height: 1.5; }
h2  {font-family: var(--body-font); font-weight: bold; font-size: 22px; line-height: 1.5; }
h3 {font-family: var(--body-font); font-weight: bold; font-size: 18px; line-height: 1.5; }
h4 {font-family: var(--body-font); font-weight: bold; font-size: 16px; line-height: 1.5; }
a{color:var(--title-color); text-decoration: none; }a:hover , a:focus {color:var(--title-h-color);}
.text-color {color: #ffff !important; }a.text-color:hover, a.text-color:focus {color: #fcf2bf !important;}
.text-color-a {color: #0000 !important; text-decoration: none; }a.text-color-a:hover, a.text-color-a:focus {color: #fcf2bf !important;}
.bg-yellow{color: black !important;background: #f8c35d;}.bg-yellow-2{color: black !important;background: #fcf2bf;border-bottom: 1px solid rgb(248 195 93) !important;}
.bg-black{color: #ffff !important;background: #0000;}.bg-top{background: #f8c35d;color: #ffff !important;}
.navbar-border-bottom{border-bottom: 1px solid rgb(248 195 93) !important;}
.site-header {background-color: rgba(0, 0, 0, .85);-webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);}
.site-header a {color: #999;transition: ease-in-out color .15s;}.site-header a:hover {color: #fff;text-decoration: none;}
.actives{color: #fd1926 !important;}
/* navbar style  */
.dropdown-menu.show {display: block;position: absolute;z-index: 1000;min-width: 10rem;padding: .5rem 0;margin: 0;font-size: 1rem;color: #ffffff;text-align: left;list-style: none;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .15);border-radius: .25rem;}
.dropdown-item.active, .dropdown-item:active {color: #000;text-decoration: none;background-color: #d22500;}
a.dropdown-item { color: #000!important;text-decoration: none;}
a.dropdown-item:hover {color: #fff;text-decoration: none;background-color: #f8c35d;}
a.nav-link{color: #000 !important;}
a.nav-link:hover{color: #fd1926 !important;}
/* end navbar style  */
.org-title{font-family:var(--title-font); font-size: 20px!important; font-weight:bold;line-height: inherit;color: #ffc708 !important;	 }
a.org-title:hover{color: #fff !important;}
.org-title-2{font-family: var(--title-font); font-size: 18px!important; font-weight:bold;line-height: inherit;color: #000 !important;overflow: hidden;text-overflow: ellipsis;max-height: 0.5em		 }
a.org-title-2:hover{color: red !important;}
.card{border: 1px solid rgb(248 195 93) !important;}
.image-post{width: 100%;    height: 220px;}
.org-post-image{width: 100%;    height: 200px;}
.org-post-image img{width: 100%;    height: 100%; }

 .image-post img{width: 100%;    height: 100%;}
.image-publications{width: 100%;    min-height: 440px;
position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center top;background-size: cover;display: block; }
.image-program{width: 100%;    min-height: 280px;
position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center top;background-size: cover;display: block; }
.image-publications-single{
 width: 100%;    min-height: 300px;
position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center top;background-size: cover;display: block; }
.image-members-single{width: 100%;    height: 171px;
position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center top;
background-size: cover;display: block; }
@media (max-width: 991.98px) {
.image-members-single {
    width: 50%;
    height: 171px;
}
}
.border-right { border-right: 4px #f91010 solid; padding-right: 4px;}
.thumb-overlay {position: absolute;width: 100%; height: 100%; top: 0;left: 0;padding: 30px;border-radius: 2px;}
.thumb-overlay .thumb-content {position: absolute; bottom: 0;left: 0;padding: 0 30px 20px; z-index: 3;width: 100%;pointer-events: painted; transition: bottom 0.3s;}
.thumb-overlay:after {content: "";position: absolute; z-index: 1;left: 0;right: 0;bottom: 0;height: 65%;transition: opacity 0.2s;background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.75)); }
 .thumb-title {font-size: 20px; color: #ffffff; display:block; 	}
.thumb-title a{ text-decoration: none; color: #ffffff;}
.thumb-meta {color: #ffffff;    margin: 0 0 5px;}
.fullwidth-slider .thumb-overlay .container {max-width: 850px; padding: 0;}
.org-category{ color: #000;    font-size: small;font-weight: bold;background: #fcf2bf;	display: inline-block;padding: 4px 15px;border-radius: 3px;margin-bottom: 10px;}
.org-date{ color: #fff;    font-size: small;font-weight: bold;background: #373633;	display: inline-block;padding: 4px 15px;border-radius: 3px;margin-bottom: 10px;}
.org-tag a{ color: #fff;    font-size: small;font-weight: bold;background: #373633;	display: inline-block;padding: 4px 15px;border-radius: 3px;margin-bottom: 10px;}
.org-date:hover{   cursor: pointer; background-color: rgb(0 0 0 / 29%);}
.org-category:hover{ color: #ff1717;} .org-logo{  height: 100px; }
 .org-cat{   color: #000000;font-size: small;font-weight: bold;background: #f8c35d;	display: inline-block;padding: 4px 15px;border-radius: 3px; margin-bottom: 10px;}
.icon-search{position: absolute;top: 10px;right: 11px;color: #f8c35d;}
.org-hover :hover{cursor: pointer; background-color: rgb(0 0 0 / 1%); }
 .wp-block-button__link {color: #fff!important;background-color: #e63106!important;border-radius: 0px!important; }
/* style for counter */
.counter {background-color:#ffff;padding: 20px 0;border-radius: 5px;     margin: 10px;}
.count-title {font-size: 40px; font-weight: normal;margin-top: 10px;margin-bottom: 0;text-align: center;}
.count-text {font-size: 13px;font-weight: normal;margin-top: 10px;margin-bottom: 0;text-align: center;}
.fa-2x { margin: 0 auto;float: none;display: table;color: #4ad1e5;}
.section-counter{background-color: #f7f7f7; }
.org-programm{background-color:#f9fab7;padding: 20px 0;border-radius: 5px;     margin: 10px;text-overflow: ellipsis;
    min-height: 9em;}
.team{background-color: #f8fafb;}

.org-box{
display:block;
overflow: hidden;
    text-overflow: ellipsis;
    min-height: 10em;  max-height: 10em;}
.org-card {
    text-overflow: ellipsis;
    min-height: 25em;
}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}
.org-fadeinup{animation: fadeInUp 1s both 0.4s;}
/* style for CAROUSEL -------------------------------------------------- */

.section-members .container-fluid .carousel .carousel-inner .carousel-item {height: auto!important;width: 100%;}
.section-members .container-fluid .carousel .carousel-inner .carousel-item  > img {height: 200px!important;width: 100%;}
.slider .carousel-item {}
.slider .carousel-item > img {}
.navbar-toggler {padding: 0.25rem 0.75rem;font-size: 1.25rem;line-height: 1;background-color: #f8c35d;border-radius: 0.25rem;transition: box-shadow .15s ease-in-out;}
.org-over-title-slider{
background: rgb(0 0 0 / 8%) !important; padding: 10px;}
@media (max-width: 575.98px) {
.org-post-image{width: 100%;    height: 260px!important;}
.org-post-image img{width: 100%;    height: 100%; }
}
/* style  slider for mobile  */
@media (max-width: 991.98px) and (min-width: 575.98px) { 

 .carousel-item {width: 100%;height: 14rem;}
.carousel-item > img {
  position: absolute;top: 0;left: 0;min-width: 100%;height: 14rem;}
.carousel-caption {bottom: 1rem;}

}
/* style  slider for desktop  */
@media (max-width: 1399.98px) and (min-width: 991.98px) { 
.carousel {margin-bottom: 2rem;}
.carousel-caption {bottom: 3rem;z-index: 10;position: absolute; left: 15%; bottom: 1.25rem; right: 15%;padding-top: 1.25rem;padding-bottom: 1.25rem;text-align: center;}
.carousel-item {height: 40rem;width: 100%;}
.carousel-item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 40rem; object-fit: cover;}


}

/* MARKETING CONTENT-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {margin-bottom: 1.5rem;text-align: center;}
.marketing h2 {font-weight: 400;}.marketing .col-lg-4 p {margin-right: .75rem;margin-left: .75rem;}
/* Featurettes------------------------- */
.featurette-divider {margin: 5rem 0;}
.featurette-heading {font-weight: 300;line-height: 1;letter-spacing: -.05rem;}
/* RESPONSIVE CSS -------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
 .carousel-caption p {margin-bottom: 1.25rem;font-size: 1.25rem;line-height: 1.4;}
  .featurette-heading {font-size: 50px;}

  }
@media (min-width: 62em) {
  .featurette-heading {margin-top: 7rem;}
 
}
.continer-slider{position: relative;    overflow: hidden;width: 100%;}
 /********** slick slider ***********/
 .slick-prev, .slick-next {width: 28px;height: 28px; z-index: 1;transition: .5s;color: #ffffff;background: #000000;border-radius: 4px;}
 .slick-prev {left: 30px;} .slick-next {right: 30px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: #ffffff;background: #FF6F61;}
.slick-prev::before, .slick-next::before {font-family: "Font Awesome 5 Free";font-size: 18px;font-weight: 900;color: #ffffff;}
 .slick-prev::before {content: "\f104";}
.slick-next::before {content: "\f105";}
.slick-slider .slick-track, .slick-slider .slick-list { direction: ltr; }
[dir='rtl'] .slick-prev {right: 5px;left: auto;}
[dir='rtl'] .slick-next { right: auto;left: 5px;}
/********** slick slider ***********/
/********** our-team ***********/
.our-team {background: #f9f9f9;text-align: center;overflow: hidden;position: relative;border-bottom: 5px solid #f8c35d;}
.our-team:hover {border-bottom: 5px solid #f8c35d;}
.our-team .pic {display: inline-block;width: 130px;height: 130px;margin-bottom: 20px;z-index: 1;position: relative;}
.our-team .pic:before {content: "";width: 100%;height: 100%;border-radius: 50%;background: #f8c35d;position: absolute;bottom: 135%;right: 0;left: 0;opacity: 1;transform: scale(3);transition: all 0.3s linear 0s;}
.our-team:hover .pic:before {height: 100%;background: #2f2f2f;}
.our-team .pic:after {content: "";width: 100%;height: 100%;border-radius: 50%;background: #fcf2bf;position: absolute;top: 0;left: 0;z-index: 1; transition: all 0.3s linear 0s;}
.our-team:hover .pic:after {background: #145889;}
.our-team .pic img {width: 100%;height: 100%;border-radius: 50%;transform: scale(1);transition: all 0.9s ease 0s;box-shadow: 0 0 0 14px #f7f5ec;transform: scale(0.7);position: relative;z-index: 2;}
.our-team:hover .pic img {box-shadow: 0 0 0 14px #f7f5ec;transform: scale(0.7);}
.our-team .team-content {margin-bottom: 30px;}
.our-team .title {font-size: 22px;font-weight: 700;color: #4e5052;letter-spacing: 1px;text-transform: capitalize;margin-bottom: 5px;}
.partners .pic {display: inline-block;width: 130px;height: 130px;margin-bottom: 0px;z-index: 1;position: relative;}
.partners .pic img {width: 100%;height: 100%;border-radius: 50%;transform: scale(1);transition: all 0.9s ease 0s;box-shadow: 0 0 0 14px #f7f5ec;transform: scale(0.7);position: relative;z-index: 2;}


/**** -------------------------------style scroll ------------------------------ */
.mac-scroll-top{display:none; font-size:20px; font-weight:bold; height:40px;position:fixed; 
 bottom:20px; right:20px; text-align:center;text-decoration:none;
 width:40px; z-index:9;background-color:#f8c35d;color:#fff;border:1px solid;
 -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.mac-scroll-top:hover, .mac-scroll-top:focus{text-decoration:none; outline:none}



/**** -------------------------------style block  overlay ------------------------------ */

.image-container-publications {position: relative;width: 100%;height: 440px; overflow: hidden;}
.image-container-publications img { width: 100%;height: 100%;display: block;    object-fit: cover;}
.image-container-publications .pub-overlay {
}
.image-container-publications .pub-overlay h2 {background-color: rgb(0 0 0 / 29%);
position: absolute;bottom: 10px;padding: 10px;margin: 0;font-size: 1.2rem;overflow: hidden;}

.image-container-publications:hover  {background-color: rgba(0, 0, 0, 0.5);}
.image-container-publications:hover {color: #ffcc00;}

.image-container {position: relative;width: 100%;height: 220px; overflow: hidden;}
.image-container img { width: 100%;height: 100%;display: block;    }
.image-container .bl-overlay {position: absolute;top: 0;left: 0;width: 100%;
    height: 100%;background-color: rgb(0 0 0 / 29%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    transition: background-color 0.3s;
}
.bl-overlay h2 {background-color: rgb(0 0 0 / 29%);
position: absolute;bottom: 10px;padding: 10px;margin: 0;font-size: 1.2rem;overflow: hidden;}
.image-container:hover  {background-color: rgba(0, 0, 0, 0.5); z-index:99}
.image-container:hover {color: #ffcc00;}
/**** -------------------------------style slider  overlay ------------------------------ */
.slider-container {position: relative;width: 100%; height: 500px;}
.slider-container img { width: 100%;height: 100%;display: block;    object-fit: cover;}
.slider-container .overlay{
position: absolute;top: 0;left: 0;width: 100%;
    height: 100%;background-color: rgb(0 0 0 / 29%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    transition: background-color 0.3s;
}
.slider-container .overlay  .content {position: absolute;bottom: 10%;padding: 10px;margin: 0;font-size: 1.2rem;overflow: hidden;
text-overflow: ellipsis;transition: color 0.3s; }
.slider-container .overlay  .content  a{ background-color: rgb(0 0 0 / 10%);padding: 5px; }
.slider-container:hover .overlay {background-color: rgba(0, 0, 0, 0.5);}
@media (max-width: 991.98px) {
.slider-container {position: relative;width: 100%; height: 220px;}
.slider-container .overlay  .content {bottom: 1%;}
}
.avatar{
width:80px; height:80px;
}