/*
Theme Name: Nifty
Theme URI: http://www.niftit.com
Description: Nifty Theme
Author: NiftIT
Author URI: http://www.niftit.com
Version: 1
*/

body #program-activity .country-list-wrap .countries .title {
    margin-left: -15px;
}

.member-info .photo {
  height: 190px;
  width: 166px;
  overflow: hidden;
}
.member-info .photo img {
  height: 100%;
  width: auto;
  position: relative;
  left: 50%;
  -web-kit-transform: translateX(-50%);
  transform: translateX(-50%);
}


.approach-text,
.impact-text {
    margin-top:40px; 
    margin-bottom:40px; 
}
.impact-text {
    color:#242528;
    font-size: 16px;
	line-height: 1.5;
}

.impact-text li {
    padding:5px 0;   
}

.vid-modal-wrap {
position: fixed;
width: 100%;
height: 100%;
z-index: 10002;
top: 0;
left: 0;
}
.vid-modal-wrap .underlay {
width: 100%;
height: 100%;
background: rgba(36,37,40,0.95);
}
.vid-modal-wrap .vid-modal {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width:640px;
width:100%;
}
.vid-modal-wrap .vid-modal .video {
        
}
.vid-modal-wrap .vid-modal .close-btn {
color: #fff;
text-align: right;
font-size: 20px;
cursor:pointer;
}
.vid-modal-wrap .vid-modal .info .title {
font-size: 32px;
	line-height: 1.38;
	color:#fff;
}
.vid-modal-wrap .vid-modal .info .date {
font-size: 20px;
	line-height: 1.4;
	color:#fff;
}

#careers {

}
#careers .position {

}
#careers .position .info-box {
  padding: 40px;
width: 100%;
background: #f4f4f8;
}
#careers .position .info-box .location {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.28;
  text-align: center;
  margin-bottom: 20px;
}
#careers .position .info-box .salary {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.28;
  text-align: center;
  margin-bottom: 20px;
}
#careers .position .info-box .startdate {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.28;
  text-align: center;
}
.dot-div {
  margin:40px 0;
  width:100%;
  height:1px;
  background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 3px 1px;
background-repeat: repeat-x;
}

.social-wrap {

}
.social-wrap .share {
  float: left;
}
.social-wrap .share span {
  font-size: 24px;
  text-align: center;
  color:#c0c0c4;
}
.social-wrap .share a {

}
.social-wrap .share .fb {

}
.social-wrap .print {
  float: right;
  font-size: 16px;
  font-weight: 500;
  line-height: 3.0;
}

.sections {
  margin: 40px 0;
}
.sections .title {
  font-size: 32px;
  line-height: 1.38;
  color:#0d0db8;
  margin-bottom: 20px;
}
.sections .body {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color:#242528;
}
.nav-wrap {
    position: relative;
height: 120px;
}
body .container-fluid nav > .one-left {
    height: 6px;
width: 50%;
background: transparent;
position: absolute;
bottom: -6px;
z-index: 0;
border-top: 6px solid #fff;
border-right: 6px solid transparent;
left:0;
}
body .container-fluid nav > .one-right {
    height: 6px;
width: 50%;
background: transparent;
position: absolute;
bottom: -6px;
z-index: 0;
border-top: 6px solid #fff;
border-left: 6px solid transparent;
right:0;
}

.splash-banner:before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom right,#0C0CA8,#EF693A);
	opacity: .32; 
}

.parent-pageid-21 .nav-volunteer .nav .item .item-nav {
    border:0;
    display: inline-block;
}
.parent-pageid-21 .nav-volunteer .nav .item .item-nav.active {
    color:#fff;    
} 
.parent-pageid-21 .nav-volunteer .nav .item .item-nav:nth-child(2) {
    border-left:1px solid #f0f0f3;
    border-right:1px solid #f0f0f3;
}


/* PROGRAMS SINGLE */
.parent-pageid-21 .nav-volunteer .nav .arrow.arrow-left svg {
    transform: rotate(0deg);
}
.parent-pageid-21 .nav-volunteer .nav a {
      flex: 1 1 auto;
      padding: 24px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
font-family: 'Campton Medium';
color: #0d0db8;
text-align: center;
}

.single-programs ul {
    list-style-type:square;
    color:#dedee4;
}
.single-programs li span {
    color:#242528;
}
.alignleft {
  float:left;
  margin:10px 10px 10px 0;
}
.alignright {
  float:right;
  margin:10px 0 10px 0;
}
.single-programs .alignleft {
    float:left;
    margin: 0 40px 40px -100px;
}
.single-programs .alignright {
    float:right;  
    margin: 0 -100px 40px 40px;
}
.single-programs .program-text p {
    font-size: 16px;
	line-height: 1.5;    
}
.program-text ul {
    padding-left:20px;  
    list-style-type:square;
}
.program-text ul li {
    color:#dedee4;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Campton Book', Helvetica, Verdana, sans-serif;
    padding:20px 0 20px;
}

.program-text ol li {
        color: #000;
    font-size: 16px;
}

.impact-icons {
    text-align: center;
}
.impact-icons .impact-icon {
    display: inline-block;
    padding: 20px;
}
.impact-icons .impact-icon:nth-child(2) {
    margin:20px 60px;    
}
.impact-icons .impact-icon img {
    max-width: 80px;   
}
.back-to-country {
    margin:60px 0 0;
    text-align: center;   
}
.back-to-country a {
    font-size: 16px;
	line-height: 1.5;
	color:#0d0db8;
	text-decoration:underline;
}
.slider-item .news-item .news-item-wrap .info-wrap .category {
    text-transform:uppercase;    
}
.single-programs #news .slider-item {
    padding:0;    
}


/* EXPERTISE */
.page-template-page-expertise .countries-list h6 {
    text-transform:uppercase;
}



/* COUNTRIES SINGLE */
.single-countries .header-page .description {
    padding-top:0;    
}
.single-countries .banner .big-caption-title {
    margin:60px 0 40px;
}
.link-section {
    
}
.link-section > div {
    
}
.link-section > div .link-box {
    padding:60px 0 60px calc(10vw);
}
.link-section > div .link-box .title {
    font-family: 'Campton Book';
    font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	color:#fff;
	margin-bottom:20px;
}
.link-section > div .link-box .link {
    font-family: 'Campton Book';
    font-size: 32px;
	font-weight: 600;
	line-height: 1.38;
	color:#fff;
	text-decoration:underline;
}


/* VIDEO */
.page-id-277 .photo {
    position: relative;
    cursor: pointer;
    max-height: calc(28vw / 2);
    overflow: hidden;
}
.page-id-277 .col-video:first-child .photo,
.page-id-277 .col-video:nth-child(2) .photo {
    max-height: calc(50vw / 2);
}
.col-video .photo {
    position: relative;
}
.play-overlay {
    position: absolute;
    width: 34px;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 4px;
    pointer-events: none;
}
.play-overlay path {
    fill:#fff;    
}


/* SINGLE CAREER */
.single-positions .share-print .share-on ul {
    display: flex;
    display: -webkit-flex;
    list-style-type: none;
    padding-left: 0;
}
.single-positions .share-print .share-on ul li h5 {
    color: #c0c0c4;
    font-family: 'Campton Book';
}
.single-positions .share-print .share-on ul li svg {
    width: 32px;
    height: 32px;
    margin: 8px 10px 0 10px;
}
.single-positions .share-print .share-on ul li svg .cls-1 {
    fill: #c0c0c4;
}

body .slider-item .news-item .news-item-wrap .bottom-wrap .meta {
    color: #8c8c93;
    max-width: 60%;
}

body .slider-item .news-item {
    height:300px;    
}

.single-success_stories img {
    padding: 10px;
}
.single-success_stories .alignleft {
    margin-left: -100px;
}
.single-success_stories .alignright {
    margin-right: -100px;
}




.accomplishments .bullet-point-list ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 20px;
    max-width: 658px;
    margin: 0 auto;
}
.accomplishments .bullet-point-list ul li::before {
    width: 12px;
    height: 12px;
    background-color: #dedee4;
    margin: 6px 24px 0 0;
    content: " ";
    display: inline-block;
    margin-left: -36px;
}

.accomplishments .bullet-point-list ul li {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    padding: 6px 10px;
    color: #242528;
}

body .directors-group .carousel .carousel-control.right {
    right: 10px;
}
body .directors-group .carousel .carousel-control.left {
    left: 10px;
}

@media only screen and (max-width : 1280px) {
    body .member-info .info .name {
        font-size: 14px;
        padding: 12px 24px 12px 12px;
    }
    body .member-info .info .body {
        padding: 12px 24px 12px 12px;
        color: #242528;
        font-size: 12px;
    }
}
@media only screen and (min-width : 992px) {
    body #bs-navbar-collapse-1 {
        height:100%!important;    
    }
    body .menu-main-menu-container {
        height:100%;    
    }
    header .navbar-nav > li {
        height:100%;    
    }
    

}
@media only screen and (min-width : 768px) {
    html body {
        margin-top:120px;    
    }
}
@media only screen and (max-width : 768px) {
    html body {
        margin-top:53px;    
    }
}



.splash-wrapper {
  position: relative;   
}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
    
  header .logo-wrap .logo {
    -webkit-transform: translateY(-50%);
  }
  body .splash-wrapper .splash-caption .big-caption {
    font-size: 40px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;

  }
  #latest-news .section-grid .news-item .info-wrap .title {
    font-size: 20px;
  }
  #latest-news .section-grid .news-item {
    padding: 20px;
    height: 320px;
  }
  body .navbar-fixed-top .navbar-collapse {
    margin-top:0;
  }
  body .menu-main-menu-container {
    position:relative;
  }
    
}


.grid-sizer {
    width:30%;   
}