/*==== Common css start ====*/
html {
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
font-size: 14px;
color: #333133;
font-family: "Source Serif Pro", serif;
overflow-x: hidden;
}
a {
transition: all 600ms ease;
}
a:hover,
a:focus {
outline: none;
transition: all 600ms ease;
text-decoration: none;
}
.btn-white:hover {
background-color: #fff;
color: #036cb6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0px;
line-height: 1.4;
font-weight: 700;
margin-bottom: 5px;
color: #333133;
font-family: "Source Sans Pro";
letter-spacing: -0.67px;
}
h1 {
font-size: 33px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
u {
text-decoration: underline;
}
ul {
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
.section-padding-top {
padding-top: 60px;
}
.section-padding-bottom {
padding-bottom: 30px;
}
section {
position: relative;
}
.alignleft {
float: left;
margin: 0 15px;
}
.alignright {
float: right;
margin: 0 15px;
}
.aligncenter {
margin: 15px auto;
display: block;
}
.colored-bg:after {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(212, 213, 204, 0);
border-width: 20px;
margin-top: -30px;
bottom: -40px;
left: 14px;
transform: rotate(90deg);
z-index: 1;
}
.bluebg {
background-color: #036cb6;
color: #ffffff;
}
.bluebg > div:before {
background-color: #ffffff;
}
.yellow-bg {
background-color: #fdb714;
}
.yellow-bg > div:before {
background-color: #000000;
}
.yellow-bg a {
color: #333133;
}
.green-bg {
background-color: #49b449;
color: #ffffff;
}
.brown-bg {
background-color: #663b28;
color: #ffffff;
}
.aqua-blue-bg {
background-color: #00acc6;
color: #ffffff;
}
.red-bg {
background-color: #ed1a3b;
color: #ffffff;
}
.gray-bg {
background-color: #f1f2f2;
}
.green-bg .announcement-img:before {
border-left-color: #49b449;
}
.red-bg .announcement-img:before {
border-left-color: #ed1a3b;
}
.bluebg .announcement-img:before {
border-left-color: #036cb6;
}
.brown-bg .announcement-img:before {
border-left-color: #663b28;
}
.aqua-blue-bg .announcement-img:before {
border-left-color: #00acc6;
}
.red-bg .read-more i:before,
.aqua-blue-bg .read-more i:before,
.green-bg .read-more i:before,
.bluebg .read-more i:before,
.brown-bg .read-more i:before {
border-left-color: #ffffff;
}
.green-bg h1,
.bluebg h1,
.brown-bg h1,
.aqua-blue-bg h1,
.red-bg h1,
.green-bg a,
.bluebg a,
.red-bg a,
.aqua-blue-bg a {
color: #ffffff;
}
.green-bg .btn-primary {
color: #ffffff;
border-color: #ffffff !important;
}
.yellow-bg .btn {
color: #333133;
border-color: #333133 !important;
}
.yellow-bg .btn:hover {
background-color: #333133;
color: #ffffff;
}
.yellow-bg .underlined-text:after {
background-color: #333133;
}
.bluebg:after {
border-left-color: #036cb6;
}
.yellow-bg:after {
border-left-color: #fdb714;
}
.yellow-bg .read-more i:before {
border-left-color: #000000;
}
.green-bg:after {
border-left-color: #49b449;
}
.brown-bg:after {
border-left-color: #663b28;
}
.aqua-blue-bg:after {
border-left-color: #00acc6;
}
.aqua-blue-bg > div:before {
background-color: #ffffff;
}
.red-bg:after {
border-left-color: #ed1a3b;
}
.colorBlue {
color: #036cb6;
}
.gray-bg:after {
border-left-color: #f1f2f2;
}
.slick-slider:focus {
outline: none;
}
.overlay {
position: relative;
}
.overlay:after {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.13);
content: "";
position: absolute;
top: 0;
left: 0;
}
img.alignleft {
margin: 0 15px 15px 0;
}
.table-responsive {
padding: 0 !important;
}
/* .row-no-gutters {
margin-left: 0px;
margin-right: 0px;
} */
a,
.btn {
font-family: "Source Sans Pro";
letter-spacing: 1.4px;
/* word-break: break-all; */
}
a.btn {
display: inline-flex;
justify-content: center;
align-items: center;
}
.secondary-font {
font-family: "Source Sans Pro";
}
.demo-icon {
font-family: "icimod";
font-size: 32px;
color: #fff;
background-color: #036cb6;
height: 72px;
width: 72px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
}
form label {
position: absolute;
background-color: #fff;
top: -7px;
padding: 0 20px 0 7px;
font-size: 12px;
left: 13px;
z-index: 1;
}
form input,
form textarea,
select {
height: 48px;
/* margin-bottom: 36px; */
padding: 0 10px;
width: 100%;
resize: none;
outline: none;
border: 1px solid #a7a9ac;
background-color: #fff;
}
form textarea {
padding: 10px;
}
form input[type="submit"] {
width: 152px;
}
form input[type="file"] {
border: none;
position: relative;
left: 12px;
}
.select2-results__option {
padding: 9px 9px 9px 30px;
vertical-align: middle;
color: #58595b;
position: relative;
line-height: 1.3;
}
.select2-results__option:before {
content: "";
display: inline-block;
position: absolute;
height: 12px;
width: 12px;
border: 1px solid #808285;
background-color: #fff;
vertical-align: middle;
left: 9px;
top: 13px;
}
.select2-results__option[aria-selected="true"]:before {
font-family: fontAwesome;
content: "\f00c";
color: #fff;
background-color: #036cb6;
border: 0;
display: inline-block;
font-size: 9px;
display: inline-flex;
align-items: center;
justify-content: center;
}
input.select2-search__field {
display: none;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #fff;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
background-color: transparent;
color: #036cb6;
}
.select2-container--default .select2-selection--multiple {
margin-bottom: 10px;
position: relative;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
right: 10px;
}
.select2-container--default .select2-selection--multiple:before {
content: "";
border-color: #036cb6 transparent transparent transparent;
border-style: solid;
border-width: 6.5px;
height: 0;
right: 6px;
position: absolute;
top: 16px;
width: 0;
cursor: pointer;
margin-top: 3px;
}
.select2-container {
width: 100% !important;
}
/* .select2-selection .select2-selection--multiple:after {
content: 'hhghgh';
} */
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
display: none;
}
.select-icon .placeholder {
display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected="true"]:before {
display: none !important;
}
.select-icon .select2-search--dropdown {
display: none;
}
.select2-results__options li:not(:last-child) {
border-bottom: 1px solid #e6e7e8;
}
.select2-container--open .select2-dropdown--below {
margin-top: -10px;
}
/* width */
.select2-results > .select2-results__options::-webkit-scrollbar {
width: 4px;
}
/* Track */
.select2-results > .select2-results__options::-webkit-scrollbar-track {
background: #e6e7e8;
}
/* Handle */
.select2-results > .select2-results__options::-webkit-scrollbar-thumb {
background: #036cb6;
}
/* Handle on hover */
.select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
background: #036cb6;
}
@media (min-width: 1024px) {
h1 {
font-size: 72px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 38px;
}
h4 {
font-size: 33px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
.section-padding-top {
padding-top: 80px;
}
.section-padding-bottom {
padding-bottom: 80px;
}
.colored-bg:after {
top: 54px;
right: -39px;
transform: rotate(0deg);
left: initial;
bottom: initial;
}
}
p {
line-height: 22px;
letter-spacing: 0.03px;
}
ul li,
ol li {
line-height: 1.5;
list-style-type: none;
}
.btn,
.btn:hover,
.btn:focus,
.btn:active {
outline: none !important;
text-decoration: none;
transition: all 600ms ease;
box-shadow: none;
}
.img-full {
width: 100%;
height: auto;
}
.center-block {
display: block;
margin: 0 auto;
}
.img-pos {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.text-gray {
color: #58595b !important;
}
.text-white {
color: #ffffff;
}
.text-black {
color: #333133;
}
.flex-row {
display: block;
}
/* .mt-4{
margin-top: 4px;
}
.mt-16{
margin-top: 16px;
}
.mt-11{
margin-top: 11px;
}
.mt-40{
margin-top: 40px;
}
.mt-94{
margin-top: 94px;
}
.mb-82{
margin-bottom: 82px;
} */
.nomarginbottom .row > div:nth-last-child(-n + 3) {
margin-bottom: 0;
}
.title {
font-size: 14px !important;
text-transform: uppercase;
letter-spacing: 1.23px;
font-family: "Source Sans Pro";
margin-bottom: 0;
}
.small-wrapper {
margin-bottom: 24px;
}
.small-wrapper h1 {
letter-spacing: -1.27px;
}
.largelineheight .small-wrapper h1 + p {
line-height: 24px;
}
.column-reverse {
display: flex;
flex-wrap: wrap;
}
blockquote {
border: none;
position: relative;
}
blockquote:before {
content: "";
width: 8px;
height: calc(100% + 19px);
background-color: #49b449;
position: absolute;
top: 10px;
}
blockquote p {
padding: 0 44px;
line-height: 1.21 !important;
}
@media (min-width: 1024px) {
.flex-row {
display: flex;
flex-wrap: wrap;
}
.small-wrapper {
max-width: 750px;
margin: 0px auto 35px;
}
.mission-vision .small-wrapper {
margin-bottom: 36px;
}
.regional-member .small-wrapper {
margin-bottom: 33px;
}
.row-reverse {
flex-direction: row-reverse;
}
.title {
margin-bottom: 6px;
}
}
@media screen and (max-device-width: 1023px) {
body {
-webkit-text-size-adjust: none;
}
.small-wrapper h1 {
letter-spacing: -1.27px;
line-height: 33px;
margin-bottom: 12px;
}
.small-wrapper br {
display: none;
}
blockquote:before {
width: 4px;
}
blockquote p {
padding: 0 0 10px 24px;
font-size: 24px;
line-height: 36px !important;
}
.column-reverse {
flex-direction: column-reverse;
}
.ms-view,
.ms-wk .ms-slide {
height: 100% !important;
}
.ms-wk .ms-slide.ms-sl-selected {
position: relative;
}
}
@media (min-width: 1024px) {
.small-wrapper h1 {
font-size: 38px;
line-height: 36px;
margin-bottom: 10px;
padding: 0 24px;
}
}
/*==== Common css end ====*/
/*==== Navigation css start ====*/
.top-header {
background-color: #f1f2f2;
padding: 13px;
}
ul.top-left-menu {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
}
ul.top-left-menu li {
padding: 0 12px;
position: relative;
}
ul.top-left-menu li:not(:first-child):before {
position: absolute;
content: "";
height: 100%;
width: 1px;
background-color: #d1d3d4;
left: 0;
}
ul.top-left-menu li:first-child {
padding: 0 5px 0 12px;
}
ul.top-left-menu li a {
color: #333133;
letter-spacing: -0.5px;
}
ul.top-left-menu li a.active,
ul.top-left-menu li a:hover {
color: #036cb6;
text-decoration: underline;
}
ul.top-left-menu li:first-child a {
/* display: inline-flex;
align-items: center; */
position: relative;
/* justify-content: center; */
}
ul.top-left-menu li:first-child a:before {
content: "";
position: absolute;
border-radius: 50%;
width: 32px;
height: 32px;
background-color: #036cb6;
left: -15px;
top: -5px;
opacity: 0;
transition: all 600ms ease;
}
ul.top-left-menu li:first-child a:hover:before {
opacity: 1;
transition: all 600ms ease;
}
ul.top-left-menu li:first-child a:hover {
/* background-color: #036cb6;
color: #fff; */
text-decoration: none;
}
.nav-search {
background-image: url(../../img/icon/ico-search.svg);
height: 15px;
width: 15px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
position: relative;
top: 5px;
right: 6px;
transition: all 600ms ease;
}
@media (max-width: 1023px) {
.nav-search {
height: 15px;
width: 15px;
}
}
ul.top-left-menu li a:hover .nav-search,
.mobile-search .nav-search {
background-image: url("../../img/icon/ico-search-white.svg");
transition: all 600ms ease;
}
.mobile-search {
border-bottom: 1px solid #004d8e;
text-align: left !important;
}
.mobile-search a {
display: inline-block !important;
margin: 20px !important;
border: none !important;
padding: 0 !important;
}
.bottom-header.fixed {
position: fixed;
background-color: #ffffff;
z-index: 999;
width: 100%;
top: 0;
}
.nav-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
height: 57px;
}
.wstliststy01 li > a.navtext > span:after {
content: "\f0da";
}
.nav-logo img {
width: 100px;
}
.wstabitem li > .navtext > span:after {
right: 26px;
transform: translateY(-50%) rotate(-90deg);
}
.wstmegamenucoll h5 {
font-size: 18px;
margin: 15px 0 8px;
}
.wstmegamenucoll p {
line-height: 19px;
font-size: 12px;
}
.show-menu ul.wstliststy01 {
opacity: 1;
}
.wstliststy01 a {
border-bottom: 0 !important;
}
.wstmegamenucoll p + a {
display: block;
line-height: 1;
padding-bottom: 20px;
border-bottom: 1px solid #d1d3d4;
}
ul.wstliststy01 li a:hover {
color: #036cb6;
text-decoration: underline;
}
@media (min-width: 1024px) {
.nav-wrapper {
min-height: 88px;
}
.nav-logo img {
width: 134px;
}
.hide-desktop {
display: none !important;
}
.wsshoptabing {
width: calc(100% - 13px);
left: 13px;
}
.wstabitem > li:first-child > a {
border-top: 1px solid #e6e7e8;
}
}
@media (max-width: 1023px) {
.top-header {
display: none;
}
span.wsmenu-click.ws-activearrow + a {
background-color: #004d8e !important;
padding-bottom: 0;
}
.hide-mobile {
display: none !important;
}
.wsmenu > .wsmenu-list > li > a:hover {
color: #fff;
text-decoration: none;
}
}
/*==== Navigation css end ====*/
/* =====cookies policy css start===== */
.cookies-policy {
display:none !important;
padding: 20px 0;
}
.cookies-policy .flex-row {
justify-content: space-between;
align-items: center;
}
.cookies-policy .secondary-font {
margin-right: auto;
}
.cookies-policy p {
margin-bottom: 0;
font-size: 16px;
letter-spacing: -0.53px;
}
.cookies-policy p a {
letter-spacing: -0.53px;
text-decoration: underline;
}
.cookies-policy p a:hover {
color: #004d8e;
}
@media (max-width: 1023px) {
.cookies-policy {
padding: 10px 0;
}
.cookies-policy .container {
padding: 0 10px;
}
.cookies-policy p {
font-size: 12px;
line-height: 1.3;
margin-bottom: 10px;
}
.cookies-policy button {
height: 30px !important;
min-width: 100px !important;
font-size: 12px;
}
}
/*====== cookies policy css end===== */
/* banner css start */
.banner-img {
position: relative;
}
.banner-img:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
opacity: 0.35;
background-image: radial-gradient(
circle 681px at 50% 84.63%,
#000000 0%,
rgba(0, 0, 0, 0.67) 100%
);
top: 0;
left: 0;
z-index: 0;
}
.banner-img:after {
content: "";
position: absolute;
width: 152px;
height: 146px;
background-image: url(../../img/icon/pulse.png);
background-size: contain;
background-repeat: no-repeat;
left: 0;
bottom: 0;
}
.banner .container {
padding: 0;
}
.banner h1 {
font-size: 55px;
line-height: 1;
margin-bottom: 20px;
letter-spacing: -2.2px;
margin-bottom: 13px;
padding: 0;
}
.banner p {
font-size: 16px;
margin-bottom: 36px;
line-height: 23px;
}
.banner p.title {
font-size: 14px;
margin-bottom: 26px;
}
.ms-grab-cursor {
cursor: auto;
}
a.down-arrow {
position: absolute;
bottom: 21px;
left: 50%;
transform: translatex(-50%);
}
a.down-arrow img {
width: 17px;
}
@media (min-width: 1024px) {
.banner-img:after {
width: 480px;
height: 475px;
bottom: -16px;
left: -28px;
top: 300px;
}
.banner .small-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
margin-top: 34px;
}
.banner h1 {
font-size: 72px;
}
}
@media (max-width: 1024px) {
.banner-img:after {
width: 420px;
height: 340px;
bottom: 0;
left: -28px;
top: 180px;
}
}
@media (max-width: 768px) {
.banner-img:after {
width: 100%;
height: 250px;
bottom: 0;
left: -16px;
top: 150px;
}
}
@media (max-width: 600px) {
.banner-img:after {
width: 100%;
height: 220px;
bottom: 0;
left: -15px;
top: 15px;
}
}
@media (max-width: 1023px) {
.banner .small-wrapper {
background-color: #036cb6;
padding: 21px 24px 36px;
text-align: center;
margin-bottom: 0;
position: relative;
}
.banner .small-wrapper p.title {
margin-bottom: 23px;
}
.banner .small-wrapper h1 {
margin-bottom: 9px;
}
.banner .down-arrow {
display: none;
}
}
/* banner css end */
/* master slider css start */
.master-slider {
font-family: inherit;
}
/* slick slider css start */
.slick-dots {
bottom: 5px;
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button:before {
width: 10px;
height: 10px;
}
.slick-dots li button:before {
font-size: 40px;
color: #036cb6;
}
.slick-dots li.slick-active button:before {
color: #036cb6;
}
.slick-prev,
.slick-next {
top: 25%;
z-index: 2;
}
.slick-prev,
.our-involvement .slick-prev {
left: -12px;
}
.slick-next,
.our-involvement .slick-next {
right: -12px;
}
.slick-prev:before,
.slick-next:before {
top: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-width: 11px;
}
.slick-next:before {
right: -5px;
border-left-color: #58595b;
}
.slick-prev:before {
left: -5px;
border-right-color: #58595b;
}
.news-event-wrapper .slick-prev {
left: -24px;
}
.news-event-wrapper .slick-next {
right: -24px;
}
.initiatives-list ul.slick-dots,
.regional-list ul.slick-dots {
bottom: -38px;
}
@media (max-width: 1023px) {
.slick-prev:before,
.slick-next:before {
border-width: 9px;
}
.slick-prev:before {
left: 0;
}
.slick-next:before {
right: 0;
}
}
/* slick slider css end */
/*======== mission and vision css start =======*/
.desc {
padding: 12px;
/* border-bottom: 1px solid #d1d3d4; */
}
.desc h5,
.desc h5 a {
margin-bottom: 3px;
letter-spacing: -0.67px;
margin-top: 2px;
line-height: 24px;
color: #333133;
}
/* .desc a:hover {
text-decoration: none;
} */
.desc a:hover h5 {
color: #036cb6;
text-decoration: none;
}
.desc h5 a:hover {
text-decoration: none;
color: #036cb6;
}
.load-more-wrapper {
position: relative;
margin-bottom: 40px;
}
.load-more-wrapper span {
padding: 0 30px;
background-color: #fff;
}
@media (min-width: 1024px) {
.desc {
padding: 19px 25px;
border-bottom: none;
margin-top: 2px;
}
.load-more-wrapper:after {
position: absolute;
content: "";
width: 82%;
height: 1px;
background-color: #d1d3d4;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
}
@media (max-width: 1023px) {
.mission-vision h5 {
margin-top: -2px;
margin-bottom: 0px;
}
}
/*======== mission and vision css end =======*/
/*======== new and events css start=======*/
.news-img {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.news-img-bg {
height: 100%;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
/*min-height: 310px;*/
}
.news-img-bg img {
width: 100%;
}
.related-article {
margin-bottom: 48px;
}
.related-article .news-img-bg {
height: auto;
}
.date-wrap {
position: absolute;
text-align: center;
font-size: 18px;
font-weight: 700;
letter-spacing: 1.59px;
}
.date-wrap span {
display: block;
letter-spacing: 0;
}
@media (max-width: 1023px) {
.date-wrap {
padding: 20px 0;
}
}
span.news-date {
font-size: 60px;
letter-spacing: -2.5px;
line-height: 1;
}
.news-event-wrapper .col-md-6 > .news-img-bg .date-wrap {
display: flex;
align-items: center;
}
@media (min-width: 1024px) {
.news-event-wrapper .col-md-6 > .news-img-bg .date-wrap .news-date,
.embrace-diversity .col-md-6 > .news-img-bg .date-wrap .news-date {
font-size: 160px;
margin: 0 24px;
}
.news-event-wrapper .col-md-6 > .news-img-bg .date-wrap,
.embrace-diversity .col-md-6 > .news-img-bg .date-wrap {
font-size: 30px;
}
}
.news-event-wrapper > .container > .row {
padding-bottom: 60px;
}
/* upcomming-events added-css-starts */
.event-list-block,
.event-list-flex,
.event-list-mob {
position: relative;
}
/* Horizontal-design */
/* Vertical-design */
.news-img-bg .upcomimg-wrapper {
position: absolute;
transform: rotate(-90deg);
top: 50%;
left: -20px;
color: #ffff;
display: flex;
align-items: center;
text-transform: uppercase;
font-family: "Source Sans Pro";
letter-spacing: 0.5px;
margin-left: -20px;
line-height: 0;
width: 110px;
text-align: center;
height: 15px;
justify-content: center;
margin-top: -5px;
}
.event-list-block .upcomimg-wrapper {
position: absolute;
top: 65px;
text-align: center;
left: 50%;
transform: translateX(-50%);
color: #fff;
text-transform: uppercase;
font-family: "Source Sans Pro";
width: auto;
}
.upcomimg-wrapper strong {
font-weight: 500;
}
.news-img-bg .upcomimg-wrapper i.fa {
font-size: 8px;
margin-right: 2px;
}
.news-img-bg .upcomimg-wrapper span {
font-size: 10px;
}
.event-list-block .upcomimg-wrapper i.fa {
font-size: 14px;
}
.event-list-block .upcomimg-wrapper span {
display: block;
font-size: 22px;
}
.fourth-row .event-list-block {
height: 414px;
}
/* For-mobile-design */
.event-list-mob .upcomimg-wrapper {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
}
/* upcomming-events added-css-ends */
/* news and event mobile */
.news-event-wrapper .news-event-mobile {
padding-bottom: 42px;
margin: 0;
}
.news-event-wrapper .news-event-mobile .news-list .news-desc {
padding: 12px;
}
@media (max-width: 1023px) {
.fourth-row .event-list-block {
height: 236px;
margin-bottom: 20px;
}
.news-img-bg {
margin-bottom: 20px;
}
.news-list .news-desc {
margin-bottom: 22px;
}
.news-event-wrapper .news-event-mobile {
padding-bottom: 0;
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.fourth-row .event-list-block {
height: 290px;
}
}
.news-desc {
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
bottom: 26px;
max-width: 403px;
padding: 8px 24px;
left: 0;
}
.news-desc h5 {
line-height: 1.3;
top: 3px;
position: relative;
}
.news-desc h5 a {
color: #333133;
letter-spacing: -0.67px;
}
.news-desc h5 a:hover {
color: #036cb6;
text-decoration: none;
}
.date {
color: #808285;
font-size: 10px;
text-transform: uppercase;
padding-left: 8px;
letter-spacing: 1.14px;
font-family: "Source Sans Pro";
line-height: 1.5;
margin-bottom: 6px;
position: relative;
display: flex;
flex-wrap: wrap;
}
.date a {
width: calc(100% - 77px);
padding-left: 4px;
}
.date:before {
content: "";
position: absolute;
left: 0;
background-image: url(../../img/icon/arrow.png);
height: 9px;
width: 4px;
background-size: contain;
background-repeat: no-repeat;
top: 4px;
}
/* .news-desc .date a,
.tags a {
pointer-events: none;
} */
.date .seperator {
display: inline-block;
margin: 0 5px;
width: 1px;
height: 12px;
background-color: #d1d3d4;
}
.news-list .news-desc {
position: initial;
padding: 0;
border-bottom: 1px solid #e6e7e8;
height: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
top: 0;
}
@media (min-width: 1024px) {
.news-list .news-desc {
max-height: 123px;
}
.news-event-wrapper .news-list .news-desc:after {
content: "";
height: 20px;
width: 100%;
position: absolute;
left: 0;
bottom: 0px;
}
}
.news-list .col-md-8.col-sm-8.col-xs-8 {
position: relative;
}
/* .news-list .col-md-8.col-sm-8.col-xs-8:after {
width: 100%;
height: 8px;
background-color: white;
position: absolute;
content: '';
left: 0;
bottom: 1px;
} */
/* .news-list .news-desc{
position: initial;
padding: 0;
border-bottom: 1px solid #e6e7e8;
height: 100%;
max-width: 100%;
} */
.news-event-wrapper .hide-mobile > div:last-child h5 {
margin-bottom: 6px;
margin-top: 4px;
}
.news-desc p {
margin-bottom: 8px;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 1024px) {
.news-list:not(:first-child) {
margin-top: 15px;
}
}
/*======== new and events css end=======*/
/* =========data section css start========== */
.data-section {
background-color: #036cb6;
padding: 30px 0 57px;
}
.data-section .number {
font-size: 40px;
line-height: 1;
font-weight: 300;
letter-spacing: -2.67px;
margin-bottom: 12px;
}
.data-section .text {
font-size: 11px;
max-width: 161px;
margin: 0 auto;
line-height: 12px;
padding: 0 5px;
min-height: 24px;
}
.text a {
letter-spacing: -0.03px;
color: #ffffff;
}
.data-section .row > div:not(:last-child):after {
content: "";
position: absolute;
right: -12px;
background-image: url(../../img/icon/ico-mountain-white.svg);
height: 24px;
width: 24px;
background-size: contain;
background-repeat: no-repeat;
top: calc(50% + 10px);
transform: translateY(-50%);
opacity: 0.6;
}
@media (min-width: 1024px) {
.data-section .number {
font-size: 80px;
margin-bottom: 12px;
}
.data-section .text {
font-size: 16px;
line-height: 16px;
padding: 0;
}
}
@media (max-width: 1279px) {
.data-section .row > div:nth-child(2n + 2):after {
display: none;
}
}
@media (max-width: 1023px) {
.data-section .row > div:nth-child(-n + 2) {
padding-bottom: 50px;
}
.data-section .row > div:after {
top: initial !important;
bottom: 0;
}
.data-section .row > div:not(:first-child):after {
display: none;
}
}
/*====== data section css end===== */
/*====== regional programme css start===== */
.regional-program .row > div[class*="col-md-"] {
margin-bottom: 40px;
position: relative;
}
.regional-program .row > div:after {
content: "";
position: absolute;
height: 1px;
width: calc(100% - 24px);
background-color: #d1d3d4;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.regional-program img {
width: 100%;
}
@media (min-width: 1024px) {
.regional-program .row > div {
margin-bottom: 60px;
}
}
/* .regional-program .desc {
border-bottom: 1px solid #d1d3d4;
} */
.regional-program .desc p {
margin-bottom: 9px;
}
.read-more {
text-transform: uppercase;
font-size: 16px;
/* display: inline-flex;
align-items: center; */
font-family: "Source Sans Pro";
letter-spacing: 1.4px;
position: relative;
}
.info-section a.read-more {
margin-top: 10px;
}
.read-more i {
position: relative;
width: 10px;
height: 10px;
}
.read-more i:before {
right: -5px;
top: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #036cb6;
border-width: 5px;
}
@media (max-width: 1023px) {
.regional-program .row > div:last-child .desc {
margin-bottom: 0;
}
.regional-program .desc p {
display: none;
}
}
/*====== regional programme css end===== */
/*====== RESEARCH AND DATA css start===== */
.research-and-data > div:before {
position: absolute;
height: 100%;
width: 100%;
background-image: linear-gradient(34deg, #0000007a 0%, rgba(0, 0, 0, 0) 100%);
content: "";
}
.regional-database-system {
position: absolute;
bottom: 0;
padding: 12px 24px;
left: 0;
}
.regional-database-system h1 {
font-size: 25px;
line-height: 1;
margin-bottom: 3px;
letter-spacing: -1.1px;
}
.regional-database-system p {
font-size: 12px;
line-height: 19px;
margin-bottom: 9px;
}
.regional-database-system a.read-more img {
width: 11px;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
right: -14px;
}
.research-and-data {
position: relative;
}
@media (min-width: 1024px) {
.research-and-data:before {
top: -2px;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #ffffff;
border-width: 30px;
margin-left: -30px;
z-index: 2;
}
.regional-database-system {
padding: 36px 14% 33px 14%;
}
.regional-database-system h1 {
font-size: 33px;
}
.regional-database-system h1,
.regional-database-system p {
max-width: 365px;
}
}
@media (max-width: 1023px) {
.research-and-data-wrapper .small-wrapper {
padding: 0 12px;
}
.regional-database-system p {
display: none;
}
}
/*====== RESEARCH AND DATA css end===== */
/*====== Regional member countries css start===== */
.flags {
display: flex;
flex-wrap: wrap;
}
.flags > a {
width: calc(100% / 2);
text-align: center;
}
.flags > a > img {
display: block;
margin: 0 auto;
}
.flags a:hover {
text-decoration: none;
}
.flags span {
text-transform: uppercase;
margin-top: 12px;
display: inline-block;
letter-spacing: 1.23px;
color: #333133;
}
.flags a:hover span {
color: #036cb6;
position: relative;
transition: 0.2s all ease-in;
}
.flags a:hover span::before {
right: -13px;
top: 30%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #036cb6;
border-width: 5px;
}
.regional-member {
padding: 51px 0 38px;
border-top: 1px solid #d1d3d4;
border-bottom: 1px solid #d1d3d4;
position: relative;
}
.regional-member:before {
content: "";
position: absolute;
width: 48px;
height: 48px;
background: url(../../img/icon/ico-handshake.svg);
background-size: contain;
top: -24px;
left: 50%;
transform: translateX(-50%);
}
@media (min-width: 768px) {
.flags > a {
width: calc(100% / 5);
}
}
@media (min-width: 1024px) {
.flags > a {
width: calc(100% / 8);
}
}
@media (max-width: 1023px) {
.flags > a:not(:nth-last-child(-n + 2)) {
margin-bottom: 34px;
}
}
/*====== Regional member countries css end===== */
/*====== SUCCESS STORIES css start===== */
.sucess-stories .row {
padding-bottom: 40px;
}
.sucess-stories .row > div {
position: relative;
overflow: hidden;
}
.sucess-stories .row > div a {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.sucess-stories .row > div:hover .stories {
bottom: 0;
}
.sucess-stories .arrow {
position: absolute;
bottom: 0;
right: 0;
z-index: 5;
cursor: pointer;
width: 24px;
}
.stories {
background-color: #036cb6;
width: 100%;
padding: 65px 35px 77px;
border-top: 4px solid #004d8e;
transition: 1s all ease;
height: 186px;
}
.stories h6 {
font-size: 19px;
position: relative;
margin: 0;
line-height: 20px;
}
.stories h6:after {
position: absolute;
content: "";
height: 2px;
width: 72px;
background-color: #fff;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
}
@media (min-width: 1024px) {
.stories {
position: absolute;
bottom: -260px;
}
.sucess-stories .row {
padding-bottom: 62px;
}
}
/*====== SUCCESS STORIES css end===== */
/*====== EMBRACE DIVERSITY css start===== */
/* .embrace-diversity h1{
line-height: 1;
margin-bottom: 10px;
} */
.iframe-image-text .container-fluid .colored-bg + .col-md-6.col-sm-6 {
background-color: #000;
padding-bottom: 85%;
}
.iframe-image-text .container-fluid .colored-bg + .col-md-6.col-sm-6 iframe {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
@media (min-width: 1024px) {
.iframe-image-text .container-fluid .colored-bg + .col-md-6.col-sm-6 {
padding-bottom: 34.95%;
}
}
.our-team-txt {
padding: 36px 24px;
}
.our-team-txt p {
margin-bottom: 23px;
}
.our-team-txt h1 {
font-size: 48px;
line-height: 1;
margin-bottom: 12px;
letter-spacing: -1.6px;
}
.underlined-text {
position: relative;
}
.underlined-text:after {
position: absolute;
width: 100%;
height: 1px;
content: "";
background-color: #fff;
bottom: -3px;
left: 0;
}
@media (min-width: 1024px) {
.embrace-diversity .colored-bg:after,
.achieving-result .colored-bg:after {
top: 36px;
right: -50px;
border-width: 28px;
}
}
@media (min-width: 1200px) {
.our-team-txt {
position: absolute;
bottom: 0;
padding: 48px 14%;
}
}
/*====== EMBRACE DIVERSITY css start===== */
/*========banner css start=======*/
.inner-page-banner p.title {
margin-bottom: 25px;
}
.inner-page-banner h1 {
font-size: 40px;
margin-bottom: 13px;
}
.inner-page-banner p {
margin-bottom: 0;
line-height: 24px;
}
.inner-page-banner a {
margin-top: 22px;
color: #fff !important;
}
@media (min-width: 1024px) {
.inner-page-banner .small-wrapper {
max-width: 100%;
position: absolute;
top: initial;
bottom: 25%;
left: 6.9%;
transform: translate(0);
margin-bottom: 0;
}
.inner-page-banner h1 {
font-size: 72px;
max-width: 1024px;
}
.inner-page-banner:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-image: linear-gradient(34deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
top: 0;
left: 0;
opacity: 0.4;
}
.inner-page-banner p {
max-width: 483px;
}
}
/*========banner css end=======*/
/*========protect hkh css start=======*/
.protect-hkh .small-wrapper p {
font-size: 16px;
}
.protect-hkh .small-wrapper h1 + p {
line-height: 24px;
}
.row-small > div {
padding: 0;
position: relative;
}
@media (min-width: 1024px) {
.row-small > div {
padding: 0 24px;
}
.row-small > div:first-child:after {
content: "";
position: absolute;
height: 100%;
width: 1px;
background: #d1d3d4;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
/*========protect hkh css end=======*/
/* CTA section css start */
.info-section {
padding: 36px 12px 32px;
position: relative;
}
.info-section h4 {
letter-spacing: -0.87px;
line-height: 1.1;
font-size: 20px;
}
.info-section > div {
padding-left: 12px !important;
}
.info-section a.read-more {
margin-top: 12px;
display: block;
}
.info-image {
background-image: url(../../img/wheatarvest.png);
}
@media (min-width: 1280px) {
.info-section:before {
content: "";
position: absolute;
width: 168px;
height: 131px;
background-image: url(../../img/icon/pulse.svg);
background-size: contain;
background-repeat: no-repeat;
left: 0;
bottom: 0;
}
}
@media (min-width: 1024px) {
.info-section > div:before {
position: absolute;
content: "";
width: 1px;
height: calc(100% + 20px);
/* background-color: #000; */
left: 0;
top: -10px;
}
.info-section h4 {
letter-spacing: -0.87px;
font-size: 26px;
}
}
@media (max-width: 1023px) {
.info-image {
padding-bottom: 60%;
}
.info-section {
padding: 48px 24px 48px 12px !important;
}
}
/*========CTA section css end========*/
/*===== mountain and people css start=======*/
.mountain-and-people {
background-image: url('https://www.icimod.org/wp-content/uploads/mountain-bg.png');
background-size: cover;
background-position: center center;
padding: 0;
background-attachment: fixed;
}
.mountain-and-people .row {
margin: 0;
}
@media (min-width: 1024px) {
.mountain-and-people {
padding: 135px 0;
}
section.mountain-and-people:after {
background-image: url(../../img/icon/pulse.png);
position: absolute;
content: "";
height: 489px;
width: 484px;
bottom: -14px;
left: -1px;
z-index: 2;
background-size: contain;
background-repeat: no-repeat;
}
.mountain-and-people .our-team-txt {
padding: 44px 10%;
}
.mountain-and-people p {
margin-bottom: 21px;
}
}
@media (max-width: 1023px) {
section.mountain-and-people .row > div:first-child:after {
background-image: url(../../img/icon/pulse.png);
position: absolute;
content: "";
width: 175px;
height: 239px;
bottom: -66px;
left: -12px;
z-index: 2;
background-size: contain;
background-repeat: no-repeat;
}
.mountain-and-people .container {
padding: 0;
}
}
/*===== mountain and people css end=======*/
/*========= at our core css start======= */
.icon {
height: 60px;
width: 60px;
background-color: #036cb6;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 10px;
}
.icon img {
max-height: 36px;
}
.our-themes h5 {
font-size: 19px;
font-weight: 600;
}
.our-themes .row {
max-width: 1011px;
font-size: 12px;
margin: 0 auto;
margin-top: 60px;
}
.our-themes .row p {
line-height: 19px;
letter-spacing: -0.4px;
}
.our-themes .icon img {
max-width: 32px;
}
@media (min-width: 1024px) {
.our-themes .row > div {
margin-bottom: 66px;
padding: 0 42px;
/* min-height: 200px; */
}
.our-themes .row > div:after {
content: "";
height: 70%;
width: 1px;
background-color: #d1d3d4;
position: absolute;
right: 0;
top: 15%;
left: initial;
transform: translate(0, 0);
}
.our-themes .row > div:nth-child(3n + 3):after {
content: none;
}
.icon {
height: 72px;
width: 72px;
}
}
@media (max-width: 1023px) {
.our-themes .row > div:not(:last-child) {
margin-bottom: 20px;
}
.our-themes .row > div:after {
content: none;
}
}
/*========= at our core css end======= */
/*========= ACHIEVING RESULTS css start======= */
/* .achieving-result .our-team-txt {
padding: 50px 24px;
}
.achieving-result .our-team-txt p {
margin-bottom: 22px;
}
@media(min-width:1024px) {
.achieving-result .our-team-txt {
padding: 50px 14%;
}
} */
/*========= ACHIEVING RESULTS css end======= */
/*========= moving mountains css start======= */
.moving-mountains {
background-image: url(../../img/tilicho-bg.png);
padding: 84px 0;
}
.moving-mountains .small-wrapper {
position: relative;
z-index: 1;
}
@media (min-width: 1024px) {
.moving-mountains {
padding: 93px 0 100px;
}
.moving-mountains.content-left {
padding: 192px 0 48px 0;
}
.content-left .small-wrapper {
margin: 0;
width: 483px;
}
.moving-mountains p.title {
margin-bottom: 39px;
}
.moving-mountains h1 {
font-size: 48px;
letter-spacing: -1.6px;
padding: 0;
margin-bottom: 18px;
}
.moving-mountains h1 + p {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.06px;
margin-bottom: 23px;
}
}
/*========= moving mountains css end======= */
/*======= INFORMATION RESOURCES css start =======*/
.information-resources .small-wrapper h1 + p {
font-size: 16px;
margin-top: 12px;
}
.information-resources .row {
max-width: 100%;
}
.information-resources a.read-more {
justify-content: center;
margin-top: 20px;
}
@media (min-width: 1024px) {
.information-resources .row > div {
margin-bottom: 0;
padding: 0 20px;
}
.our-themes.information-resources .row > div:nth-child(3n + 3):after {
content: "";
height: 70%;
width: 1px;
background-color: #d1d3d4;
position: absolute;
right: 0;
top: 15%;
}
.information-resources .row > div:last-child:after {
display: none;
}
}
/*====INFORMATION RESOURCES css end==== */
/* ===Events around the HKH css start====*/
.our-involvement .small-wrapper {
margin-bottom: 39px;
}
.our-involvement .news-list .news-desc {
min-height: 123px;
}
/* .our-involvement .row.flex-row>div:nth-child(-n+2) {
margin-bottom: 10px;
} */
.our-involvement .row.flex-row > div:not(:nth-last-child(-n + 2)) {
margin-bottom: 0px;
}
@media (min-width: 1024px) {
.our-involvement .row.flex-row > div:not(:nth-last-child(-n + 2)) {
margin-bottom: 0px;
}
}
@media (max-width: 1023px) {
.news-list > div {
width: 100%;
}
.our-involvement > .container > .row {
padding-bottom: 0;
}
}
/* ===Events around the HKH css end====*/
/* =====announcement css start====== */
.announcement p {
margin-bottom: 5px;
}
.announcement-img:before {
left: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(212, 213, 204, 0);
border-width: 20px;
z-index: 6;
top: 30px;
border-left-color: #fdb714;
background-color: transparent !important;
}
@media (min-width: 1024px) {
.announcement-wrapper {
overflow: hidden;
padding: 36px 0 !important;
}
.announcement-wrapper h1 {
font-size: 48px;
letter-spacing: -1.6px;
line-height: 45px;
}
.announcement {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.announcement > div:nth-child(2):before {
position: absolute;
content: "";
width: 1px;
height: 100%;
background-color: #fff;
top: 0;
left: 0;
}
.announcement .col-md-6 {
padding-right: 60px;
}
.announcement-img {
position: absolute;
right: 0;
top: 50%;
transform: translatey(-50%);
width: 241px;
}
}
@media (max-width: 1023px) {
.announcement-wrapper {
padding: 24px 0 0;
}
.announcement-wrapper .container {
padding: 0;
}
.announcement-img {
padding: 24px 0 0;
position: relative;
}
.announcement-wrapper .flex-row {
margin: 0;
}
.announcement-wrapper .flex-row > div[class*="col-"] {
padding: 0 24px;
}
.announcement-img:before {
top: 23px;
left: 24px;
transform: rotate(90deg);
}
}
/* =====announcement css end====== */
/* ======knowlegde creation css start =====*/
.knowlegde-creation {
background-image: url(../../img/publication-2.png);
}
/* ======knowlegde creation css end =====*/
/* =====stay current css start==== */
.stay-current {
padding: 12px 24px;
}
/* .stay-current form{
display: flex;
} */
.stay-current form > div {
display: flex;
width: 100%;
}
.stay-current form input,
.stay-current form select {
width: 100%;
height: 40px;
border: 1px solid #fff;
padding: 0 12px;
font-family: "Source Sans Pro";
margin-bottom: 10px;
font-weight: 600;
color: #585858;
}
.stay-current form .btn {
color: white;
}
.stay-current form .btn:hover,
.stay-current form .btn:focus {
color: #036cb6;
}
.stay-current ::placeholder {
color: #fff;
}
.mc4wp-form-fields label {
position: relative;
top: 0;
padding: 0;
left: 0;
background-color: transparent;
}
.stay-current .select2-container--default .select2-selection--single {
border-color: #fff;
height: 40px;
}
.mc4wp-form-fields span.select2-selection__arrow {
height: 40px !important;
}
/* =====stay current css end==== */
/* =====General inquires css start==== */
.general-inquires .row {
max-width: 856px;
margin: 0 auto;
padding-bottom: 50px;
}
.general-inquires .row p {
font-size: 13px;
line-height: 24px;
margin-bottom: 0;
}
.general-inquires .row p b {
font-weight: 700;
margin-right: 3px;
text-transform: uppercase;
font-family: "Source Sans Pro";
}
.general-inquires .social-icons {
border-top: 1px solid #d1d3d4;
max-width: 855px;
margin: 0 auto;
}
.social-icons {
padding-top: 24px;
}
.social-icons a {
text-decoration: none;
width: 30px;
height: 30px;
background-color: #036cb6;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.social-icons img {
width: auto;
height: 15px !important;
}
.social-icons a:not(:last-child) {
margin-right: 10px;
}
.social-icons a:hover {
background-color: #004d8e;
}
.general-inquires .mapouter iframe {
width: 100%;
margin-top: 48px;
}
@media (min-width: 1024px) {
.general-inquires .row > div:nth-child(2):after,
.general-inquires .row > div:nth-child(2):before {
top: 23px;
content: "";
height: 100px;
width: 1px;
background-color: #d1d3d4;
position: absolute;
}
.general-inquires .row > div:nth-child(2):before {
left: 7px;
}
.general-inquires .row > div:nth-child(2):after {
right: 19px;
}
.social-icons a:not(:last-child) {
margin-right: 20px;
}
.social-icons a {
height: 36px;
width: 36px;
background-color: #036cb6;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.general-inquires .mapouter iframe {
margin-top: 71px;
}
}
@media (max-width: 1023px) {
.general-inquires .row > div {
margin-top: 36px;
}
}
/* =====General inquires css end==== */
/* =====contact us css start==== */
.radio-tabs-wrapper {
justify-content: center;
}
.radio-tabs {
display: flex;
}
/* The radio-btn */
.radio-btn {
display: block;
position: relative;
margin-bottom: 0;
margin-left: 24px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio-tabs > div {
position: relative;
}
/* Hide the browser's default radio button */
.radio-tabs-wrapper input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 12px;
width: 12px;
background-color: #fff;
border-radius: 50%;
border: 1px solid #a7a9ac;
cursor: pointer;
}
/* On mouse-over, add a grey background color */
.radio-tabs-wrapper:hover input + .checkmark {
background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.radio-tabs-wrapper input:checked + .checkmark {
border: 1px solid #036cb6;
}
.radio-tabs-wrapper input:checked + .checkmark + .radio-btn {
color: #036cb6;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.radio-tabs-wrapper input:checked + .checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.radio-tabs-wrapper .checkmark:after {
top: 1px;
left: 1px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #036cb6;
}
.general-inquires-form {
margin-top: 20px;
display: none;
}
.general-inquires-form.active {
display: block;
}
.general-inquires-form br {
display: none;
}
.wpcf7-checkbox label {
position: relative;
}
.wpcf7-form-control-wrap {
display: block;
margin-bottom: 18px;
padding-bottom: 18px;
position: relative;
text-transform: inherit;
}
.general-inquires-form span.wpcf7-not-valid-tip {
position: absolute;
bottom: -2px;
left: 0;
color: #f81212;
}
.general-inquires-form p {
display: block;
width: 100%;
/* float: left; */
font-size: 14px !important;
margin-bottom: 10px !important;
}
.general-inquires-form .wpcf7-response-output {
border: none;
max-width: 780px;
margin: 15px auto 25px auto;
padding: 15px;
text-align: center;
}
.general-inquires-form .wpcf7-validation-errors {
background-color: #ff0000;
color: #fff;
}
.general-inquires-form input,
.general-inquires-form select {
margin-bottom: 0px;
}
.general-inquires-form textarea {
resize: none;
height: 96px;
margin-bottom: 0px;
padding-top: 10px;
}
.general-inquires-form input[type="file"] {
position: relative;
top: 21px;
left: 12px;
border: none;
margin-bottom: 20px;
}
.upload-label {
color: #036cb6;
height: 30px;
line-height: 30px;
width: 114px;
cursor: pointer;
padding: 0 !important;
letter-spacing: 1.05px;
font-size: 12px;
background-color: #fff;
position: absolute;
top: 16px;
left: 0;
}
.upload-wrap {
position: relative;
}
.upload-wrap label {
left: 0;
padding-left: 0;
}
.upload-wrap input {
height: auto;
}
.general-inquires-form p {
display: block;
width: 100%;
/* float: left; */
margin-top: 14px;
}
.required-msg {
font-size: 12px;
position: absolute;
bottom: 3px;
}
.general-inquires-form span.required {
font-size: 12px;
color: #808285;
position: absolute;
bottom: 50px;
left: 12px;
}
.complaint-country > span {
width: 100% !important;
}
@media (min-width: 1024px) {
.radio-tabs > div {
margin-left: 18px;
}
.general-inquires-form .row {
max-width: 800px;
position: relative;
}
}
@media (max-width: 1023px) {
.radio-tabs {
margin-top: 7px;
}
.radio-tabs > div:first-child {
margin-right: 24px;
}
}
/* =====contact us css end==== */
/* ======thank you css start===== */
.thank-you a {
letter-spacing: 0.03px;
}
/* =====thank you css end======= */
/*===== page in progress css start===== */
.page-in-progress {
display: flex;
justify-content: center;
align-items: center;
height: calc(100vh - 136px);
padding-top: 43px;
}
.page-in-progress > .container h1:first-child {
margin-bottom: 52px;
}
.page-in-progress h1 {
font-size: 38px;
}
.red-text {
color: #ed1a3b;
}
/*===== page in progress css end===== */
/* =====archive banner css start=======*/
.no-img-banner {
padding: 70px 0 23px;
}
.no-img-banner h1 {
font-size: 40px;
line-height: 50px;
margin-top: 6px;
margin-bottom: 14px;
/*word-break: break-all;*/
word-break: break-word;
}
.no-img-banner h1 + p {
font-size: 16px;
}
@media (min-width: 1024px) {
.no-img-banner {
padding: 86px 0 47px;
}
.no-img-banner h1 {
font-size: 48px;
line-height: 1;
margin-top: 25px;
word-break: break-word;
}
}
/* =====archive banner css end=======*/
/* =====archive search css end=======*/
#icm_main_search_result {
margin: 48px auto 60px auto;
}
.search-archive .row {
margin-top: 64px;
margin-bottom: 25px;
}
.page-id-1056 .archive-search-result > .container {
max-width: 923px;
}
.p-12 {
font-size: 12px;
}
.archive-result-wrapper .news-desc {
padding: 24px 12px;
}
.archive-result-wrapper a.search-location {
letter-spacing: -0.4px;
line-height: 19px;
}
.archive-result-wrapper .news-desc:first-child {
border-top: 1px solid #e6e7e8;
}
.archive-result-wrapper .news-desc {
max-height: 100%;
}
.search-archive .select2-container--default .select2-selection--multiple {
margin-bottom: 36px;
}
.select2-selection__rendered li {
list-style: none;
}
@media (max-width: 1023px) {
.archive-result-wrapper .news-desc {
padding: 24px 0;
}
.search-archive .row {
margin-bottom: 0;
}
}
/* =====archive search css end=======*/
/* ======Knowledge park css start=====*/
.knowledge-park {
background-image: url(../../img/new-tech.png);
}
/* ======Knowledge park css end=====*/
/* =====events search result css start======*/
.search-keyword {
margin-bottom: 33px;
}
.search-keyword h5 {
margin-bottom: 7px;
}
.search-keyword div {
border: 1px solid #d1d3d4;
padding: 5px 12px;
display: inline-block;
margin-bottom: 12px;
}
.search-keyword div:hover {
border-color: #036cb6;
}
.search-keyword div:hover span {
color: #036cb6;
}
.search-keyword div:not(:last-child) {
margin-right: 12px;
}
.search-keyword div svg {
height: 11px;
margin-left: 10px;
cursor: pointer;
}
.search-keyword svg #swatch,
.search-keyword svg #color {
fill: #036cb6;
}
@media (max-width: 1023px) {
.search-result .search-keyword {
border-bottom: 1px solid #d1d3d4;
padding-bottom: 15px;
}
}
/* =====events search result css end======*/
/* =====childpage banner css start===== */
.childpage-banner h1 {
font-size: 55px;
}
.childpage-banner p {
font-size: 16px;
line-height: 24px;
}
.breadscrum {
position: relative;
width: 100%;
}
.breadscrum a {
color: #525252;
}
.page-title {
text-transform: uppercase;
font-size: 11px;
position: absolute;
/* position: relative;*/
left: 7%;
/* left: 10px;*/
top: 34px;
letter-spacing: 1.14px;
z-index: 9;
}
.page-title:before {
content: "\f0d9";
font-family: fontawesome;
margin-right: 2px;
position: absolute;
left: -10px;
top: 0px;
}
.childpage-banner .our-team-txt {
padding: 94px 24px 36px;
}
.childpage-banner .our-team-txt h1 + p {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.childpage-banner h1 {
font-size: 72px;
}
.childpage-banner .our-team-txt {
padding: 63px 14%;
}
}
/* =====childpage banner css end===== */
/* =====staff listing css start =======*/
.staff-detail {
padding: 12px 0 24px;
}
.staff-detail p {
margin-bottom: 0;
font-size: 12px;
line-height: 19px;
letter-spacing: -0.4px;
}
.staff-detail p.text-primary {
font-size: 13px;
font-weight: 600;
font-family: "Source Sans Pro";
}
.staff-detail p.text-primary + p {
min-height: 38px;
color: #333133;
}
.search-staff .row {
margin-bottom: 10px;
}
.staff-detail a:hover {
text-decoration: none;
}
.staff-detail a p.text-primary:hover {
text-decoration: underline;
}
.directorate {
margin-bottom: 34px;
}
.directorate h4 {
margin-bottom: 8px;
}
.directorate .row {
border-bottom: 1px solid #d1d3d4;
}
.directorate img {
width: 100%;
}
.page-template-template-team .search-archive {
padding-bottom: 0;
}
/* =====staff listing css end =======*/
/* =====staff detail css start==== */
.staff-info-wrapper {
padding-top: 80px;
}
.staff-info-wrapper p,
.qa-list p {
font-size: 16px;
line-height: 24px;
/* margin-bottom: 0; */
}
.name-detail {
font-family: "Source Sans Pro";
padding-bottom: 10px;
border-bottom: 2px solid #036cb6;
margin-bottom: 24px;
}
.name-detail h1 {
font-size: 50px;
font-weight: 200;
letter-spacing: -2px;
}
.name-detail p {
font-size: 20px;
font-weight: 700;
}
.name-detail + div > p {
margin-bottom: 12px;
}
p.bottom-desc {
color: #58595b;
}
.related-article .desc {
padding: 12px;
margin-top: 0px;
overflow: hidden;
}
.related-article .date {
margin-bottom: 9px;
}
.qa-wrapper {
margin-top: 60px;
}
.single-icimod_team .qa + section {
padding-top: 60px;
}
.qa-list {
padding-bottom: 14px;
border-bottom: 1px solid #d1d3d4;
}
.qa-list:not(:last-child) {
margin-bottom: 60px;
}
.question p {
font-size: 20px;
font-weight: 600;
margin-bottom: 35px;
}
.qa-list span {
font-size: 24px;
font-weight: 300;
margin-right: 6px;
line-height: 1;
color: #036cb6;
font-family: "source sans pro";
position: absolute;
left: 0;
top: 0;
}
.qa-list > div {
position: relative;
padding-left: 25px;
}
.staff-info {
border-top: 5px solid #036cb6;
padding: 12px 12px 24px;
border-bottom: 1px solid #d1d3d4;
}
p.department {
font-weight: 600;
margin-bottom: 5px;
}
p.department + p {
font-size: 14px;
line-height: 17px;
}
.staff-social-link {
margin-top: 15px;
}
.staff-social-link a {
margin-right: 12px;
}
.staff-social-link img {
height: 24px;
width: 24px;
}
.staff-mail-icon a {
height: 24px;
width: 24px;
background-color: #036cb6;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.staff-mail-icon img {
width: 15px;
}
.single-icimod_team .related-article {
margin-bottom: 60px;
}
@media (min-width: 1024px) {
.staff-info-wrapper {
padding-top: 123px;
min-height: 500px;
}
.name-detail h1 {
font-size: 60px;
}
.staff-info-wrapper .flex-row {
justify-content: space-between;
}
.user-detail-wrapper,
.qa > div > .qa-list {
width: calc(100% - 295px - 80px);
}
.staff-detail-wrap {
width: 295px;
position: absolute;
right: 0;
top: 123px;
}
.single-icimod_team .related-article {
margin-bottom: 108px;
}
.single-icimod_team .load-more-wrapper {
margin-top: 8px;
}
}
@media (max-width: 1023px) {
.staff-info-wrapper .flex-row {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.staff-info,
.qa-list {
margin-bottom: 36px !important;
}
.qa-wrapper {
margin-top: 40px;
}
.single-icimod_team .qa + section {
padding-top: 20px;
}
}
/* =====staff detail css start==== */
/* =====transboundary landscape css start===== */
.at-glance {
padding: 24px 0 42px;
border-bottom: 5px solid #036cb6;
}
.at-glance .col-md-6 > div:not(:last-child) {
margin-bottom: 30px;
}
.at-glance h5 {
color: #036cb6;
}
.at-glance > div > p {
text-transform: uppercase;
margin-bottom: 23px;
}
ul.at-glance-ul {
padding-left: 0;
}
ul.at-glance-ul li {
list-style-type: none;
}
.regional-program-manager .staff-detail {
padding: 5px 0;
border-top: 6px solid #036cb6;
}
.regional-program-manager p {
font-size: 12px;
}
.regional-program-manager .staff-detail p {
line-height: 15px;
}
.regional-program-manager .staff-detail p.text-primary {
margin-bottom: 3px;
}
.staff-detail p img {
margin-left: 2px;
width: 3px;
}
.staff-detail > h5 {
font-size: 16px;
}
@media (min-width: 1024px) {
.staff-detail > h5 {
display: none;
}
}
@media (max-width: 1023px) {
.regional-program-manager .staff-detail {
border-top: none;
}
.regional-program-manager img {
display: none;
}
}
.location-flags > a {
width: 48px;
margin-right: 12px;
text-align: center;
}
.location-flags > a img {
height: 32px;
margin-bottom: 9px;
width: auto !important;
}
.initiatives .desc h5 {
margin-bottom: 10px;
margin-top: 0;
font-size: 18px;
line-height: 22px;
}
.challenge .row-small {
margin: 0 auto;
}
.challenge h4 {
font-size: 24px;
}
.challenge p {
margin-bottom: 10px;
}
.challenge blockquote {
margin-bottom: 66px;
}
.challenge blockquote:before {
background-color: #036cb6;
}
.challenge img {
max-width: 100%;
height: auto;
}
.left-img-position .our-team-txt h1 {
font-size: 25px;
line-height: 1;
letter-spacing: -1.2px;
}
.left-img-position:after {
/* background-image: url(../../img/icon/pulse.png); */
position: absolute;
content: "";
width: 241px;
height: 231px;
bottom: 0;
left: 2px;
z-index: 9;
background-size: contain;
background-repeat: no-repeat;
}
.featured-publications.left-img-position:after {
background-image: url(../../img/icon/pulse.png);
}
.initiatives .slick-prev:before,
.initiatives .slick-next:before {
color: #58595b;
}
@media (min-width: 1024px) {
.left-img-position .colored-bg:after {
left: -50px;
transform: rotate(-180deg);
right: initial;
border-width: 28px;
}
.left-img-position .our-team-txt h1 {
font-size: 36px;
letter-spacing: -1.2px;
}
.left-img-position:after {
height: 455px;
width: 448px;
bottom: -12px;
left: -25px;
}
.left-img-position .row {
flex-direction: row-reverse;
}
}
/* =====explore sticky css start=======*/
ul.nav.nav-tabs a {
text-transform: uppercase;
position: relative;
padding: 0;
}
ul.nav.nav-tabs a.active {
font-weight: 700;
}
ul.nav.nav-tabs li a.active:after {
content: "";
width: 100%;
height: 2px;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0;
}
.tab-content ul {
padding-right: 20px;
}
.tab-content li a:hover {
text-decoration: underline;
}
.nav-tabs > li {
margin-right: 30px;
margin-bottom: 20px;
}
.explore {
background-color: #036cb6;
width: 100%;
position: fixed;
z-index: 100;
transition: 1s all ease;
display: none;
}
.explore > div {
padding: 24px;
}
.explore a {
color: #fff;
letter-spacing: 0.03px;
}
.explore .tab-pane ul li {
padding: 9px 0;
border-bottom: 1px solid #004d8e;
}
a.explore-txt {
position: absolute;
text-transform: uppercase;
font-family: "Source Sans Pro";
font-size: 16px;
text-decoration: none;
}
a.explore-txt .fa-caret-up:before {
left: 5px;
top: 11px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #ffffff;
border-width: 5px;
}
@media (max-width: 1023px) {
a.explore-txt .fa-caret-up:before {
left: 62%;
top: 18px;
}
}
.explore-txt span {
margin-right: 10px;
}
.explore .tab-content {
height: 280px;
overflow-y: auto;
}
.explore ::-webkit-scrollbar {
width: 6px;
}
/* Track */
.explore ::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
/* Handle */
.explore ::-webkit-scrollbar-thumb {
background: #004d8e;
border-radius: 10px;
}
/* Handle on hover */
.explore ::-webkit-scrollbar-thumb:hover {
background: #004d8e;
}
/* =====explore sticky css end=======*/
/* .initiative-slider .desc h5{
min-height: 66px;
} */
.triple-data-content .desc h5 {
font-size: 20px;
letter-spacing: -0.67px;
line-height: 22px;
}
.double-data-content .desc h5 {
font-size: 24px;
line-height: 30px;
letter-spacing: -1.22px;
margin-bottom: 9px;
}
/* .regional-list .desc h5{
min-height: 66px;
} */
.challenge .row-small > div:after {
content: none;
}
@media (min-width: 1024px) {
.location {
max-width: 340px;
padding-left: 88px;
}
/* .challenge .row-small {
padding-right: 199px;
} */
.explore {
background-color: #036cb6;
left: -372px;
max-width: 372px;
position: fixed;
z-index: 100;
transition: 1s all ease;
top: 32%;
}
.explore.show-sticky {
left: 0;
transition: 1s all ease;
}
a.explore-txt:hover {
background-color: #004d8e;
}
a.explore-txt {
right: -63px;
transform: rotate(90deg);
background-color: #036cb6;
padding: 5px 10px;
top: 34px;
border: 1px solid #036cb6;
color: #ffffff;
cursor: pointer;
}
.show-sticky a.explore-txt {
top: 38px;
padding-left: 26px;
right: -71px;
background-color: #ffffff;
color: #036cb6;
}
.explore.show-sticky a.explore-txt span:before {
content: "";
background-image: url(../../img/icon/close-dark.svg);
height: 12px;
width: 12px;
position: absolute;
top: 50%;
transform: translatey(-50%);
left: 10px;
border: none;
}
.regional-program-manager {
width: 138px;
position: absolute;
right: 12px;
top: -90px;
z-index: 2;
}
.slick-dots li button {
display: none;
}
}
@media (max-width: 1023px) {
.at-glance {
border-bottom: none;
padding: 24px 0 0;
}
.at-glance .row > div:not(:last-child) {
margin-bottom: 24px;
}
/* a.explore-txt{
background-color: #004d8e;
width: 100%;
left: 0;
top: -50px;
padding: 14px;
text-align: center;
} */
a.explore-txt {
background-color: #004d8e;
width: 100%;
left: 0;
top: -50px;
padding: 14px;
text-align: center;
display: block;
position: initial;
transition: 2s all ease;
}
.explore.show-sticky > div {
bottom: 0;
}
.show-sticky .explore-txt {
position: relative;
top: initial;
bottom: 367px;
}
.explore > div {
padding: 24px;
position: absolute;
width: 100%;
background-color: #036cb6;
transition: 2s all ease;
}
.explore.show-sticky {
overflow: visible;
}
.explore {
background-color: #036cb6;
width: 100%;
position: relative;
z-index: 9;
transition: 1s all ease;
overflow: hidden;
}
/* .explore{
bottom: -368px;
}
.explore.show-sticky {
bottom: 0;
} */
}
/* =====transboundary landscape css end===== */
/* ======regional member country css start===== */
.country-banner .banner-flag {
margin-bottom: 24px;
}
@media (max-width: 1023px) {
.country-banner .small-wrapper {
background-color: #ffffff;
color: #036cb6;
text-align: left;
padding: 21px 24px 21px;
}
.country-banner .banner-flag img {
width: 75px;
}
.country-banner .underlined-text:after {
background-color: #036cb6;
}
.country-banner h1.text-white {
color: #333133;
font-size: 55px;
}
}
/* ======regional member country css end===== */
/* ======privacy policy css start===== */
.small-container {
max-width: 1200px;
margin: 0 auto;
padding: 0px 24px;
}
.small-container > div {
margin-bottom: 40px;
}
.small-container > div p:not(:last-child) {
margin-bottom: 25px;
}
.small-container > div h5 {
margin-bottom: 8px;
font-size: 24px;
}
.terms-of-use p {
font-size: 16px;
line-height: 24px;
}
.terms-of-use h4 {
line-height: 1;
}
/* ======privacy policy css end===== */
/* ======mission vission page css start===== */
.our-vision-gallary .row-small > div {
justify-content: space-between;
margin-bottom: 10px;
}
.our-vision-gallary .row-small > div:first-child:after {
content: none;
}
.vision-img-list {
flex-direction: column;
/* justify-content: space-between; */
flex-wrap: nowrap;
}
.vision-featured-img,
.vision-img-list > div {
position: relative;
margin-bottom: 10px;
}
.our-vision-gallary span {
letter-spacing: -0.4px;
font-size: 12px;
}
.page-id-49 .mission-vision .load-more-wrapper {
display: none;
}
@media (min-width: 1024px) {
.vision-featured-img {
width: calc(100% - 316px - 13px);
}
.vision-img-list {
width: 316px;
}
.our-vision-gallary {
margin-top: 61px;
}
.our-vision-gallary .row-small > div {
padding: 0;
}
span.img-count {
background-color: #036cb6;
height: 24px;
width: 24px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
position: absolute;
right: 12px;
bottom: 12px;
}
}
@media (max-width: 1023px) {
.our-vision-gallary .row-small {
padding: 0 24px;
}
.our-vision-gallary .flex-row > div {
margin-bottom: 12px;
}
}
/* ======mission vission page css end====== */
/*====== success story page start====== */
.search-success-story .row {
margin-top: 0;
}
.back {
text-align: center;
border-top: 3px solid #036cb6;
border-bottom: 3px solid #036cb6;
padding: 30px 0;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.back img {
width: 60px;
}
.quote {
font-size: 29px;
line-height: 40px;
font-weight: 300;
padding: 12px 0 18px;
color: #000;
}
.personal-detail {
text-transform: uppercase;
}
.personal-detail p {
margin: 0;
}
.personal-detail p.text-primary + p {
font-size: 10px;
line-height: 1;
color: #58595b;
}
.stories-thumb {
position: relative;
overflow: hidden;
height: 100%;
}
.stories-thumb .stories-front {
position: relative;
}
.stories-thumb .stories-front .play {
background-color: rgba(51, 49, 51, 0.35);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.stories-thumb .stories-front .play:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 79px;
height: 79px;
display: flex;
align-items: center;
justify-content: center;
background-image: url(../../img/icon/ico-play.svg);
background-size: contain;
}
.stories-thumb .desc {
min-height: 123px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.stories-thumb .secondary-font {
position: relative;
}
.stories-thumb .secondary-font a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* .stories-thumb .secondary-font {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateY(-105%);
-moz-transform: translateY(-105%);
transform: translateY(-105%);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
background-color: #fff;
}
.stories-thumb .secondary-font a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.stories-thumb:hover .secondary-font {
bottom: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
} */
.noborder:after {
width: 100%;
}
.noborder span {
padding: 0;
}
.noborder .btn {
border: none;
}
.noborder i {
margin-left: 3px;
}
.page-id-1563 .no-results .page-header {
display: none;
}
.page-id-1563 .no-results .page-content {
text-align: center;
padding: 60px 24px 80px;
color: #036cb6;
font-size: 20px;
}
.page-id-1563 .regional-program + .section-padding-top {
padding-top: 0;
}
.page-id-1563 footer .page-id-4478 footer {
margin-top: 24px;
}
.single-success_stories .terms-of-use, .single-success_stories .news-detail-img{
margin-bottom: 20px !important;
}
.single-success_stories .timeline-bar p {
font-family: Source Serif Pro;
font-size: 20px;
margin-top: -25px;
line-height: 24px;
}
.single-success_stories .slick-track{
width: 100% !important;
}
.single-success_stories .regional-program .slick-track > div{
min-width: 300px;
}
.single-success_stories .privacy-policy {
margin-bottom: -60px;
}
.single-success_stories .right-wrapper img {
margin-bottom: -25px;
}
.page-id-1563 .related-article {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.page-id-1563 .related-article .row > div,
.page-id-1563 .load-more-wrapper {
margin-bottom: 84px;
}
.page-id-1563 .search-success-story {
padding-bottom: 0;
}
}
/*====== success story page end====== */
/* At a glance ul section css-starts */
ul.at-glance-ul li {
margin-bottom: 8px;
position: relative;
padding-left: 8px;
}
ul.at-glance-ul li:before {
content: "";
width: 4px;
height: 4px;
background-color: #036cb6;
position: absolute;
top: 7px;
left: 0;
}
/* At a glance ul section css-ends */
/* cryosphere css starts */
.right-first a {
display: block;
}
@media (min-width: 1024px) {
.left-first {
width: 376px;
margin-right: 48px;
}
.right-first {
width: 280px;
}
.left-content-wrapper .left-second .location {
max-width: 240px;
padding-left: 0;
}
}
/* cryosphere css ends */
.partner-organizations #accordionExample {
margin: 0;
}
.partner-organizations .accordion h4 {
margin-bottom: 0;
}
.partner-organizations .accordion h4 button {
width: 100%;
text-align: left;
border-bottom: 2px solid #e6e7e8;
color: #333133;
font-weight: 300;
position: relative;
padding: 36px 30px 12px 12px;
letter-spacing: -1.1px;
transition: 0.5s all ease;
line-height: 30px;
font-size: 33px;
}
.accordion .btn-link:after {
right: 12px;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #036cb6;
border-width: 9px;
}
.partner-organizations .accordion h4 button[aria-expanded="true"] {
color: #036cb6;
font-weight: 700;
}
.accordion h4 button[aria-expanded="true"]:after,
.accordion h4 a[aria-expanded="true"]:after {
transform: rotate(90deg);
}
.partner-organizations .card-body {
background-color: #f1f2f2;
}
.partner-organizations .card-body .column-reverse:not(:last-child) {
border-bottom: 1px solid #e6e7e8;
}
.partner-organizations .card-body .column-reverse {
padding: 24px 12px;
}
.partner-organizations .card-body .column-reverse p {
margin-bottom: 0 !important;
}
.partner-organizations .card-body p a {
letter-spacing: -0.03px;
font-size: 16px;
transition: 0.5s all ease;
}
.partner-organizations .card-body p a:hover {
font-weight: 600;
transition: 0.5s all ease;
}
.ministry-affair img {
width: 176px;
}
@media (min-width: 1024px) {
.partner-organizations .accordion h4 button {
line-height: 30px;
}
.partner-organizations .card-body {
padding: 0 24px 15px;
}
.partner-organizations .card-body p.text-primary {
width: calc(100% - 160px);
padding-right: 30px;
}
.partner-organizations .card-body p {
width: 160px;
}
.partner-organizations .card-body .column-reverse {
padding: 24px 0 12px;
}
}
@media (max-width: 1023px) {
.partner-organizations .card-body .column-reverse p:last-child {
margin-bottom: 6px !important;
}
}
/***--- css fixing for accordion flexible component ---***/
.faq.partner-organizations .accordion h4 button.question {
text-decoration: none;
margin-bottom: 10px;
}
.faq.partner-organizations .accordion .answer {
margin-bottom: 10px;
}
/*=======mountain listing page design css ======*/
/*top-list-gallery-section */
.top-featured-img,
.list-img {
position: relative;
overflow: hidden;
}
.top-featured-img img,
.list-img img {
transition: 1s all ease;
}
.top-featured-img:hover img,
.list-img:hover img {
transition: 1s all ease;
transform: scale(1.2);
}
.top-featured-img img {
width: 100%;
}
.top-featured-img:before,
.list-img:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-image: linear-gradient(34deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
top: 0;
left: 0;
opacity: 0.6;
z-index: 1;
}
.list-img {
width: 100%;
position: relative;
}
.list-img img {
width: 100%;
}
.list-desc {
position: absolute;
left: 24px;
bottom: 20px;
z-index: 2;
}
.list-desc h5 {
margin: 0;
}
.list-desc h2,
.list-desc h5,
.list-desc a {
color: white !important;
}
.list-desc .read-more i:before {
border-left-color: #ffff;
}
.list-desc:hover a {
color: #036cb6 !important;
text-decoration: underline;
}
.list-desc:hover .read-more i:before {
border-left-color: #036cb6;
}
/*middle-list-gallery-section */
.middle-list-gallery-section .list-img {
width: 100%;
}
.list-desc h2,
.list-desc h5 {
margin: 0;
}
.list-desc h2 {
line-height: 1;
}
@media (min-width: 1024px) {
.top-featured-img {
width: 66.69%;
}
.top-featured-list.flex-row {
width: 33.3%;
}
.middle-list-gallery-section .list-img {
width: calc(100% / 3);
}
.bottom-list-gallery-section {
flex-direction: row-reverse;
}
}
/*=======mountain listing page design end ======*/
/*=======news detail page design start ======*/
.p-12 {
font-size: 12px;
}
.small-container blockquote {
margin-bottom: 68px;
}
.small-container .date {
margin-bottom: 10px;
}
.tags {
border-bottom: 1px solid #d1d3d4;
padding-bottom: 5px;
}
.tags strong {
font-family: "Source Sans Pro";
}
.tags a {
color: #333133;
letter-spacing: -0.4px;
}
.tags a:hover {
color: #036cb6;
}
/* timeline-css-starts */
.timeline-txt {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 12px 0 !important;
}
.timeline-txt p {
letter-spacing: 1.23px;
margin: 0 !important;
}
.timeline-txt p:last-child {
margin-left: auto !important;
}
.fixme {
position: fixed;
background-color: #fff;
padding: 0 24px;
top: 57px;
z-index: 9;
width: 100%;
left: 50%;
transform: translatex(-50%);
}
.timeline-bar.fixme {
max-width: 824px;
}
@media (min-width: 1024px) {
.fixme {
top: 88px;
/* max-width: 824px; */
}
}
/* timeline-css-end */
/* news-bottom-section-css-starts */
.news-detail-bottom {
display: flex;
align-items: center;
margin-bottom: 35px;
}
.news-detail-img span {
padding: 6px;
display: inline-block;
}
.news-bottom-img {
margin-right: 10px;
display: inline-block;
}
.news-bottom-img img {
width: 76px;
height: 76px;
}
.news-bottom-img a {
padding: 5px 0;
display: block;
}
.news-bottom-section .social-icons {
padding: 0;
margin-left: auto;
}
.news-bottom-section .social-icons p {
letter-spacing: 1.23px;
margin-bottom: 5px !important;
}
.news-bottom-section .social-icons a:not(:last-child) {
margin-right: 12px;
}
@media (min-width: 1024px) {
.news-bottom-section {
display: flex;
justify-content: space-between;
align-items: center;
}
.news-detail-bottom {
margin-bottom: 0;
}
}
@media (max-width: 1023px) {
.news-detail-img img {
/* width: calc(100% + 48px); */
width: 100%;
position: relative;
/* left: -24px; */
}
.news-bottom-img a {
font-size: 12px;
}
}
/*=======news detail design end ======*/
section ul {
padding-left: 20px;
}
section ul li {
list-style: disc;
}
section ol li {
list-style: decimal;
}
/* pagination starts */
.pagination {
margin-top: 60px;
display: inline-flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
width: 100%;
}
.next.page-numbers,
.prev.page-numbers {
font-size: 0;
}
.next.page-numbers:after,
.prev.page-numbers:after {
content: "";
top: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-width: 4px;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
}
.prev.page-numbers:after {
border-right-color: #036cb6;
}
.next.page-numbers:after {
border-left-color: #036cb6;
}
.pagination > * {
position: relative;
width: 25px;
text-align: center;
height: 25px;
line-height: 25px;
margin: 0 5px;
}
.pagination > *:not(:first-child)::before {
content: "/";
position: absolute;
top: 0px;
left: -7px;
color: #d1d3d4;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
font-size: 14px !important;
}
.pagination > a.active {
color: #036cb6;
text-decoration: underline;
}
/* .pagination a:first-child {
margin-right: 0;
width: 10px;
}
.pagination a:nth-child(2) {
content: none;
}
.pagination a:last-child {
width: 10px;
margin-left: 0;
} */
/* arrow-box */
.arrow_box {
position: relative;
}
.arrow_box:after,
.arrow_box:before {
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(3, 108, 182, 0);
border-width: 4px;
transform: translateY(-50%);
}
.arrow_box:after {
right: 100%;
border-right-color: #036cb6;
}
.arrow_box:before {
left: 100%;
border-left-color: #036cb6;
}
@media (max-width: 1023px) {
.pagination a {
font-size: 12px;
}
}
/*===== lets start, policy briefs and get involved css start===== */
.lets-talk {
padding-bottom: 70px;
}
.lets-talk .logo {
margin-bottom: 23px;
}
.lets-talk .logo img {
max-width: 72px;
}
.lets-talk h1 {
font-size: 40px;
margin-bottom: 12px;
line-height: 1;
}
.lets-talk p {
font-size: 16px;
line-height: 24px;
margin-bottom: 35px;
}
@media (min-width: 1024px) {
.lets-talk {
padding-bottom: 74px;
}
.lets-talk h1 {
font-size: 48px;
margin-bottom: 0;
}
.policy-brief h1 {
font-size: 38px;
margin-bottom: 7px;
}
}
@media (max-width: 1023px) {
.lets-talk {
padding-top: 47px;
}
}
/*===== lets start and get involved css end===== */
/* seacrh banner css satrt */
.search-banner {
padding: 60px 0 80px;
}
.search-banner h1 {
font-size: 40px;
line-height: 43px;
}
@media (min-width: 1024px) {
.search-banner {
padding: 108px 0 161px;
}
.search-banner h1 {
font-size: 48px;
}
.search-banner .small-wrapper {
max-width: 624px;
margin: 0px auto 48px;
}
}
/* seacrh banner css end */
/* checkbox css start */
.checkbox-wrapper {
margin-bottom: 36px;
}
.checkbox-wrapper label {
position: initial;
display: inline-flex;
}
input[type="checkbox"] {
height: 19px;
width: auto;
top: 6px;
}
.checkbox-wrapper span.wpcf7-list-item {
width: 100%;
margin: 0;
}
span.wpcf7-list-item-label {
padding-top: 6px;
padding-left: 10px;
padding-right: 15px;
}
@media (min-width: 1024px) {
.checkbox-wrapper span.wpcf7-list-item {
width: 50%;
}
}
/* checkbox css end */
/* radio btn design start*/
input[type="radio"] {
height: 24px;
width: auto;
margin: 0 10px;
}
span.wpcf7-form-control.wpcf7-radio > span {
display: inline-flex;
align-items: center;
padding-top: 10px;
}
.search-form input[type="text"] {
background-color: #004d8e;
border: none;
color: #fff;
text-align: center;
font-size: 19px;
height: 60px;
letter-spacing: -0.63px;
margin-bottom: 0;
box-shadow: 0 0 0px 1000px #004d8e inset;
-webkit-text-fill-color: white;
}
.search-form ::placeholder {
color: #fff;
}
.search-text {
position: relative;
}
.search-text:before {
content: "";
background-image: url(../../img/icon/serach-icon-white.svg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30%;
height: 18px;
width: 18px;
background-size: contain;
}
.search-clicked:before {
content: none;
}
.search-form .flex-row {
justify-content: space-between;
align-items: center;
}
.search-form .flex-row > div {
position: relative;
width: auto;
margin-bottom: 16px;
}
.search-form span {
background-color: #004d8e;
height: 12px;
width: 12px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: relative;
top: -7px;
right: 0;
cursor: pointer;
}
.search-form span img {
max-width: 6px;
height: auto;
}
.search-banner .small-container {
padding: 0;
max-width: 744px;
}
.search-banner .flex-row {
display: flex;
flex-wrap: wrap;
margin-top: 60px;
}
.tootip {
position: absolute;
background: #fff;
color: #000;
font-size: 12px;
letter-spacing: -0.04px;
line-height: 15px;
padding: 8px;
right: -134px;
top: -24px;
width: 121px;
z-index: 2;
display: none;
}
.tootip:before {
content: "\f0d9";
font-family: fontawesome;
font-size: 30px;
position: absolute;
left: -7px;
top: 30%;
color: #fff;
}
.search-form span:hover + .tootip {
display: block;
}
@media (max-width: 1023px) {
.search-form .flex-row > div:last-child {
text-align: center;
width: 100%;
margin-top: 36px;
}
.search-form input[type="text"] {
font-size: 16px;
text-align: left;
padding: 19px 26px 19px 41px;
}
.search-text:before {
left: 15px;
}
.search-form .flex-row > div:nth-child(2) .tootip {
right: 29px;
}
.search-form .flex-row > div:nth-child(2) .tootip:before {
right: -10px;
left: initial;
transform: rotate(180deg);
}
}
.search-form label {
position: relative;
background-color: transparent;
padding: 0;
left: 0;
}
.search-form [type="radio"] {
margin: 0 5px 0 0;
}
.search-form label {
position: relative;
background-color: transparent;
padding: 0 5px 0 0;
left: 0;
}
/* .search-form [type="radio"]:checked,
.search-form [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.search-form [type="radio"]:checked+label,
.search-form [type="radio"]:not(:checked)+label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #fff;
background: transparent;
left: 0;
font-weight: 600;
font-size: 14px;
margin: 0;
top: 0;
padding-right: 0;
}
.search-form [type="radio"]:checked+label:before,
.search-form [type="radio"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #fff;
}
.search-form [type="radio"]:checked+label:after,
.search-form [type="radio"]:not(:checked)+label:after {
content: '';
position: absolute;
left: 10px;
top: -6px;
width: 8px;
height: 18px;
border: solid #fdb714;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg) !important;
}
.search-form [type="radio"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.search-form [type="radio"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} */
/* radio btn design end */
/* search-wrapper start */
.news-wrapper {
justify-content: space-between;
}
.news-wrapper:first-child {
border-top: 1px solid #d1d3d4;
}
.search-wrapper .news-wrapper {
border-bottom: 1px solid #d1d3d4;
padding: 24px 0;
}
.search-wrapper .news-wrapper .news-desc {
border-bottom: none;
max-height: none;
}
.search-wrapper .news-wrapper .date {
padding: 12px 0 12px 8px;
}
.search-wrapper .news-wrapper .date:before {
top: 16px;
}
.search-wrapper .news-wrapper .news-desc a.search-location {
letter-spacing: -0.4px;
}
.search-wrapper .news-wrapper .news-img {
background-color: #e6e7e8;
}
.search-wrapper .news-wrapper .news-img div {
height: 146px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
}
@media (min-width: 1024px) {
.search-wrapper .news-wrapper .news-img {
width: 209px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.search-wrapper .news-wrapper .news-desc {
width: calc(100% - 209px - 24px);
padding-right: 15px;
}
}
/* loader-wrapper */
section.loader-section {
padding: 72px 0 109px 0;
text-align: center;
width: 100%;
}
.loader-wrapper {
text-align: center;
position: relative;
}
.loader-wrapper h5 {
margin-bottom: 12px;
}
/* Loader-css-starts */
.loader {
border: 8px solid #e6e7e8;
border-radius: 50%;
border-top: 8px solid #036cb6;
width: 84px;
height: 84px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
margin: 0 auto;
position: relative;
}
/* Safari */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Loader-css-ends */
.loader-img {
position: absolute;
top: 60px;
left: 50%;
transform: translate(-50%);
}
.loader-img img {
width: 41px;
height: 41px;
}
/* search-wrapper end */
/* highest peak by region css start */
.text-content-left .row-small > div {
max-width: 824px;
}
.text-content-left .row-small > div:after {
content: none;
}
.region-highest-peak {
padding: 30px 0 15px;
}
.highest-peak-slider .slick-list {
padding-top: 20px;
}
.highest-peak-slider .slick-prev:before,
.highest-peak-slider .slick-next:before {
color: #58595b;
}
.highest-peak-slider .slick-prev {
left: 2px;
}
.highest-peak-slider .slick-next {
right: 2px;
}
@media (min-width: 1024px) {
.region-highest-peak {
padding: 60px 0 15px;
}
/* .highest-peak-slider .slick-list {
padding-top: 119px;
} */
.highest-peak-slider .slick-prev {
left: 60px;
}
.highest-peak-slider .slick-next {
right: 60px;
}
}
/* highest peak by region css end */
/*======= highest peak by country css start ======*/
.highest-country-wrapper {
padding: 48px 0 42px;
}
.highest-country {
margin-top: 50px;
}
.country img {
margin: 0 auto;
margin-bottom: 8px;
max-height: 45px;
}
.country p.title {
margin-bottom: 10px;
}
.highest-country .country span {
display: block;
line-height: 1;
font-size: 10px;
}
/*======= highest peak by country css end ======*/
/*======= area and population data css start===== */
.data {
position: relative;
padding: 38px 6% 36px;
width: 100%;
}
.data h4 {
font-size: 25px;
margin-bottom: 15px;
}
.data table {
width: 100%;
}
.data table tr:first-child {
vertical-align: bottom;
}
.data th {
font-family: "Source Sans Pro";
line-height: 15px;
padding-bottom: 5px !important;
border-bottom: 1px solid #d1d3d4;
text-transform: uppercase;
font-size: 12px;
}
.data th,
.data td {
padding: 0 24.5px;
}
.data table tr:nth-child(2) td {
padding-top: 12px;
}
.data td {
padding-bottom: 12px;
}
.data tr th:first-child,
tr td:first-child {
padding-left: 0;
}
.data tr td:not(:first-child),
.data tr th:not(:first-child) {
text-align: center;
}
.data table tr:last-child td {
border-top: 2px solid #036cb6;
padding-top: 12px;
border-bottom: none;
font-weight: 700;
font-family: "Source Sans Pro";
}
.data tr td:last-child,
.data tr th:last-child {
text-align: right;
}
.arrow {
position: relative;
}
.arrow:after {
top: 0;
right: -18px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #036cb6;
border-width: 6.5px;
}
.arrow.down:after {
transform: rotate(-180deg);
top: 7px;
}
.area-population.row-reverse .colored-bg:after {
right: initial;
left: -40px;
transform: rotate(180deg);
}
@media (min-width: 1024px) {
.area-population {
display: flex;
}
}
@media (max-width: 1023px) {
.area-population .img img {
width: 100%;
}
.table-responsive {
border: none;
}
}
/*======= area and population data css end==== */
/*====== livelihoods css start===== */
.user-profile {
padding: 0;
border: none;
}
.user-profile .container {
position: relative;
}
.user-profile.col-md-5.col-sm-5 {
position: initial;
}
.text-content-left blockquote:before {
background-color: #036cb6;
}
.text-content-left .row-small {
margin-top: 0;
}
.text-content-left p {
margin-bottom: 25px;
}
.text-content-left p:last-child {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.user-profile .regional-program-manager {
top: -27px;
}
}
/*====== livelihoods css end====== */
/* ======footer css start====== */
footer {
background-color: #f1f2f2;
position: relative;
}
/* scroll to top css start */
.scrollTop {
position: absolute;
top: 0;
right: 4%;
height: 24px;
width: 24px;
border: 1px solid #036cb6;
display: inline-flex;
justify-content: center;
align-items: center;
transition: all 0.4s ease-in-out 0s;
cursor: pointer;
}
.scrollTop a {
line-height: 0;
}
.scrollTop a:after {
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #036cb6;
border-width: 5px;
}
.scrollTop:hover {
background-color: #036cb6;
}
.scrollTop:hover a:after {
border-bottom-color: #ffffff;
}
/* scroll to top css end */
ul.footer-nav {
padding: 0;
position: relative;
}
ul.footer-nav:after {
position: absolute;
width: 100%;
max-width: 856px;
height: 1px;
background-color: #036cb6;
content: "";
left: 50%;
bottom: 0;
transform: translateX(-50%);
opacity: 0.4;
}
ul.footer-nav li {
display: block;
padding-bottom: 20px;
text-align: center;
}
.footer-nav li a {
padding: 0 11px;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.53px;
line-height: 16px;
color: #333133;
position: relative;
}
.footer-nav li.active a,
ul.footer-nav li.current-page-ancestor a {
color: #036cb6;
font-weight: 700;
}
.footer-nav li a:hover {
color: #036cb6;
}
.copyright {
font-size: 10px;
padding: 34px 0 19px;
}
.copyright a {
letter-spacing: -0.33px;
color: #333133;
padding-left: 12px;
margin-left: 12px;
text-decoration: underline;
}
.copyright a:hover {
color: #036cb6;
}
.copyright a:not(:first-child) {
border-left: 1px solid #333133;
}
.copyright span {
display: block;
}
.footer-logo {
position: absolute;
background-color: #036cb6;
bottom: 0;
right: 0;
height: 57px;
width: 57px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.footer-search {
padding: 18px 25px;
border-bottom: 1px solid #d1d3d4;
display: none;
}
.footer-search img {
width: 24px;
cursor: pointer;
}
.footer-search img.close-btn {
width: 18px;
float: right;
}
footer .social-icons a {
height: 30px;
width: 30px;
}
footer .social-icons a:not(:last-child) {
margin-right: 14px;
}
footer .social-icons img {
height: 24px !important;
}
@media (min-width: 1024px) {
footer {
padding-top: 47px;
}
footer:before {
content: "";
width: 57px;
height: 57px;
display: block;
position: absolute;
right: 0;
bottom: 0;
background-image: url(../../img/icon/logo-white.svg);
background-color: #036cb6;
background-size: 42px 42px;
background-repeat: no-repeat;
background-position: center center;
}
.scrollTop {
top: 13px;
}
footer .social-icons {
padding-top: 24px;
}
footer .social-icons a:not(:last-child) {
margin-right: 20px;
}
footer .social-icons a {
height: 24px;
width: 24px;
}
ul.footer-nav {
padding-bottom: 34px;
max-width: 1029px;
margin: 0 auto;
}
ul.footer-nav li {
display: inline-block;
padding-bottom: 0;
text-align: left;
}
.footer-nav li a {
font-weight: 600 !important;
}
.footer-nav li.active a,
ul.footer-nav li.current-page-ancestor a {
text-decoration: underline;
}
.footer-nav li:not(:last-child) a {
border-right: 1px solid #d1d3d4;
}
.copyright a {
border-left: 1px solid #333133 !important;
}
.copyright span {
display: inline-block;
}
}
@media (max-width: 1023px) {
ul.footer-nav li.active,
ul.footer-nav li.current-page-ancestor {
position: absolute !important;
top: 0 !important;
left: 0;
width: 100%;
}
/* ul.footer-nav.showfooter li.active, ul.footer-nav.showfooter li.current-page-ancestor {
position: relative;
} */
.footer-nav li a {
text-transform: uppercase;
}
ul.footer-nav {
padding-top: 36px;
margin-top: 38px;
max-height: 39px;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
ul.footer-nav.showfooter {
padding: 36px 0 16px;
}
ul.footer-nav.showfooter li {
position: unset !important;
}
.footer-nav.showfooter {
max-height: 500px;
transition: max-height 0.25s ease-in;
margin-top: 0;
}
.slide-footer-icon {
position: absolute;
right: 26%;
cursor: pointer;
top: 0;
width: 5px;
display: block;
z-index: 1;
}
.slide-footer-icon img {
transform: rotate(-90deg);
max-width: 100%;
}
ul.footer-nav.showfooter li {
display: block;
}
.showfooter a.slide-footer-icon {
display: none;
}
ul.footer-nav li:not(.active),
ul.footer-nav li:not(.current-page-ancestor) {
position: relative;
}
ul.footer-nav li {
display: block;
padding-bottom: 20px;
text-align: center;
}
ul.footer-nav.showfooter li:not(.active),
ul.footer-nav li:not(.current-page-ancestor) {
top: 0 !important;
}
}
/* ======footer css end====== */
.show-mobile {
display: block;
}
.show-desktop {
display: none;
}
@media (min-width: 1024px) {
.show-desktop {
display: block;
}
}
@media (min-width: 1024px) {
.show-mobile {
display: none;
}
}
.img-actual {
position: absolute;
top: 0;
opacity: 0.4;
z-index: 3;
width: 100%;
display: none;
}
/* =====staff and structure css start==== */
.page-id-66 .initiative-slider .desc h5 {
min-height: auto;
}
.page-id-66 .related-article .row {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.page-id-66 .row-small {
margin: 36px auto 60px;
}
}
/* =====staff and structure css start==== */
/* regional country css start */
.postid-149 .related-article .row {
margin-bottom: 0;
}
/* regional country css end */
/* slick slider css start*/
.slick-track > div:focus {
outline: none;
}
/* slick slider css end*/
/* .map-wrap {
margin-bottom: 30px;
} */
.objects {
position: relative;
}
.object-label {
position: absolute;
width: 12px;
height: 12px;
background-color: #036cb6;
border-radius: 50%;
cursor: pointer;
}
.object-info {
position: absolute;
display: none;
z-index: 1;
left: 50%;
bottom: 35px;
margin-left: -4.3em;
padding: 4px 5px 10px;
border: 0;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #036cb6;
background-color: #f1f2f2;
min-width: 125px;
text-align: center;
text-transform: uppercase;
}
.object-info:after,
.object-info:before {
content: "";
position: absolute;
top: 100%;
left: 60%;
margin-left: -16px;
width: 0;
height: 0;
border: solid transparent;
}
.object-info:after {
border-color: rgba(161, 213, 19, 0);
border-top-color: #f1f2f2;
border-width: 13px;
margin-left: -30px;
}
.object-info:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #036cb6;
border-width: 16px;
margin-left: -33px;
}
.object-info.in {
display: block;
}
.object-title {
font-size: 14px;
font-weight: 900;
letter-spacing: 1.23px;
text-transform: uppercase;
margin-bottom: 0;
}
.object-content p {
font-size: 11px;
margin-bottom: 0;
line-height: 1;
text-align: center;
font-family: "Source Sans Pro";
}
@media (max-width: 1023px) {
.object-info {
text-transform: uppercase;
min-width: auto;
width: 80px;
word-break: break-all;
bottom: 22px;
margin-left: -2.9em;
}
.object-info:before {
border-width: 9px;
}
.object-info:after,
.object-info:before {
left: 80%;
}
.object-info:after {
border-width: 6px;
}
.object-title {
font-size: 11px;
letter-spacing: normal;
}
.object-label {
width: 5px;
height: 5px;
}
}
/*===== form the field css start===== */
.from-field .our-team-txt p.title {
margin-bottom: 0;
line-height: 1;
}
.from-field .our-team-txt h1 {
font-weight: 300;
line-height: 1.3;
margin-bottom: 58px;
}
.from-field .our-team-txt div p {
margin-bottom: 0;
line-height: 16px;
}
.news-bottom-section.about-study {
align-items: flex-end;
margin-top: 13px;
padding-bottom: 52px;
position: relative;
}
.contributors {
padding-top: 21px !important;
position: relative;
}
.news-bottom-section.about-study:before {
content: "";
width: 100%;
height: 1px;
background-color: #d1d3d4;
position: absolute;
bottom: 0;
}
.contributors > div {
margin-bottom: 8px;
}
.contributors h5 {
font-weight: 600;
margin-bottom: 12px;
}
.contributors h6 {
margin-bottom: 0;
}
.contributors h6,
.contributors p {
font-size: 12px;
}
/*===== form the field css end====== */
/* event detail page css start */
.privacy-policy p.title {
margin-bottom: 0 !important;
}
.privacy-policy img {
max-width: 100%;
height: auto;
}
.international-forum {
margin: 0 -12px 30px;
display: flex;
flex-wrap: wrap;
}
.international-forum > div:nth-child(-n + 2) {
margin-bottom: 30px;
}
.international-forum h5 {
font-size: 19px !important;
margin-bottom: 6px !important;
}
.international-forum p {
font-size: 16px;
line-height: 20px;
}
.international-forum p a:hover {
color: #036cb6;
}
.international-forum p a {
letter-spacing: -0.03px;
line-height: 20px;
text-decoration: underline;
color: #333133;
}
@media (min-width: 1024px) {
.international-forum {
margin: 48px -12px 56px;
}
.international-forum > div {
margin-bottom: 0 !important;
}
}
/* event detail page css end */
/* gis and remote sensing page design start */
.program-initiative {
padding: 36px;
}
.program-initiative h5 {
font-size: 19px;
font-weight: 600;
margin-bottom: 22px;
}
.program-initiative ul {
display: flex;
max-width: 903px;
margin: 0 auto;
}
.program-initiative ul li {
padding: 0 16px 0 12px;
}
.program-initiative ul li:not(:last-child) {
border-right: 1px solid #a7a9ac;
}
.program-initiative ul li a {
font-size: 15px;
letter-spacing: -0.08px;
color: #333133;
}
.program-initiative ul li i {
margin-left: 8px;
color: #036cb6;
}
@media (max-width: 1023px) {
.program-initiative ul {
display: block;
}
.program-initiative ul li {
text-align: center;
padding-bottom: 10px;
}
.program-initiative ul li:not(:last-child) {
border-right: none;
}
}
/* gis and remote sensing page design end */
/* current vacancy css start */
.current-vacancy .small-wrapper h1 + p {
font-size: 16px;
}
.current-vacancy .flex-row > p {
font-size: 16px;
font-weight: 300;
}
.current-vacancy .flex-row h6 p {
color: #333;
font-weight: normal;
}
.current-vacancy .flex-row > div {
padding-left: 40px;
}
.current-vacancy .flex-row > div .vacancy-details {
max-height: 0px;
overflow: hidden;
transition: max-height 0.1s ease;
}
.current-vacancy .flex-row > div .vacancy-details.show-vacancy {
max-height: 100%;
transition: max-height 0.5s ease;
}
.current-vacancy .flex-row > div h6 {
cursor: pointer;
}
.current-vacancy .flex-row > div h6:hover {
text-decoration: underline;
}
.current-vacancy .flex-row > div p,
.current-vacancy .flex-row > div h6 {
margin-bottom: 0;
font-size: 15px;
}
.current-vacancy .row-small > div:first-child:after {
content: none;
}
.current-vacancy .row-small > div > p {
width: 80px;
}
.current-vacancy .row-small > div > div {
width: calc(100% - 80px);
}
@media (min-width: 1024px) {
.current-vacancy .row-small {
max-width: 736px;
margin: 36px auto 40px;
}
.current-vacancy .row-small > div {
padding: 0;
margin-bottom: 24px;
}
}
/* current vacancy css end */
/* download css start */
.initiative-slider > div .img {
height: 193px;
background-size: contain;
background-repeat: no-repeat;
background-color: #e6e7e8;
background-position: center;
}
/* download css end */
/* timeline css start */
.timeline {
padding: 60px 0;
text-align: center;
background-color: #036cb6;
}
.timeline h4 {
color: #fff;
max-width: 400px;
margin: 0 auto;
line-height: 1.2;
margin-bottom: 54px;
}
.timeline-wrapper {
position: relative;
padding: 0 60px;
}
.timeline-wrapper:before {
position: absolute;
content: "";
height: 1px;
width: calc(100% - 80px);
left: 50%;
transform: translateX(-50%);
background-color: #fff;
top: 12px;
}
.timeline-list {
padding: 0 43px;
}
.timeline-list img {
margin: 0 auto;
}
.timeline-detail {
margin-top: 11px;
}
.timeline-list h6 {
font-size: 14px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
}
#atmosphere-timeline .timeline-list:nth-child(3) h6:before {
content: "October 2021 to ";
}
.timeline-list p {
font-size: 11px;
margin-bottom: 0;
line-height: 1.1;
}
.timeline-wrapper .slick-prev,
.timeline-wrapper .slick-next {
top: 10%;
}
.timeline-wrapper .slick-prev:before {
border-right-color: #ffffff;
}
.timeline-wrapper .slick-next:before {
border-left-color: #ffffff;
}
.timeline .slick-dots {
display: none !important;
}
/* timeline css end */
/* faq css start */
.faq-wrap.accordion h4 button,
.faq-wrap.accordion h4 a,
.faq.partner-organizations .accordion h4 button {
border-bottom: none;
padding: 0;
font-size: 20px;
font-weight: 600;
margin-bottom: 35px;
color: #036cb6;
padding-right: 40px;
letter-spacing: -0.03px;
display: block;
position: relative;
}
.faq-wrap .question p,
.faq.partner-organizations .question p {
margin-bottom: 24px;
}
.faq-wrap .card,
.faq.partner-organizations .card {
border-bottom: 1px solid #d1d3d4;
margin-bottom: 20px;
}
.faq-wrap.accordion .btn-link:after,
.faq.partner-organizations .accordion button.btn-link:after {
top: 18x;
}
.faq-wrap .news-detail-img,
.faq.partner-organizations .news-detail-img {
margin: 20px 0;
}
.faq-wrap br,
.faq.partner-organizations .btn-link br {
display: none;
}
.faq-wrap .answer {
padding-bottom: 30px;
}
/* faq css end */
/* mountain knowledge and action networks css start */
@media (min-width: 1024px) {
.page-id-789 .inner-page-banner h1 {
max-width: 737px;
}
}
/* mountain knowledge and action networks css end */
/* programme-2-up css start */
.page-id-791 .protect-hkh .row-small {
margin-bottom: 0;
}
.page-id-791 .related-article .desc {
padding: 12px 12px 7px 12px;
}
@media (min-width: 1024px) {
.page-id-791 .inner-page-banner h1 {
max-width: 900px;
}
.page-id-791 .protect-hkh .small-wrapper h1,
.regional-program .small-wrapper h1 {
margin-bottom: 18px;
}
.page-id-791 .regional-program .row > div {
margin-bottom: 10px;
}
.page-id-791 .challenge + section.section-padding-top,
.page-id-791 section.sucess-stories.section-padding-top {
padding-top: 70px;
}
.our-team-txt p.title {
margin-bottom: 21px;
}
.page-id-791 .our-team-txt p {
margin-bottom: 34px;
}
.page-id-791 .featured-publications + .news-event-wrapper .small-wrapper {
max-width: 463px;
}
.page-id-791 .news-event-wrapper + .regional-program.section-padding-top {
padding-top: 13px;
}
}
/* programme-2-up css end */
/* blog page */
.regional-program .row.slick-slider > div:after {
content: none;
}
.regional-program .slick-track {
display: flex;
}
.regional-program .slick-slide {
height: auto;
}
.regional-program .slick-track > div {
position: relative;
}
.regional-program .slick-track > div:after {
content: "";
height: 1px;
width: calc(100% - 24px);
background-color: #d1d3d4;
position: absolute;
bottom: 0;
}
/* .related-article .row>div {
margin-bottom: 40px;
} */
/* .load-more-wrapper {
margin-bottom: 48px;
} */
@media (min-width: 1024px) {
.blog .regional-program .row > div,
.related-article .row > div {
position: relative;
}
.blog .related-article .row,
.page-template-template-events .related-article .row,
.page-template-template-articles .related-article .row,
.archive .related-article .row {
display: flex;
flex-wrap: wrap;
}
}
/* blog page */
table.story-table {
margin-top: 30px;
font-family: "Source Sans Pro";
}
table.story-table tr {
vertical-align: top;
}
table.story-table tr td:first-child {
min-width: 150px;
}
table.story-table tr td {
padding-bottom: 10px;
}
/*==== scroll to top css start ====*/
.scrollup {
width: 24px;
height: 24px;
position: fixed;
bottom: 10%;
right: 5%;
display: none;
text-indent: -9999px;
background-image: url(../../img/icon/top-img.svg);
background-size: cover;
z-index: 10;
}
/*==== scroll to top css end ====*/
/* vacancy page style start */
.page-id-24 .our-themes {
padding-bottom: 0;
}
@media (min-width: 1024px) {
.page-id-24 .announcement-wrapper,
.page-id-1563 .announcement-wrapper {
padding: 36px 0 !important;
}
.postid-2154 .announcement-wrapper {
padding: 26px 0 !important;
}
}
/* vacancy page style end */
/* category page nav style start */
nav.navigation.posts-navigation {
width: 100%;
margin: 0 0 48px 0;
text-align: center;
}
nav.navigation.posts-navigation h2 {
display: none;
}
/* category page nav style end */
/* gis-and-remote-sensing css start */
.postid-1009 .our-themes {
padding-top: 0;
}
.postid-1009 .regional-program .row > div.col-md-4:nth-child(-n + 3) {
margin-bottom: 0;
}
/* gis-and-remote-sensing css end */
/* livelihoods css start */
.page-id-322 .regional-program .row > div.col-md-6:not(:nth-child(-n + 2)) {
margin-bottom: 0;
}
/* real database system css start */
.postid-2137 .news-desc h5 {
line-height: 1;
}
@media (min-width: 1024px) {
.postid-2137 .protect-hkh .row-small {
margin-bottom: 40px;
}
}
/* real database system css end */
/* news listing page css end */
.blog .news-event-wrapper .row > .col-md-6.col-sm-6 > .news-img-bg {
padding-bottom: 71.5%;
}
/* news listing page css end */
/* activities page css start */
/* .page-id-4478 .select2-results__options li {
display: none;
}
li#select2-icm_success_stories_cat-result-gvqh-280, li#select2-icm_success_stories_cat-result-m4fn-186,
li#select2-icm_success_stories_cat-result-djfv-281, li#select2-icm_success_stories_cat-result-ias2-282,
li#select2-icm_success_stories_cat-result-7wm9-283,li#select2-icm_success_stories_cat-result-pxfs-284,
li#select2-icm_success_stories_cat-result-ilpx-285, li#select2-icm_success_stories_cat-result-fev3-286,
li#select2-icm_success_stories_cat-result-wds1-287, li#select2-icm_success_stories_cat-result-aeiq-288
{
display: block;
} */
@media (min-width: 1024px) {
.search-success-story .row form {
display: flex;
justify-content: center;
}
}
.page-id-4478 section.regional-program.related-article.initiatives {
padding-top: 0;
margin: 0;
}
@media (min-width: 1024px) {
.page-id-4478 .regional-program .row > div[class*="col-md-"] {
margin-bottom: 84px;
}
}
/* activities page css end */
/* who we are css start */
@media (max-width: 382px) {
.page-id-9 .banner .underlined-text:after {
width: calc(100% + 62px);
}
}
/* who we are css end */
/* single news page css start */
@media (min-width: 1024px) {
.single-post .our-vision-gallary {
width: calc(100% + 60px);
left: -30px;
}
}
/* single news page css end */
/* single country page css start */
.single-icimod_country .related-article {
margin-bottom: 0;
}
.single-icimod_country .featured-publications + .news-event-wrapper {
padding-bottom: 16px;
}
.single-icimod_country .challenge p {
margin-bottom: 0;
}
.single-icimod_country .challenge p + blockquote {
margin-top: 30px;
}
@media (max-width: 1023px) {
.single-icimod_country .at-glance {
padding-bottom: 0;
}
.single-icimod_country .at-glance .container > .row > div:not(:last-child) {
margin-bottom: 13px;
}
.single-icimod_country
.at-glance
.col-md-6.col-sm-6
> .row
> div:not(:last-child) {
margin-bottom: 23px;
}
}
/* single country page css end */
.postid-3348 .related-article {
margin-bottom: 0;
}
.postid-3348 .our-themes {
padding-top: 40px;
}
.postid-3348 .related-article + .news-event-wrapper {
padding-top: 0;
}
@media (min-width: 1024px) {
.postid-3348 .protect-hkh .btn-primary {
margin-top: 40px;
}
}
@media (max-width: 1023px) {
.our-themes .row {
margin-top: 30px;
}
#initiative-2 {
padding-top: 30px;
}
}
.postid-1478 .regional-program ul.slick-dots {
bottom: -42px;
}
/* single initiative page css start */
.single-icimod_initiative .news-event-wrapper + .two-column-content {
padding-top: 0;
}
.single-icimod_initiative .our-themes {
padding-top: 20px;
}
.single-icimod_initiative
.regional-program.section-padding-top
+ .news-event-wrapper {
padding-top: 13px;
}
@media (min-width: 1024px) {
.single-icimod_initiative .protect-hkh .btn-primary {
margin-top: 30px;
}
.single-icimod_initiative .our-themes {
padding-bottom: 46px;
}
}
@media (max-width: 1023px) {
.single-icimod_initiative .at-glance {
padding: 24px 0 0;
}
.single-icimod_initiative .protect-hkh {
padding-top: 30px;
}
}
/* single initiative page css end */
/* single thematic area pages css start */
.page-template-template-thematic .related-article {
margin-bottom: 0;
}
.single-icimod_thematic .regional-program {
padding-top: 16px;
padding-bottom: 20px;
}
.single-icimod_thematic .challenge p {
margin-bottom: 5px;
}
.single-icimod_thematic .challenge ul {
margin-bottom: 24px;
}
/* single thematic area pages css end */
/* staff and structure css start */
.page-id-66 .related-article {
margin-bottom: 0;
}
/* staff and structure css end */
@media (max-width: 1023px) {
.postid-2799 .related-article .load-more-wrapper {
padding-top: 45px;
}
}
/* koshi-basin-initiative css start */
.postid-3610 .news-event-wrapper {
padding-bottom: 0;
}
.postid-3610 .related-article {
margin-bottom: 0;
}
/* atmosphere initiative css start */
.postid-2129 .our-themes + section {
padding-top: 0;
}
/* atmosphere initiative css end */
@media (min-width: 1024px) {
.postid-2041 .left-first,
.postid-2154 .left-first {
width: 359px;
}
}
/* single regional progran css start */
.single-icimod_programme .protect-hkh + .regional-program .row > div,
.single-icimod_programme .slick-dotted.slick-slider {
margin-bottom: 0;
}
.single-icimod_programme .regional-program + .section-padding-top {
padding-top: 48px;
}
.single-icimod_programme .regional-program + .challenge {
padding-top: 40px;
}
.single-icimod_programme .news-event-wrapper + .section-padding-top {
padding-top: 0;
}
/* single regional progran css end */
/* staff article css start */
.page-id-2119 .news-event-wrapper .row > .col-md-6.col-sm-6 > .news-img-bg {
padding-bottom: 71.5%;
}
/* staff article css end */
/* science application css start */
.page-id-8901 .related-article,
.page-id-8901 .slick-dotted.slick-slider,
.page-id-8901 .slick-list {
margin: 0 !important;
}
/* science application css end */
/* single events page css start */
.single-icimod_event .news-detail-bottom a.btn-primary {
display: none;
}
/* single events page css end */
/* home page css start */
.page-template-template-home .lets-talk {
padding-top: 0;
}
/* home page css end */
.page-id-2944 .regional-list,
.page-id-2944 .related-article {
margin-bottom: 0 !important;
}
.page-id-2944 .regional-program {
padding-top: 50px;
}
.page-id-3224 .news-event-wrapper + .sucess-stories {
padding-top: 0;
}
.single-post .privacy-policy + .regional-program {
padding-top: 0;
}
.single-post .privacy-policy + .regional-program .small-wrapper {
display: none;
}
figure {
max-width: 100%;
height: auto;
}
.wpcf7-form br {
display: none;
}
span.wpcf7-list-item {
margin: 0;
}
.wpcf7-checkbox label {
position: relative;
padding: 0;
margin-top: 10px;
}
#wpcf7-f14497-p14795-o1 input[type="radio"] {
margin: 0 0 0 7px;
}
#wpcf7-f14497-p14795-o1 span.wpcf7-form-control-wrap.gender {
margin-top: 10px;
}
/* media coverage css start */
.media-coverage {
margin-bottom: 40px;
}
.media-coverage > div:not(:last-child) {
margin-bottom: 20px;
}
.media-coverage .date span {
width: auto;
padding-left: 0;
color: #036cb6;
}
.media-coverage .date span:not(:first-child) {
padding-left: 8px;
}
.media-coverage .date div {
width: calc(100% - 80px);
word-break: break-word;
padding-left: 10px;
}
.media-coverage .news-list .news-desc {
max-height: none;
min-height: inherit;
}
@media (min-width: 1024px) {
.news-list .news-desc {
max-height: 123px;
padding-top: 10px;
}
}
/* media coverage css end */
/* forum css start */
.bbpress-wrapper label {
position: relative;
}
div#qt_bbp_topic_content_toolbar input,
div#qt_bbp_reply_content_toolbar input {
width: auto;
display: inline-table;
height: auto;
}
div#qt_bbp_topic_content_toolbar,
div#qt_bbp_reply_content_toolbar {
display: table;
width: 100%;
}
.wp-editor-container textarea {
height: auto;
}
.bbp-topic-form label,
.bbp-login-form label {
position: relative;
top: 0;
background-color: transparent;
padding: 0;
left: 0;
}
.bbp-remember-me br {
display: none;
}
.bbp-topic-form input[type="radio"],
.bbp-topic-form input[type="checkbox"] {
top: 5px;
position: relative;
}
.bbpress-wrapper a {
letter-spacing: 0;
}
.bbp-username input[type="text"] {
height: 48px !important;
}
.bbp-submit-wrapper button[type="submit"] {
color: #036cb6;
background-color: transparent;
border-color: #036cb6 !important;
height: 40px !important;
min-width: 152px !important;
border: 1px solid;
}
div#qt_bbp_topic_content_toolbar input {
width: auto;
display: inline-table;
height: auto;
}
div#qt_bbp_topic_content_toolbar {
display: table;
width: 100%;
}
ul.forum-titles {
font-size: 16px;
}
#bbpress-forums {
font-size: 14px;
}
li.bbp-body {
font-size: 14px;
}
#wp-link-wrap label {
position: relative !important;
top: 0 !important;
padding: 0;
background-color: transparent;
left: 0;
}
#wp-link-wrap label input {
height: 30px;
}
.link-target input {
height: auto !important;
}
/* forum css end */
/* gallery-slider-css-starts */
.ls-wp-container {
height: auto;
}
.ls-fullscreen-wrapper > div {
width: auto !important;
height: 100% !important;
}
.ls-layers {
overflow: inherit !important;
position: relative !important;
}
.ls-wrapper {
left: 0 !important;
right: 0 !important;
margin: 0 auto auto auto !important;
}
.ls-wrapper,
.ls-wrapper > * {
width: auto !important;
height: auto !important;
white-space: normal !important;
font-size: inherit !important;
color: inherit !important;
margin: auto;
left: 0 !important;
right: 0 !important;
position: relative !important;
top: 0 !important;
}
.ls-wrapper img {
width: 100% !important;
}
.slider-desc-wrap {
width: calc(100% - 30px) !important;
padding: 15px !important;
background-color: rgb(241, 242, 242);
left: 0 !important;
}
.slider-desc-wrap h6 {
color: #036cb6 !important;
}
.slider-desc-wrap > * {
text-align: left !important;
}
.ls-photogallery .ls-nav-prev,
.ls-photogallery .ls-nav-next {
width: 40px !important;
height: 40px !important;
}
.ls-photogallery .ls-nav-prev:after,
.ls-photogallery .ls-nav-next:after {
width: 20px !important;
height: 20px !important;
margin-top: -10px !important;
}
.ls-photogallery .ls-nav-next:after {
right: 15px !important;
}
.ls-photogallery .ls-nav-prev:after {
left: 15px !important;
}
@media (min-width: 1024px) {
.ls-layers {
z-index: 35;
display: flex !important;
flex-wrap: wrap !important;
background: #f1f2f2 !important;
}
.ls-layers .ls-wrapper.ls-in-out:nth-child(odd) {
width: calc(100% - 400px) !important;
}
.ls-layers .ls-wrapper.ls-in-out:nth-child(even) {
width: 400px !important;
}
}
/* gallery-slider-css-ends */
.tags-wrap .label {
margin-right: 1px;
margin-bottom: 5px;
display: inline-block;
background-color: #036cb6;
padding: 5px 8px;
font-weight: 500;
}
.fee-detail {
display: none;
margin: 0;
padding: 0;
}
.bg-image {
width: 100%;
padding-bottom: 100%;
height: 100%;
}
@media (min-width: 1024px) {
.bg-image {
width: 450px;
}
}
.radio-hide .wpcf7-list-item.first {
display: none;
}
.img-full-height {
max-height: 100px;
margin: 0 auto;
display: block;
}
/*** annual report styles ***/
.content-image {
float: left;
width: 45%;
}
.content-image img {
width: 100%;
max-height: 300px;
}
.content-unit {
float: right;
width: 55%;
padding: 45px 20px 20px 30px;
}
.content-unit img {
height: 40px;
}
.content-unit h5 {
line-height: 1;
color: #000;
}
.content-unit h5 a {
color: #000;
letter-spacing: 0;
}
.chapter {
font-size: 10px;
font-family: Source Sans Pro;
}
.chapter-wrapper {
margin: 10px 0;
background: #fdb714;
}
@media (min-width: 1024px) {
.row-small > div {
padding: 0px 12px;
}
}
@media (max-width: 565px) {
.content-image {
float: none;
width: 100%;
}
.content-unit {
float: none;
width: 100%;
padding: 25px 15px 20px 15px;
}
}
.annex-wrapper {
margin: 15px;
}
.annex-icon {
text-align: center;
}
.annex-icon img {
height: 50px;
margin-bottom: 10px;
}
.annex {
font-family: "Source Sans Pro";
color: #908f92;
font-weight: 600;
}
.annex-icon h5 {
line-height: 1;
margin: 10px -24px;
}
.annex-icon h5 a {
color: #333133;
letter-spacing: 0;
}
#annex-icons p {
margin: 0;
}
.ss-annual-report .sub-title {
font-size: 20px;
margin-top: -25px;
line-height: 24px;
margin-bottom: -5px !important;
}
.right-wrapper img {
width: 100%;
margin-top: 0;
}
.right-wrapper .blue-background {
background: #036cb6;
color: #fff;
font-size: 20px;
padding: 25px;
}
.right-wrapper .brown-background {
background: #7b553c;
color: #fff;
font-size: 20px;
padding: 25px;
}
.right-wrapper .brown-background p{
line-height: 1.42857143 !important;
}
.blue-background a {
color: #fff;
}
.blue-background a:hover {
text-decoration: underline;
}
.ss-annual-report blockquote {
background: #ee183a;
border-left: 1em solid #57585a;
padding: 1em 1em 1em 2em;
quotes: "\201C""\201D";
color: #fff;
margin-bottom: 0px;
}
.ss-annual-report blockquote::before {
background: none;
}
/*.ss-annual-report blockquote::before {
background: none;
color: #fff;
content: open-quote;
font-size: 4em;
line-height: .1em;
margin-right: -0.7em;
vertical-align: -.4em;
position: relative;
}
blockquote::after {
color: #fff;
content: close-quote;
font-size: 4em;
line-height: 0.3em;
margin-right: 0.25em;
vertical-align: -0.57em;
padding: 0 0 0 .1em;
}*/
.ss-annual-report blockquote p {
font-size: 20px;
letter-spacing: normal;
padding: 15px;
padding-left: 10px;
padding-bottom: 30px;
}
.ss-annual-report blockquote cite {
font-size: 14px;
top: 10px;
position: relative;
display: inline-block;
line-height: 1.3;
}
.ss-annual-report cite a {
color: #fff;
text-decoration: none;
}
.ss-annual-report cite a:hover {
text-decoration: underline;
}
.blue-background .read-more i:before {
border-left-color: #ffffff;
}
@media (min-width: 1024px) {
.left-wrapper {
padding-right: 50px;
padding-bottom: 20px;
}
}
.bg-grey {
background: #e3e3e3;
padding: 20px !important;
}
.wpcf7 form.sent .form-body {
display: none;
}
.modal {
top: 25%;
}
.event-modal .modal-header {
border-bottom: none;
}
.event-modal .modal-content {
border-radius: 0;
}
.modal-backdrop {
background-color: rgba(0, 0, 0, 0.5);
}
.modal .wpcf7-form.sent .row {
display: none;
}
/** ---- Timeline for Photo Story start ---- **/
.photo-story-timeline {
position: relative;
}
.photo-story-timeline::before {
content: "";
background: #036cb6;
width: 5px;
height: 95%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.photo-story-timeline .timeline-item {
width: 100%;
margin-bottom: 70px;
}
.photo-story-timeline .timeline-item:nth-child(even) .timeline-content {
float: right;
margin: 0 45px 10px 0;
}
.photo-story-timeline .timeline-item:nth-child(even) .timeline-content .date {
right: auto;
left: 0;
}
.photo-story-timeline .timeline-item:nth-child(even) .timeline-content::after {
content: "";
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #036cb6 transparent transparent;
}
.photo-story-timeline .timeline-item::after {
content: "";
display: block;
clear: both;
}
.photo-story-timeline .timeline-content {
position: relative;
width: 45%;
padding: 10px 30px;
border-radius: 4px;
background: #f5f5f5;
box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.photo-story-timeline .timeline-content::after {
content: "";
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
right: -15px;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #036cb6;
}
.photo-story-timeline .timeline-img {
width: 30px;
height: 30px;
background: #004d8e;
border-radius: 50%;
position: absolute;
left: 50%;
margin-top: 25px;
margin-left: -15px;
}
.photo-story-timeline a {
background: #036cb6;
color: #ffffff;
padding: 8px 20px;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 20px;
margin-top: 10px;
display: inline-block;
border-radius: 2px;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
}
.photo-story-timeline a:hover,
.photo-story-timeline a:active,
.photo-story-timeline a:focus {
background: darken(#036cb6, 10%);
color: #ffffff;
text-decoration: none;
}
.photo-story-timeline .timeline-card {
padding: 0 !important;
}
.photo-story-timeline p {
padding: 0 20px;
}
.photo-story-timeline a {
margin-left: 20px;
}
.photo-story-timeline .timeline-item .timeline-img-header {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
background-size: cover;
}
.photo-story-timeline .timeline-img-header {
height: 450px;
position: relative;
margin-bottom: 20px;
}
.photo-story-timeline .timeline-img-header h4 {
color: #ffffff;
position: absolute;
bottom: 5px;
line-height: 0.9;
margin-bottom: 10px;
background: rgba(0, 0, 0, 0.3);
padding: 10px;
}
.photo-story-timeline p.caption {
font-size: 12px !important;
margin-top: -15px;
margin-left: -10px;
line-height: 16px;
color: #333133;
}
.photo-story-timeline .wp-caption-text {
margin-top: 5px;
margin-left: 10px;
margin-bottom: 5px;
line-height: 16px;
}
/*.photo-story-timeline .date {
background: #FF4081;
display: inline-block;
color: #FFFFFF;
padding: 10px;
position: absolute;
top: 0;
right: 0;
}*/
.photo-story-timeline .date {
margin-left: 20px;
}
.photo-story-timeline h5 {
padding-left: 20px;
}
@media screen and (max-width: 768px) {
.photo-story-timeline::before {
left: 50px;
}
.photo-story-timeline .timeline-img {
left: 50px;
}
.photo-story-timeline .timeline-content {
max-width: 100%;
width: auto;
margin-left: 70px;
}
.photo-story-timeline .timeline-item:nth-child(even) .timeline-content {
float: none;
margin-right: 0;
margin-left: 70px;
}
.photo-story-timeline .timeline-item:nth-child(odd) .timeline-content::after {
content: "";
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #036cb6 transparent transparent;
}
}
/** swiper slider for gender photo story **/
/** swiper slider **/
#swiper-text-right {
position: relative;
margin: 0 auto;
padding: 0;
/* padding: 15px 24px 15px;
background: #333;*/
}
#swiper-text-right picture {
width: 80% !important;
padding-bottom: 0px !important;
}
#swiper-text-right picture img {
height: 100%;
object-fit: cover;
object-position: center;
}
#swiper-text-right picture p {
position: absolute;
background: rgba(51, 51, 51, 0.8);
text-align: left;
padding: 5px !important;
padding-left: 15px !important;
color: #fff;
font-size: 12px !important;
}
#swiper-text-right.swiper-container section {
width: 20% !important;
}
#swiper-text-right .slick-arrow {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
/*top: 25%;*/
background: rgb(0 0 0 / 32%);
width: 50px;
height: 45px;
left: 0;
z-index: 3;
border: 0;
font-size: 0;
}
#swiper-text-right .slick-arrow.slick-next {
left: auto;
right: 0;
}
#swiper-text-right .slick-arrow.slick-next:after,
#swiper-text-right .slick-arrow.slick-prev:after {
content: "\f104";
position: absolute;
font-family: "FontAwesome";
font-size: 5rem;
left: 15px;
color: rgb(255 255 255 / 68%);
line-height: initial;
top: 50%;
transform: translateY(-53%);
z-index: 3;
}
#swiper-text-right .slick-arrow.slick-next:after {
content: "\f105";
left: auto;
right: 15px;
}
#swiper-text-right .slick-dots li button,
#swiper-text-right .slick-arrow.slick-next:before,
#swiper-text-right .slick-arrow.slick-prev:before {
display: none;
}
#swiper-text-right .slick-dots {
display: flex !important;
justify-content: center;
position: absolute;
left: 0;
margin: 0 auto;
min-width: 65%;
bottom: -40px;
}
#swiper-text-right .slick-dots li {
width: 14px;
height: 14px;
background: #036cb6;
opacity: 0.2;
margin: 0 5px;
border-radius: 50%;
font-size: 13px;
color: transparent;
transition: 0.5s;
cursor: pointer;
}
#swiper-text-right .slick-dots li:hover,
#swiper-text-right .slick-dots li.slick-active {
opacity: 1;
transition: 0.5s;
}
.swiper-container {
width: 100%;
background: #fff;
margin: 50px 0;
}
#swiper-text-bottom .swiper-slide {
text-align: center;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#swiper-text-bottom picture {
width: calc(100% - 60px);
padding-bottom: 40px;
}
#swiper-text-bottom picture img {
display: block;
width: 100%;
}
#swiper-text-bottom .swiper-pagination span {
width: 14px;
height: 14px;
background: #036cb6;
font-size: 13px;
color: transparent;
transition: 0.5s;
}
#swiper-text-bottom .swiper-pagination span:hover {
opacity: 1;
}
#swiper-text-bottom .swiper-button-prev-icon {
position: absolute;
top: 0;
width: 31px;
left: -1px;
height: 100%;
margin-top: -22px;
z-index: 10;
cursor: pointer;
font-size: 60px;
text-align: center;
background: #fff;
color: #036cb6;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
#swiper-text-bottom .swiper-button-next-icon {
position: absolute;
top: 0;
right: -1px;
width: 31px;
height: 100%;
margin-top: -22px;
z-index: 10;
cursor: pointer;
font-size: 60px;
text-align: center;
background: #fff;
color: #036cb6;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
#swiper-text-bottom.swiper-container section {
position: absolute;
left: 30px;
bottom: 40px;
width: calc(100% - 60px);
background: #333333cc;
text-align: center;
padding: 15px;
color: #fff;
}
#swiper-text-bottom.swiper-container p {
margin: 0;
padding: 0;
color: #fff;
font: 400 14px/30px "Source Serif Pro", sans-serif;
position: relative;
bottom: 0px;
left: 0;
width: 100%;
}
@media only screen and (max-width: 640px) {
#swiper-text-bottom.swiper-container p {
font: 400 12px/28px "Source Serif Pro", sans-serif;
}
}
@media only screen and (max-width: 480px) {
#swiper-text-bottom .swiper-button-prev-icon {
display: none;
}
#swiper-text-bottom .swiper-button-next-icon {
display: none;
}
#swiper-text-bottom picture {
width: 100%;
}
#swiper-text-bottom.swiper-container section {
left: 0;
width: 100%;
}
#swiper-text-bottom.swiper-container p {
font: 400 12px/28px "Source Serif Pro", sans-serif;
}
#swiper-text-bottom.swiper-container section {
width: 100%;
}
}
#swiper-text-right .swiper-slide {
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
}
#swiper-text-right picture {
width: 75%;
padding-bottom: 40px;
}
#swiper-text-right picture img {
display: block;
width: 100%;
}
#swiper-text-right.swiper-container section {
width: 25%;
background: #fff;
padding: 15px;
color: #333133;
padding: 50px 15px 15px;
overflow-x: hidden;
overflow-y: scroll;
max-height: 100vh;
}
#swiper-text-right.swiper-container h2 {
font-size: 24px;
line-height: 1.2;
margin-bottom: 20px;
}
#swiper-text-right.swiper-container p {
margin: 0 0 10px;
padding: 0;
font: 400 14px/22px "Source Serif Pro", sans-serif;
position: relative;
bottom: 0px;
left: 0;
width: 100%;
}
#swiper-text-right h6 {
color: #036cb6 !important;
}
#swiper-text-right .swiper-pagination span {
width: 14px;
height: 14px;
background: #036cb6;
font-size: 13px;
color: transparent;
transition: 0.5s;
}
#swiper-text-right .swiper-pagination span:hover {
opacity: 1;
}
#swiper-text-right .swiper-button-prev-icon {
position: absolute;
top: 0;
width: 31px;
left: -1px;
height: 100%;
margin-top: -22px;
z-index: 10;
cursor: pointer;
font-size: 60px;
text-align: center;
background: #fff;
color: #036cb6;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
#swiper-text-right .swiper-button-next-icon {
position: absolute;
top: 0;
right: -1px;
width: 31px;
height: 100%;
margin-top: -22px;
z-index: 10;
cursor: pointer;
font-size: 60px;
text-align: center;
background: #fff;
color: #036cb6;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
@media only screen and (max-width: 991px) {
#swiper-text-right .slick-dots {
display: none !important;
}
#swiper-text-right.swiper-container section {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgb(255 255 255 / 70%);
left: 0;
right: 0;
margin: 0 auto;
width: 95% !important;
flex: auto;
max-width: 100%;
padding: 15px 15px 15px;
}
#swiper-text-right picture {
width: 100% !important;
}
#swiper-text-right picture img {
height: 100vh !important;
}
.modal-slider-popup .modal-dialog {
margin: 20px auto;
}
}
@media only screen and (max-width: 767px) {
#swiper-text-right .slick-arrow.slick-next:after,
#swiper-text-right .slick-arrow.slick-prev:after {
font-size: 3rem;
}
#swiper-text-right .slick-arrow {
width: 40px;
height: 35px;
top: 40%;
}
#swiper-text-right .slick-dots li {
margin: 0 3px;
width: 10px;
height: 10px;
}
#swiper-text-right .swiper-slide {
flex-direction: column;
}
#swiper-text-right picture {
height: 100%;
width: 100% !important;
}
#swiper-text-right.swiper-container section {
/*width: 100% !important;*/
}
}
@media only screen and (max-width: 640px) {
#swiper-text-right.swiper-container p {
font: 400 14px/30px "Source Serif Pro", sans-serif;
}
}
@media only screen and (max-width: 576px) {
#swiper-text-right {
/*padding: 15px 0px 50px;*/
}
}
@media only screen and (max-width: 480px) {
#swiper-text-right .slick-arrow,
#swiper-text-right .swiper-button-prev-icon {
display: none !important;
}
#swiper-text-right .swiper-button-next-icon {
display: none;
}
#swiper-text-right picture {
width: 100%;
}
#swiper-text-right.swiper-container section {
left: 0;
width: 100%;
}
#swiper-text-right.swiper-container p {
font: 400 14px/30px "Source Serif Pro", sans-serif;
}
#swiper-text-right.swiper-container section {
width: 100%;
}
}
@media all and (orientation: portrait) {
#swiper-text-right .swiper-slide {
height: auto;
min-height: 0;
}
#swiper-text-right picture img {
height: auto;
}
}
@media all and (max-width: 1024px) and (orientation: portrait) {
#swiper-text-right .slick-arrow {
top: 15%;
}
}
@media all and (max-width: 768px) and (orientation: portrait) {
#swiper-text-right .slick-arrow {
top: 15%;
}
}
@media (max-width: 608px) and (orientation: portrait) {
#swiper-text-right .slick-arrow {
top: 30%;
}
}
@media (min-width: 1356px) {
#slider_pop_scroll .container {
width: 100%;
}
}
/*css-af*/
.swiper-slide-single {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
.cross-times {
position: absolute;
z-index: 2;
right: 8px;
font-size: 30px;
cursor: pointer;
background: #333;
width: 30px;
height: 30px;
line-height: 0;
margin: 0 auto;
text-align: center;
border-radius: 50%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
top: 17px;
opacity: 1;
}
#slider_pop_scroll {
/*display: none;*/
}
.images-album-gallery h2 {
text-align: center;
}
.single_album-gallery {
padding: 5px 6px;
cursor: pointer;
}
.modal-slider-popup {
overflow-y: visible !important;
/* height: 100vh; */
top: 0;
padding: 15px !important;
background: #333;
}
.modal-slider-popup .modal-dialog {
width: 95%;
margin: 0 auto;
}
.modal-slider-popup .modal-body {
padding: 0;
}
.content_wrap-gallery .row {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.content_wrap-gallery .row > div {
margin-bottom: 25px;
}
#swiper-text-right.swiper-container section::-webkit-scrollbar {
width: 4px;
height: 0.5px;
}
/* Track */
#swiper-text-right.swiper-container section::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
/* Handle */
#swiper-text-right.swiper-container section::-webkit-scrollbar-thumb {
background: #004d8e;
border-radius: 10px;
}
/* Handle on hover */
#swiper-text-right.swiper-container section::-webkit-scrollbar-thumb:hover {
background: #004d8e;
}
#mc4wp-form-1 {
margin-top: 20px;
}
.video-responsive {
overflow: hidden;
padding-bottom: 56.25% !important;
position: relative !important;
height: 0;
}
.video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
@media (min-width: 1024px) {
.small-container,
.single-icimod_event .challenge .container,
.faq.partner-organizations .container {
width: 900px !important;
}
}
.faq.partner-organizations .small-wrapper {
margin: 0;
}
.single-post .breadscrum .page-title,
.single-icimod_article .breadscrum .page-title,
.single-icimod_event .breadscrum .page-title,
.single-success_stories .breadscrum .page-title,
.single-activities .breadscrum .page-title{
position: relative !important;
left: 10px !important;
}
.single-icimod_initiative .no-img-banner .title .underlined-text{
text-decoration: underline;
}
/*#breadcrumb-container .page-title {
left: 23% !important;
}*/
@media (max-width: 425px) {
#breadcrumb-container .page-title {
left: 45% !important;
}
}
.post-title{
font-size: 33px;
line-height: 1.2;
}
.single-icimod_initiative .page-title{
position: relative !important;
left: 10px !important;
}
.grecaptcha-badge{
bottom: 65px !important;
}
.publication-api .news-list .news-desc {
min-height: 240px;
}
.publication-api .lazyloaded{
border: 1px solid #efefef;
}