@font-face {
font-family: 'Jenna Sue';
src: url(//naturewildlife.org/wp-content/themes/news/assets/fonts/JennaSue.ttf);
}
@font-face {
font-family: 'Myriad Pro';
src: url(//naturewildlife.org/wp-content/themes/news/assets/fonts/MYRIADPRO-REGULAR.OTF);
font-weight: 400;
}
@font-face {
font-family: 'Myriad Pro';
src: url(//naturewildlife.org/wp-content/themes/news/assets/fonts/MYRIADPRO-SEMIBOLD.OTF);
font-weight: 600;
}
@font-face {
font-family: 'Segoe Script';
src: url(//naturewildlife.org/wp-content/themes/news/assets/fonts/segoesc.ttf);
}
@font-face {
font-family: 'Devanagari';
src: url(//naturewildlife.org/wp-content/themes/news/assets/fonts/AdobeDevanagari-Regular.otf);
font-weight: 400;
}
@font-face {
font-family: 'Devanagari';
src: url(//naturewildlife.org/wp-content/themes/news/assets/fonts/AdobeDevanagari-Bold.otf);
font-weight: 800;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
a {
text-decoration: none;
}
.ml-auto {
margin-left: auto;
}
.visibility-hidden {
visibility: hidden;
}
body {
background-color: #ebe3cd;
overflow-x: hidden;
}
.theme-btn {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
background-color: #1aba9c;
color: #ebe3cd;
padding: 11px 30px !important;
border-radius: 30px;
font-size: 19px;
margin-top: 14px;
transition: all 0.3s;
}
.theme-btn:hover {
background-color: #1aba9c;
color: #ebe3cd;
transform: scale(1.1);
}
.theme-btn a {
color: #ebe3cd;
}
.theme-btn:active {
background-color: #1aba9c !important;
color: #ebe3cd !important;
}
.leaf {
position: absolute;
right: 220px;
top: 100px;
}
.bg-white {
background-color: #fff !important;
}
.round-post-img {
width: 178px !important;
height: auto !important;
margin-top: 20px;
border-radius: 50% !important;
}
.round-img {
height: 250px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.mt-6 {
margin-top: 60px;
}
.mt-7 {
margin-top: 70px;
}
.mt-8 {
margin-top: 80px;
}
.mt-9 {
margin-top: 90px;
} .banner {
width: 100%;
height: 100vh;
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/banner-img.png);
background-size: cover;
}
.banner-content {
height: 100vh;
display: flex;
align-items: center;
}
h1.banner-main-text {
font-family: 'Arial';
color: #12202f;
font-weight: 600;
font-size: 48px;
margin-top: 80px;
width: 40%;
}
h1.banner-main-text span {
font-family: 'Jenna Sue';
font-weight: 400;
font-size: 65px;
line-height: 20px;
}
.banner-sub-text {
font-family: 'Myriad Pro';
color: #12202f;
font-size: 17px;
font-weight: 600;
width: 37%;
margin-top: 20px;
line-height: 28px;
} .navbar {
position: fixed;
width: 100%;
top: 0;
transition: top 0.3s ease-in-out;
z-index: 1000;
padding: 0;
}
.logo {
width: 70px;
}
.nav-up {
top: -140px;
}
.nav-down {
background-color: #1aba9c;
;
}
.nav-link {
font-family: 'Arial';
font-weight: 700;
color: #fff !important;
font-size: 18px;
cursor: pointer;
} .donate-btn {
background-color: #1aba9c;
color: #fff !important;
border-radius: 12px;
padding: 7.5px 24px 5px !important;
transition: 0.3s;
}
.donate-btn:hover {
transform: scale(1.1);
}
.navbar-toggler {
border: none !important;
}
.navbar-toggler:focus {
box-shadow: none !important;
}
.hamburger-menu {
vertical-align: baseline !important;
}
.navbar-nav {
justify-content: space-between;
width: 595px;
} .sidebar {
position: fixed;
top: 0;
right: -100%;
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/sidebar-bg.png);
background-size: cover;
width: 390px;
height: 100%;
padding: 25px;
transition: all 0.7s ease;
overflow-y: auto;
overflow-x: hidden;
}
.navbar.sidebar-open .sidebar {
right: 0;
}
.sidebar ul {
list-style: none;
font-family: 'Arial';
padding-top: 130px;
}
.sidebar ul li {
color: #fff;
font-size: 23px;
margin-bottom: 5px;
cursor: pointer;
}
.sidebar ul li a {
color: #fff !important;
}
.dropdown-icon {
margin-left: 5px;
transition: all 0.3s ease;
}
.sidebar-close {
position: absolute;
right: 27px;
top: 10px;
cursor: pointer;
}
.social-icons {
margin-top: 140px;
padding-bottom: 20px;
}
.social-icons h5 {
font-family: 'Arial';
color: #fff;
font-weight: 600;
margin-top: 10px;
}
.social-icons img {
width: 37px;
margin-left: 15px;
} .dropdown-box {
padding-top: 0 !important;
padding-left: 30px;
padding-top: 6px !important;
}
.dropdown-box li {
font-size: 22px !important;
}
.sidebar-dropdown,
.media-communication-dropdown,
.knowledge-platform-dropdown,
.get-involved-dropdown,
.publications-dropdown {
overflow: hidden;
transition: 0.3s;
cursor: pointer;
}
.sidebar-dropdown {
height: 38px;
}
.media-communication-dropdown,
.knowledge-platform-dropdown,
.get-involved-dropdown,
.publications-dropdown {
height: 33px;
}
.sidebar-dropdown.open {
overflow: visible;
height: 380px !important;
}
.media-communication-dropdown.open {
overflow: visible;
height: 189px;
}
.knowledge-platform-dropdown.open {
overflow: visible;
height: 190px;
}
.get-involved-dropdown.open {
overflow: visible;
height: 153px;
}
.publications-dropdown.open {
overflow: visible;
height: 270px;
}
.sidebar-dropdown.open .dropdown-icon,
.media-communication-dropdown.open .dropdown-icon,
.knowledge-platform-dropdown.open .dropdown-icon,
.get-involved-dropdown.open .dropdown-icon,
.publications-dropdown.open .dropdown-icon {
transform: rotate(180deg);
} .overlay {
width: 100%;
background-color: rgba(17, 185, 169, 0.3);
position: fixed;
top: 0;
left: 0;
height: 100%;
opacity: 0;
transition: all 0.3s ease;
z-index: -1;
}
.overlay.open {
z-index: 1;
opacity: 1;
right: 260px;
backdrop-filter: blur(3px);
} .section-1 {
padding: 85px 0;
}
.section-1 .row {
margin-top: 70px;
}
.section-1 h2 {
font-family: 'Arial';
color: #12202f;
font-weight: 600;
}
.society-content {
background-color: #faf8ef;
padding: 30px 5px 50px;
text-align: center;
border-radius: 34px;
font-family: 'Arial';
color: #12202f;
box-shadow: -4px 4px 3px 2px #e2dac2;
height: 547px;
}
.society-content h3 {
font-weight: 500;
margin: 0 auto;
margin-top: 28px;
font-size: 40px;
height: 96px;
}
.society-content p {
font-weight: 500;
width: 80%;
margin: 0 auto;
margin-top: 20px;
font-size: 17.5px;
}
.society-content img {
width: 190px;
height: 193px;
}
.society-content button {
margin-top: 25px;
} .work-with-us {
padding-bottom: 85px;
font-family: 'Myriad Pro';
color: #12202f;
}
.work-with-us h2 {
font-weight: 600;
text-align: center;
font-size: 26px;
}
.work-with-us h2 span {
display: block;
font-size: 40px;
}
.work-with-us p {
width: 80%;
margin: 0 auto;
text-align: center;
font-size: 19px;
margin-top: 20px;
font-weight: 600;
}
.work-with-us-img {
margin-top: 60px;
}
.leaf-opposite {
position: absolute;
left: 377px;
top: 10px;
width: 50px;
} .posts {
padding-bottom: 85px;
}
.bg-stripes {
position: absolute;
top: -125px;
} .tab-buttons {
width: 80%;
margin: 0 auto;
display: flex;
justify-content: center;
margin-bottom: 90px;
}
.tab-buttons button {
font-family: 'Myriad Pro';
border: none;
outline: none;
padding: 8px 40px;
background-color: #8e8e8e;
color: #ebe3cd;
font-size: 21px;
margin: 2px;
transition: all 0.3s;
}
.tab-buttons button:hover {
background-color: #1aba9c;
}
.tab-buttons button:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding: 8px 75px;
}
.tab-buttons button:nth-child(2) {
padding: 8px 65px;
}
.tab-buttons button:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.tab-buttons button.active {
background-color: #1aba9c;
} .tab-content {
background-color: #faf8ef;
font-family: 'Arial';
color: #12202f;
border-radius: 42px;
box-shadow: -4px 4px 3px 2px #e2dac2;
width: 90%;
margin: 0 auto;
overflow: hidden;
cursor: pointer;
height: 542.76px;
}
.tab-container {
display: block;
height: 0;
overflow: hidden;
}
.tab-container.active {
height: auto;
}
.tab-content-text {
padding: 20px 25px 30px;
}
.tab-content-text h3 {
font-weight: 600;
font-size: 21px;
text-align: center;
margin-top: 10px;
color: #12202f !important;
}
.tab-content-text p {
font-weight: 500;
font-size: 17px;
text-align: center;
margin-top: 45px !important;
margin-bottom: 20px;
}
.tab-content img {
height: 295px;
}
.slick-prev,
.slick-next {
opacity: 0;
}
.prev,
.next {
position: absolute;
cursor: pointer;
top: 50%;
}
.prev {
left: -35px;
}
.next {
right: -35px;
}
.slick-dots li {
height: 50px;
}
.slick-dots li button:before {
font-size: 35px;
}
.slick-dots {
bottom: 0;
} .letters {
padding-top: 92px;
padding-bottom: 145px;
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/letters-bg.png);
background-size: cover;
}
.letter-section-header {
margin-bottom: 70px;
}
.letter-section-header h2 {
font-family: 'Myriad Pro';
color: #fefeff;
font-size: 33px;
margin-top: 20px;
}
.letter-section-header h2 span {
font-family: 'Segoe Script';
display: block;
font-size: 36px;
}
.letter-header-img {
width: 100px;
height: 178px;
}
.letter-slider-content .letter-border {
position: absolute;
width: 100%;
height: 100%;
display: none;
}
.letter-slider-content.slick-center .letter-border {
display: block;
}
.letters .slick-slide {
transform: scale(0.8) !important;
transition: 0.3s;
cursor: pointer;
height: 567px;
}
.letters .slick-slide img {
opacity: 0.3;
}
.slick-center img {
opacity: 1 !important;
}
.center.slick-initialized.slick-slider .slick-slide.slick-current.slick-active.slick-center {
transform: scale(1) !important;
transition: 0.3s;
height: 568.88px;
}
.letters .slick-dots {
bottom: -92px !important;
}
.letters .slick-dots li.slick-active button:before {
color: #bfc5bf;
}
.letters .slick-dots li button:before {
color: #bfc5bf;
}
.letters .slick-dots li button:before {
font-size: 50px;
} .photo-gallery {
padding: 85px 0 0;
}
.photo-gallery h2 {
font-family: 'Myriad Pro';
font-size: 30px;
color: #12202f;
font-weight: 600;
}
.gallery-container {
width: 100%;
padding: 0 20px;
}
.gallery-img {
height: 310px;
border-radius: 20px;
overflow: hidden;
margin-bottom: 15px;
cursor: pointer;
}
.gallery-img img {
height: 100%;
} .partners {
padding: 85px 0;
}
.partners .slick-slide img {
display: unset;
} footer {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/footer-bg.png);
background-size: cover;
font-family: 'Arial';
padding-top: 80px;
color: #fff;
transition: all 0.6s ease;
}
footer h3 {
font-weight: 700;
font-size: 31px;
margin-bottom: 30px;
}
footer p {
font-weight: 500;
font-size: 17px;
}
footer a{
color: #fff;
}
footer a:hover{
color: #fff;
}
footer img {
margin-right: 10px;
margin-top: 8px;
}
.phone img {
width: 23px;
height: 23px;
}
.email img {
width: 25px;
height: 17px;
}
.location img {
width: 18px;
height: 29px;
}
.email p {
margin-top: 4px;
}
footer .col-lg-3:nth-child(2) {
padding-left: 50px;
}
footer .col-lg-3:nth-child(3) {
padding-left: 70px;
}
footer .col-lg-3:last-child {
padding-left: 50px;
}
footer .col-lg-3:nth-child(2) p,
footer .col-lg-3:nth-child(3) p {
cursor: pointer;
}
footer .col-lg-3:nth-child(2) p:hover,
footer .col-lg-3:nth-child(3) p:hover {
font-weight: 600;
}
.sub-footer {
background-color: #1e381d;
padding: 26px;
margin-top: 60px;
}
.sub-footer h6 {
margin-bottom: 0 !important;
font-size: 17px;
}
.menu-item{
font-weight: 500;
font-size: 17px;
margin-bottom: 1rem;
}
.menu-item:hover{
font-weight: 600;
}  .about-us .banner {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/about-us-banner.png);
}
.about-us .banner-content {
color: #fff;
}
.banner-floating-text {
background: rgba(115, 174, 87, 0.42);
padding: 20px;
border-radius: 20px;
width: 70%;
margin-top: 215px;
}
.banner-floating-text h6 {
font-size: 16.95px;
}
.banner-floating-text h1.banner-main-text {
color: #fff;
width: 100%;
margin-top: 15px;
font-family: 'Myriad Pro';
font-weight: 600;
font-size: 37.79px;
}
.banner-floating-text .banner-sub-text {
color: #ffffff;
width: 100%;
margin: 0 auto;
font-size: 18px;
margin-top: 30px;
} .our-vision {
padding-top: 92px;
padding-bottom: 92px;
color: #12202f;
}
.our-vision .col-lg-6:first-child {
padding-top: 50px;
}
.our-vision-content,
.our-mission-content {
padding-top: 50px;
}
.our-vision-content h3,
.our-mission-content h3,
.our-objectives h3 {
font-family: 'Myriad Pro';
font-weight: 600;
font-size: 33.26px;
}
.our-vision-content p,
.our-mission-content p {
font-family: 'Arial';
font-size: 22px;
width: 70%;
margin: 40px auto 0;
}
.our-mission-content p {
width: 75%;
}
.our-vision-content-bg {
position: absolute;
right: 35px;
top: 45px;
}
.our-mission {
padding: 92px 0;
color: #12202f;
}
.our-mission-content-bg {
position: absolute;
left: 0;
top: 50px;
width: 510px;
}
.our-mission .col-lg-6:last-child {
padding-top: 70px;
}
.our-objectives {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/our-objectives-bg.png);
background-size: cover;
padding: 92px 0;
font-family: 'Arial';
}
.objectives-content {
width: 52%;
margin: 75px auto 0;
}
.objectives-content img {
padding-right: 35px;
height: 29px;
margin-top: 8px;
}
.objectives-content h4 span {
color: #23a826;
font-weight: 700;
}
.objectives-content h4 {
font-size: 24.94px;
color: #12202f;
}
.objective-text {
margin-bottom: 25px;
} .join-us {
padding-bottom: 92px;
}
.join-us-content {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/join-us-img.png);
background-size: cover;
padding: 110px 0 110px;
font-family: 'Arial';
border-radius: 39px;
}
.join-us-content h3 {
color: #f9fcff;
font-size: 33.26px;
}
.join-us-content p {
color: #fefeff;
font-size: 24.94px;
margin-top: 40px;
}
.join-us-content button {
margin-top: 38px;
}
.join-us-1,
.join-us-2 {
position: absolute;
top: 137px;
}
.join-us-1 {
left: 55px;
}
.join-us-2 {
right: 55px;
}  .saime .banner {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/saime-banner.png);
}
.saime-banner-content h1 {
font-family: 'Myriad Pro';
font-size: 35.31px;
width: 70%;
margin: 0 auto;
margin-top: 20px;
} .about-project {
padding: 40px 0 30px;
}
.shrimp-img {
position: absolute;
left: -27px;
width: 1353px;
}
.about-text,
.project-objectives,
.project-outcomes {
font-family: 'Myriad Pro';
width: 80%;
margin: 0 auto;
}
.about-text h3,
.project-objectives h3,
.project-outcomes h3 {
color: #484444;
font-weight: 600;
margin-bottom: 20px;
font-size: 25px;
}
.about-project-text-content {
background-color: #6f9b69;
padding: 15px;
border-radius: 10px;
color: #fff;
font-size: 16.65px;
}
.about-project-text-content p {
margin-bottom: 0;
}
.project-objectives {
margin: 45px auto;
}
.project-objectives .about-project-text-content ul {
margin-bottom: 2px;
}
.project-outcomes {
z-index: 10;
} .project-location {
padding: 35px 0 65px;
font-family: 'Myriad Pro';
color: #12202f;
}
.project-location-content {
width: 90%;
margin: 0 auto;
}
.project-location h3 {
font-weight: 600;
font-size: 25px;
margin-bottom: 30px;
}
.project-location p {
font-size: 20.83px;
margin-bottom: 0;
}
.project-location h2 {
font-size: 25px;
font-weight: 600;
}
.project-location h2 span {
font-size: 20.83px;
font-weight: 400;
}
#funded-by {
margin-top: 30px;
}
.project-location-text {
padding-left: 20px;
padding-top: 90px;
}
.project-map {
width: 350px;
}
.tree-img {
position: absolute;
right: 0;
top: -128px;
width: 500px;
} .page-template-career .banner{
background-image: url(https://rohangroom.com/ngo/wp-content/uploads/2023/03/career-banner.jpg);
}
.career{
padding: 70px 0;
}
.career h1{
font-size: 38.79px;
color: #000;
font-family: 'Myriad Pro';
text-align: center;
}
.career-post{
width: 100%;
background-color: #2b4b33;
color:#fff;
padding: 40px;
border-radius: 15px;
margin-top: 30px;
}
.career-post h4{
font-size: 17px;
font-weight: 300;
}
.career-post h4 span{
font-weight: 500;
}
.career-post p, .career-post h6{
font-weight: 300;
font-size: 17px;
}
.career-post p{
width: 92%;
}
.career-post img{
margin-right: 10px;
width: 12px;
height: 10px;
margin-top: 10px;
}
.career-post h5{
font-weight: 400;
font-size: 16px;
}
.career-post h2{
font-size: 20px;
font-weight: 500;
}
.last-date{
color: #c0dbbd;
font-weight: 600 !important;
width: auto !important;
}
.career-post h3{
font-size: 20px;
margin-left: 20px;
background-color: #3958ff;
height: 32px;
padding: 3px 10px;
} .project-activities {
padding-bottom: 45px;
font-family: 'Myriad Pro';
}
.activity-header {
text-align: center;
color: #000;
font-weight: 600;
font-size: 25px;
margin-bottom: 25px;
}
.gallery-section-title {
text-align: center;
font-size: 33.33px;
font-weight: 700;
color: #059939;
}
.gallery-header {
color: #000;
font-weight: 600;
font-size: 25px;
}
.gallery-header span {
font-weight: 400;
}
.gallery-img-container {
border-radius: 10px;
overflow: hidden;
height: 270px;
margin-top: 10px;
}
.gallery-img-container img {
width: 100%;
height: 100%;
}
.large-image-container {
height: 550px;
}
.mangrove-b-box,
.mangrove-c-box,
.ima-b-box,
.mangrove-d-box {
margin-top: 100px;
}
.monitoring-mgnregs {
margin-top: 60px;
}
.integrated-mangrove-aquaculture,
.value-chain,
.collaborative-ecosystem {
margin-top: 120px;
}
.value-chain-1 h3 {
width: 70%;
}
.value-chain-2 h3 {
width: 85%;
} .saime-partners {
width: 90%;
background-color: #fff;
padding: 35px 25px;
margin: 0 auto;
font-family: 'Myriad Pro';
border-radius: 10px;
margin-bottom: 45px;
}
.saime-partners h3 {
font-weight: 600;
color: #000;
font-size: 25px;
margin-bottom: 70px;
}
.saime-partners .slick-slide img {
display: initial !important;
}
.supported-by,
.development-goals {
margin-top: 80px;
}
.supported-by h3,
.development-goals h3 {
margin-bottom: 60px;
}
.development-goals-images {
width: 80%;
margin: 0 auto;
}
.development-goals-images img {
width: 100%;
}  .contact-us .banner {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/contact-us-banner.png);
position: relative;
height: auto;
}
.contact-us .banner .banner-content {
background: rgba(57, 75, 55, 0.77);
width: 50%;
height: 100%;
margin-left: auto;
display: block;
padding: 150px 15px 0;
padding-bottom: 40px;
}
.contact-us-form {
width: 70%;
margin: 0 auto;
font-family: 'Arial';
color: #fff;
}
.contact-us-form label {
font-size: 14.58px;
display: block;
margin-bottom: 10px;
}
.contact-us-form input,
.contact-us-form textarea {
background: none;
outline: none;
border: 1px solid #fff;
border-radius: 5px;
padding: 5px;
width: 100%;
color: #fff;
}
.contact-submit,
.contact-reset {
color: #fff;
padding: 8px 50px;
}
.contact-submit {
background-color: #6bb99c;
}
.contact-reset {
background-color: #646867;
margin-left: 8px;
}
.contact-submit:hover {
background-color: #56a085;
}
.contact-reset:hover {
background-color: #5d6361;
}
.contact-info-box {
background-color: #394c37;
padding: 15px 8px;
border-radius: 8px;
text-align: center;
min-height: 239.75px;
}
.contact-info-box h3 {
font-size: 14.17px;
color: #6bb99c;
}
.contact-info-box p {
font-size: 12.5px;
color: #fff;
line-height: 13px;
} .field-office-address {
padding: 80px 0;
font-family: 'Arial';
}
.field-office-address h2 {
font-weight: 600;
color: #394c37;
font-size: 33.33px;
}
.field-office-address .row {
margin-top: 80px;
}
.field-office-address-box {
background-color: #394c37;
padding: 50px 15px;
border-radius: 20px;
margin-bottom: 10px;
height: 225.5px;
}
.field-office-address-box h3 {
font-size: 15px;
color: #6bb99c;
}
.field-office-address-box p {
color: #fff;
font-size: 15px;
margin-top: 20px;
margin-bottom: 0;
width: 90%;
}
.field-office-detail {
width: 85%;
}
.field-office-address-box img {
margin-top: 15px;
margin-left: 10px;
}
.col-lg-12 .field-office-address-box {
width: 50%;
margin: 0 auto;
}  .living-lakes .banner {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/living-lakes-banner.png);
}
.living-lakes .living-lakes-intro {
width: 60%;
background: rgba(32, 56, 92, 0.92);
padding: 25px 35px;
color: #fff;
border-radius: 20px;
font-family: 'Myriad Pro';
margin-top: 295px;
}
.living-lakes .living-lakes-intro h3 {
font-weight: 600;
font-size: 37.79px;
}
.living-lakes .living-lakes-intro p {
font-size: 16.95px;
margin-top: 30px;
}
.living-lakes .living-lakes-intro p span {
color: #10d8fc;
}
.living-lakes-logo {
position: absolute;
right: -71px;
top: -105px;
width: 200px;
} .living-lakes-content {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/living-lakes-content-bg.png);
background-size: cover;
font-family: 'Arial';
}
.living-lakes-content-header {
text-align: center;
font-weight: 600;
color: #4279a6;
width: 60%;
margin: 0 auto;
font-size: 33.26px;
} .climate-project {
padding-top: 70px;
}
.climate-project p {
font-size: 24.94px;
color: #12202f;
text-align: center;
width: 80%;
margin: 40px auto 0;
} .number-of-issues {
padding-top: 70px;
}
.number-of-issues ul {
width: 50%;
margin: 0 auto;
margin-top: 40px;
}
.number-of-issues ul li {
font-size: 24.94px;
color: #12202f;
}
.number-of-issues-img {
position: absolute;
width: 380px;
top: 110px;
} .multifacted-issues {
padding: 70px 0;
}
.multifacted-issues .living-lakes-content-header {
width: 70%;
}
.multifacted-issue-point {
background-color: #556a95;
color: #fff;
padding: 20px 40px;
border-radius: 20px;
font-family: 'Arial';
width: 90%;
margin: 0 auto 15px;
}
.multifacted-issue-point.first {
margin-top: 40px;
}
.multifacted-issue-point p {
font-size: 24.94px;
}
.border-bottom-icon {
position: absolute;
right: 0;
bottom: -65px;
} .page-template-partner .banner {
height: 65vh;
background-position: 0 -160px;
}
.page-template-partner .banner-content {
height: 100%;
padding-top: 55px;
} .partner-logos {
padding: 70px 0 60px;
}
.partner-logos .col-lg-2 {
margin-bottom: 20px;
text-align: center;
} .scientific-papers .banner, .page-template-press-coverage .banner {
height: 65vh; }
.scientific-papers .banner .banner-content, .page-template-press-coverage .banner .banner-content {
height: 100%;
}
.scientific-papers .banner-content h1 {
font-family: 'Myriad Pro';
color: #fff;
font-weight: 700;
font-size: 48px;
margin-top: 40px;
} .post-section {
padding: 80px 0 40px;
}
.post-section h2 {
font-family: 'Myriad Pro';
color: #353535;
font-size: 37.79px;
font-weight: 600;
}
.post-section .tab-content-text h3,
.post-section .tab-content-text p {
text-align: left;
line-break: anywhere;
}
.post-section .tab-content-text h3 {
font-size: 17px;
height: 61.2px;
}
.post-section .tab-content-text p {
font-size: 16.95px;
height: 101.7px;
}
.post-section .tab-content img {
height: 250px;
}
.post-section .ongoing-project-btn {
margin-top: 30px;
}
.post-section .tab-content-text {
padding: 20px 25px 0;
}
.post-section .tab-content {
height: 600px;
width: 100%;
margin-bottom: 40px;
} .ecology-and-environment .banner {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/ecology-and-environment-bg.png);
}
.ecology-and-environment .banner-floating-text {
background: rgba(59, 95, 55, 0.84);
width: 75%;
padding: 44px;
}
.ecology-and-environment .banner-floating-text .banner-sub-text {
font-size: 16.95px;
}
.ecology-and-environment .banner-floating-text h1.banner-main-text {
margin-top: 0 !important;
} .focus-area-content {
padding: 92px 0;
}
.focus-area-content .tab-buttons button {
border-radius: 15px;
padding: 12px 40px;
margin: 0 5px;
}
.ongoing-projects {
color: #12202f;
font-family: 'Arial';
}
.ongoing-project-item {
background-color: #faf8ef;
padding: 35px 35px;
border-radius: 50px;
margin-bottom: 30px;
box-shadow: -1px 7px 0px 1px #e2dac2;
}
.ongoing-project-content {
height: 292.2px;
}
.ongoing-project-item h5 {
font-weight: 600;
margin-top: 40px;
font-size: 18px;
height: 70px;
}
.ongoing-project-item p {
font-weight: 500;
font-size: 18px;
margin: 20px 0 30px;
height: 100px;
}
.ongoing-project-item h6 {
font-weight: 600;
font-size: 18px;
}
.ongoing-project-item h6 span {
font-weight: 400;
}
.ongoing-project-item img {
border-radius: 50%;
width: 178px;
}
.ongoing-project-btn {
margin-top: 80px;
}
.ongoing-project-btn a {
font-size: 16px;
}
.eco-env-tab-container,
.wld-con-tab-container,
.liveli-aug-tab-container {
display: none;
}
.eco-env-tab-container.ongoing-projects.active,
.wld-con-tab-container.ongoing-projects.active,
.liveli-aug-tab-container.ongoing-projects.active {
display: flex;
}
.eco-env-tab-container.completed-projects.active,
.wld-con-tab-container.completed-projects.active,
.liveli-aug-tab-container.completed-projects.active {
display: block;
}
.completed-project-item {
width: 100%;
height: auto;
font-family: 'Arial';
overflow: hidden;
margin-bottom: 20px;
border-radius: 17px;
}
.eco-env-comp-img {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.completed-project-numbering {
color: #fff;
position: absolute;
z-index: 2;
width: 150px;
background-color: rgba(107, 185, 156, 0.39);
text-align: center;
padding: 20px 20px 35px;
border-bottom-right-radius: 92px;
border-bottom-left-radius: 37px;
left: -20px;
border-top-left-radius: 47px;
}
.completed-project-numbering h5 {
font-size: 49.16px;
font-weight: 700;
}
.completed-project-content {
z-index: 3;
color: #fff;
width: 80%;
margin: 30px auto;
padding: 20px 20px 20px 40px;
}
.completed-title h3 {
font-size: 22.92px;
font-weight: 600;
margin-bottom: 15px;
}
.completed-title {
margin-right: 100px;
width: 20%;
}
.completed-detail {
width: 70%;
}
.completed-detail h4 {
font-size: 22.92px;
margin-bottom: 15px;
}
.completed-detail h4 span {
color: #17ff5e;
}
.completed-projects .theme-btn {
border-radius: 10px;
padding: 10px 60px !important;
} .wildlife-conservation .banner {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/wildlife-conservation-banner.jpg);
} .livelihood-augmentation .banner {
background-image: url(//naturewildlife.org/wp-content/themes/news/assets/images/livelihood-augmentation-banner.jpg);
}
.completed-detail ul li {
font-size: 22.92px;
} .page-template-blog .banner, .tax-blog_categories .banner, .page-template-allpost .banner, .page-template-latestposts .banner{
height: 65vh;
}
.page-template-blog .banner-content, .tax-blog_categories .banner-content, .page-template-allpost .banner-content, .page-template-latestposts .banner-content{
height: 100%;
}
.page-template-blog .banner-content h1 {
font-family: 'Arial';
font-weight: 700;
margin-top: 20px;
} .blog-content {
padding: 70px 0;
}
.filter-btns button {
font-size: 18px;
padding: 11px 20px !important;
margin-top: 0;
}
.filter-btns button:active {
border: none !important;
border: 1px solid #1aba9c !important;
}
.filter-btns div {
margin-left: 15px;
}
.filter-btns button:hover {
transform: scale(1);
}
.filter-btns button img {
margin-left: 10px;
}
.filter-menu {
background-color: #fff;
width: 200px;
padding: 15px 25px;
font-family: 'Myriad Pro';
font-size: 17px;
border-radius: 10px;
box-shadow: 0.5px 1px 13px -8px #606060;
position: absolute;
left: -19px;
top: 55px;
display: none;
}
.filter-menu.open {
display: block;
}
.filter-menu .up-arrow {
background-color: #fff;
width: 20px;
height: 20px;
transform: rotate(45deg);
position: absolute;
right: 23px;
top: -4px;
}
.all-category-filter .filter-menu .up-arrow {
right: 22px;
}
.all-category-filter .filter-menu {
width: 217px;
left: -22px;
}
.filter-menu p {
margin-bottom: 0;
}
.filter-menu li::after {
content: '';
display: block;
background-color: #bfbfbf;
width: 100%;
height: 2px;
margin: 5px 0;
}
.filter-menu li:last-child:after {
display: none;
}
.filter-menu li a {
color: #424241;
}
.blog-post-container .tab-content {
height: 620px;
width: 100%;
margin-top: 30px;
}
.blog-post-container .tab-content-text h3,
.blog-post-container .tab-content-text p {
text-align: left !important;
}
.blog-post-container .tab-content-text {
padding: 20px 25px 20px;
}
.blog-post-container .tab-content-text h3 {
font-size: 18px;
margin-top: 5px;
height: 64.8px;
}
.blog-post-container .tab-content-text p {
font-size: 17.8px;
height: 100.5px;
margin-top: 15px;
margin-bottom: 0;
}
.blog-post-container .tab-content img {
height: 250px;
}
.tab-content-text h4 {
color: #6bb99c;
font-size: 17.8px;
margin-top: 15px;
}
.blog-btn {
margin-top: 10px;
}
.blog-btn button {
font-size: 16px;
} .page-template-legalstatus .banner {
height: 65vh;
background-position: 0 -160px;
}
.page-template-legalstatus .banner-content {
height: 100%;
padding-top: 55px;
}
.legal-status-logos {
padding: 70px 0 60px;
}
.legal-status-logos .legal-align {
margin: 0 auto;
text-align: center;
} .detail-page .banner {
height: 65vh;
background: none;
}
.detail-page .banner-content {
height: 100%;
}
.detail-page-content {
padding: 20px 0 0;
position: relative;
margin-top: -65px;
}
.post-detail {
background-color: #faf8ef;
padding: 89px 90px;
font-family: 'Arial';
border-top-right-radius: 150px;
border-top-left-radius: 150px;
}
.post-detail h2 {
margin-bottom: 0;
color: #384c37;
font-size: 29.46px;
font-weight: 600;
}
.post-detail h4 {
font-size: 18px;
margin: 30px 0;
color: #6bb99c;
}
.post-detail p {
font-size: 18px;
color: #12202f;
}
.post-images-container {
padding: 0 50px;
margin-top: 80px;
}
.post-images-container .post-image {
height: 322px;
overflow: hidden;
border-radius: 10px;
margin-bottom: 20px;
}
.post-images-container .post-image img {
width: 100%;
height: 100%;
} .page-template-gallery .banner {
height: 65vh;
}
.page-template-gallery .banner-content {
height: 100%;
}
.page-template-gallery .banner-content h1 {
font-size: 45px;
margin-top: 20px;
}
.gallery-page-content {
padding: 70px 0;
}
.gallery-page-content .tab-buttons {
margin-bottom: 0;
}
.gallery-tabs {
display: none;
}
.gallery-tabs.active {
display: flex;
}
.gallery-img-video {
margin-top: 20px;
}
.gallery-img-video .video img,
.gallery-img-video .image img {
width: 100%;
height: 100%;
}
.gallery-img-video .video,
.gallery-img-video .image {
margin-top: 30px;
height: 280px;
border-radius: 15px;
overflow: hidden;
cursor: pointer;
}
.video-play-btn,
.open-img-btn {
width: 45px !important;
height: 45px !important;
margin-top: 65px;
margin-bottom: 20px;
}
.carousel__slide.has-thumb.has-video,
.carousel__button.is-next,
.carousel__button.is-prev {
display: none !important;
}
.video-overlay,
.image-overlay {
position: absolute;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
height: 100%;
width: 100%;
font-family: 'Arial';
color: #fff;
text-align: center;
padding: 20px 10px;
opacity: 0;
transition: 0.3s ease;
}
.gallery-img-video .video:hover .video-overlay,
.gallery-img-video .image:hover .image-overlay {
opacity: 1;
}
.video-overlay h3,
.image-overlay h3 {
font-size: 18px;
}
.video-overlay p {
font-size: 15px;
} .our-offices .banner {
height: 65vh;
}
.our-offices .banner-content {
height: 100%;
}  .page-template-sunderbans .banner-content h1 {
font-family: 'Myriad Pro';
font-weight: 700;
font-size: 60px;
}
.page-template-sunderbans .tab-buttons button {
border-radius: 15px;
padding: 12px 40px;
margin: 0 5px;
}
.sunderbans-main-content {
padding: 70px 0;
}
.sunderbans-tab {
display: none;
}
.sunderbans-tab.active {
display: block;
}
.sunderbans-card {
font-family: 'Devanagari';
font-weight: 800 !important;
color: #12202f;
background-color: #faf8ef;
padding: 40px 35px;
border-radius: 40px;
box-shadow: 0px 14px 0px -3px #d3ccb8;
margin-bottom: 50px;
}
.sunderbans-card .sunderbans-card-img img {
width: 95%;
}
.sunderbans-card p {
font-size: 19px;
}
.sunderbans-card p span {
font-size: 26px;
}
.sunderbans-card h3 {
font-weight: 800 !important;
margin-bottom: 35px;
}
.sunderbans-card h4 {
font-weight: 800 !important;
margin-bottom: 10px;
font-size: 24px;
}
.sunderbans-card h5 {
font-size: 18px;
font-weight: 800 !important;
margin-bottom: 20px;
}
.natural-disasters-cover-img {
width: 93%;
margin-top: 90px;
}
.rise-against-odds .sunderbans-card h3 {
width: 70%;
margin: 0 auto;
}
.natural-disaster-content {
margin-top: 30px;
}
.content-images .col-md-4 {
margin-bottom: 20px;
}
.gratitude {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.gratitude-letters {
width: 62%;
margin: 0 auto;
}
.gratitude-letters .col-lg-3 {
margin-bottom: 10px;
}
.training-programs .natural-disasters-cover-img {
margin-top: 60px;
}
.training-programs-images .col-lg-3 {
padding: 0 !important;
} .page-template-our-profile .banner {
height: auto;
padding-bottom: 50px;
}
.page-template-our-profile .banner-floating-text {
width: 100%;
margin-top: 160px;
} .content-based-card .blog-post-container .tab-content-text h3 {
height: 25px;
}
.page-template-our-team .blog-post-container .tab-content , .page-template-governing-body .blog-post-container .tab-content , .page-template-advisory-board .blog-post-container .tab-content{
height: auto !important;
min-height: 450px !important;
max-height: 1500px !important;
padding-bottom: 45px;
}
.page-template-governing-body .blog-post-container .tab-content,
.page-template-our-team .blog-post-container .tab-content {
min-height: 501px !important;
}
.page-template-our-team .blog-post-container .tab-content-text h3 , .page-template-governing-body .blog-post-container .tab-content-text h3 , .page-template-advisory-board .blog-post-container .tab-content-text h3{
height: 25px;
}
.page-template-our-team .blog-post-container .tab-content-text h4 , .page-template-governing-body .blog-post-container .tab-content-text h4 , .page-template-advisory-board .blog-post-container .tab-content-text h4{
font-size: 16px;
height: 30px;
}
.content-based-card .tab-content-text h4 {
font-size: 16px;
height: 30px;
}
.content-based-card .expand-button {
color: #000;
font-size: 20px;
margin-left: 2px;
transform: translateY(1px);
}
.member-detail {
display: inline;
} .page-template-volunteers  .banner {
height: 65vh;
}
.page-template-volunteers  .banner .banner-content {
height: 100%;
}
.volunteer-content {
padding: 70px 0;
}
.volunteer-content p {
font-size: 17.8px;
}
.volunteer-content ol {
padding-left: 16px;
}
.volunteer-content li {
color: #666666;
} .brochures .post-section .tab-content {
height: 530px;
}
.brochures .post-section .tab-content-text h3 {
height: 30px;
} .annual-reports .post-section .tab-content-text h3 {
height: 45px;
}
.annual-reports .round-post-img{
height: 178px !important;
} .page-template-project-report .post-section .tab-content-text h3 {
height: 50px;
}
.page-template-project-report .post-section .tab-content {
height: 525px;
}  @media (max-width: 1400px) { .join-us-content {
padding: 83px 0 85px;
}
.join-us-1,
.join-us-2 {
top: 118px;
width: 140px;
}
.banner-floating-text {
width: 90%;
margin-top: 135px;
} .shrimp-img {
left: -35px;
width: 1200px;
} .contact-us .banner .banner-content {
width: 55%;
padding: 150px 45px 40px 15px;
}
.field-office-address-box img {
margin-left: 5px;
} .living-lakes .living-lakes-intro {
width: 66%;
margin-top: 230px;
}
.living-lakes-logo {
right: -62px;
top: -93px;
width: 180px;
}
.number-of-issues-img {
width: 329px;
top: 136px;
}
.multifacted-issues .living-lakes-content-header {
width: 80%;
margin-bottom : 40px;
} .ongoing-project-item h5 {
font-size: 17px;
height: 84px;
}
.ongoing-project-item p {
font-size: 17px;
height: 121px;
}
.ongoing-project-item h6 {
font-size: 17px;
}
.ongoing-project-btn {
margin-top: 115px;
}
.completed-project-item {
height: 480px;
}
.completed-title h3,
.completed-detail h4 {
font-size: 20.92px;
}
.completed-project-numbering {
left: -37px;
} .post-section .tab-content-text h3 {
height: 45px;
}
.post-section .tab-content-text p {
height: 106.7px;
}
.post-section .tab-content {
height: 550px;
} .post-section .ongoing-project-btn {
margin-top: 60px;
} .blog-post-container .tab-content-text h3 {
font-size: 17.5px;
}
.blog-post-container .tab-content-text p,
.tab-content-text h4 {
font-size: 16px;
} .sunderbans-card .sunderbans-card-img img {
width: 100%;
}
.sunderbans-card p {
font-size: 17px;
} .our-profile .banner-floating-text {
margin-top: 120px;
}
.our-profile .letter-slider-content .letter-border {
height: 87%;
} .volunteer-content p {
font-size: 17px;
}
.volunteer-content li {
font-size: 17px;
}
} @media (max-width:1300px) {
h1.banner-main-text span {
font-size: 38px;
}
h1.banner-main-text {
font-size: 38px;
}
.banner-sub-text {
font-size: 16px;
line-height: 25px;
}
.theme-btn {
padding: 8px 25px !important;
margin-top: 10px;
} .partner-logos .col-lg-2 img {
width: 90%;
}
}
@media (max-width:1200px) {
footer .col-lg-3 {
padding-left: 0 !important;
margin-bottom: 30px;
} .join-us-1,
.join-us-2 {
top: 124px;
width: 115px;
}
.join-us-1 {
left: 34px;
}
.join-us-2 {
right: 34px;
} .shrimp-img {
left: -35px;
top: 57px;
width: 1043px;
}
.project-location-content {
width: 100%;
}
.project-map {
width: 100%;
}
.tree-img {
top: -113px;
width: 411px;
} .living-lakes .living-lakes-intro {
width: 90%;
}
.climate-project p {
width: 90%;
}
.number-of-issues-img {
width: 274px;
}
.number-of-issues ul {
width: 60%;
}
.multifacted-issues .living-lakes-content-header {
width: 90%;
} .ongoing-project-item h5 {
height: 106px;
}
.ongoing-project-item p {
height: 146px;
}
.ongoing-project-btn {
margin-top: 200px;
} .post-section .tab-content-text h3 {
height: 98.2px;
}
.post-section .tab-content-text p {
height: 127.7px;
}
.post-section .tab-content {
height: 687px;
} .blog-post-container .tab-content-text h3 {
font-size: 16.5px;
}
.blog-post-container .tab-content-text p,
.tab-content-text h4 {
font-size: 16px;
} .post-images-container .post-image {
height: 250px;
} .our-profile .banner-floating-text {
margin-top: 230px;
}
.our-profile .banner {
padding-bottom: 170px;
} .volunteer-content p {
font-size: 16px;
}
} @media (max-width: 992px) {
.society-content {
margin-bottom: 30px;
}
.leaf {
right: 99px;
}
.banner {
background-position: center;
}
h1.banner-main-text {
width: 100%;
}
.banner-sub-text {
width: 80%;
}
.section-1 h2 {
font-size: 36px;
}
.society-content {
height: auto;
}
.society-content h3 {
height: auto;
}
.work-with-us p {
width: 100%;
}
.leaf-opposite {
left: 110px;
}
.tab-buttons {
flex-wrap: wrap;
}
.tab-buttons button {
width: 48%;
}
.tab-buttons button:first-child {
border-radius: 0 !important;
}
.focus-area-content .tab-buttons button:first-child,
.focus-area-content .tab-buttons button:last-child,
.sunderbans .tab-buttons button:first-child,
.sunderbans .tab-buttons button:last-child {
border-radius: 15px !important;
}
.tab-buttons button:last-child {
border-radius: 0 !important;
}
.center.slick-initialized.slick-slider .slick-slide.slick-current.slick-active.slick-center,
.letters .slick-slide {
height: auto;
} .about-us .banner {
height: auto;
padding-bottom: 70px;
}
.banner-floating-text {
margin-top: 176px;
}
.banner-floating-text .banner-sub-text {
width: 100%;
font-size: 16px;
}
.banner-floating-text h1.banner-main-text {
font-size: 32.3px;
}
.banner-floating-text,
.ecology-and-environment .banner-floating-text {
width: 100%;
}
.our-vision {
padding-bottom: 200px;
}
.our-mission {
margin-top: 0;
}
.our-vision .col-lg-6:first-child {
text-align: center;
}
.our-mission .col-lg-6:last-child {
margin-top: 130px;
}
.our-vision-content-bg {
right: 86px;
top: 84px;
width: 389px;
}
.our-vision-content {
padding-top: 80px;
}
.join-us-content {
padding: 8px 0 51px;
}
.join-us-content h3 {
font-size: 28.26px;
padding-top: 38px;
}
.join-us-content p {
font-size: 17.94px;
margin-top: 16px;
}
.join-us-content button {
margin-top: 6px;
}
.join-us-1,
.join-us-2 {
top: 75px;
width: 80px;
}
.join-us-content button {
font-size: 16px;
}
.objectives-content {
width: 100%;
}
.our-objectives {
background-position: -166px 0;
}
.objectives-content h4 {
font-size: 20.94px;
} .saime-banner-content h1 {
width: 100%;
}
.shrimp-img {
display: none;
}
.about-text,
.project-objectives,
.project-outcomes {
width: 100%;
}
.tree-img {
display: none;
}
.project-map {
width: 350px;
}
.project-location .col-lg-4,
.project-location .col-lg-8 {
text-align: center;
}
.project-location-text {
padding-top: 60px;
padding-left: 0;
}
.gallery-img-container {
margin-bottom: 30px;
}
.value-chain-1 h3,
.value-chain-2 h3 {
width: 100%;
}
.development-goals-images .col-md-6 {
margin-bottom: 20px;
}
.development-goals-images img {
width: 60%;
} .contact-us-form {
width: 90%;
}
.contact-us .banner .banner-content {
width: 100%;
padding: 150px 35px 40px 15px;
}
.contact-info-box {
margin-bottom: 15px;
}
.field-office-address-box {
margin-bottom: 20px;
height: auto;
}
.col-lg-12 .field-office-address-box {
width: 100%;
} .living-lakes .living-lakes-intro {
width: 100%;
margin-top: 170px;
}
.living-lakes-logo {
right: -58px;
top: -78px;
width: 140px;
}
.living-lakes-content-header {
width: 90%;
font-size: 30.26px;
}
.climate-project p {
width: 100%;
font-size: 21.94px;
}
.number-of-issues-img {
display: none;
}
.number-of-issues ul {
width: 80%;
}
.number-of-issues ul li,
.multifacted-issue-point p {
font-size: 21.94px;
}
.multifacted-issues .living-lakes-content-header,
.multifacted-issue-point {
width: 100%;
}
.border-bottom-icon {
display: none;
} .ongoing-project-item h5,
.ongoing-project-item p,
.ongoing-project-content {
height: auto;
}
.ongoing-project-btn {
margin-top: 50px;
}
.completed-detail {
width: 100%;
}
.completed-title {
width: 100%;
margin: 0;
}
.completed-project-numbering {
width: 110px;
border-bottom-right-radius: 86px;
border-bottom-left-radius: 25px;
left: -27px;
}
.completed-project-numbering h5 {
font-size: 32.16px;
}
.completed-project-item {
height: auto;
}
.completed-title h3,
.completed-detail h4,
.completed-detail ul li {
font-size: 18.92px;
}
.completed-project-content {
padding: 0px 20px 20px 40px;
}
.completed-project-content .d-flex {
flex-wrap: wrap;
margin-bottom: 25px;
} .post-section .tab-content,
.post-section .tab-content-text h3,
.post-section .tab-content-text p {
height: auto;
}
.post-section .tab-content {
border-radius: 76px;
}
.post-section .ongoing-project-btn {
margin: 40px 0;
} .filter-btns {
justify-content: center !important;
flex-wrap: wrap !important;
}
.blog-post-container .tab-content img {
height: 290px;
}
.blog-post-container .tab-content-text h3,
.blog-post-container .tab-content-text p,
.tab-content-text h4 {
height: auto;
}
.blog-post-container .tab-content {
height: auto;
padding-bottom: 35px;
border-radius: 69px;
} .legal-status-logos .legal-align {
margin-bottom: 20px;
text-align: center;
} .detail-page .banner {
height: 45vh;
}
.post-detail h2 {
font-size: 27.46px;
}
.post-detail h4,
.post-detail p {
font-size: 17px;
} .gallery-img-video .video,
.gallery-img-video .image {
height: 360px;
}
.gallery-page-content .tab-buttons button {
border-radius: 15px !important;
}
.gallery-page-content .tab-buttons button:last-child {
margin-top: 10px;
} .sunderbans-card {
text-align: center;
}
.sunderbans-card .sunderbans-card-img img {
width: 70%;
margin-bottom: 30px;
}
.sunderbans-card .col-lg-4 {
text-align: center;
}
.natural-disaster-content {
margin-top: 0px;
}
.natural-disasters-cover-img {
margin-top: 0px;
width: 80%;
margin-bottom: 30px;
}
.relief-material-img {
width: 100%;
}
.gratitude-letters .col-lg-3 {
margin-bottom: 20px;
}
.training-programs .natural-disasters-cover-img {
margin-top: 0;
} .our-profile .letter-slider-content .letter-border {
height: 100%;
}
.our-profile .banner {
padding-bottom: 240px;
}
.our-profile .banner-floating-text {
margin-top: 300px;
}
}
@media (max-width:768px) {
.leaf {
right: 38px;
top: 60px;
}
.work-with-us h2 {
font-size: 25px;
}
.work-with-us h2 span {
font-size: 37px;
}
.work-with-us p {
font-size: 18px;
}
.leaf-opposite {
left: 40px;
}
.tab-buttons button {
padding: 8px 21px;
font-size: 18px;
}
.tab-content {
margin-bottom: 90px;
}
.bg-stripes {
width: 342px;
} .about-us .banner {
padding-bottom: 130px;
}
.banner-floating-text {
margin-top: 235px;
}
.banner-floating-text h1.banner-main-text {
font-size: 28.3px;
}
.banner-floating-text h6 {
font-size: 15px;
}
.banner-floating-text .banner-sub-text {
font-size: 15px;
}
.our-vision-content-bg {
right: 17px;
top: 100px;
width: 400px;
}
.our-vision-content p,
.our-mission-content p {
width: 90%;
}
.our-mission-content-bg {
left: 0px;
top: 52px;
width: 453px;
}
.join-us-1,
.join-us-2 {
position: static;
margin: 20px 20px 0;
}
.join-us-content h3 {
padding-top: 21px;
}
.join-us-content {
background-position: -147px 0px;
}
.our-objectives {
background-position: -353px 0px;
} .saime-banner-content h1 {
font-size: 31.31px;
}
.saime-banner-content img {
width: 130px;
}
.project-location p,
.project-location h2 span {
font-size: 18.83px;
}
.project-location h2 {
font-size: 23px;
}
.large-image-container {
height: 295px;
}
.gallery-section-title {
font-size: 25.33px;
}
.supported-by img {
width: 400px;
}
.gallery-header {
font-size: 22px;
}
.development-goals-images img {
width: 40%;
} .contact-us .banner .banner-content {
padding: 150px 0 40px;
}
.contact-info {
width: 90%;
margin: 0 auto;
} .living-lakes .living-lakes-intro h3 {
font-size: 28.79px;
margin-top: 20px;
}
.living-lakes-logo {
right: 190px;
top: -72px;
width: 120px;
}
.living-lakes-content-header {
width: 100%;
font-size: 28.26px;
}
.climate-project p,
.number-of-issues ul li,
.multifacted-issue-point p {
font-size: 19.94px;
}
.number-of-issues ul {
width: 100%;
} .partners-page .banner,
.legal-staus .banner {
background-position: 0 0;
} .ecology-and-environment .banner-floating-text {
padding: 20px;
} .eco-env-comp-img {
width: 200%;
} .post-section .tab-content img {
height: 250px;
} .blog-post-container .tab-content img {
height: 275px;
}
.blog-post-container .tab-content {
margin-bottom: 0;
} .detail-page .banner {
height: 40vh;
}
.post-detail h2 {
font-size: 21.46px;
}
.post-detail {
padding: 89px 60px;
}
.post-images-container .post-image {
height: auto;
}
.post-images-container {
padding: 0 0px;
} .video-play-btn {
margin-top: 113px;
}
.gallery-img-video .video,
.gallery-img-video .image {
height: auto;
} .sunderbans-card .sunderbans-card-img img {
width: 100%;
}
.natural-disasters-cover-img {
width: 100%;
} .our-profile .banner {
padding-bottom: 380px;
}
.our-profile .banner-floating-text {
margin-top: 440px;
}
.elementor-2548 .elementor-element.elementor-element-5a8822c4 .elementor-heading-title {
color: #384C37;
font-family: "Arial", Sans-serif;
font-size: 21.46px;
font-weight: 600;
}
.post-detail {
padding: 45px;
}
} @media (max-width:480px) {
.leaf {
position: static;
margin-left: 73%;
}
h1.banner-main-text span {
font-size: 53px;
}
h1.banner-main-text {
font-size: 35px;
margin-top: 65px;
}
.theme-btn {
font-size: 15px;
}
.sidebar {
width: 320px;
}
.sidebar ul {
padding-top: 30px; }
.social-icons img {
margin-left: 4px;
}
.social-icons {
margin-top: 35px;
}
.society-content {
margin-bottom: 60px;
}
.society-content p {
width: 90%;
}
.society-content h3 {
font-size: 36px;
}
.section-1 h2 {
font-size: 29px;
}
.section-1 {
padding-top: 54px;
padding-bottom: 25px;
}
.work-with-us h2 span {
font-size: 35px;
}
.leaf-opposite {
position: static;
margin-left: 25px;
}
.tab-buttons button,
.tab-buttons button:first-child,
.tab-buttons button:nth-child(2) {
padding: 8px 0px;
}
.tab-content {
margin-right: 22px;
}
.prev,
.next {
display: none;
}
.tab-buttons {
margin-bottom: 60px;
}
.letter-header-img {
width: 64px;
height: 116px;
}
.letter-section-header h2 {
font-size: 28px;
margin-top: 0px;
}
.letter-section-header h2 span {
font-size: 30px;
}
.slick-slide {
padding: 0 20px;
}
.letter-slider-content .letter-border {
width: 92%;
}
.gallery-img {
height: auto;
}
.partners {
padding: 25px 0;
}
footer .col-lg-3 {
padding-left: 20px !important;
}
.sub-footer {
margin-top: 25px;
}
.sub-footer h6 {
font-size: 16px;
} .about-us .banner {
padding-bottom: 200px;
}
.banner-floating-text {
margin-top: 295px;
}
.banner-floating-text h1.banner-main-text {
font-size: 25.3px;
}
.banner-floating-text .banner-sub-text {
font-size: 14px;
}
.our-mission .col-lg-6:last-child {
margin-top: 100px;
}
.our-vision .col-lg-6:first-child img,
.our-mission .col-lg-6:last-child img {
width: 100%;
}
.objectives-content img {
height: 23px;
}
.our-objectives {
background-position: right;
} .saime-banner-content h1 {
font-size: 27.31px;
}
.saime-banner-content img {
width: 116px;
}
.project-map {
width: 100%;
}
.project-location-text {
padding-top: 40px;
}
.gallery-img-container {
margin-bottom: 20px;
}
.supported-by img {
width: 100%;
}
.saime-partners h3 {
font-size: 22px;
}
.supported-by h3,
.development-goals h3 {
margin-bottom: 20px;
}
.saime-partners h3 {
margin-bottom: 50px;
}
.development-goals-images img {
width: 65%;
} .contact-us .banner .banner-content {
padding: 150px 12px 40px 20px;
}
.contact-us-form {
width: 100%;
}
.field-office-address-box img {
width: 42px;
margin-top: 18px;
}
.field-office-address-box p {
width: 100%;
}
.field-office-detail {
width: 80%;
} .living-lakes-logo {
right: 165px;
}
.living-lakes .living-lakes-intro h3 {
font-size: 26.79px;
}
.living-lakes .living-lakes-intro p {
font-size: 15.95px;
margin-top: 15px;
}
.living-lakes-content-header {
font-size: 24.26px;
}
.climate-project p,
.number-of-issues ul li,
.multifacted-issue-point p {
font-size: 17.94px;
margin-bottom: 5px;
} .ecology-and-environment .banner-floating-text {
margin-top: 170px;
} .completed-project-numbering {
width: 110px;
border-bottom-right-radius: 96px;
border-bottom-left-radius: 11px;
left: -30px;
}
.completed-project-item {
border-radius: 30px;
}
.completed-title h3,
.completed-detail h4 {
font-size: 17.92px;
}
.focus-area-content .tab-buttons button:first-child,
.focus-area-content .tab-buttons button:last-child,
.sunderbans .tab-buttons button:first-child,
.sunderbans .tab-buttons button:last-child {
margin-bottom: 15px !important;
} .livelihood-augmentation .banner-floating-text .banner-sub-text {
font-size: 12.95px;
}
.livelihood-augmentation .banner-floating-text {
margin-top: 80px;
} .scientific-papers .banner-content h1 {
font-size: 35px;
}
.scientific-papers .banner {
height: 45vh;
}
.post-section .tab-content-text h3,
.post-section .tab-content-text p {
line-break: auto;
} .blog-page .banner {
height: 45vh;
}
.filter-btns div:first-child {
margin-left: 0 !important;
} .detail-page .banner {
height: 30vh;
} .video-play-btn {
margin-top: 86px;
}
.gallery-page .banner {
height: 45vh;
}
.gallery-page-content .tab-buttons button {
margin-bottom: 10px;
width: 60% !important;
}
.gallery-page-content .tab-buttons button:last-child {
margin-top: 0;
}
.rise-against-odds .sunderbans-card h3 {
width: 100%;
} .our-profile .banner-floating-text {
margin-top: 485px;
}
.our-profile .banner {
padding-bottom: 420px;
} .project-reports .post-section .tab-content {
height: auto;
}
.project-reports .post-section .tab-content h3 {
height: auto;
}
} @media (max-width:420px) {
.tab-content {
margin-right: 17px;
}
.letters {
padding-bottom: 120px;
}
footer h3 {
font-size: 28px;
} .about-us .banner {
padding-bottom: 265px;
}
.banner-floating-text {
width: 97%;
margin-top: 354px;
}
.banner-floating-text h1.banner-main-text {
font-size: 21.3px;
}
.our-vision-content-bg {
top: 114px;
width: 320px;
}
.our-mission-content-bg {
width: 350px;
}
.our-vision-content p,
.our-mission-content p {
font-size: 20px;
}
.our-mission .col-lg-6:last-child {
margin-top: 20px;
}
.our-vision,
.our-mission,
.our-objectives {
padding: 50px 0;
}
.join-us {
padding-bottom: 50px;
}
.our-vision-content {
padding-top: 55px;
}
.our-vision-content-bg {
top: 85px;
}
.our-objectives {
background-position: 0 0;
} .contact-us .banner .banner-content {
padding: 150px 12px 40px 11px;
} .living-lakes-logo {
right: 141px;
}
.living-lakes .living-lakes-intro h3 {
font-size: 22.79px;
}
.living-lakes .living-lakes-intro p {
font-size: 14.95px;
} .ongoing-project-item img {
width: 150px;
}
.completed-project-content {
padding: 16px 20px 20px 40px;
}
.eco-env-comp-img {
width: 300%;
left: -50%;
} .filter-btns div {
margin-left: 0;
}
.filter-btns div:first-child {
margin-bottom: 10px;
}
.filter-menu {
z-index: 1;
top: 55px;
left: -5px;
}
.all-category-filter .filter-menu .up-arrow {
right: 33px;
}
.all-category-filter .filter-menu {
width: 235px;
left: -14px;
}
.filter-menu .up-arrow {
top: -7px;
} .detail-page .banner {
height: 25vh;
}
.post-detail {
padding: 68px 38px;
border-top-right-radius: 110px;
border-top-left-radius: 110px;
}
.post-detail h2 {
font-size: 19.46px;
}
.post-detail h4,
.post-detail p {
font-size: 16px;
}
.post-images-container {
margin-top: 45px;
} .video-play-btn {
margin-top: 60px;
}
.video-overlay h3 {
font-size: 17px;
}
.video-overlay p {
font-size: 14px;
} .our-profile .banner {
padding-bottom: 520px;
}
.our-profile .banner-floating-text {
margin-top: 600px;
}
} @media (max-width:380px) {
.sidebar {
width: 100%;
}
.sidebar ul li {
font-size: 20px;
margin-bottom: 10px;
width: 75%;
}
.sidebar-dropdown {
height: 28px;
}
.dropdown-box li {
font-size: 20px !important;
}
.social-icons img {
width: 37px;
}
.social-icons h5 {
margin-top: 6px;
}
.work-with-us h2 {
font-size: 23px;
}
.work-with-us h2 span {
font-size: 31px;
}
.tab-buttons button {
font-size: 16px;
}
.tab-content {
height: auto;
}
.tab-content img {
height: 195px;
}
.letter-section-header h2 {
font-size: 26px;
}
.letter-section-header h2 span {
font-size: 28px;
}
.letter-header-img {
width: 58px;
height: 107px;
}
.letter-slider-content .letter-border {
width: 90%;
}
footer h3 {
font-size: 23px;
} .about-us .banner {
padding-bottom: 315px;
}
.banner-floating-text {
width: 100%;
margin-top: 409px;
}
.banner-floating-text .banner-sub-text {
margin-top: 7px;
}
.our-vision-content p {
width: 100%;
}
.our-vision-content-bg {
right: 0;
}
.our-mission-content-bg {
left: -3px;
width: 338px;
}
.our-mission .col-lg-6:last-child {
margin-top: 0;
}
.our-vision-content {
padding-top: 59px;
}
.our-vision-content-bg {
top: 84px;
}
.join-us-content button {
margin-bottom: 8px;
}
.objectives-content img {
margin-left: 10px;
}
.our-objectives {
background-position: -72px 34px;
} .project-location p,
.project-location h2 span {
font-size: 16px;
}
.project-location h2 {
font-size: 19px;
}
.project-location h3 {
font-size: 22px;
}
.gallery-img-container {
height: 240px;
}
.development-goals-images img {
width: 75%;
} .living-lakes-logo {
right: 119px;
top: -66px;
width: 110px;
}
.living-lakes .living-lakes-intro h3 {
font-size: 20.79px;
}
.living-lakes .living-lakes-intro p {
font-size: 13.95px;
}
.living-lakes-content-header {
font-size: 22.26px;
}
.climate-project p {
font-size: 16.94px;
margin-top: 20px;
}
.number-of-issues ul li,
.multifacted-issue-point ul li {
font-size: 16.94px;
}
.number-of-issues ul {
margin-top: 20px;
}
.multifacted-issue-point.first {
margin-top: 20px;
} .partners-page .banner,
.legal-staus .banner {
background-position: -160px 0;
} .completed-project-numbering {
width: 96px;
border-bottom-right-radius: 89px;
border-bottom-left-radius: 1px;
left: -26px;
top: 4px;
}
.completed-project-numbering h5 {
font-size: 28.16px;
}
.completed-title h3,
.completed-detail h4,
.completed-detail ul li {
font-size: 16.92px;
} .post-detail h2 {
font-size: 17.46px;
} .video-play-btn {
margin-top: 38px;
} .our-profile .banner {
padding-bottom: 600px;
}
.our-profile .banner-floating-text {
margin-top: 680px;
}
} @media (max-width:320px) {
.letter-slider-content .letter-border {
width: 88%;
} .our-mission-content-bg,
.our-vision-content-bg {
width: 300px;
}
} .donate-modal {
width: 830px;
height: 405px;
padding:1em;
background:#eee;
display:none;
position:relative;
box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);
background-image: url(https://rohangroom.com/ngo/wp-content/uploads/2023/03/donate-popup-bg.png);
background-size: cover;
}
.modal-content{
width: 61%;
margin: 45px auto 0;
}
.modal-content h5{
color: #ff7300;
font-size: 26px;
font-weight: 400;
}
.modal-content h6{
color: #20540d;
font-weight: 700;
font-size: 25px;
width: 70%;
}
.myModal-close{
background: #fff;
display: inline-block;
border-radius: 50%;
height: 50px;
width: 48px;
text-align: center;
font-size: 36px;
line-height: 39px;
position: absolute;
right: -41px;
top: -81px;
color: #394c37;
font-weight: 600;
cursor: pointer;
}