@import url("https://fonts.googleapis.com/css2?family=Heebo&family=Poppins:wght@500;600;700&display=swap");
/*
PVTRA Color Scheme
Logo Swatches
Butterfly Bush #635494
Anzac #e0b240
Brandy #dac193
Logan #a7a5cd
Purple #504496 RGB(80,68,150)
Site Swatches
Purple #562c5d RGB(86,44,93)
(lighter) #7a5f8c RGB(122,95,140)
Gold #F9C42E RGB(249,196,46)
(lighter) #f9d96e RGB(249,217,110)
*/
:root {
/* Custom CSS variables / properties */
--pv-purple: #504496; /* Purple, #562c5d, RGB(86,44,93) */
--pv-purple-rgb: 80,68,150; /* Purple, #504496, RGB(80,68,150) */
--pv-purple1: #562c5d; /* New custom purple shade */
--pv-gold: #F9C42E; /* Gold, #F9C42E, RGB(249,196,46) */
--pv-gold-lighter: #f9d96e; /* Gold, #F9C42E, RGB(249,217,110) */
--pv-gold-lighter-rgb: 249,217,110; /* Gold, #F9C42E, RGB(249,217,110) */
--pv-gold-darker: #ffb200;
/* Bootstrap Overrides */
--bs-primary: var(--pv-gold);
--bs-primary-rgb: var(--pv-gold-rgb);
--bs-primary-text: var(--pv-gold);
--bs-primary-text-emphasis: var(--pv-gold);
--bs-secondary: var(--pv-purple);
--bs-secondary-rgb: var(--pv-purple-rgb);
--bs-secondary-text: var(--pv-purple);
--bs-purple: var(--pv-purple);
/* Button */
--bs-btn-hover-color: var(--pv-purple);
--bs-btn-hover-bg: var(--pv-gold-darker);
--bs-btn-hover-border-color: var(--pv-purple);
/* DropDown List */
--bs-dropdown-link-active-bg: var(--pv-purple);
}
/*
Required to ensure custom --bs-primary-text CSS variable takes precedence over Bootstrap's .text-primary class
*/
[class*="text-primary"],
.text-primary {
color: var(--pv-gold) !important;
}
body {
font-family: "Heebo", sans-serif;
font-size: 17px;
line-height: 1.7;
color: #505050;
background: #ffffff;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
a {
color: #ffb200;
text-decoration: none;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
a:focus, a:hover {
text-decoration: none;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #ffb200; }
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
.inspiration-area .single-inspiration a,
h6,
.h6 {
font-family: "Poppins", sans-serif;
color: #031550;
line-height: 1.4;
font-weight: 700;
margin: 0 0 15px; }
h3 {
font-size: 24px;
font-weight: 700; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
h3 {
font-size: 22px; } }
@media only screen and (max-width: 767px) {
h3 {
font-size: 20px; } }
img {
max-width: 100%;
object-fit: cover; }
input,
textarea,
.form-control {
border-radius: 5px;
padding: 11px 15px;
border: 1px solid #ebebeb; }
input:focus,
textarea:focus,
.form-control:focus {
outline: 0 none;
box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.15); }
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #767676;
opacity: 1;
/* Firefox */ }
#preloader.done {
visibility: hidden;
opacity: 0; }
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f7f7f7;
z-index: 999999; }
.preloader {
width: 50px;
height: 50px;
display: inline-block;
padding: 0px;
text-align: left;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px; }
.preloader span {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100%;
background: #dbff00;
-webkit-animation: preloader 1.3s linear infinite;
animation: preloader 1.3s linear infinite; }
.preloader span:last-child {
animation-delay: -0.8s;
-webkit-animation-delay: -0.8s; }
@keyframes preloader {
0% {
transform: scale(0, 0);
opacity: 0.5; }
100% {
transform: scale(1, 1);
opacity: 0; } }
@-webkit-keyframes preloader {
0% {
-webkit-transform: scale(0, 0);
opacity: 0.5; }
100% {
-webkit-transform: scale(1, 1);
opacity: 0; } }
.text-reset:hover {
color: #ffb200 !important; }
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.gray-bg, .misson-area, .causes-area .single-cause .cause-detials, .upcoming-events, .event-page, .inspiration-area, .project-area, .single-article {
background: #fffcf4; }
.bg-info {
background-color: #fff !important; }
.section-padding {
padding: 20px 0; }
@media only screen and (max-width: 767px) {
.section-padding {
padding: 60px 0px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.section-padding {
padding: 80px 0px; } }
.form-group .nice-select {
width: 100%;
background: #fff;
min-height: 50px;
border: 1px solid #ebebeb;
padding: 6px 15px; }
.shadow, .banner-area .banner-2 .banner-btn a, .cause-details .footer-social a {
box-shadow: 0 10px 45px 0 rgba(0, 0, 0, 0.05) !important; }
.icon {
width: 45px;
height: 45px;
line-height: 45px;
background: #eaeaea;
text-align: center;
border-radius: 50px;
font-size: 14px;
display: inline-block; }
.page-padding {
padding: 70px 0; }
.no-padding {
padding: 0; }
.theme-shadow, .inspiration-area .single-inspiration span {
-webkit-box-shadow: 0 2px 15px rgba(235, 235, 235, 0.2);
-moz-box-shadow: 0 2px 15px rgba(235, 235, 235, 0.2);
box-shadow: 0 2px 15px rgba(235, 235, 235, 0.2); }
.main-content {
padding: 70px 0; }
.section-intro {
max-width: 555px;
margin: 0 auto 55px;
text-align: center; }
.section-intro p {
font-weight: 500; }
.section-intro.intro-full {
max-width: 100%; }
.section-title {
font-size: 60px;
font-weight: 700;
line-height: 1.2; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.section-title {
font-size: 50px; } }
.section-title span {
color: #ffb200;
/* display: block; */
}
.section-title .color {
display: inline-block; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.section-title {
font-size: 50px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.section-title {
font-size: 50px; } }
@media only screen and (max-width: 767px) {
.section-title {
font-size: 32px; } }
.article-title {
font-size: 30px;
font-weight: 700; }
@media only screen and (max-width: 767px) {
.article-title {
font-size: 25px; } }
.section-intro p {
color: #505050;
font-size: 18px; }
.clear::after, .upcoming-events .events-wrap .single-event::after, .event-page .events-wrap .single-event::after, .event-page .event-list .single-event::after, .single-article::after, .cause-details .cause-content .cause-info .cause-donate::after, .cause-details .cause-content .cause-info .cause-gallery::after, .widget ul li::after, .single-blog .article-entry .post-detials .post-image::after, .write-comments form .form-group::after, .write-comments form .form-group.half-form::after, .shop-wrap .shop-header::after {
clear: both;
content: "";
display: table; }
.overly, .custom-btn, .search-form, .btn-close, .banner-area .single-banner, .banner-area .banner-info .banner-meta span, .feature-area2, .parallax-banner, .misson-area .mission-vedio, .counter-area, .cta-sec, .partner-area, .volunteer-area, .donation-area, .team-area, .team-area .team-wrap .team-member .team-thumb,
.team-area .teams-info .team-member .team-thumb, .promo-area, .post-comments ol li, .testimonial-page .single-testimonial, .single-product .sp-details .item-rating {
position: relative;
z-index: 1; }
.overly::before, .custom-btn::before, .search-form::before, .btn-close::before, .banner-area .single-banner::before, .banner-area .banner-info .banner-meta span::before, .feature-area2::before, .parallax-banner::before, .misson-area .mission-vedio::before, .counter-area::before, .cta-sec::before, .partner-area::before, .volunteer-area::before, .donation-area::before, .team-area::before, .team-area .team-wrap .team-member .team-thumb::before,
.team-area .teams-info .team-member .team-thumb::before, .promo-area::before, .post-comments ol li::before, .testimonial-page .single-testimonial::before, .single-product .sp-details .item-rating::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background: #ffb200;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
z-index: -1; }
#scrollUp {
width: 45px;
height: 45px;
right: 30px;
bottom: 20px;
text-align: center;
line-height: 45px;
font-size: 20px;
color: #ffffff;
background: var(--pv-gold-darker);
border-radius: 50%; }
.custom-btn {
display: inline-block;
padding: 12px 32px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #ffffff;
z-index: 1;
background-color: var(--pv-gold-darker);
text-transform: capitalize;
overflow: hidden;
cursor: pointer;
border: 0 none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.custom-btn:before, .custom-btn:after {
content: '';
width: 0;
height: 100%;
background: #031550;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
position: absolute;
top: 0;
z-index: -1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.custom-btn::before {
left: 50%; }
.custom-btn::after {
right: 50%; }
.custom-btn:hover {
color: #ffffff; }
.custom-btn:hover::before, .custom-btn:hover::after {
width: 50%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.custom-btn.unfill {
background-color: transparent;
color: var(--pv-gold-darker);
border: 2px solid var(--pv-gold-darker); }
.custom-btn.unfill::before, .custom-btn.unfill::after {
background-color: #031550; }
.custom-btn.unfill:hover {
border: 2px solid #031550;
color: #ffffff; }
.custom-btn.btn-alt {
background-color: var(--pv-gold-darker); }
.custom-btn.btn-alt::after, .custom-btn.btn-alt::before {
background-color: #000000; }
.list-clear, .header-top .top-info, .footer-area .copy-right .quick-link ul, .blog-area-2 .single-article .article-details .article-meta, .cause-details .cause-content .cause-info ul, .widget ul, .single-blog .article-entry .post-detials .post-image, .single-blog .article-entry .post-detials .info-list, .single-blog .article-entry .post-detials .post-share ul, .post-comments ol, .product-tab .tab-content ul.e-info, .c-info-wrap .contact-info {
padding: 0;
margin: 0;
list-style: none; }
.nice-select {
border: 0 none;
background-color: transparent;
font-size: 16px;
padding-left: 10px; }
.nice-select:after {
height: 7px;
width: 7px;
margin-top: -6px; }
.nice-select .option {
color: #031550; }
.nice-select .option .selected {
font-weight: 500; }
.owl-nav > div {
position: absolute;
left: -25px;
width: 50px;
height: 50px;
top: 50%;
background: var(--pv-gold-darker);
color: #ffffff;
display: table;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: rgba(255, 178, 0, 0.8);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
@media only screen and (max-width: 767px) {
.owl-nav > div {
left: 0; } }
.owl-nav > div:hover {
background-color: var(--pv-gold-darker); }
.owl-nav > div.owl-next {
left: auto;
right: -25px; }
@media only screen and (max-width: 767px) {
.owl-nav > div.owl-next {
right: 0; } }
.owl-nav > div::before {
background: transparent; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.owl-nav > div {
left: 0; }
.owl-nav > div.owl-next {
right: 0; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.owl-nav > div {
left: -25px; }
.owl-nav > div.owl-next {
right: -25px; } }
.owl-nav > div i {
vertical-align: middle;
display: table-cell; }
/*===========================================
2. Header Area
=============================================*/
.header-top {
background: #212b33; }
.header-top .nice-select::after {
border-color: #ffffff; }
.header-top .dropdown {
padding-top: 5px; }
.header-top .dropdown ul {
padding: 5px;
border: 0 none; }
.header-top .dropdown ul a {
color: #505050; }
.header-top .dropdown ul a i {
margin-right: 3px;
font-size: 12px; }
.header-top a {
font-size: 14px;
color: #ffffff; }
@media only screen and (max-width: 767px) {
.header-top .row .col-lg-6 {
width: 50%; } }
.header-top .top-info {
padding-top: 4px; }
.header-top .top-info li {
display: inline-block;
padding: 4px 0;
margin-right: 10px;
font-size: 16px; }
.header-top .top-info li a {
color: #ffffff;
font-size: 14px; }
.header-top .top-info li a i {
margin-right: 5px;
color: var(--pv-gold-darker); }
.header-top .top-info li:hover a {
color: var(--pv-gold-darker); }
.header-top .account-info {
max-width: 230px;
margin-left: auto;
color: #ffffff;
justify-content: space-between; }
@media only screen and (max-width: 767px) {
.header-top .account-info {
justify-content: flex-end; } }
.header-top .account-info .nice-select {
font-size: 14px; }
.header-top .account-info a {
color: #ffffff;
font-size: 14px; }
.header-top .account-info i {
color: var(--pv-gold-darker);
font-size: 14px; }
/*.navbar {
padding: 0; }*/
.navbar .dropdown,
.navbar .dropdown-center,
.navbar .dropend,
.navbar .dropstart,
.navbar .dropup,
.navbar .dropup-center {
position: relative; }
.navbar .navbar-nav li a.nav-link {
padding: 30px 20px;
color: var(--pv-purple);
text-transform: capitalize;
font-weight: 600; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.navbar .navbar-nav li a.nav-link {
padding: 28px 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.navbar .navbar-nav li a.nav-link {
font-size: 15px;
padding: 26px 10px;
}
}
.navbar .navbar-nav li a.nav-link.active {
color: var(--pv-gold);
text-decoration: underline var(--pv-purple);
}
.navbar .navbar-nav li a.nav-link:hover {
color: var(--pv-gold);
text-decoration: underline var(--pv-purple);
}
.navbar .navbar-nav .dropdown-menu {
border: none;
border-radius: 8px;
margin-top: 0;
padding: 16px 0;
min-width: 240px;
top: 100%;
box-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, 0.05);
z-index: 10;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.navbar .navbar-nav .dropdown-menu .dropdown-item {
align-items: center;
display: flex;
font-weight: 600;
font-size: 15px;
padding: 5px 24px;
width: 100%;
color: var(--pv-purple);
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
color: var(--pv-purple);
background-color: var(--pv-gold);
}
.navbar .navbar-nav .dropdown-menu .dropdown-item.active,
.navbar .navbar-nav .dropdown-menu .dropdown-item:active {
color: var(--pv-gold);
background-color: var(--pv-purple);
border-color: var(--pv-purple);
}
.navbar .navbar-nav .dropdown-menu .dropdown-submenu a:after {
position: absolute;
right: 16px;
transform: rotate(-90deg); }
.navbar .navbar-nav .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
left: 100%;
right: auto;
top: -18px; }
.navbar .navbar-nav .dropdown-menu .dropend > .dropdown-menu {
transform: translateY(0.625rem); }
.navbar .navbar-nav .dropdown:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
transform: scaleY(1); }
.navbar .navbar-nav .dropdown-submenu.dropend:hover > .dropdown-menu {
opacity: 1;
transform: scaleX(1);
visibility: visible; }
.navbar .navbar-brand {
margin-right: 0; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.navbar .navbar-brand {
max-width: 110px; } }
@media only screen and (max-width: 767px) {
.navbar a.navbar-brand img {
width: 125px; } }
.navbar .navbar-toggler:focus {
box-shadow: none; }
.navbar .dropdown-toggle:after {
float: right; }
.navbar .dropdown .dropdown-toggle:after {
color: var(--bs-primary);
content: "\f107";
font-family: "fontawesome" !important;
line-height: 24px;
border: 0 none;
font-size: 13px;
margin-left: 7px;
margin-top: 1px; }
@media only screen and (max-width: 767px) {
.navbar .dropdown .dropdown-toggle:after {
margin-left: auto;
margin-right: 10px; } }
.navbar button.navbar-toggler.offcanvas-nav-btn {
border: 0;
font-size: 1.50rem;
font-weight: 700;
color: #031550; }
.navbar button.navbar-toggler.offcanvas-nav-btn i {
top: 0.125rem;
position: relative; }
.navbar .dropdown-header {
color: #031550;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.0625rem;
padding: 4px 24px;
text-transform: uppercase; }
.navbar .custom-btn {
border-radius: 30px;
padding: 9px 28px; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.navbar .custom-btn {
padding: 8px 25px; } }
.navbar.nav-center .navbar-nav li:last-child a.nav-link {
padding-right: 0; }
.navbar .dropdown:hover > .dropdown-menu {
opacity: 1;
visibility: visible; }
.navbar .dropdown-submenu:hover > .dropdown-menu {
opacity: 1;
transform: translateY(0.625rem);
visibility: visible; }
@media (min-width: 992px) {
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 33.33%; }
.navbar .navbar-nav .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transform-origin: 0 0 0;
transform: scaleY(0); }
.navbar .navbar-nav .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
transform: scaleX(0); }
.navbar .navbar-nav .dropdown-submenu.dropend:hover > .dropdown-menu {
transform: scaleX(1); } }
@media (max-width: 991.98px) {
.navbar .navbar-nav .dropdown-menu {
background-color: transparent;
box-shadow: none;
min-width: 0 !important; }
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
box-shadow: none; }
.navbar .navbar-nav .nav-item .nav-link {
border-bottom: 0.0625rem solid var(--bs-gray-200);
border-radius: 0;
padding: 12px 0 !important; }
.navbar .navbar-nav .nav-item:last-child .nav-link {
border: 0 none; }
.header-2 .navbar .offcanvas .navbar-nav li a.nav-link,
.header-2 .navbar .offcanvas .dropdown > .dropdown-toggle:after {
color: #505050; } }
.header-actions {
max-width: 280px;
flex: 0 0 280px; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.header-actions {
max-width: 250px;
flex: 0 0 250px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.header-actions {
max-width: 250px;
flex: 0 0 250px; }
.header-actions .custom-btn {
padding: 6px 20px; } }
.header-actions .cart-num {
background-color: var(--pv-gold-darker);
color: #ffffff;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
position: absolute;
top: -16px;
font-size: 13px;
line-height: 24px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.header-actions .cart-num {
top: -11px; } }
.header-actions a:hover {
background-color: var(--pv-gold-darker);
color: #ffffff !important; }
.header-2 {
position: absolute;
left: 0;
top: 8px;
width: 100%;
background-color: transparent;
z-index: 99; }
.header-2 .navbar .navbar-nav li a.nav-link,
.header-2 .navbar .dropdown > .dropdown-toggle:after {
color: #ffffff; }
.header-2 .navbar-toggler i {
color: #ffffff; }
header nav.navbar.scroll-on {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 99;
background: #ffffff;
box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.07);
width: 100%;
animation: headerSlideDown 1.3s ease forwards; }
header nav.navbar.scroll-on .navbar-nav li a.nav-link {
padding: 26px 20px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
header nav.navbar.scroll-on .navbar-nav li a.nav-link {
padding: 22px 10px; } }
header.header-2 nav.navbar.scroll-on {
background-color: #000000;
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); }
@keyframes headerSlideDown {
0% {
margin-top: -6.25rem; }
to {
margin-top: 0; } }
.search-form:before {
content: "\f002";
font-family: "fontawesome";
position: absolute;
transform: translateY(-50%);
z-index: 1;
width: 20px;
background-color: transparent;
top: 33px; }
.search-form input {
border: 0 none;
padding-left: 30px; }
.search-form input:focus {
box-shadow: none; }
.offcanvas-header .btn-close {
padding: 4px; }
.btn-close {
width: 30px;
height: 30px;
line-height: 30px;
flex: 0 0 30px;
text-align: center;
display: table;
background: 0 0;
background-color: #ebebeb !important; }
.btn-close:focus {
border: 0 none;
box-shadow: none; }
.btn-close:before {
font-family: "fontawesome";
font-size: 1.2rem;
content: "\f00d";
background-color: transparent;
font-weight: 100;
color: #031550;
top: 3px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
/* =============================================
*/
.video-block {
position: relative;
width: 100px;
z-index: 1; }
.video-block .video {
height: 65px;
width: 65px;
text-align: center;
border-radius: 100%;
color: #fff;
display: table;
background: var(--pv-gold-darker);
z-index: 99; }
.video-block .video i {
display: table-cell;
vertical-align: middle;
font-size: 22px; }
.waves {
position: absolute;
width: 120px;
height: 120px;
background: var(--pv-gold-darker);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
border-radius: 100%;
right: 7px;
bottom: -28px;
z-index: -1;
-webkit-animation: waves 3s ease-in-out infinite;
animation: waves 3s ease-in-out infinite; }
@keyframes waves {
0% {
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
opacity: 0;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
}
50% {
opacity: 0.9;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; */
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
}
}
.wave-1 {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.wave-2 {
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.wave-3 {
-webkit-animation-delay: 2s;
animation-delay: 2s; }
.banner-area {
position: relative;
/* 4.2 Banner 2 Start */ }
.banner-area .single-banner {
height: 700px;
background-position: center center;
background-size: cover; }
.banner-area .single-banner::before {
z-index: auto;
background: #000000;
opacity: 0.55;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
filter: alpha(opacity=55); }
.banner-area .single-banner .banner-info {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 800px; }
.banner-area .single-banner .banner-info p {
color: #ffffff;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 20px; }
.banner-area .single-banner .banner-info .banner-btn {
margin-top: 60px; }
.banner-area .single-banner .banner-info .banner-btn a {
margin-right: 20px; }
@media only screen and (max-width: 767px) {
.banner-area .single-banner .banner-info .banner-btn a {
margin-right: 9px;
padding: 12px 25px; } }
.banner-area .single-banner .banner-info .banner-btn a.custom-btn {
border: 2px solid var(--pv-gold-darker); }
.banner-area .single-banner .banner-info .banner-btn a.custom-btn:hover {
background-color: transparent;
color: #ffffff;
border: 2px solid #ffffff; }
.banner-area .single-banner .banner-info .banner-btn a.custom-btn:hover::before, .banner-area .single-banner .banner-info .banner-btn a.custom-btn:hover::after {
background-color: transparent; }
.banner-area .single-banner .banner-info .banner-btn a.custom-btn.unfill:hover {
border: 2px solid #031550; }
.banner-area .single-banner .banner-info .banner-btn a.custom-btn.unfill:hover::before, .banner-area .single-banner .banner-info .banner-btn a.custom-btn.unfill:hover::after {
background-color: #031550; }
@media only screen and (max-width: 767px) {
.banner-area .single-banner {
max-height: 500px; }
.banner-area .single-banner .banner-info {
min-width: 300px; }
.banner-area .single-banner .banner-info p {
font-size: 15px; }
.banner-area .single-banner .banner-info .banner-title {
font-size: 40px;
line-height: 1.2; } }
.banner-area .owl-dots {
bottom: 48%;
left: 92%;
text-align: center;
width: 50px; }
@media only screen and (max-width: 767px) {
.banner-area .owl-dots {
display: none; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.banner-area .owl-dots {
left: 98%; } }
.banner-area .owl-dots .owl-dot {
display: block;
margin: 10px 0; }
.banner-area .owl-dots .owl-dot span {
width: 12px;
height: 12px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.banner-area .owl-dots .owl-dot.active span, .banner-area .owl-dots .owl-dot:hover span {
width: 12px;
height: 12px; }
.banner-area .banner-info .banner-title {
font-size: 70px;
font-weight: 700;
line-height: 1.3;
text-transform: capitalize;
margin: 0px 0 20px;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.banner-area .banner-info .banner-title {
font-size: 60px; } }
@media only screen and (max-width: 767px) {
.banner-area .banner-info .banner-title {
font-size: 35px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.banner-area .banner-info .banner-title {
font-size: 60px; } }
.banner-area .banner-info .banner-title span {
color: var(--pv-gold-darker); }
.banner-area .banner-info p {
font-size: 18px;
font-weight: 500; }
@media only screen and (max-width: 767px) {
.banner-area .banner-info p {
font-size: 17px; } }
.banner-area .banner-info .banner-meta span {
display: inline-block;
margin-right: 15px;
padding-left: 25px; }
.banner-area .banner-info .banner-meta span::before {
content: "\f058";
font-family: fontawesome;
background-color: transparent;
color: var(--pv-gold-darker);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
@media only screen and (max-width: 767px) {
.banner-area .banner-info .banner-meta span {
margin-right: 5px;
font-size: 16px; } }
.banner-area .banner-gallery {
left: 40px; }
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
.banner-area .banner-gallery {
left: 80px; } }
@media only screen and (min-width: 1400px) and (max-width: 1529px) {
.banner-area .banner-gallery {
left: 40px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.banner-area .banner-gallery {
left: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.banner-area .banner-gallery {
left: 30px; } }
@media only screen and (max-width: 767px) {
.banner-area .banner-gallery {
left: 0; } }
.banner-area .banner-gallery .bg-item {
margin-bottom: 15px; }
@media only screen and (max-width: 767px) {
.banner-area .banner-gallery .bg-item {
margin-bottom: 10px; } }
.banner-area .banner-gallery .bg-item img {
filter: grayscale(30%); }
.banner-area .banner-2 .banner-btn a {
margin-right: 30px;
border: 2px solid var(--pv-gold-darker); }
@media only screen and (max-width: 767px) {
.banner-area .banner-2 .banner-btn a {
margin-right: 5px;
padding: 9px 22px; } }
.banner-area .banner-2 .banner-btn a:hover::before, .banner-area .banner-2 .banner-btn a:hover::after {
background-color: var(--pv-gold-darker); }
.banner-area .banner-2 .banner-btn a.unfill:hover {
border: 2px solid #031550; }
.banner-area .banner-2 .banner-btn a.unfill:hover::before, .banner-area .banner-2 .banner-btn a.unfill:hover::after {
background-color: #031550; }
.banner-area .banner-2 .owl-nav > div {
left: 0px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
.banner-area .banner-2 .owl-nav > div.owl-next {
left: auto;
right: 0px; }
.banner-area .banner-2 .single-banner .banner-info {
left: auto;
top: 60%;
transform: translateY(-50%);
max-width: 550px;
min-width: auto; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.banner-area .banner-2 .single-banner .banner-info {
max-width: 500px; } }
@media only screen and (max-width: 767px) {
.banner-area .banner-2 .single-banner .banner-info {
max-width: calc(100% - 20px); } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner-area .banner-2 .single-banner .banner-info {
max-width: 400px; } }
.banner-area:hover .owl-nav > div {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
left: 10px; }
.banner-area:hover .owl-nav > div.owl-next {
right: 10px; }
.banner-1 {
padding: 20px 0; }
@media only screen and (max-width: 767px) {
.banner-1 {
padding: 20px 0; } }
.banner-1 .banner-info .banner-title {
font-size: 55px; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.banner-1 .banner-info .banner-title {
font-size: 50px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.banner-1 .banner-info .banner-title {
font-size: 37px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.banner-1 .banner-info .banner-title {
font-size: 30px; } }
@media only screen and (max-width: 767px) {
.banner-1 .banner-info .banner-title {
font-size: 30px; } }
.donation-form h2 {
color: #ffffff; }
.donation-form span.currency-sign {
width: 45px;
height: 100%;
background: #ffb712;
line-height: 49px;
color: #fff;
text-align: center;
font-size: 25px;
font-weight: 700; }
.donation-form input.donate-input {
padding-left: 60px;
font-weight: 700;
font-size: 18px; }
.donation-form .donate-actions {
max-width: 500px; }
.donation-form .donate-actions button {
border: 0 none;
padding: 3px 18px;
font-weight: 600;
color: #031550;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.8); }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.donation-form .donate-actions button {
padding: 3px 13px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.donation-form .donate-actions button {
padding: 3px 10px; } }
@media only screen and (max-width: 767px) {
.donation-form .donate-actions button {
padding: 0 9px; } }
.donation-form .donate-actions button.active {
background-color: var(--pv-gold-darker);
color: #ffffff; }
.feature-area2 {
background-color: var(--pv-gold-darker);
padding: 170px 0 100px; }
.feature-area2::before {
background: url("../images/banner/bg-shape.png") no-repeat center bottom/cover;
opacity: 1;
height: 88px;
top: auto;
bottom: 0; }
.feature-area2::after {
position: absolute;
top: 0;
left: 0;
content: "";
background: url("../images/banner/bg-shape.png") no-repeat center top/cover;
width: 100%;
height: 88px;
transform: rotate(-180deg); }
.feature-area2 .feature-item span.icon.shadow {
width: 80px;
height: 80px;
line-height: 80px;
flex: 0 0 80px;
border-radius: 50%; }
.feature-area2 .feature-item span.icon.shadow img {
width: 40px; }
@media only screen and (max-width: 767px) {
.feature-area2 .feature-item span.icon.shadow {
width: 60px;
height: 60px;
line-height: 60px;
flex: 0 0 60px; }
.feature-area2 .feature-item span.icon.shadow img {
width: 25px; } }
.feature-area2 .feature-item h3 {
font-size: 28px;
margin-bottom: 5px; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.feature-area2 .feature-item h3 {
font-size: 22px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.feature-area2 .feature-item h3 {
font-size: 20px; } }
@media only screen and (max-width: 767px) {
.feature-area2 .feature-item h3 {
font-size: 22px; } }
/* 4.3 Parallax Banner */
.parallax-banner {
padding: 100px 0; }
.parallax-banner::before {
background: #000000;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70); }
.parallax-banner .single-banner::before {
display: none; }
.parallax-banner .banner-info {
max-width: 600px; }
@media only screen and (max-width: 767px) {
.parallax-banner .banner-info {
padding-right: 30px; } }
.parallax-banner .donation-form {
background-color: rgba(255, 255, 255, 0.15); }
.parallax-banner .donation-form .form-group input {
background-color: rgba(255, 255, 255, 0.15);
border: 0 none;
color: #ffffff; }
.parallax-banner .donation-form .form-group input::placeholder {
color: rgba(255, 255, 255, 0.6); }
.parallax-banner .banner-info .banner-title {
color: #031550;
font-size: 55px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.parallax-banner .banner-info .banner-title {
font-size: 45px; } }
@media only screen and (max-width: 767px) {
.parallax-banner .banner-info .banner-title {
font-size: 35px; } }
.parallax-banner .banner-info p {
max-width: 500px;
color: #ffffff; }
.parallax-banner .banner-info a.icon {
border: none;
background-color: var(--pv-gold-darker);
color: #ffffff;
width: 70px;
height: 70px;
line-height: 70px;
outline: 5px solid rgba(255, 255, 255, 0.7); }
.parallax-banner .banner-meta span {
color: #ffffff;
font-weight: 500;
letter-spacing: 1px;
font-size: 18px; }
/* ==============================================
5. Feature Area
==================================================*/
.feature-area .feature-item {
text-align: center;
padding: 50px 30px; }
.feature-area .feature-item span {
width: 80px;
height: 80px;
background: #ffffff;
display: inline-table;
text-align: center;
line-height: 80px;
border-radius: 50%; }
.feature-area .feature-item span img {
width: 40px;
height: 40px;
border-radius: 5px; }
.feature-area .feature-item h4 {
text-transform: capitalize;
margin: 20px 0 0;
font-weight: 400;
font-size: 20px;
letter-spacing: 2px; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.feature-area .feature-item h4 {
font-size: 16px; } }
.feature-area .row > div {
background: var(--pv-gold-darker); }
.feature-area .row > div:nth-child(2n + 2) {
background: #ffbd26; }
/* ============================================
6. History Area */
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
.history-area .history-txt {
padding-right: 60px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.history-area .history-txt {
margin-top: 40px; } }
@media only screen and (max-width: 767px) {
.history-area .history-txt {
margin-top: 30px; } }
.history-area .history-txt p {
margin: 25px 35px 45px 0; }
.history-area .raise-img {
margin-bottom: 15px;
border-radius: 7px; }
.history-area .raise-img:last-child {
margin: 0; }
.history-area .raise-img img {
border-radius: 7px; }
.history-area .raise-img.height-2 {
height: 417px; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.history-area .raise-img.height-2 {
height: 360px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.history-area .raise-img.height-2 {
height: 453px; } }
@media only screen and (max-width: 767px) {
.history-area .raise-img.height-2 {
height: 195px; } }
.history-area .raise-img.height-2 img {
height: 100%; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.history-area .raise-img.height-2 img {
height: 305px; } }
/* =============================================
7. Mission Area */
.misson-area .mission-vedio {
border-radius: 7px;
overflow: hidden;
margin-top: 10px; }
.misson-area .mission-vedio::before {
z-index: auto;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
background: #000; }
.misson-area .mission-vedio img {
height: 365px;
width: 100%; }
@media only screen and (max-width: 767px) {
.misson-area .mission-vedio img {
height: 250px; } }
.misson-area .mission-vedio .video-block {
position: absolute;
width: 80px;
z-index: 4;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.misson-area .mission-vedio .video-block .waves {
bottom: -28px;
right: -12px;
background-color: #ffe6ae; }
.misson-area .misson-txt {
text-align: right; }
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
.misson-area .misson-txt {
padding-left: 60px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.misson-area .misson-txt {
text-align: left;
margin-top: 40px; } }
.misson-area .misson-txt p {
margin: 25px 0px 45px 0px; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.misson-area .misson-txt p {
margin: 30px 0 40px; } }
@media only screen and (max-width: 767px) {
.misson-area .misson-txt {
text-align: inherit;
margin-top: 30px; }
.misson-area .misson-txt p {
margin: 30px 0 40px; } }
.about-intro {
max-width: 470px; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.about-intro {
max-width: 430px; } }
.about-intro .section-title span {
display: inline-block; }
/* =================================================
8. Counterup Area */
.counter-area {
background: url("../images/banner/0b2.jpeg") no-repeat center center/cover; }
@media only screen and (max-width: 767px) {
.counter-area {
padding: 30px 0; } }
.counter-area .single-counter {
text-align: center;
padding: 60px 0; }
@media only screen and (max-width: 767px) {
.counter-area .single-counter {
padding: 30px 0; } }
.counter-area::before {
background: var(--pv-gold-darker);
opacity: 0.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85); }
.single-counter img {
background-color: rgba(255, 255, 255, 0.8);
padding: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px; }
.single-counter .counter {
display: block;
margin: 20px 0 15px;
font-family: "Poppins", sans-serif;
font-size: 55px;
font-weight: 700;
color: #ffffff;
line-height: 1; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.single-counter .counter {
font-size: 50px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.single-counter .counter {
font-size: 45px; } }
@media only screen and (max-width: 767px) {
.single-counter .counter {
font-size: 40px; } }
.single-counter h3 {
font-weight: 400;
font-size: 20px;
color: #ffffff; }
.about-area .badge {
background-color: var(--pv-gold-darker);
font-size: 14px; }
.about-area .about-content h4 {
line-height: 1.7;
margin-bottom: 30px; }
.about-area .single-counter {
flex: 0 0 33%; }
.about-area .single-counter img {
background-color: #fffcf4; }
.about-area .single-counter h4 {
font-size: 55px;
line-height: 1;
margin-bottom: 0;
color: var(--pv-gold-darker); }
.about-area .single-counter h4 .counter {
font-size: 55px; }
.about-area .single-counter h4 span {
color: var(--pv-gold-darker); }
.about-area .single-counter h3 {
color: #031550;
margin-bottom: 0; }
.about-area .single-counter span {
display: inline-block; }
.cta-sec::before {
background-color: #000000;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75); }
.cta-sec .sec-intro p {
max-width: 700px;
margin: 0 auto;
color: #ffffff; }
.cta-sec .sec-intro .section-title span {
display: inline-block; }
.cta-sec .donation-progres {
margin-top: 60px; }
.cta-sec .donation-progres span {
font-size: 20px;
color: #ffffff; }
.cta-sec .progress {
height: 1.2rem; }
.cta-sec .progress .progress-bar {
background-color: var(--pv-gold-darker);
font-size: 18px; }
.cta-sec .collect-stat .item {
text-align: center;
padding: 25px 45px;
border-radius: 10px;
background-color: rgba(255, 178, 0, 0.75); }
.cta-sec .collect-stat .item h3 {
font-size: 35px;
margin-bottom: 0;
color: #ffffff; }
.cta-sec .collect-stat .item h3 span {
margin-left: 5px; }
.cta-sec .collect-stat .item p {
color: #fffcf4; }
/* =============================================
9. Causes Area */
@media only screen and (max-width: 767px) {
.causes-area .single-cause {
margin-bottom: 30px; } }
.causes-area .section-title span {
display: inline; }
.causes-area .single-cause figure {
margin: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden; }
.causes-area .single-cause .cause-detials {
overflow: hidden;
border-width: 0 1px 1px;
border-style: solid;
border-radius: 0px 0px 5px 5px;
padding: 20px 25px 30px;
border-color: #ebebeb; }
.causes-area .single-cause .cause-detials h3 {
margin-top: 5px; }
.causes-area .single-cause .cause-detials h3 a {
color: #031550; }
.causes-area .single-cause .cause-detials h3 a:hover {
color: var(--pv-gold-darker); }
.causes-area .single-cause .cause-detials .cause-donate {
margin-bottom: 25px;
overflow: hidden;
font-weight: 500; }
.causes-area .single-cause .cause-detials .cause-donate .cause-raise {
float: left;
font-size: 16px; }
.causes-area .single-cause .cause-detials .cause-donate .cause-goal {
text-align: right;
font-weight: 500;
font-size: 16px; }
.causes-area .single-cause .cause-detials .cause-donate label {
display: block;
font-weight: 700;
text-transform: uppercase;
color: #031550;
font-family: "Poppins", sans-serif;
margin-bottom: 0; }
.causes-area .single-cause .cause-detials .progress {
border-radius: 50px;
height: 22px; }
.causes-area .single-cause .cause-detials .progress .progress-bar {
border-radius: 50px;
background: var(--pv-gold-darker);
font-size: 14px;
font-weight: 700;
color: #ffffff; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.causes-area .single-cause .cause-detials {
padding: 10px 10px 25px; }
.causes-area .single-cause .cause-detials h3 {
font-size: 20px; } }
@media only screen and (max-width: 767px) {
.causes-area .single-cause .cause-detials {
padding: 10px 10px 25px; }
.causes-area .single-cause .cause-detials h3 {
font-size: 20px; } }
/* ==============================================
10. Upcoming Events Area */
@media only screen and (max-width: 767px) {
.upcoming-events, .event-page {
overflow: hidden; } }
.upcoming-events .section-intro .section-title span, .event-page .section-intro .section-title span {
display: inline; }
.upcoming-events .events-wrap, .event-page .events-wrap, .event-page .event-list {
padding: 50px 0 0; }
.upcoming-events .events-wrap .single-event, .event-page .events-wrap .single-event, .event-page .event-list .single-event {
background: #ffffff;
position: relative;
border: 1px solid #ebebeb;
display: table;
border-radius: 5px;
overflow: hidden;
width: 100%; }
.upcoming-events .events-wrap .single-event .event-thumb, .event-page .events-wrap .single-event .event-thumb, .event-page .event-list .single-event .event-thumb {
width: 41%;
margin: 0;
vertical-align: middle;
display: table-cell; }
@media only screen and (max-width: 767px) {
.upcoming-events .events-wrap .single-event .event-thumb, .event-page .events-wrap .single-event .event-thumb, .event-page .event-list .single-event .event-thumb {
width: 100%;
display: block;
height: 220px; } }
.upcoming-events .events-wrap .single-event .event-thumb figcaption, .event-page .events-wrap .single-event .event-thumb figcaption, .event-page .event-list .single-event .event-thumb figcaption {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 80px;
background: var(--pv-gold-darker);
color: #ffffff;
text-align: center;
padding-top: 15px;
font-size: 14px;
line-height: 1;
text-transform: uppercase; }
.upcoming-events .events-wrap .single-event .event-thumb figcaption strong, .event-page .events-wrap .single-event .event-thumb figcaption strong, .event-page .event-list .single-event .event-thumb figcaption strong {
display: block;
font-size: 40px;
line-height: 1;
font-family: "Poppins", sans-serif;
margin-bottom: 5px;
color: #ffffff; }
.upcoming-events .events-wrap .single-event .event-details, .event-page .events-wrap .single-event .event-details, .event-page .event-list .single-event .event-details {
padding: 25px 20px 21px 25px;
display: table-cell;
vertical-align: middle;
border-radius: 5px 5px 5px 0px;
border-left: none; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.upcoming-events .events-wrap .single-event .event-details, .event-page .events-wrap .single-event .event-details, .event-page .event-list .single-event .event-details {
margin-left: 0px; } }
@media only screen and (max-width: 767px) {
.upcoming-events .events-wrap .single-event .event-details, .event-page .events-wrap .single-event .event-details, .event-page .event-list .single-event .event-details {
border-radius: 0px 0px 5px 5px;
width: 100%;
padding: 12px;
display: block;
border: 1px solid #ebebeb; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.upcoming-events .events-wrap .single-event .event-details h3, .event-page .events-wrap .single-event .event-details h3, .event-page .event-list .single-event .event-details h3 {
font-size: 19px; } }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.upcoming-events .events-wrap .single-event .event-details h3, .event-page .events-wrap .single-event .event-details h3, .event-page .event-list .single-event .event-details h3 {
font-size: 20px; } }
.upcoming-events .events-wrap .single-event .event-details h3 a, .event-page .events-wrap .single-event .event-details h3 a, .event-page .event-list .single-event .event-details h3 a {
color: #031550; }
.upcoming-events .events-wrap .single-event .event-details h3:hover a, .event-page .events-wrap .single-event .event-details h3:hover a, .event-page .event-list .single-event .event-details h3:hover a {
color: var(--pv-gold-darker); }
.upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
display: inline-block;
margin: 0px 30px 30px 0;
position: relative; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
margin: 0px 20px 30px 0; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
margin: 0 8px 12px 0; } }
@media only screen and (max-width: 767px) {
.upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
margin: 0 20px 12px 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .events-wrap .single-event .event-details .event-countown .table-cell, .event-page .event-list .single-event .event-details .event-countown .table-cell {
margin: 0px 20px 30px 0; } }
.upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell .tab-val, .event-page .events-wrap .single-event .event-details .event-countown .table-cell .tab-val, .event-page .event-list .single-event .event-details .event-countown .table-cell .tab-val {
font-weight: 700;
font-size: 22px;
font-family: "Poppins", sans-serif;
color: var(--pv-gold-darker); }
.upcoming-events .events-wrap .single-event .event-details .event-countown .table-cell .tab-metr.tab-unit, .event-page .events-wrap .single-event .event-details .event-countown .table-cell .tab-metr.tab-unit, .event-page .event-list .single-event .event-details .event-countown .table-cell .tab-metr.tab-unit {
text-transform: capitalize;
font-weight: 500;
font-size: 15px; }
.upcoming-events .events-wrap .single-event .event-details .custom-btn, .event-page .events-wrap .single-event .event-details .custom-btn, .event-page .event-list .single-event .event-details .custom-btn {
padding: 7px 16px;
font-size: 14px; }
@media only screen and (max-width: 767px) {
.upcoming-events .events-wrap .single-event .event-details .custom-btn, .event-page .events-wrap .single-event .event-details .custom-btn, .event-page .event-list .single-event .event-details .custom-btn {
margin-top: 10px; } }
@media only screen and (max-width: 767px) {
.main-content .event-countown {
display: none; } }
/* ===========================================
11. Partner Area */
.partner-area::before {
opacity: 0.95;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
background: #ffffff; }
.partner-area .partner-wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center; }
.partner-area .partner-wrap.owl-carousel .owl-item img {
width: auto;
margin: 0 auto;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.partner-area .partner-wrap.owl-carousel .owl-item:hover img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
/* =============================================
12. Volunteer Area */
.volunteer-area::before {
opacity: 0.95;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
background-color: var(--pv-gold-darker); }
.volunteer-area .volunteer-wrap span {
font-weight: 700;
font-size: 70px;
color: #242424;
font-family: "Poppins", sans-serif;
line-height: 1.2; }
@media only screen and (max-width: 767px) {
.volunteer-area .volunteer-wrap span {
font-size: 32px;
line-height: 1.1; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.volunteer-area .volunteer-wrap span {
font-size: 60px; } }
.volunteer-area .volunteer-wrap p {
font-size: 24px;
margin: 30px 0 40px;
color: #383838; }
@media only screen and (max-width: 767px) {
.volunteer-area .volunteer-wrap p {
font-size: 20px; } }
.volunteer-area .volunteer-wrap .custom-btn {
background-color: #000000;
padding: 14px 48px;
font-size: 20px; }
/* ==================================================
13. Footer Area */
.footer-area {
position: relative;
background: #232323;
padding: 100px 0 0;
margin-top: 25px;
}
@media only screen and (max-width: 767px) {
.footer-area {
padding: 60px 0px 0px; }
.footer-area .footer-top {
display: none; } }
.footer-area .newsletter {
min-width: 600px;
margin: 0 auto;
position: absolute;
padding: 15px 30px 15px;
top: -40px;
left: 50%;
transform: translateX(-50%);
background: #232323;
z-index: 9; }
.footer-area .newsletter::before, .footer-area .newsletter::after {
position: absolute;
content: "";
top: 0;
border-bottom: 45px solid #232323;
width: 0;
height: 0; }
.footer-area .newsletter::before {
border-left: 100px solid transparent;
left: -99px; }
.footer-area .newsletter::after {
right: -99px;
left: auto;
border-right: 100px solid transparent; }
.footer-area .newsletter h4 {
float: left;
margin: 17px 20px 0 0px;
font-size: 18px;
color: #ffffff;
font-weight: 500; }
@media only screen and (max-width: 767px) {
.footer-area .newsletter h4 {
float: none;
text-align: center; } }
.footer-area .newsletter form {
float: right;
position: relative;
width: 55%; }
@media only screen and (max-width: 767px) {
.footer-area .newsletter form {
float: none;
width: 100%;
margin-top: 20px; } }
.footer-area .newsletter form input {
border: none;
width: 100%;
background: rgba(103, 103, 103, 0.98);
border-radius: 50px;
padding: 15px 25px;
color: rgba(255, 255, 255, 0.7); }
.footer-area .newsletter form ::placeholder {
color: rgba(255, 255, 255, 0.5); }
.footer-area .newsletter form button {
position: absolute;
top: 10px;
right: 20px;
background: transparent;
border: none;
color: var(--pv-gold-darker);
cursor: pointer;
font-size: 18px; }
.footer-area .footer-about {
max-width: 350px; }
.footer-area .footer-widget {
margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
.footer-area .footer-widget {
margin-bottom: 45px; } }
.footer-area .footer-widget .f-logo {
margin-bottom: 30px; }
.footer-area .footer-widget P {
margin-bottom: 25px;
font-weight: 500;
color: rgba(255, 255, 255, 0.5); }
.footer-area .footer-widget .widget-title {
color: #ffffff;
margin-bottom: 30px;
text-transform: capitalize;
font-size: 20px;
font-weight: 600; }
.footer-area .footer-widget ul {
padding: 0;
margin: 0;
list-style: none; }
.footer-area .footer-widget ul li {
line-height: 30px;
font-weight: 500;
margin-bottom: 15px; }
@media only screen and (max-width: 767px) {
.footer-area .footer-widget ul li {
margin-bottom: 10px; } }
.footer-area .footer-widget ul li a {
color: rgba(255, 255, 255, 0.5); }
.footer-area .footer-widget ul li a:hover {
color: var(--pv-gold-darker); }
.footer-area .footer-widget .footer-contact li {
margin-bottom: 20px;
line-height: 24px;
color: rgba(255, 255, 255, 0.5); }
.footer-area .footer-widget .footer-contact li:last-child {
margin-bottom: 0; }
.footer-area .footer-widget .footer-contact li i {
float: left;
vertical-align: middle;
padding-top: 3px;
font-size: 18px;
color: var(--pv-gold-darker); }
.footer-area .footer-widget .footer-contact li span {
margin-left: 30px;
display: block; }
.footer-area .copy-right {
border-top: 1px solid #3b3b3b;
margin-top: 40px;
padding: 40px 0 20px;
font-size: 15px; }
@media only screen and (max-width: 767px) {
.footer-area .copy-right {
margin-top: 20px;
padding: 15px 0 15px; } }
.footer-area .copy-right .quick-link ul li {
display: inline-block;
margin-left: 30px;
color: rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 767px) {
.footer-area .copy-right .quick-link ul li {
margin: 0 30px 10px 0; } }
.footer-area .copy-right .quick-link ul li:hover .nav-link {
color: var(--pv-gold-darker); }
.footer-area .copy-right p {
font-weight: 400;
margin: 0;
color: rgba(255, 255, 255, 0.5); }
.footer-area .copy-right p a {
color: var(--pv-gold-darker);
font-weight: 700;
margin-left: 5px; }
.social-share a, .footer-social a {
color: #ffffff;
margin-right: 15px;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #000000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.social-share a:hover, .footer-social a:hover {
background-color: var(--pv-gold-darker); }
.footer-social a {
color: var(--pv-gold-darker);
background-color: rgba(255, 255, 255, 0.15);
line-height: 42px; }
.footer-social a:hover {
background-color: #ffffff; }
.cause-details .footer-social a {
background-color: var(--pv-gold-darker);
margin-right: 10px;
color: #031550; }
.cause-details .footer-social a:hover {
color: #ffffff;
background-color: #031550; }
/* ==================================================
14. Home-2 Page
=====================================================*/
/* ==========================================
14.1 Inspiration Area */
.inspiration-area .section-intro {
max-width: 990px;
margin: 0 auto 90px; }
.inspiration-area .section-intro p {
color: #505050;
font-size: 36px;
line-height: 1.3;
font-weight: 500; }
@media only screen and (max-width: 767px) {
.inspiration-area .section-intro p {
font-size: 26px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.inspiration-area .section-intro p {
font-size: 27px; } }
.inspiration-area .single-inspiration {
text-align: center; }
@media only screen and (max-width: 767px) {
.inspiration-area .single-inspiration {
margin-bottom: 30px; } }
.inspiration-area .single-inspiration h3 {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.inspiration-area .single-inspiration span {
width: 120px;
height: 120px;
background: #ffffff;
display: inline-table;
border-radius: 50%;
text-align: center;
line-height: 120px;
margin-bottom: 35px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.inspiration-area .single-inspiration span img {
height: 45px; }
.inspiration-area .single-inspiration a {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.inspiration-area .single-inspiration a:hover {
color: var(--pv-gold-darker); }
.inspiration-area .single-inspiration a i {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-left: 5px; }
.inspiration-area .single-inspiration a:hover i {
margin-left: 8px;
color: var(--pv-gold-darker); }
.inspiration-area .single-inspiration:hover span {
-webkit-box-shadow: 0 20px 15px #ebebeb;
-moz-box-shadow: 0 20px 15px #ebebeb;
box-shadow: 0 20px 15px #ebebeb; }
.inspiration-area .single-inspiration:hover h3 {
color: var(--pv-gold-darker); }
/*
14.2 Feature Cause Area
============================================*/
.feature-cause-area .f-cause-txt {
padding-right: 60px; }
@media only screen and (max-width: 767px) {
.feature-cause-area .f-cause-txt {
margin-bottom: 60px; } }
.feature-cause-area .f-cause-txt p {
margin: 35px 0; }
.feature-cause-area .f-cause-txt .custom-btn i {
padding-left: 5px; }
.feature-cause-area .f-cause-img {
overflow: hidden;
border-radius: 7px; }
.feature-cause-area .f-cause-img img {
height: 370px; }
@media only screen and (max-width: 767px) {
.feature-cause-area .f-cause-img img {
height: 250px; } }
.owl-dots {
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%); }
.owl-dots .owl-dot {
display: inline-block; }
.owl-dots .owl-dot span {
width: 15px;
height: 15px;
margin: 5px;
background: #ffffff;
display: block;
-webkit-backface-visibility: visible;
border-radius: 30px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
background: var(--pv-gold-darker);
width: 30px; }
/* ==========================================
14.3 Project Area
*/
.project-area .single-project {
background: #ffffff; }
@media only screen and (max-width: 767px) {
.project-area .single-project {
margin-bottom: 30px; } }
.project-area .single-project .project-thumb {
margin: 0; }
.project-area .single-project .project-info {
padding: 10px 20px 20px;
border: 1px solid #ebebeb;
border-radius: 0 0 5px 5px; }
.project-area .single-project .project-info h3 {
margin-top: 5px; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.project-area .single-project .project-info h3 {
font-size: 18px; } }
.project-area .single-project .project-info h3 a {
color: #031550; }
.project-area .single-project .project-info h3 a:hover {
color: var(--pv-gold-darker); }
.project-area .single-project .project-info .btn-unfill {
font-weight: 500;
font-size: 16px; }
/* ==========================================
14.4 Mission Area
*/
.single-article .post-thumb {
float: left;
width: 38%;
height: 290px;
margin: 0; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.single-article .post-thumb {
height: 310px; } }
@media only screen and (max-width: 767px) {
.single-article .post-thumb {
width: 100%;
float: none;
height: inherit; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.single-article .post-thumb {
float: none;
width: 100%;
height: auto; } }
.single-article .post-thumb img {
height: 100%;
width: 100%; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.single-article .post-thumb img {
height: 317px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.single-article .post-thumb img {
height: inherit; } }
@media only screen and (max-width: 767px) {
.single-article .post-thumb img {
height: auto; } }
.single-article .blog-txt {
margin-left: 246px; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.single-article .blog-txt {
margin: 0;
padding: 15px; } }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.single-article .blog-txt {
margin-left: 210px; } }
@media only screen and (max-width: 767px) {
.single-article .blog-txt {
margin: 0px; } }
/* ==========================================
14. 5 Donation Area
============================================*/
.donation-area {
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.donation-area::before {
background: #000000;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70); }
.donation-area .section-title {
color: #ffffff; }
.donation-area .volunteer-form {
margin-top: 80px;
background: transparent; }
.donation-area .volunteer-form .form-group {
position: relative;
margin-bottom: 45px; }
.donation-area .volunteer-form .form-group label {
position: absolute;
top: -30px;
left: 0;
color: #ffffff;
font-weight: 500; }
.donation-area .volunteer-form .form-group input,
.donation-area .volunteer-form .form-group select,
.donation-area .volunteer-form .form-group textarea {
width: 100%;
padding: 10px 15px;
background: rgba(80, 80, 80, 0.5);
border: 0 none;
border-radius: 5px;
color: #ffffff; }
.donation-area .volunteer-form .form-group inputselect,
.donation-area .volunteer-form .form-group selectselect,
.donation-area .volunteer-form .form-group textareaselect {
background: red; }
.donation-area .volunteer-form .form-group textarea {
height: 135px; }
.donation-area .volunteer-form .nice-select {
background: rgba(80, 80, 80, 0.5);
border: 0 none;
color: #ffffff; }
.donation-area .volunteer-form .custom-btn {
border: 0px;
padding: 13px 45px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background-color: rgba(80, 80, 80, 0.5);
cursor: pointer;
color: #ffffff; }
@media only screen and (max-width: 767px) {
.donation-area .volunteer-form .custom-btn {
margin: 0px; } }
.donation-area .volunteer-form .custom-btn:hover::before, .donation-area .volunteer-form .custom-btn:hover::after {
background-color: var(--pv-gold-darker); }
.donation-amounts {
padding-top: 60px; }
/* ==========================================
15. Blog Area
============================================*/
.list-entry {
overflow: hidden; }
.list-entry .entry-media {
display: block;
height: 275px; }
@media only screen and (min-width: 576px) {
.list-entry .entry-media {
flex: 0 0 40%;
height: auto; } }
.entry-meta span {
font-size: 16px;
color: #767676;
margin-right: 15px; }
@media only screen and (max-width: 767px) {
.entry-meta span {
margin-right: 7px; } }
.entry-meta span i {
margin-right: 5px;
color: var(--pv-gold-darker); }
.entry-meta span a {
color: #767676; }
.entry-meta span a:hover {
color: var(--pv-gold-darker); }
.blog-area .single-article .blog-txt {
padding: 20px; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.blog-area .single-article .blog-txt {
padding: 15px 15px 20px; } }
.blog-area .single-article .blog-txt .blog-meta {
margin-bottom: 5px; }
.blog-area .single-article .blog-txt .blog-meta a {
color: #505050;
margin-right: 10px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.blog-area .single-article .blog-txt .blog-meta a {
font-size: 11px; } }
.blog-area .single-article .blog-txt .blog-meta a:hover {
color: var(--pv-gold-darker); }
.blog-area .single-article .blog-txt .blog-meta a i {
margin-right: 5px; }
.blog-area .single-article .blog-txt .blog-title {
font-size: 24px; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.blog-area .single-article .blog-txt .blog-title {
font-size: 20px; } }
.blog-area .single-article .blog-txt .blog-title a {
color: #031550; }
.blog-area .single-article .blog-txt .blog-title a:hover {
color: var(--pv-gold-darker); }
.blog-area .single-article .blog-txt .custom-btn {
border: 1px solid #031550;
color: #031550;
padding: 8px 18px;
color: #ffffff; }
.blog-area .single-article .blog-txt .custom-btn::after {
border-radius: 0; }
/* ==========================================
16. Team Area
============================================*/
.team-area {
background: url("../images/banner/team-bg.jpg") no-repeat center center/cover; }
.team-area::before {
background: #ffffff;
opacity: 0.92;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
filter: alpha(opacity=92); }
.team-area .owl-nav > div {
top: 35%; }
.team-area .team-wrap,
.team-area .teams-info {
margin-top: 30px; }
.team-area .team-wrap .team-member,
.team-area .teams-info .team-member {
overflow: hidden;
text-align: center; }
.team-area .team-wrap .team-member .team-thumb,
.team-area .teams-info .team-member .team-thumb {
width: 255px;
height: 255px;
border-radius: 50%;
display: inline-table; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.team-area .team-wrap .team-member .team-thumb,
.team-area .teams-info .team-member .team-thumb {
width: 210px;
height: 210px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.team-area .team-wrap .team-member .team-thumb,
.team-area .teams-info .team-member .team-thumb {
width: 210px;
height: 210px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.team-area .team-wrap .team-member .team-thumb,
.team-area .teams-info .team-member .team-thumb {
height: 210px;
width: 210px; } }
.team-area .team-wrap .team-member .team-thumb::before,
.team-area .teams-info .team-member .team-thumb::before {
z-index: auto;
border-radius: 50%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
background: #000000;
transform: scale(0.3);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.team-area .team-wrap .team-member .team-thumb img,
.team-area .teams-info .team-member .team-thumb img {
border-radius: 50%;
width: 255px;
height: 255px;
border: 5px solid #ebebeb; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.team-area .team-wrap .team-member .team-thumb img,
.team-area .teams-info .team-member .team-thumb img {
height: 210px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.team-area .team-wrap .team-member .team-thumb img,
.team-area .teams-info .team-member .team-thumb img {
height: 210px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.team-area .team-wrap .team-member .team-thumb img,
.team-area .teams-info .team-member .team-thumb img {
height: 210px; } }
.team-area .team-wrap .team-member .team-thumb .member-social,
.team-area .teams-info .team-member .team-thumb .member-social {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%, -20%);
content: "";
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.team-area .team-wrap .team-member .team-thumb .member-social a,
.team-area .teams-info .team-member .team-thumb .member-social a {
width: 40px;
height: 40px;
display: inline-table;
text-align: center;
color: #ffffff;
background: var(--pv-gold-darker);
border-radius: 50%;
margin: 0 10px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.team-area .team-wrap .team-member .team-thumb .member-social a,
.team-area .teams-info .team-member .team-thumb .member-social a {
width: 35px;
height: 35px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.team-area .team-wrap .team-member .team-thumb .member-social a,
.team-area .teams-info .team-member .team-thumb .member-social a {
width: 35px;
height: 35px; } }
@media only screen and (max-width: 767px) {
.team-area .team-wrap .team-member .team-thumb .member-social a,
.team-area .teams-info .team-member .team-thumb .member-social a {
width: 35px;
height: 35px; } }
.team-area .team-wrap .team-member .team-thumb .member-social a i,
.team-area .teams-info .team-member .team-thumb .member-social a i {
display: table-cell;
vertical-align: middle; }
.team-area .team-wrap .team-member .member-name h4,
.team-area .teams-info .team-member .member-name h4 {
margin-bottom: 5px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
font-weight: 700; }
.team-area .team-wrap .team-member .member-name h4 a,
.team-area .teams-info .team-member .member-name h4 a {
color: #031550; }
.team-area .team-wrap .team-member:hover .team-thumb::before,
.team-area .teams-info .team-member:hover .team-thumb::before {
transform: scale(1);
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70); }
.team-area .team-wrap .team-member:hover .member-social a,
.team-area .teams-info .team-member:hover .member-social a {
margin: 0 2px; }
.team-area .team-wrap .team-member:hover .member-social,
.team-area .teams-info .team-member:hover .member-social {
transform: translate(-50%, -50%);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.team-area .team-wrap .team-member:hover .member-name a,
.team-area .teams-info .team-member:hover .member-name a {
color: var(--pv-gold-darker); }
/* ============================================
17. Volunteer Area
===============================================*/
.volunteer-2 {
background: #ffffff;
padding: 100px 0 40px; }
.volunteer-2::before {
display: none; }
.volunteer-2 .teams-info .team-member {
margin-bottom: 60px; }
.volunteer-form {
background: #fffcf4; }
.volunteer-form .vform-wrap .section-intro {
max-width: 100%;
margin: 0 auto 80px; }
.volunteer-form .vform-wrap .nice-select {
height: 60px;
line-height: 30px; }
.volunteer-form .vform-wrap form .form-group {
margin-bottom: 20px; }
.volunteer-form .vform-wrap form .form-group label {
margin-bottom: 5px;
color: #031550; }
.volunteer-form .vform-wrap form .form-group input,
.volunteer-form .vform-wrap form .form-group select,
.volunteer-form .vform-wrap form .form-group textarea,
.volunteer-form .vform-wrap form .form-group .nice-select {
border: 3px solid rgba(255, 184, 18, 0.2);
padding: 13px 15px;
background: #ffffff;
width: 100%;
color: #767676;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px; }
.volunteer-form .vform-wrap form .form-group button {
margin-top: 30px;
border: none; }
.form-group.half-form {
width: 48%;
float: left; }
.form-group.half-form + .half-form {
float: right; }
.form-group {
margin-bottom: 15px; }
/* ==========================================
18. Promo Area
============================================*/
.promo-area {
background: url("../images/banner/2017-DSC_5351_1264x469.jpg") no-repeat center top/cover;
}
.promo-area::before {
background: #000000;
z-index: -1; }
.promo-area .promo-wrap {
padding: 120px 0; }
.promo-area .promo-wrap .promo-title {
font-size: 48px;
text-transform: capitalize;
color: #ffffff;
font-weight: 700;
position: relative;
z-index: 1;
display: inline-block;
padding-bottom: 12px; }
.promo-area .promo-wrap .promo-title::after {
position: absolute;
content: '';
left: 2px;
bottom: 0;
width: 15%;
height: 6px;
border-top: 2px solid #ffffff;
border-right: 3px solid #ffffff;
border-bottom-color: transparent;
border-left-color: transparent;
transform: skew(45deg);
-webkit-transform: skew(45deg);
-moz-transform: skew(45deg);
-ms-transform: skew(45deg);
-o-transform: skew(45deg); }
.promo-area .promo-wrap .promo-title::before {
position: absolute;
content: '';
left: 17%;
bottom: 0;
width: 80%;
height: 6px;
border-top: 2px solid #ffffff;
border-left: 3px solid #ffffff;
border-bottom-color: transparent;
border-right-color: transparent;
transform: skew(-45deg);
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-ms-transform: skew(-45deg);
-o-transform: skew(-45deg); }
.promo-area .promo-wrap .promo-title.s-title::before {
left: 21%; }
.promo-area .promo-wrap .promo-title span {
color: var(--pv-gold-darker); }
.promo-area .promo-wrap .breadcrumb {
background: transparent;
padding: 0;
margin: 0; }
.promo-area .promo-wrap .breadcrumb .breadcrumb-item {
font-size: 16px;
font-weight: 500; }
.promo-area .promo-wrap .breadcrumb .breadcrumb-item a {
color: #ffffff; }
.promo-area .promo-wrap .breadcrumb .breadcrumb-item.active {
color: var(--pv-gold-darker); }
.promo-area .promo-wrap .breadcrumb .breadcrumb-item::before {
color: #ffffff; }
/* ===========================================
19. Ourself Area
==============================================*/
.ourself-area {
background: #fffcf4; }
.ourself-area .section-title {
margin: 0; }
.ourself-area .about-txt h4 {
font-size: 24px;
font-weight: 500;
color: #505050; }
.ourself-area .about-txt ul {
padding: 0;
list-style: none;
margin: 35px 0 45px; }
.ourself-area .about-txt ul li {
font-weight: 500;
line-height: 30px;
position: relative;
margin-bottom: 8px;
padding-left: 25px;
color: #031550; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.ourself-area .about-txt ul li {
line-height: 25px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.ourself-area .about-txt ul li {
line-height: 25px; } }
.ourself-area .about-txt ul li::before {
content: "\f058";
font-family: fontawesome;
position: absolute;
left: 0px;
color: var(--pv-gold-darker); }
.ourself-area .ourself-gallery {
position: relative;
width: 115%;
margin-left: 40px;
border: 5px solid #ffffff; }
.ourself-area .ourself-gallery .owl-nav > div {
top: 42%; }
.ourself-area .ourself-gallery .single-item {
position: relative;
z-index: 1; }
.ourself-area .ourself-gallery .single-item figure {
margin: 0; }
.ourself-area .ourself-gallery .single-item figure img {
width: 100%; }
.ourself-area .ourself-gallery .single-item figcaption {
position: absolute;
left: 50%;
bottom: -50px;
width: 100%;
color: #ffffff;
font-size: 22px;
background: rgba(0, 0, 0, 0.5);
transform: translateX(-50%);
text-align: center;
padding: 15px 0;
font-weight: 500;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
@media only screen and (max-width: 767px) {
.ourself-area .ourself-gallery .single-item figcaption {
font-size: 16px;
padding: 8px 0;
line-height: 1; } }
@media only screen and (max-width: 767px) {
.ourself-area .ourself-gallery .single-item figcaption {
padding: 15px 0;
font-size: 18px; } }
.ourself-area .ourself-gallery .single-item:hover figcaption {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
bottom: 0; }
/* ===============================================
20. Service Area
=================================================*/
.service-area .service-item {
text-align: center;
padding: 45px 20px 30px;
background-color: #fffcf4; }
.service-area .service-item h4 {
font-weight: 700;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.service-area .service-item span {
margin-bottom: 15px;
display: inline-block;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.service-area .service-item span::before {
font-size: 45px;
transform: translateY(0);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
font-weight: 500; }
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.service-area .service-item p {
font-size: 16px; } }
.service-area .service-item:hover span {
transform: translateY(-5px);
color: gold; }
.service-area .service-item:hover h4 {
color: var(--pv-gold-darker); }
/* =======================================
21. FAQ Page
==========================================*/
.faq-area .panel-group .panel {
background: #fffcf4;
margin-bottom: 30px; }
.faq-area .panel-group .panel .panel-title {
font-size: 18px;
margin: 0; }
.faq-area .panel-group .panel .panel-title a {
background: #eef0f3 none repeat scroll 0 0;
border-radius: 0;
color: #505050;
display: block;
padding: 12px 15px 12px 45px;
position: relative; }
.faq-area .panel-group .panel .panel-title a::after {
color: #fac200;
content: "\f068";
font-family: fontawesome;
font-size: 18px;
left: 26px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2; }
.faq-area .panel-group .panel .panel-title a.collapsed::after {
content: "\f067"; }
.faq-area .panel-group .panel .panel-body {
padding: 15px 10px 30px 20px;
background: #f7f7f7; }
/*=================================================
22. Gallery Area
=====================================================*/
.gallery-area .gallery-item {
position: relative;
margin-bottom: 30px;
overflow: hidden; }
.gallery-area .gallery-item .popup-image {
position: absolute;
z-index: 3;
width: 100%;
height: 20%;
left: 0;
bottom: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
display: inline-block;
text-align: center;
transform: scale(0.3); }
.gallery-area .gallery-item .popup-image::before {
position: absolute;
left: 0;
content: "";
bottom: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
z-index: -1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.gallery-area .gallery-item .popup-image i {
color: #ffffff;
transform: translateY(95px);
font-size: 18px;
background-color: var(--pv-gold-darker);
display: inline-block;
display: inline-block;
width: 50px;
height: 50px;
line-height: 53px;
border-radius: 50%; }
.gallery-area .gallery-item:hover .popup-image {
height: 100%;
opacity: 0.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
transform: scale(1); }
.gallery-area .gallery-item:hover .popup-image::before {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90); }
.gallery-area .load-more {
text-align: center;
margin-top: 30px; }
/*Filtering Gallery 2*/
.filtering {
margin-bottom: 60px; }
.filtering span {
text-transform: capitalize;
padding: 10px 20px;
margin: 0 5px;
border: 1px solid #ebebeb;
font-size: 16px;
font-weight: 500;
cursor: pointer;
display: inline-block; }
.filtering span.active {
color: var(--pv-gold-darker);
font-weight: 700; }
@media only screen and (max-width: 767px) {
.filtering span {
margin: 7px 5px; } }
.gallery {
width: 100%;
height: 600px; }
.gallery .gallery-item {
position: relative;
z-index: 1; }
/* ===========================================
23. Volunteer Single Page
==============================================*/
.volunteer-info {
padding-left: 40px; }
@media only screen and (max-width: 767px) {
.volunteer-info {
padding: 0; } }
.volunteer-info .persional-info {
list-style: none;
padding: 15px 0 30px; }
.volunteer-info .persional-info li {
line-height: 35px;
margin-bottom: 10px; }
.volunteer-info .persional-info li .head {
display: block;
float: left;
text-transform: capitalize;
width: 120px; }
.volunteer-info .persional-info li .info {
display: block;
margin-left: 150px;
font-weight: 500; }
@media only screen and (max-width: 767px) {
.volunteer-info .persional-info li .info {
margin-left: 120px; } }
.personal-award {
max-width: 550px; }
.personal-award > div {
text-align: center;
background: #fffcf4;
padding: 20px 0px 10px;
border-radius: 5px;
width: 50%; }
.personal-award > div.single-award i {
color: var(--pv-gold-darker);
font-size: 40px; }
.personal-award > div.single-award h3 {
font-size: 16px;
font-weight: 400;
line-height: 1; }
.personal-award > div.single-award .counter {
font-size: 45px;
color: #000000;
font-weight: 700;
position: relative;
top: 9px;
margin-right: 10px;
display: inline-block;
width: 55px; }
@media only screen and (max-width: 767px) {
.personal-award > div.single-award .counter {
width: auto;
display: block;
margin-bottom: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.personal-award > div.single-award .counter {
width: auto;
display: block;
margin-bottom: 10px; } }
.personal-award > div.single-award:first-child {
margin-right: 20px; }
/* Causes Page CSS */
.cause-page .single-cause {
margin-bottom: 30px; }
.cause-page .loadmore {
text-align: center;
margin-top: 45px; }
/* ========================================
24. Blog Page
=======================================*/
.blog-area-2 .single-article {
-webkit-transition: .4s;
transition: .4s;
position: relative; }
.blog-area-2 .single-article .article-thumb {
position: relative; }
.blog-area-2 .single-article .article-thumb span.badge {
position: absolute;
padding: 8px 15px;
color: #031550;
z-index: 2;
left: 20px;
font-size: 13px;
bottom: -9px;
font-family: "Poppins", sans-serif; }
.blog-area-2 .single-article .article-details {
padding: 5px 20px 20px; }
.blog-area-2 .single-article .article-details .article-heading {
margin-bottom: 10px; }
.blog-area-2 .single-article .article-details .article-heading a {
color: #031550; }
.blog-area-2 .single-article .article-details .article-meta {
margin-bottom: 15px; }
.blog-area-2 .single-article .article-details .article-meta li {
color: rgba(255, 255, 255, 0.35);
display: inline-block;
font-size: 15px;
margin-right: 10px;
text-transform: capitalize; }
.blog-area-2 .single-article .article-details .article-meta li a {
color: #767676; }
.blog-area-2 .single-article .article-details .article-meta li a:hover {
color: var(--pv-gold-darker); }
.blog-area-2 .single-article .article-details .article-meta li i {
margin-right: 5px;
color: var(--pv-gold-darker); }
.blog-area-2 .single-article .article-details .article-meta li:last-child {
margin-right: 0; }
.blog-area-2 .single-article .article-details > a {
font-weight: 600; }
.blog-area-2 .single-article:hover .article-heading a {
color: var(--pv-gold-darker); }
.blog-area-2 .single-article:hover .custom-btn {
color: var(--pv-gold-darker); }
/* ===========================================
25. Single Cause Page
===============================================*/
.cause-details {
background: #ffffff; }
.cause-details .cause-content {
border: 1px solid #ebebeb; }
.cause-details .cause-content .cause-info {
padding: 10px 30px 20px; }
.cause-details .cause-content .cause-info .article-title {
margin: 0 0 5px; }
.cause-details .cause-content .cause-info h4 {
font-size: 17px;
color: #505050; }
.cause-details .cause-content .cause-info ul li {
display: inline-block;
font-weight: 700;
margin-right: 10px; }
.cause-details .cause-content .cause-info ul li span {
color: #505050;
font-weight: 500;
margin-left: 5px; }
.cause-details .cause-content .cause-info .cause-donate {
margin: 30px 0 0; }
.cause-details .cause-content .cause-info .cause-donate label {
display: block;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
color: #031550;
font-size: 22px; }
.cause-details .cause-content .cause-info .cause-donate div {
font-weight: 700;
font-size: 18px; }
.cause-details .cause-content .cause-info .cause-donate .cause-raise {
float: left; }
.cause-details .cause-content .cause-info .cause-donate .cause-goal {
float: right; }
.cause-details .cause-content .cause-info .progress {
margin: 20px 0 30px;
height: 22px;
font-size: 18px;
font-weight: 700; }
.cause-details .cause-content .cause-info .progress .progress-bar {
background: var(--pv-gold-darker); }
.cause-details .cause-content .cause-info .info-list {
margin: 30px 0; }
.cause-details .cause-content .cause-info .info-list li {
font-size: 16px;
font-weight: 500;
position: relative;
padding-left: 25px;
margin-left: 20px;
line-height: 35px;
display: block; }
@media only screen and (max-width: 767px) {
.cause-details .cause-content .cause-info .info-list li {
line-height: 1.1;
margin-bottom: 10px; } }
.cause-details .cause-content .cause-info .info-list li::before {
position: absolute;
content: "\f05a";
left: 0;
font-family: fontawesome;
color: var(--pv-gold-darker); }
.cause-details .cause-content .cause-info .cause-gallery li {
width: 48.5%;
float: left;
margin-right: 20px;
height: 220px;
overflow: hidden; }
@media only screen and (max-width: 767px) {
.cause-details .cause-content .cause-info .cause-gallery li {
height: inherit;
width: 100%;
margin-bottom: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.cause-details .cause-content .cause-info .cause-gallery li {
width: 48.3%; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.cause-details .cause-content .cause-info .cause-gallery li {
width: 48%; } }
.cause-details .cause-content .cause-info .cause-gallery li:nth-child(2) {
margin: 0; }
blockquote,
.blockquote {
background: var(--pv-gold-darker);
padding: 30px;
position: relative;
line-height: 1.8;
line-height: 30px;
z-index: 1;
font-weight: 600;
font-size: 22px;
color: #242424; }
blockquote::after,
.blockquote::after {
content: "";
left: 0;
border-left: 5px solid #000000;
height: 100%;
top: 0;
position: absolute; }
blockquote::before,
.blockquote::before {
position: absolute;
left: auto;
right: 10px;
content: "\f10e";
font-family: fontawesome;
font-size: 80px;
z-index: -1;
opacity: 0.15;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
filter: alpha(opacity=15); }
/* ===============================================
25.2 Sidebar CSS
===================================================*/
@media only screen and (max-width: 767px) {
.sidebar {
margin-top: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.sidebar {
margin-top: 30px; } }
/* Widget */
.widget {
margin-bottom: 30px;
border: 1px solid #ebebeb;
background: #fffcf4;
overflow: hidden;
padding: 30px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
/* Search Form */
/* Post Entry */
/* Newsletter Widget */
/* Tagcloud Widget */
/* Instagram Widget */ }
.widget .widget-title {
color: #031550;
font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
text-align: center;
text-transform: capitalize;
position: relative;
padding-bottom: 25px; }
.widget .widget-title::after, .widget .widget-title::before {
background: var(--pv-gold-darker) none repeat scroll 0 0;
content: "";
height: 1.5px;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
top: 50px;
width: 15%;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); }
.widget .widget-title::before {
height: 2px;
top: 40px;
width: 25%; }
.widget .search-form2 {
position: relative; }
.widget .search-form2 input {
width: 84%; }
.widget .search-form2 button {
position: absolute;
right: 5px;
top: 0;
background: var(--pv-gold-darker);
width: 50px;
height: 50px;
line-height: 40px;
color: #ffffff;
border: none;
border-radius: 5px; }
.widget ul li {
border-bottom: 1px solid #ebebeb;
padding: 10px 0;
position: relative;
text-align: right;
z-index: 1;
color: #505050;
font-weight: 500; }
.widget ul li:last-child {
border-bottom: none; }
.widget ul li:hover::before {
opacity: 1; }
.widget ul li a {
color: #031550;
float: left;
font-size: 16px;
display: block;
text-transform: capitalize;
transition: .4s; }
.widget ul li:hover a {
padding-left: 5px;
color: var(--pv-gold-darker); }
.widget .post-entry .s-post {
border-bottom: 1px solid #ebebeb;
padding: 12px 0;
z-index: 1;
display: table; }
.widget .post-entry .s-post .sp-thumb {
float: left;
width: 100px; }
.widget .post-entry .s-post .sp-details {
margin-left: 120px; }
.widget .post-entry .s-post .sp-details h4 {
font-size: 17px;
margin-bottom: 0px;
font-weight: 600; }
.widget .post-entry .s-post .sp-details span {
color: #767676;
font-size: 15px;
text-transform: capitalize; }
.widget .post-entry .s-post:last-child {
border: medium none; }
.widget .post-entry .s-post:hover .sp-details h4 a {
color: var(--pv-gold-darker); }
.widget .newsletter-entry p {
text-align: center;
margin-bottom: 30px; }
.widget .newsletter-entry .form-group input {
padding: 11px 20px;
border-radius: 50px; }
.widget .newsletter-entry .submit {
width: 100%;
border: 0 none;
color: #031550; }
.widget .newsletter-entry .submit:after {
background-color: var(--pv-gold-darker); }
.widget .tagcloud a {
padding: 3px 18px;
background: #ffedc4;
color: #505050;
display: inline-block;
border-radius: 30px;
margin: 5px 2px;
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.widget .tagcloud a:hover {
background: var(--pv-gold-darker);
color: #ffffff; }
.widget.instagram-widget ul li {
padding: 5px;
width: 33.33%;
float: left;
position: relative;
border: none;
overflow: hidden !important; }
.widget.instagram-widget ul li a {
float: none; }
.widget.instagram-widget ul li a img {
height: 90px;
width: 100%; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.widget.instagram-widget ul li a img {
height: 125px; } }
.widget.instagram-widget ul li:hover a {
padding: 0; }
/* Single Blog CSS */
.single-blog .article-entry {
background: #ffffff; }
.single-blog .article-entry figure {
margin: 0; }
.single-blog .article-entry figure img {
height: 400px;
width: 100%; }
.single-blog .article-entry .post-detials {
padding: 20px;
border: 1px solid #ebebeb; }
@media only screen and (max-width: 767px) {
.single-blog .article-entry .post-detials {
padding: 20px 0 20px;
border: none; } }
.single-blog .article-entry .post-detials .article-title {
margin-bottom: 5px; }
.single-blog .article-entry .post-detials .article-meta {
padding: 0px 0 25px; }
.single-blog .article-entry .post-detials .article-meta span {
margin-right: 20px;
font-size: 15px; }
.single-blog .article-entry .post-detials .article-meta span a {
color: #767676; }
.single-blog .article-entry .post-detials .article-meta span a:hover {
color: var(--pv-gold-darker); }
.single-blog .article-entry .post-detials .article-meta span i {
margin-right: 5px;
color: var(--pv-gold-darker); }
.single-blog .article-entry .post-detials .post-image {
margin-bottom: 40px; }
.single-blog .article-entry .post-detials .post-image li {
width: 32%;
float: left;
margin-right: 12px;
position: relative; }
@media only screen and (max-width: 767px) {
.single-blog .article-entry .post-detials .post-image li {
width: 100%;
margin: 0 0 20px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.single-blog .article-entry .post-detials .post-image li {
width: 31.8%; } }
.single-blog .article-entry .post-detials .post-image li img {
height: 150px;
width: 100%; }
.single-blog .article-entry .post-detials .post-image li:last-child {
margin: 0; }
.single-blog .article-entry .post-detials .info-list {
margin: 30px 0; }
.single-blog .article-entry .post-detials .info-list li {
font-size: 16px;
font-weight: 500;
position: relative;
padding-left: 25px;
margin-left: 20px;
line-height: 35px; }
@media only screen and (max-width: 767px) {
.single-blog .article-entry .post-detials .info-list li {
line-height: 20px;
margin-bottom: 20px; } }
.single-blog .article-entry .post-detials .info-list li::before {
position: absolute;
content: "\f05a";
left: 0;
font-family: fontawesome;
color: var(--pv-gold-darker); }
.single-blog .article-entry .post-detials .post-share {
margin: 30px 0 15px; }
.single-blog .article-entry .post-detials .post-share h3 {
float: left;
margin: 5px 15px 0px 0px;
color: #505050;
font-weight: 500; }
.single-blog .article-entry .post-detials .post-share ul li {
display: inline-table;
text-align: center;
width: 35px;
height: 35px;
background: var(--pv-gold-darker);
margin-right: 5px;
border-radius: 50%; }
.single-blog .article-entry .post-detials .post-share ul li a {
display: table-cell;
vertical-align: middle;
color: #ffffff; }
/*=================================================
26. Post Comments
===================================================*/
.comment-title {
background: #fffcf4;
padding: 15px 20px; }
.post-comments {
border: 1px solid #ebebeb;
margin-top: 30px; }
.post-comments ol {
padding: 45px 20px 30px; }
@media only screen and (max-width: 767px) {
.post-comments ol {
padding: 30px 20px; } }
.post-comments ol li {
margin-bottom: 65px; }
.post-comments ol li::before {
background: #ebebeb;
height: 1px;
top: 118%; }
.post-comments ol li:first-child::before {
top: 111%; }
.post-comments ol li:last-child::before {
display: none; }
.post-comments ol li article.comment-body {
position: relative; }
.post-comments ol li article.comment-body .comment-thumb {
float: left; }
@media only screen and (max-width: 767px) {
.post-comments ol li article.comment-body .comment-thumb {
float: none; } }
.post-comments ol li article.comment-body .comment-thumb img {
width: 100px;
height: 100px;
border-radius: 50%; }
.post-comments ol li article.comment-body .comment-details {
margin-left: 130px; }
@media only screen and (max-width: 767px) {
.post-comments ol li article.comment-body .comment-details {
margin: 20px 0 0; } }
.post-comments ol li article.comment-body .comment-details .comment-name {
font-size: 18px;
color: #031550;
margin-bottom: 0px;
font-weight: 600; }
.post-comments ol li article.comment-body .comment-details span {
font-size: 12px;
color: #505050;
font-weight: 500; }
.post-comments ol li article.comment-body .comment-details p {
max-width: 390px;
margin: 5px 0 0; }
.post-comments ol li article.comment-body .comment-details .comment-reply {
position: absolute;
right: 0;
top: 0px;
color: #505050; }
.post-comments ol li article.comment-body .comment-details .comment-reply:hover {
color: var(--pv-gold-darker); }
.post-comments ol li .children {
padding: 34px 0px 0 75px; }
@media only screen and (max-width: 767px) {
.post-comments ol li .children {
padding: 20px 30px 0px; } }
.post-comments ol li .children li::before {
display: none; }
.post-comments ol li .children .comment-body .comment-thumb img {
width: 70px;
height: 70px; }
.post-comments ol li .children .comment-body .comment-details {
margin-left: 90px; }
@media only screen and (max-width: 767px) {
.post-comments ol li .children .comment-body .comment-details {
margin: 20px 0 0; } }
.post-comments ol li:last-child {
margin: 0; }
/*==================================================
27. Write Comments
====================================================*/
.write-comments {
margin-top: 30px;
border: 1px solid #ebebeb;
padding-bottom: 20px; }
.write-comments form {
margin-top: 45px;
padding: 0 20px; }
.write-comments form .form-group {
margin-bottom: 15px;
position: relative;
z-index: 1; }
.write-comments form .form-group input,
.write-comments form .form-group textarea {
background-color: #fbfbfb;
color: #505050; }
.write-comments form .form-group textarea {
min-height: 180px;
padding-left: 15px; }
.write-comments form .form-group.half-form {
width: 48%;
float: left; }
@media only screen and (max-width: 767px) {
.write-comments form .form-group.half-form {
width: 100%; } }
.write-comments form .form-group.half-form + .half-form {
float: right; }
.write-comments form .form-group .custom-btn {
margin-top: 20px; }
/* =====================================
28. Event Page
======================================== */
.event-page {
background: #ffffff;
padding: 70px 0 40px; }
.event-page .event-list {
padding: 0; }
.event-page .event-list .single-event {
margin-bottom: 30px;
background: #fffcf4; }
.event-page .event-list .single-event figure {
margin: 0; }
.event-page .event-list .single-event p {
max-width: 355px; }
/* =======================================
29. Single Event Page
========================================= */
.single-event .event-article .event-figure {
position: relative;
margin: 0; }
.single-event .event-article .event-figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 80px;
background: var(--pv-gold-darker);
color: #f1f1f1;
text-align: center;
border-radius: 0px 0 20px 0px;
padding-top: 15px;
font-size: 16px;
line-height: 1; }
.single-event .event-article .event-figure figcaption strong {
display: block;
font-size: 40px;
margin-bottom: 0px;
color: #ffffff; }
.single-event .event-article .event-figure .event-countown {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 15%;
height: 85%;
background: rgba(253, 206, 16, 0.95);
text-align: center;
border-radius: 30px 0 0 30px; }
.single-event .event-article .event-figure .event-countown .table-cell {
display: inline-block;
margin: 40px 20px 20px 20px;
position: relative; }
.single-event .event-article .event-figure .event-countown .table-cell .tab-val {
font-weight: 700;
font-family: "Poppins", sans-serif;
line-height: 1;
font-size: 30px;
color: #ffffff; }
.single-event .event-article .event-figure .event-countown .table-cell .tab-metr.tab-unit {
text-transform: capitalize;
font-weight: 500;
color: #f1f1f1; }
.single-event .event-article .event-details {
border: 1px solid #ebebeb;
padding: 20px;
background: #fffcf4; }
.single-event .event-article .event-details .schedule-item {
flex: 0 0 32%;
text-align: center;
background: var(--pv-gold-darker);
padding: 25px 15px; }
.single-event .event-article .event-details .schedule-item span {
display: block;
color: #031550;
font-size: 40px;
line-height: 1;
margin-bottom: 10px; }
.single-event .event-article .event-details .schedule-item h4 {
color: #031550; }
.single-event .event-article .event-details .schedule-item p {
margin: 0;
color: #ebebeb; }
.single-event .event-article .event-details .schedule-item .custom-btn {
padding: 4px 15px;
font-weight: 500;
font-size: 14px; }
/* ===========================================
30. Event Accordion
============================================== */
.event-accordion {
padding-top: 20px; }
.event-accordion .accord-title {
color: #031550;
margin-bottom: 40px; }
.accordion-item {
border: 1px solid #ebebeb;
margin-bottom: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px; }
.accordion-item .accordion-header {
background: transparent; }
.accordion-item .accordion-header button {
font-size: 20px;
background-color: transparent;
box-shadow: none;
font-family: "Poppins", sans-serif;
color: #fdb000; }
.accordion-item .accordion-header button::after {
content: "\f067";
font-family: fontawesome;
font-size: 16px;
right: 22px;
position: absolute;
color: #ffffff;
top: 9px;
background-image: none;
transform: rotate(0);
width: 40px;
height: 40px;
background: rgba(255, 178, 0, 0.6);
text-align: center;
line-height: 40px;
border-radius: 50%; }
.accordion-item .accordion-header button.collapsed::after {
content: "\f068";
transform: rotate(0);
background-color: #ededed;
color: #031550; }
.accordion-item .accordion-header button.collapsed {
color: #031550; }
.accordion-item .accordion-header button.collapsed::after {
color: #031550; }
.accordion-item .card-body {
background: #ffffff; }
.accordion-item:not(:first-of-type) {
border-top: 1px solid #ebebeb; }
.google-map {
width: 100%;
height: 500px;
margin: 40px 0 0px; }
/* ======================================
31. Pager Navigation
=========================================*/
.pager {
margin: 50px 0 0; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.pager {
margin: 20px 0 20px; } }
.pager a,
.pager span {
color: #505050;
display: inline-block;
height: 40px;
line-height: 40px;
margin: 0 4px;
border: 1px solid #ebebeb;
background: #ffffff;
width: 40px;
text-align: center; }
@media only screen and (max-width: 767px) {
.pager a,
.pager span {
margin: 5px; } }
.pager a:hover,
.pager span:hover {
background: var(--pv-gold-darker);
border: 1px solid var(--pv-gold-darker);
color: #ffffff; }
.pager span {
background: var(--pv-gold-darker);
color: #ffffff;
border: 1px solid var(--pv-gold-darker); }
/* ======================================
32. Testimonial Page
=========================================*/
.testimonial-page .single-testimonial {
background: #fffcf4;
border: 1px solid #ebebeb;
margin-bottom: 30px;
padding: 20px 20px 0px; }
.testimonial-page .single-testimonial::before {
content: "\f10e";
background: transparent;
font-size: 70px;
font-family: FontAwesome;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
top: -25px;
left: auto;
height: 80px;
width: 80px;
right: 0;
color: var(--pv-gold-darker); }
.testimonial-page .single-testimonial .s-thumb {
float: left; }
@media only screen and (max-width: 767px) {
.testimonial-page .single-testimonial .s-thumb {
float: none; } }
.testimonial-page .single-testimonial .s-thumb img {
width: 130px;
height: 110px;
border-radius: 4px; }
.testimonial-page .single-testimonial .s-details {
margin-left: 150px; }
@media only screen and (max-width: 767px) {
.testimonial-page .single-testimonial .s-details {
margin: 20px 0 0; } }
.testimonial-page .single-testimonial .s-details .status {
display: block;
font-weight: 400;
color: #505050;
font-size: 14px; }
.donation-form {
padding: 90px 120px; }
.donation-form .blockquote::before {
content: " "; }
.donation-form .progress {
height: 30px;
font-size: 18px; }
.donation-form label {
font-weight: 600;
margin-bottom: 10px; }
/* ==============================================
33. 404 Page
================================================= */
.error-page {
background: #fffcf4; }
.error-page .error-wrap {
text-align: center; }
@media only screen and (max-width: 767px) {
.error-page .error-wrap {
padding: 60px 5px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.error-page .error-wrap {
padding: 60px; } }
.error-page .error-wrap span.error-title {
font-size: 200px;
font-weight: 700;
line-height: 1;
color: var(--pv-gold-darker);
font-family: "Luckiest Guy", cursive; }
@media only screen and (max-width: 767px) {
.error-page .error-wrap span.error-title {
font-size: 100px; } }
.error-page .error-wrap h3 {
margin: 15px 0;
font-weight: 500; }
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
.error-page .error-wrap h3 {
font-size: 20px; } }
.error-page .error-wrap p {
font-size: 16px;
margin-bottom: 60px; }
.widget_tag_cloud a {
display: inline-block;
font-size: 15px !important;
line-height: 1;
color: #ffffff;
padding: 10px 15px;
text-transform: capitalize;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background: #000000; }
.widget_tag_cloud a:hover {
background-color: var(--pv-gold-darker); }
/* ==============================================
34.Shop Page
================================================= */
.shop-wrap {
background: #ffffff;
padding: 0 0 30px; }
.shop-wrap .nice-select {
background-color: #ffb712;
color: #ffffff;
font-size: 18px; }
.shop-wrap .nice-select .option {
font-size: 16px; }
.shop-wrap .nice-select::after {
border-color: #ffffff; }
.shop-wrap .shop-header {
padding: 20px;
background-color: #fff7e2;
margin-bottom: 30px; }
.shop-wrap .shop-header p {
float: left;
margin: 6px 0 0;
font-size: 20px;
font-weight: 600;
color: #031550; }
.shop-wrap .shop-header form.select-form {
float: right; }
.shop-wrap .shop-header form.select-form select {
border: 0;
padding: 8px 25px;
color: #ffffff;
font-weight: 500;
font-size: 16px;
background: var(--pv-gold-darker); }
.shop-wrap .shop-header form.select-form select:focus {
outline: 0;
border: 0; }
.product-entry {
background-color: #fffcf4; }
.product-entry .star-rating i {
color: var(--pv-gold-darker); }
.product-entry .img-fluid {
width: 100%;
max-height: 300px; }
.product-entry .product-actions {
right: 5px;
top: 50%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
transform: translateY(-50%);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
.product-entry .product-actions a.icon {
background-color: var(--pv-gold-darker);
display: block;
color: #ffffff;
margin-bottom: 10px; }
.product-entry h3 {
margin-bottom: 5px;
font-weight: 400;
font-size: 18px; }
.product-entry:hover .product-actions {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
right: 15px; }
.range-widget input#amount {
color: #505050;
font-size: 20px;
font-weight: 600;
padding: 5px 0;
background: transparent; }
.ui-state-default,
.ui-widget-content .ui-state-default {
border: 1px solid #505050;
background: #505050;
border-radius: 50%; }
.ui-widget-header {
border: none;
background: var(--pv-gold-darker); }
.ui-slider-horizontal {
height: 4px; }
.ui-slider-horizontal .ui-slider-handle {
top: -8px;
width: 18px;
height: 18px; }
.ui-widget.ui-widget-content {
background: #031550;
border: none; }
/* ===========================================
35. Single Details
==============================================*/
.single-product .sp-thumb {
position: relative; }
.single-product .sp-thumb span {
position: absolute;
width: 70px;
height: 70px;
background: var(--pv-gold-darker);
color: #ffffff;
font-size: 16px;
font-weight: 500;
left: 10px;
top: 10px;
border-radius: 50%;
text-align: center;
line-height: 70px; }
.single-product .sp-details {
padding: 0 30px 0 60px; }
.single-product .sp-details h2 {
font-size: 30px;
font-weight: 700;
margin-bottom: 0px; }
.single-product .sp-details .pricing {
color: #031550;
font-weight: 600;
font-size: 20px; }
.single-product .sp-details .sp-details {
padding-top: 45px; }
.single-product .sp-details .item-rating {
margin: 10px 0 25px 75px; }
.single-product .sp-details .item-rating::before {
content: "\f005\f005\f005\f005\f006";
font-family: fontawesome;
color: var(--pv-gold-darker);
left: -75px;
background: none;
width: 100px;
top: -2px; }
.single-product .sp-details .item-rating a {
color: #505050;
margin-left: 30px;
font-weight: 500;
text-transform: capitalize; }
.single-product .sp-details .item-rating a:hover {
color: var(--pv-gold-darker); }
.single-product .sp-details .s-cart {
padding-top: 45px; }
.single-product .sp-details .s-cart input {
width: 100px;
height: 51px;
padding: 0 13px 0 20px;
border-radius: 50px;
border: 2px solid #ebebeb; }
/* =======================================
36. Product Tab Area
=========================================== */
.product-tab {
margin: 30px 0; }
.product-tab > ul {
list-style: none;
padding: 20px 30px;
background: #fff7e2; }
.product-tab > ul li {
display: inline-block;
font-size: 20px;
font-weight: 600;
margin-right: 20px;
text-transform: capitalize;
cursor: pointer; }
.product-tab > ul li.active {
color: #031550; }
.product-tab .tab-content {
padding: 20px 30px 30px; }
.product-tab .tab-content ul.e-info {
max-width: 65%; }
.product-tab .tab-content ul.e-info li {
display: block;
font-size: 16px;
line-height: 60px;
border-bottom: 1px solid #ebebeb; }
.product-tab .tab-content ul.e-info li span {
float: right; }
.product-tab .tab-content #review ol {
list-style: none;
padding: 0; }
.product-tab .tab-content #review ol .single-comment .comment-thumb {
float: left; }
.product-tab .tab-content #review ol .single-comment .comment-body {
margin-left: 120px;
max-width: 555px; }
.product-tab .tab-content #review ol .single-comment .comment-body .name {
margin-bottom: 5px; }
.product-tab .tab-content #review .item-rating i {
color: var(--pv-gold-darker); }
.product-tab .tab-content #review .add-review {
max-width: 600px;
margin-top: 20px; }
.product-tab .tab-content #review .add-review h4 {
font-size: 18px;
margin-bottom: 10px; }
.product-tab .tab-content #review .add-review form {
margin-top: 30px; }
.product-tab .tab-content #review .add-review form .form-group {
margin-bottom: 30px; }
.product-tab .tab-content #review .add-review form .form-group input,
.product-tab .tab-content #review .add-review form .form-group textarea {
width: 100%;
color: #505050;
padding: 7px 20px;
border: 1px solid #ebebeb; }
.product-tab .tab-content #review .add-review form .form-group textarea {
height: 160px; }
.product-tab .tab-content #review .add-review form .custom-btn {
border: none; }
/* =============================================
37. Related Products
==============================================*/
.related-product .p-wrap {
margin-top: 45px; }
.related-product .owl-nav > div {
top: 40%; }
.related-product .owl-nav > div::before {
display: none; }
/* =============================================
38. Check-out Page
================================================*/
.checkout-info .lead button {
color: var(--pv-gold-darker); }
.checkout-info .checkout-info-details {
padding: 30px 70px 30px 40px; }
.checkout-billingform .row > div {
margin-bottom: 20px; }
.checkout-billingform .row > div label {
display: block;
margin-bottom: 10px; }
.checkout-billingform .nice-select {
background-color: #ffffff;
width: 100%;
height: 48px;
padding: 5px 14px; }
#shipping-address {
display: none; }
.payment-option {
margin-bottom: 30px; }
.payment-option h2 {
background-color: #ffffff; }
.payment-option .accordion-button:focus {
box-shadow: none; }
/* ==================================
Cart Style
*/
.woocommerce {
background-color: #767676;
padding: 10px 25px 0; }
@media only screen and (max-width: 767px) {
.woocommerce {
padding: 10px; }
.woocommerce .woocommerce-cart-form {
overflow-x: auto;
margin-bottom: 30px;
overflow-y: hidden; } }
.woocommerce .shop_table {
text-align: left;
width: 100%;
border-collapse: separate;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
border-spacing: 0 20px; }
.woocommerce .shop_table thead tr th {
padding: 15px 20px;
background-color: #ffffff;
font-size: 22px;
color: #031550; }
@media only screen and (max-width: 767px) {
.woocommerce .shop_table thead tr th {
font-size: 18px;
padding: 20px; } }
.woocommerce .shop_table thead tr th:first-child, .woocommerce .shop_table thead tr th:last-child {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px; }
.woocommerce .shop_table tr {
background-color: #ffffff;
color: #505050; }
.woocommerce .shop_table tr td:first-child {
border-left-style: solid;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; }
.woocommerce .shop_table tr td:last-child {
border-right-style: solid;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px; }
.woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td {
font-weight: 700;
vertical-align: middle;
border: 0 none; }
@media only screen and (max-width: 767px) {
.woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td {
font-size: 14px; } }
.woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
width: 80px;
padding: 15px 0 15px 15px; }
@media only screen and (max-width: 767px) {
.woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
padding: 5px 0 5px 5px; }
.woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail img {
max-width: 100%; } }
.woocommerce th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em; }
.woocommerce td.product-remove a.remove {
height: 25px;
width: 25px;
line-height: 25px;
background: var(--pv-gold-darker);
display: inline-block;
text-align: center;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px; }
.woocommerce td.product-remove a.remove i {
color: #031550;
font-weight: 600;
font-size: 15px; }
@media only screen and (max-width: 767px) {
.woocommerce .table.shop_table.cart > tbody > tr > td.product-price,
.woocommerce .table.shop_table.cart > tbody > tr > th.product-price,
.woocommerce .table.shop_table.cart > tfoot > tr > td.product-price,
.woocommerce .table.shop_table.cart > tfoot > tr > th.product-price,
.woocommerce .table.shop_table.cart > thead > tr > td.product-price,
.woocommerce .table.shop_table.cart > thead > tr > th.product-price,
.woocommerce table.shop_table.cart > tbody > tr > td.product-price,
.woocommerce table.shop_table.cart > tbody > tr > th.product-price,
.woocommerce table.shop_table.cart > tfoot > tr > td.product-price,
.woocommerce table.shop_table.cart > tfoot > tr > th.product-price,
.woocommerce table.shop_table.cart > thead > tr > td.product-price,
.woocommerce table.shop_table.cart > thead > tr > th.product-price {
display: none; } }
.woocommerce .product-quantity .qty-changer {
cursor: pointer;
font-size: 14px; }
.woocommerce .product-quantity .qty-input,
.woocommerce .product-quantity .qty-changer {
background-color: #ffffff;
border: 1px solid #ebebeb;
display: inline-block;
font-weight: 700;
height: 40px;
line-height: 40px;
text-align: center;
width: 50px;
color: #505050; }
.woocommerce .product-quantity .qty-input {
margin: 0 5px; }
.woocommerce .ratings {
color: #767676;
font-size: 14px;
font-weight: 400; }
.woocommerce .ratings i {
color: var(--pv-gold-darker); }
.coupon {
position: relative;
flex: 0 0 50%; }
.coupon input {
border: 1px solid #ebebeb;
padding: 14px;
font-size: 15px;
padding-left: 30px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
width: 100%; }
.coupon input:focus {
outline: 0 none;
box-shadow: none; }
.coupon .custom-btn {
position: absolute;
right: -2px;
top: -1px;
font-size: 15px;
height: 101%;
line-height: 1; }
@media only screen and (max-width: 767px) {
.coupon {
flex: 0 0 100%; } }
.woocommerce .shop_table tr:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.cart-quanty {
display: flex;
justify-content: space-between;
width: 100px;
padding: 4px 13px;
background-color: #767676;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
font-size: 15px; }
.cart-quanty input {
padding: 0;
background: transparent;
text-align: center;
font-weight: 600; }
.cart-quanty i {
cursor: pointer; }
@media only screen and (max-width: 767px) {
.cart-totals {
margin-top: 30px; } }
.cart-totals table {
width: 100%;
border-spacing: 0 10px;
border-collapse: separate; }
.cart-totals table th {
color: #031550; }
.cart-totals table td {
font-weight: 500; }
.cart-totals table tbody tr td {
padding: 15px 10px;
text-align: right; }
.cart-totals table tr:first-child {
font-weight: 700; }
.cart-totals table tr.product-list {
background: #fff; }
.cart-totals table tr.product-list th,
.cart-totals table tr.product-list td {
color: #505050; }
.cart-totals table th {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; }
.cart-totals table td {
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
font-size: 20px; }
.cart-totals table th,
.cart-totals table td {
padding: 15px 20px; }
/* ======================================
41. Contact Page
=========================================*/
.c-info-wrap {
background: var(--pv-gold-darker);
padding: 80px 60px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px; }
.c-info-wrap p {
color: #505050; }
.contact-title {
font-size: 28px;
margin-bottom: 30px; }
.contact-us {
margin-bottom: 60px; }
.contact-us .section-title {
font-size: 45px; }
.contact-form {
margin-left: 80px;
padding: 50px 80px; }
.contact-form input,
.contact-form textarea {
padding: 7px 15px;
width: 100%;
border: 0;
border-radius: 0;
border-bottom: 2px solid #ebebeb;
color: #505050; }
.contact-form .custom-btn {
border: none;
padding: 10px 40px;
text-transform: uppercase;
margin-top: 10px; }
.contact-form textarea {
min-height: 140px; }
.contact-form label {
font-weight: 500;
margin-bottom: 10px; }
.c-info-wrap p {
font-size: 18px;
line-height: 1.2;
max-width: 220px; }
.c-info-wrap .contact-info {
margin-top: 40px; }
.c-info-wrap .contact-info li {
font-size: 16px;
color: #505050;
font-weight: 400;
margin-bottom: 28px;
padding-bottom: 19px;
line-height: 1.3;
border-bottom: 1px solid #ebebeb; }
.c-info-wrap .contact-info li .icon {
float: left;
margin-right: 20px;
background-color: var(--pv-gold-darker);
color: #ffffff;
font-size: 18px; }
.c-info-wrap .contact-info li a {
color: #031550;
font-weight: 700;
margin-left: 5px;
display: block;
font-size: 18px; }
.c-info-wrap .contact-info li:hover a {
color: var(--pv-gold-darker); }
.c-info-wrap .contact-info li:last-child {
margin-bottom: 0;
border: 0 none; }
/* ==================================
42. Login Page
==================================== */
.login-wrap {
border: 1px solid #ebebeb;
padding: 40px 70px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px; }
@media only screen and (max-width: 767px) {
.login-wrap {
padding: 30px 50px 20px; } }
.login-wrap form .form-group {
margin-bottom: 30px; }
.login-wrap form .remember {
display: block; }
.login-wrap form .custom-btn {
border: none;
margin: 20px 0 10px;
padding: 9px 30px;
border: 2px solid var(--pv-gold-darker); }
.login-wrap form .custom-btn:hover {
border: 2px solid #031550; }
/*Mailchimp and Contact form*/
.subscription-success {
position: absolute;
z-index: 9999;
top: -100%;
padding: 2px 0 10px;
width: 116%;
text-align: center;
font-size: 20px;
left: -50%;
border-radius: 40px;
color: #13A05A; }
.subscription-error {
display: none !important; }
.success {
padding: 15px;
margin-bottom: 20px;
color: #ffffff;
background-color: #13A05A;
border: 1px solid #13A05A;
border-radius: 5px; }
.error {
padding: 15px;
margin-bottom: 20px;
color: #ffffff;
background-color: #DD5044;
border: 1px solid #DD5044;
border-radius: 5px; }
/* =============================================
43. My Account Page
=============================================== */
.my-account {
background: #fffcf4;
padding: 60px; }
.my-account .section-title {
font-size: 35px; }
/* =============================================
44. Executive Team
================================================= */
.executive-team .team-wrap {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
/* Horizontal scroll for small screens */
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}
.executive-team .single-member {
flex: 1 1 calc(33.333% - 20px); /* 3 columns on larger screens */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
text-align: center;
transition: transform 0.3s ease-in-out;
/* animation: fadeInUp 0.8s ease-in-out;*/
}
.executive-team .single-member:hover {
transform: scale(1.05);
/* animation: zoomIn 0.5s ease-in-out;*/
}
.executive-team .member-thumb {
height: 400px;
background-size: cover;
background-position: center;
position: relative;
/* animation: slideInLeft 1s ease-in-out;*/
}
.executive-team .member-thumb::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.executive-team .single-member:hover .member-thumb::after {
opacity: 1;
}
.executive-team .member-thumb figcaption {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 1.2em;
font-weight: bold;
}
.executive-team .member-details {
padding: 0px 0px 10px 0px;
background: #fff;
/* animation: fadeInUp 1s ease-in-out;*/
}
.executive-team .member-details h3 {
margin-bottom: 10px;
font-size: 1.5em;
}
.executive-team .member-details p {
font-size: 1em;
color: #666;
}
/* Media Queries for Responsiveness */
@media (max-width: 992px) {
.executive-team .single-member {
flex: 1 1 calc(50% - 20px); /* 2 columns on medium screens */
}
}
@media (max-width: 576px) {
.executive-team .single-member {
flex: 1 1 100%; /* 1 column on small screens */
}
.executive-team .member-thumb {
height: 150px; /* Reduce image height for smaller screens */
}
.executive-team .member-details h3 {
font-size: 1.2em; /* Adjust font size */
}
.executive-team .member-details p {
font-size: 0.9em; /* Adjust font size */
}
}
/* =============================================
45. Keyframes Animation
================================================= */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale(0.8);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* =================================== End Of Style ============================= */
/*# sourceMappingURL=style.css.map */