/*========= Header Css ==========*/

/*=== Fast Server =====*/

header#sp-header.lg-header {

	-webkit-box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);

    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);

    background: linear-gradient(180deg, #fff 1px, #fff 0, #fff 1px, #fff 0);

}



@media (max-width: 991px){

	header#sp-header { height: auto; background: #50af47 !important; }

	#sp-header.lg-header #offcanvas-toggler.mega{ display: flex !important; margin-top: 12px;}

	#sp-header.lg-header #offcanvas-toggler.mega .burger-icon>span{ background-color: white !important; }

	img.logo-image { max-height: 70px;}

}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler{right: 0px;}

.offcanvas-menu .offcanvas-inner{padding: 15px;}

.offcanvas-menu .offcanvas-inner ul.menu>li{ border-top: solid 1px #f0f0f0; }

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span{

    color: #222222;

    padding: 22px 20px 17px !important;

    opacity: 1;

}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {

    padding: 15px 10px 15px 10px !important;

    display: block;

    font-weight: 500;

}

.offcanvas-menu .logo {

    display: none;

}

.topMenu .sp-menu-item a,

.topMenu .sp-menu-item span { font-size: 15px; font-weight: 600; padding: 0 10px; }

.logo-image{ height: auto !important;  max-height: 90px; }

#sp-header-topbar {padding: 20px 20px 20px;}

#sp-header-topbar .container-inner{ border-bottom: 0px !important; }

.topMenu .sp-menu-item{ text-transform: uppercase; }

.topMenu .sp-menu-item:hover {

	color: #50af47 !important;

    border-bottom: #50af47 solid 5px !important;

    background: none !important;

}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 0px;}



.sp-megamenu-parent .sp-dropdown li{ 

	-webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{

    border-bottom: 1px solid #F1F1F1;

    color: #050C24;

    background-color: transparent;

    display: block;

    padding: 22px 20px 22px !important;

}





.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{

	color: #33cc33 !important;

    transition: all 0.3s ease;

}



.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{ line-height: 58px; }

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main{ top: 108%; }    





.xs-title{ color: #53ad49 !important; }

.readmore{     text-transform: uppercase;

    border-bottom: 3px solid #222;

    font-weight: 700;

    font-size: 17px; }

.readmore2{     text-transform: uppercase; 

    font-weight: 700;

    font-size: 17px; }



.pageHeader {

    text-transform: capitalize;

    font-size: 2.7em;

    font-weight: 400;

    margin-top: 20px;

    margin-bottom: 20px;

    letter-spacing: -.2px;

    color: #50af47;

}



@media (max-width: 991px){

    main#sp-component .item-page > .container { padding: 0px; }

}





/*=========================== Article Detail Page ===========================*/

.articleHeaderTitle {

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50af47', endColorstr='#50af47', GradientType=1 );

    display: inline-block;width: 100%;padding: 10px;}

.articleHeaderTitle .page-header h2 {color: white;}









/*========= footer ===========*/

ul.xs-social-list {text-align: right;

    margin-top: 60px;
    padding: 0px;
}



ul.xs-social-list li {display: inline-block;

    margin: 0;}



.xs-social-list li a {

    width: 40px;

    height: 40px;

    line-height: 38px;

    position: relative;

    z-index: 1;

    display: block;

    text-align: center;

    border-radius: 100%;

}



.xs-social-list li a:hover{

        background-color: #99cc33 !important;

    transition: all .4s ease;

}



.xs-social-list li a img {max-width: 100%;

    height: auto;margin: 0 auto;vertical-align: middle;padding-top: 4px;}



 .xs-copyright-text { text-align: right;}   

 .xs-copyright-text a { color: white !important;}   

 ul.xs-top-social {/* float: right; */

    line-height: 1;

    text-align: right;padding: 0;display: block;margin: 0;position: relative;}



ul.xs-top-social li {display: inline-block;

    margin-right: 2px;

    font-size: 15px;

    margin-top: 5px;vertical-align: middle;position: relative;}



ul.xs-top-social li a, ul.xs-top-social li span {color: #fff !important;

    

    padding: 0px 5px 0 0;display: inline-block;}



ul.xs-top-social li a img {

    }



.articleBanner img{ width: 100%; }

.articleBanner{ margin-bottom: 50px; }



#system-message-container{

    /*top: 10px; min-width: 300px;*/

}





/*=========== Image Box ============*/

.xs-single-causes-inner {

	background-color: #FFFFFF;

	-webkit-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.1);

	margin-bottom: 30px;

	-webkit-transition: all 0.4s ease;

	transition: all 0.4s ease;

	border-radius: 10px;

}

.xs-single-causes-inner img {

	border-radius: 10px 10px 0 0;

	width: 100%;

}

.xs-single-causes:hover {

	-webkit-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.2);

	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

}

.xs-single-causes-inner:hover {

	-webkit-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.2);

	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

}



.xs-causes-footer-inner {

    padding: 15px;

    bottom: 23px;

    text-align: left;
    min-height: 120px;

}

.xs-causes-footer-inner h3 {

    color: #000;

    font-size: 15px;

    margin: 0px;

    display: none;

}



.xs-tab-content {background-color: #FFFFFF;

    -webkit-box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 15%);

    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 15%);

    padding: 20px;

    margin-bottom: 30px;

    border-bottom: 2px solid transparent;

    border-radius: 10px;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.xs-mb-50 {

    margin-bottom: 50px;

}







/*====================== For Video Gallery page only ======================*/

.xs-video-popup-content {

    position: absolute;

    top: 42%;

    right: 47%;

    border-radius: 10px;

    -webkit-box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);

    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);

}

.xs-video-popup-wraper {

    position: relative;

    -webkit-box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);

    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);

}

.video-gallery .col-lg-4 {

    margin-bottom: 20px;

}

.video-gallery h5 {

    font-size: 0.9rem;

    margin: 10px;

    margin-bottom: 20px;

}







 

/*======================  Polio eradication in Pakistan: national priority 2018 ======================*/

.fieldstories li h2 {font-size: 1.5rem;margin-bottom: 4px;}

.fieldstories ul li {margin: 10px; margin-bottom: 30px; padding: 4px;position: relative;min-height: 140px;}

.fieldstories ul {list-style: none;}

.fieldstories ul li p {font-size: 0.9rem;}

 

 





/*======================  Block Quote for (Bowling Polio Out of Pakistan) page ======================*/

 blockquote:before {

    position: absolute;

    content: "\f10d";

    left: -60px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 2.14286em;

    font-family: "Font Awesome 5 Free";font-weight: 900;color: #33cc33 !important;

}

blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;position: relative;

    margin-bottom: 0;

    padding-left: 30px;

    border-left: 1px solid #dadada;

    color: #677eb4;

    margin-left: 70px;

    font-size: 18.5px;

}









/*======================  Photo Essay pages ======================*/

.photo-essays .xs-archive-content {

    background: white;

    text-align: center;

    box-shadow: 0px 2px 20px 15px #eeeaea;

    border-radius: 4px;

    margin-bottom: 30px;

        padding-bottom: 5px;

}



.photo-essays .xs-archive-content img {

    margin: 0 auto;

    margin-bottom: 10px;

}
.sppb-addon-single-image-container {
    width: 100%;
}
.sppb-addon-single-image-container img{
    width: 100%;
}
.table-hover>tbody>tr:hover td a {
    color: #fff !important;
}

.item-page {
    padding-left: 15px;
    padding-right: 15px;
}

.hoveraffect_1:hover {
    border-color: #31702b;
    background-color: #31702b;
}
.twitter-timeline.twitter-timeline-rendered {
    height: 575px;
    overflow: hidden;
    overflow-y: scroll;
}
.fundpress-partners li img {
    border-radius: 0px !important;
    border: none;
    box-shadow: none !important;
    padding: 7px 10px !important;
}
.fundpress-partners li {
    margin-right: 7px !important;
    width: 30% !important;
    margin-bottom: 0px !important;
    background: #fff;
}
section#section-id-1648791147779 {
    padding-top: 0 !important;
}
.sp-page-builder .page-content #section-id-1648786214334 {
    padding: 0px 0px 0px 0px !important;
}
ul.fundpress-partners_firstrow li {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
ul.fundpress-partners_firstrow {
    padding: 0;
}
.fundpress-partners {
    margin-top: 40px;
}
.sp-megamenu-parent>li:hover>a {
    color: #50af47 !important;
}
.sp-page-builder.page-10 .sppb-panel-title {
    padding-left: 10px !important;
}
.sp-page-builder.page-10 .sppb-addon-accordion .sppb-addon-content {
    font-size: 14px;
}
.vacination_certificate {
    position: absolute;
    top: auto;
    left: 20px;
    z-index: 9999999;
    bottom: 20px;
}
.vacination_certificate a {
    border: 1px transparent;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
  }
.vacination_certificate img {
    width: 120px;
    border-radius: 50%;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    background: transparent !important;
}
.itemid-569 .vacination_certificate,.itemid-592 .vacination_certificate.urdu  {
    display: none;
}
.vacination_certificate.urdu {
    left: 20px;
    right: auto;
}
  @-webkit-keyframes glowing {
    0% {
      background-color: #074a17 ;
      -webkit-box-shadow: 0 0 8px #fff301;
    }
    50% {
      background-color: #074a17;
      -webkit-box-shadow: 0 0 60px #fff301;
    }
    100% {
      background-color: #074a17;
      -webkit-box-shadow: 0 0 8px #fff301;
    }
  }
  @keyframes glowing {
    0% {
      background-color: #074a17;
      box-shadow: 0 0 8px #fff301;
    }
    50% {
      background-color: #074a17;
      box-shadow: 0 0 60px #fff301;
    }
    100% {
      background-color: #074a17;
      box-shadow: 0 0 8px #fff301;
    }
  }
@media (max-width: 767px){
    .fundpress-partners {
        margin-top: 0px !important;
    }
    .fundpress-partners li {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .vacination_certificate a {
        font-size: 15px;

    }
    .vacination_certificate {
        position: absolute;
        bottom: 0;
        top:auto;
        left: 10px;
        z-index: 9999999;
    }
    .vacination_certificate img {
        width: 100px;
    }
}

 .text-justify{
    text-align: justify !important;
 }
 .donars_image img {
    margin-bottom: 15px;
}
.sppb-media-content {
    min-height: 150px;
}