:root {
--primary-color: #4d311f;
--dark-color: #15283d;
--dark-light-color: #15283db3;
}
html,body{
width: 100%;
overflow-x: hidden;
}
/* × close edit hex TEXT viewer: /stoch.us/style.css */
/* ############################################ */
/* ############################################ */
/* NEW CSS */
/* ############################################ */
/* ############################################ */
a{
color: var(--primary-color) !important;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
/* Extra extra large */
@media (min-width: 1400px) {
.container {
width: 1320px;
}
}
@media (min-width: 1600px) {
.container {
width: 1500px;
}
}
@media (min-width: 1800px) {
.container {
width: 1640px;
}
}
.body-fix-width{
width: 100vw;
}
.topbar .logo-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 32px;
padding: 24px 0;
}
.topbar .logo-wrapper .logo-icon {
max-width: 96px;
}
.topbar .logo-wrapper .logo-text {
max-height: 50px;
}
.topbar .logo-wrapper .logo-text {
flex-direction: column;
display: flex
;
font-size: 18px;
color: var(--primary-color);
}
.topbar .logo-wrapper .logo-text p{
font-size: 14px;
font-family: "Inter", sans-serif;
line-height: 32px;
padding-left: 8px;
letter-spacing: 0.2px;
text-align: center;
}
/* ############################################ */
/* ############################################ */
/* !NEW CSS */
/* ############################################ */
/* ############################################ */
@media (min-width: 992px) {
.col-md-1-5 {
width: 20%;
}
.col-md-2-5 {
width: 40%;
}
.col-md-3-5 {
width: 60%;
}
.col-md-4-5 {
width: 80%;
}
.col-md-5-5 {
width: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1-5 {
width: 20%;
}
.col-lg-2-5 {
width: 40%;
}
.col-lg-3-5 {
width: 60%;
}
.col-lg-4-5 {
width: 80%;
}
.col-lg-5-5 {
width: 100%;
}
}
@media (max-width: 767px) {
.section-title {
float: none;
}
.sub-banner {
padding: 24px 0 !important;
}
.sub-banner h4 {
font-size: 24px !important;
}
.sub-banner .breadcrumb li * {
font-size: 12px;
line-height: 20px;
}
.kim-ch {
float: none !important;
}
.kim-ch a {
/* margin-top: 7px; */
display: block;
/* text-align: center; */
/* float: none; */
width: 142px !important;
margin: 0px auto;
float: none !important;
}
.chruc-reg {
padding: 12px !important;
}
.set-reg input[type="text"] {
margin-bottom: 8px !important;
}
}
.panel-primary > .panel-heading {
color: #fff !important;
background-color: var(--dark-color) !important;
border-color: var(--dark-color) !important;
}
.panel-primary {
border-color: var(--dark-color) !important;
margin-bottom: 0px !important;
}
.event-caption {
top: 0px !important;
}
.announc {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
/* Demo only, no need for this */
.chruc-reg {
overflow: hidden;
padding: 36px 48px;
background: rgba(255, 255, 255, 0.49);
border: 1px solid #dad9d9;
}
.chruc-reg .help-block {
padding-left: 15px;
}
.foot-menu ul {
list-style: none;
padding-left: 0px;
}
.foot-menu ul li a {
color: #fffc !important;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.foot-menu ul li a:hover {
color: #fff !important;
}
.bdha-footer a {
color: #fffc !important;
font-size: 15px;
font-family: "Inter", sans-serif;
}
.bdha-footer .text p {
color: #fffc !important;
}
.foot-menu ul li span {
color: #fff;
font-family: "Inter", sans-serif;
}
.foot-menu ul li {
margin-bottom: 15px;
}
.set-reg {
width: 100% !important;
float: none !important;
}
.set-pad {
padding-left: 59px;
}
.set-reg textarea {
margin-bottom: 40px;
}
.show-grid [class^="col-"] span,
.container-fluid .show-grid [class^="col-"] {
display: block;
padding-top: 10px;
padding-bottom: 10px;
background-color: #eee;
background-color: rgba(86, 61, 124, 0.15);
text-align: center;
border: 1px solid #ddd;
border: 1px solid rgba(86, 61, 124, 0.2);
}
.seconds {
float: left;
font-size: 15px;
}
.bdha-info-top a {
font-size: 15px;
}
.main-player {
display: none;
}
.bdha-wrapper {
background-color: #fff;
}
.bdha-wrapper,
.bdha-content-wrap,
header,
section {
float: left;
width: 100%;
position: relative;
}
.section,
section {
padding: 35px 0px 35px;
}
.no_padding {
padding: 0 !important;
}
/*Margin Classes Start*/
.margin-0 {
margin: 0 !important;
}
.margin-40 {
margin: 0 0 40px;
}
/*Margin Classes End*/
/*Aligning Classes Start*/
.position-right {
text-align: right;
}
.position-left {
text-align: left;
}
.position-center {
text-align: center;
}
/*Aligning Classes End*/
.text {
float: left;
width: 100%;
position: relative;
}
.text-overflow {
float: none;
width: auto;
overflow: hidden;
}
.white-background {
background-color: #fff;
}
.gray-background {
background-color: #f1f1f1;
}
/* .background-img {
background-repeat: repeat;
background-image: url(images/body-bg.jpg);
} */
/*
============================================================
Home Page Start #home page
============================================================
*/
/* .topbar {
float: left;
width: 100%;
padding: 7px 0 3px;
background-color: #191919;
}
.bdha-info-top img {
float: left;
margin-right: 10px;
width: 16px;
}
.bdha-info-top-wrapper {
float: left;
width: auto;
padding: 8px 0 8px;
margin-top: 9px;
}
.bdha-info-top {
float: left;
width: auto;
margin: 0 15px;
line-height: normal;
}
.bdha-info-top:first-child {
margin-left: 0;
}
.bdha-info-top:last-child {
margin-right: 0;
}
.bdha-info-top i {
float: left;
width: auto;
color: #777;
font-size: 17px;
margin-right: 10px;
}
.bdha-info-top a {
float: left;
width: auto;
color: #e9e9e9;
font-size: 12px;
padding-top: 1px;
line-height: normal;
text-transform: capitalize;
} */
/**/
/* .bdha-top-countdown {
float: right;
width: auto;
}
.countdown-style-1 {
float: left;
width: auto;
color: #777;
padding: 0 20px;
font-size: 12px;
text-align: center;
position: relative;
line-height: normal;
}
.countdown-style-1:before {
top: 50%;
left: 0;
width: 1px;
content: "";
height: 12px;
position: absolute;
background-color: #777;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.countdown-style-1:first-child:before {
display: none;
}
.countdown-style-1 span, .countdown-style-1 p {
margin: 0;
float: left;
width: 100%;
font-size: 12px;
font-weight: bold;
}
.countdown-style-1 span {
margin-bottom: -1px;
} */
/**/
/* .logo-wrapper {
float: left;
width: 100%;
padding: 4px 0;
}
.logo {
width: 100%;
margin: 0;
line-height: normal;
text-align: center;
} */
.blockquote-slider-outer {
float: right;
max-width: 70%;
}
.blockquote-slider {
float: left;
width: 49%;
}
/**/
.blockquote-thumb {
float: left;
width: 100%;
padding-left: 20px;
}
.blockquote-thumb p {
color: #fff;
font-size: 12px;
font-style: italic;
position: relative;
margin: 0 0 4px;
}
.blockquote-thumb p:before {
top: 0;
left: -26px;
content: "“";
font-size: 30px;
line-height: 30px;
color: currentcolor;
position: absolute;
}
.blockquote-thumb a {
color: #fff;
font-weight: bold;
padding-left: 10px;
position: relative;
display: inline-block;
}
.blockquote-thumb a:hover {
color: #000;
}
.blockquote-thumb a:before {
top: 50%;
left: 0;
content: "-";
position: absolute;
color: currentcolor;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
/**/
/**/
.search-wrapper {
float: right;
width: auto;
padding: 16px 0;
}
.search-wrapper > div {
float: left;
width: auto;
margin-left: 10px;
}
.search-wrapper > div:first-child {
margin-left: 0;
}
.search-wrapper .kf-input {
min-width: 200px;
}
.search-wrapper .kf-input input[type="text"] {
background-color: transparent;
color: #fff;
}
.search-wrapper .kf-input input[type="text"]::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.search-wrapper .kf-input input[type="text"]::-moz-placeholder {
color: #fff;
opacity: 1;
}
.search-wrapper .kf-input input[type="text"]:focus {
border-color: #fff !important;
color: #fff !important;
}
.search-wrapper .kf-input label:hover,
.search-wrapper .kf-input input[type="text"]:focus label {
background: #fff !important;
border-color: #fff !important;
}
/**/
.kode-navigation-wrapper {
width: 100%;
padding-bottom: 5px;
border-bottom: 1px solid #e8eaec;
border-top: 1px solid #e8eaec;
background-color: #f6faff;
background-color: #f9f9f9;
}
.navigation {
width: auto;
text-align: center;
}
.navigation ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
width: auto;
list-style: none;
}
.navigation ul li {
float: left;
width: auto;
position: relative;
}
.navigation ul li.active {
border-bottom: 2px solid var(--primary-color);
}
.navigation ul li:last-child {
margin: 0;
}
.navigation ul li a {
float: left;
width: 100%;
color: var(--primary-color);
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: bold;
position: relative;
line-height: normal;
padding: 10px 8px;
text-transform: capitalize;
}
.navigation ul li a:hover {
text-decoration: none !important;
}
.navigation ul li ul,
.navigation .sub-menu,
.navigation .children {
display: flex;
flex-direction: column;
/* */
left: 0;
top: 100%;
margin: 0;
padding: 0;
opacity: 0;
z-index: 1000;
min-width: 280px;
position: absolute;
background-color: #fff;
border: solid 1px #dbdbdb;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transition: transform 0.3s, opacity 0.3s;
-moz-transition: transform 0.3s, opacity 0.3s;
-ms-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-ms-transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-o-transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -webkit-transform 0.3s;
-ms-transition: opacity 0.3s, -webkit-transform 0.3s;
-o-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
}
.navigation ul li ul,
.navigation ul li .sub-menu,
.navigation ul li .children {
visibility: hidden;
-webkit-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-ms-transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
transform: rotateX(-75deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.navigation ul li:hover > ul,
.navigation ul li:hover > .sub-menu,
.navigation ul li:hover > .children {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
}
.navigation ul li ul ul,
.navigation ul li .sub-menu .sub-menu,
.navigation ul li .children .children {
top: 0;
left: 100%;
}
.navigation ul li.last ul,
.navigation ul li.last .sub-menu,
.navigation ul li.last .children {
right: 0;
left: auto;
}
.navigation ul li.last ul ul,
.navigation ul li.last .sub-menu .sub-menu,
.navigation ul li.last .children .children {
left: auto;
right: 100%;
}
.navigation ul li ul li,
.navigation ul li .sub-menu li,
.navigation ul li .children li {
margin: 0;
float: left;
width: 100%;
}
.sub-menu a {
color: #000 !important;
}
.navigation ul li ul a,
.navigation ul li .sub-menu a,
.navigation ul li .children a {
display: block;
font-size: 14px;
text-align: left;
padding: 16px 30px;
font-weight: normal;
line-height: normal;
letter-spacing: normal;
background-color: #fff;
border-bottom: 1px solid #dbdbdb;
transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-webkit-transition: background-color 0.3s ease;
}
.navigation ul li ul li:hover > a,
.navigation ul li .sub-menu li:hover > a,
.navigation ul li .children li:hover > a,
.th-bg-color {
color: #fff !important;
}
/*LAST CHILD CSS END*/
/*RESPONCIVE MENU CSS START*/
.dl-menuwrapper {
float: left;
padding: 10px 0;
display: none;
}
.dl-menuwrapper ul,
.dl-menuwrapper .dl-menu {
background: #fff;
z-index: 2;
}
.kode-navigation-inner .dl-menuwrapper li.dl-back > a {
padding-left: 38px;
}
.kode-navigation-inner .dl-menuwrapper li {
float: left;
width: 100%;
margin: 0;
color: #333;
}
.kode-navigation-inner .dl-menuwrapper li a {
color: #333;
display: block;
font-size: 11px;
font-weight: 700;
text-align: left;
padding: 10px 20px;
letter-spacing: normal;
text-transform: uppercase;
border-bottom: 1px solid #dbdbdb;
transition: color 0.3s ease background-color 0.3s ease;
-o-transition: color 0.3s ease background-color 0.3s ease;
-ms-transition: color 0.3s ease background-color 0.3s ease;
-moz-transition: color 0.3s ease background-color 0.3s ease;
-webkit-transition: color 0.3s ease background-color 0.3s ease;
}
.dl-menuwrapper li.dl-back::after,
.dl-menuwrapper li > a:not(:only-child)::after {
color: currentcolor;
}
/*RESPONCIVE MENU CSS END*/
.kode-navigation-wrapper .social-list {
float: right;
margin: 0;
}
.kode-navigation-wrapper .social-list li {
float: left;
margin-left: 2px;
}
.kode-navigation-wrapper .social-list li:first-child {
margin-left: 0;
}
/**/
.main-banner {
float: left;
width: 100%;
position: relative;
}
.main-banner-1 {
padding: 36px 0 0;
/* background-color: #f8fafb; */
/* background-color: #fffdfa; */
background-color: #fffcf6;
}
.main-banner-2 {
padding: 0 0 36px;
position: relative;
}
.slider-overlay-text {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
right: 0;
left: 0;
padding: 50px 0;
}
/* the blinking title */
.slider-overlay-text .kode-caption-title, .slider-overlay-text .kode-caption-title-2 {
color: var(--dark-color);
text-shadow: 0 2px 6px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.02);
animation: blink-color 5s ease-in-out infinite;
}
/* Blinking title with pause */
.slider-overlay-text .kode-caption-title,
.slider-overlay-text .kode-caption-title-2 {
color: var(--dark-color);
text-shadow: 0 2px 6px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.02);
animation: blink-color 5s ease-in-out infinite;
}
/* Blink animation with holds */
@keyframes blink-color {
/* White stays from 0 → 40% */
0%, 40% {
color: #fff;
text-shadow: 0 2px 6px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.02);
}
/* Transition to dark, then hold until 90% */
50%, 90% {
color: var(--dark-color);
text-shadow: 0 2px 6px rgba(255,255,255,0.15), 0 1px 0 rgba(0,0,0,0.03);
}
/* Back to white at end */
100% {
color: #fff;
text-shadow: 0 2px 6px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.02);
}
}
/* Accessibility: respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
.hero__title {
animation: none;
color: #fff; /* pick a sensible fallback */
text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
}
.main-slider {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.main-slider-nav {
top: 50%;
margin: 0;
padding: 0;
right: 30px;
width: 70px;
position: absolute;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.main-slider-nav .slick-list {
padding: 0 !important;
}
.main-slider-nav .slick-prev,
.main-slider-nav .slick-next {
height: 15px;
width: 30px;
margin: 0 auto;
left: 0;
right: 0;
background-color: transparent;
transform: translateY(-0%);
-o-transform: translateY(-0%);
-ms-transform: translateY(-0%);
-moz-transform: translateY(-0%);
-webkit-transform: translateY(-0%);
}
.main-slider-nav .slick-prev:before,
.main-slider-nav .slick-next:before {
line-height: 15px;
font-size: 40px;
color: #fff;
}
.main-slider-nav .slick-prev {
top: -44px;
}
.main-slider-nav .slick-next {
top: auto;
bottom: -44px;
}
.main-slider-nav .slick-next:before {
content: "\f107";
}
.main-slider-nav .slick-prev:before {
content: "\f106";
}
.main-slider-nav .slick-slide {
float: left;
width: 100%;
padding: 5px 0;
}
.banner-thumb {
float: left;
width: 100%;
cursor: pointer;
}
.banner-thumb img {
float: left;
width: 100%;
}
.main-slider-nav .slick-slide.slick-active.slick-center .banner-thumb {
border: 1px solid #fff;
}
.main-slider li a {
float: left;
width: 100%;
position: relative;
}
/*
.kode-caption-wrapper {
left: 0;
top: 50%;
right: 0;
width: 100%;
margin: 0 auto;
position: absolute;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.kode-caption {
width: auto;
max-width: 510px;
overflow: hidden;
position: relative;
display: inline-block;
padding: 117px 40px 67px;
background-color: rgba(0, 0, 0, 0.4);
}
.kode-caption:after,
.kode-caption:before {
position: absolute;
top: 40px;
left: 40px;
right: 40px;
height: 65px;
content: "";
border-style: solid;
border-color: #fff;
border-width: 6px 6px 0;
}
.kode-caption:after {
top: auto;
bottom: 40px;
border-width: 0 6px 6px;
} */
.kode-slider .carousel-indicators {
top: 96px;
bottom: auto;
right: 0;
left: 0;
width: 100%;
color: #6e6e6e;
margin-left: auto;
margin-right: 0;
text-align: start;
}
.main-banner-2 .kode-slider .carousel-indicators {
top: auto;
bottom: 20px;
right: 0;
left: 0;
display: flex
;
justify-content: center;
width: 100%;
color: #6e6e6e;
margin-left: auto;
text-align: start;
}
.flyers-slider .kode-slider .carousel-indicators {
top: auto;
bottom: -48px;
right: auto;
left: 0;
width: 33%;
color: #6e6e6e;
margin-left: auto;
text-align: start;
}
.flyers-slider .kode-slider .flyer-img {
width:100%;
height: 360px;
object-fit: contain;
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0 auto;
}
.flyers-slider .kode-slider .flyer-img img{
max-width: auto;
height: 100%;
width: 100%;
}
.flyers-slider .kode-slider p {
font-size: 18px;
}
.kode-slider .carousel-indicators li {
border: 1px solid transparent;
border-radius: 50%;
width: 36px;
height: 36px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.kode-slider .carousel-indicators li.active {
border: 1px solid var(--dark-color);
}
.kode-slider .carousel-indicators li span {
background-color: #6e6e6e;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
}
.kode-slider .carousel-indicators li.active span {
background-color: var(--dark-color);
}
.kode-caption {
height: 164px;
text-align: left;
}
.kode-banner {
height: 596px;
height: 80vh;
object-fit: contain;
}
.kode-banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
.kode-caption-title {
color: var(--dark-color);
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 1;
margin-bottom: 15px;
text-transform: capitalize;
font-family: "Merriweather", serif;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.kode-caption-title-2 {
font-family: "Merriweather", serif;
color: var(--dark-color);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 1;
text-transform: capitalize;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.kode-caption-para {
color: var(--dark-light-color);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 160% */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.kode-caption-title span {
float: left;
width: 100%;
}
.kode-caption-text {
color: #fff;
font-size: 23px;
margin-bottom: 40px;
margin-top: 18px;
}
.kode-autor-link {
z-index: 1;
color: #fff;
float: left;
width: 100%;
font-size: 18px;
text-align: center;
position: relative;
text-transform: capitalize;
}
/**/
.main-slider .slick-current.slick-active .position-left .kode-caption-title,
.main-slider .slick-current.slick-active .position-left .kode-caption-text,
.main-slider .slick-current.slick-active .kode-caption-title,
.main-slider .slick-current.slick-active .kode-caption-text {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: slideInLeft;
-webkit-animation-name: slideInLeft;
}
.main-slider .slick-current.slick-active .position-center .kode-caption-title,
.main-slider .slick-current.slick-active .position-center .kode-caption-text {
animation-duration: 1s;
-webkit-animation-duration: 1s;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.main-slider .slick-current.slick-active .position-right .kode-caption-title,
.main-slider .slick-current.slick-active .position-right .kode-caption-text {
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-name: slideInright;
-webkit-animation-name: slideInright;
}
.main-slider .slick-current.slick-active .kode-autor-link {
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: slideInup;
-webkit-animation-name: slideInup;
}
/*Audio Player Start*/
.audio-player-wrap {
float: left;
width: 100%;
position: relative;
border-bottom: 2px solid #e8e8e8;
background-color: #fff;
}
.audio-player-wrap .sm2-bar-ui {
float: left;
width: 100%;
overflow: visible;
}
.audio-player-wrap .sm2-bar-ui .bd,
.sm2-bar-ui .sm2-extra-controls {
background: transparent;
}
.audio-player-wrap .sm2-progress .sm2-progress-track,
.audio-player-wrap .sm2-progress .sm2-progress-bar {
height: 5px;
}
.audio-player-wrap .sm2-progress .sm2-progress-ball {
width: 19px;
height: 19px;
border-radius: 100%;
border-color: #fff;
border: 5px solid;
margin-top: -8px;
}
.audio-player-wrap .play-bar.sm2-row {
float: left;
width: 100%;
display: block;
}
.audio-player-wrap .sm2-progress {
float: left;
width: 100%;
}
.audio-player-wrap .play-bar.sm2-row .sm2-progress-bd {
padding: 0;
}
.audio-player-wrap .sm2-progress .sm2-progress-bar {
border-radius: 0;
}
.audio-player-wrap .sm2-progress .sm2-progress-track {
border-radius: 0;
background-color: #e8e8e8;
}
.audio-player-wrap .sm2-main-controls .container > div {
border-width: 0 0 0 4px;
border-style: solid;
border-color: #e8e8e8;
}
.audio-player-wrap .sm2-bar-ui .sm2-inline-status {
padding: 0 30px;
}
.audio-player-wrap .sm2-bar-ui .sm2-inline-status > div {
width: 50%;
float: left;
}
.audio-player-wrap .sm2-bar-ui .sm2-playlist ul li,
.sm2-bar-ui .sm2-playlist ul li a {
line-height: normal;
height: auto;
text-align: left;
}
.audio-player-wrap .sm2-playlist-bd li {
font-family: "Raleway", sans-serif;
text-transform: capitalize;
color: #333;
font-size: 24px !important;
margin-top: -5px !important;
}
.audio-player-wrap .sm2-inline-time,
.sm2-inline-duration {
width: auto;
}
.audio-player-wrap .song-title .sm2-progress {
float: right !important;
width: 50px !important;
font-size: 18px;
color: #333;
}
.audio-player-wrap .sm2-main-controls .container > div:first-of-type {
border-left: none;
}
.audio-player-wrap .sm2-bar-ui .sm2-inline-element,
.audio-player-wrap .sm2-bar-ui .sm2-button-element .sm2-button-bd {
min-height: 88px;
min-width: 80px;
}
.audio-player-wrap .sm2-bar-ui .sm2-button-element.sm2-volume {
min-width: 140px;
padding: 0 24px;
}
.audio-player-wrap
.sm2-bar-ui
.sm2-button-element.sm2-volume
.sm2-volume-control,
.audio-player-wrap
.sm2-bar-ui
.sm2-button-element.sm2-volume
.sm2-volume-shade {
background-size: 100% 75%;
}
.audio-player-wrap .sm2-bar-ui .sm2-button-element .sm2-button-bd > a {
text-indent: -999px;
}
/*Play liast*/
.audio-player-wrap .sm2-playlist-wrapper {
float: left;
width: 100%;
background: #666;
}
.audio-player-wrap .sm2-playlist-wrapper li {
float: left;
width: 100%;
margin: 0 !important;
padding: 0;
}
.audio-player-wrap .sm2-playlist-wrapper li a {
float: left;
width: 100%;
color: #fff;
font-size: 14px;
line-height: normal;
text-transform: capitalize;
}
/*Audio Player End*/
/*Welcome Wrap Start*/
.welcome-outer-wrap {
float: left;
width: 100%;
padding: 40px 0;
background-image: url("images/new/welcome-bg-layer.svg");
background-repeat: no-repeat;
background-position: top right;
}
.welcome-wrap-bg {
padding-top: 32px;
position: relative;
min-width: 1300px;
margin-bottom: 30px;
}
/* .welcome-wrap-bg::before {
background-position: 100%;
background-size: cover;
background-repeat: no-repeat;
background-image: url("extra-images/welcome-wrap-bg.jpg");
}
.welcome-wrap-bg::after {
background-color: rgba(0, 0, 0, 0.31);
opacity: 0.8;
} */
/* .welcome-wrap-bg::after,
.welcome-wrap-bg::before {
bottom: 125px;
} */
/* .welcome-wrap-bg [class*="col-"] {
padding: 0;
z-index: 1;
position: relative;
} */
.welcome-title-wrap {
float: left;
width: 100%;
position: relative;
}
/* .welcome-title-wrap:before {
background-color: rgba(7, 181, 193, 0.87);
opacity: 0.78;
z-index: -1;
} */
.welcome-title {
display: inline-block;
text-align: end;
background: var(--dark-color);
width: 90%;
padding: 56px;
}
.welcome-title h5 {
color: #fff;
font-size: 40px;
font-weight: 400;
margin-bottom: 15px;
}
.welcome-title h6 {
color: #fff;
font-family: "Merriweather", serif;
font-size: 20px;
font-style: normal;
line-height: 32px; /* 133.333% */
}
.welcome-video-wrap {
margin-top: -20px;
display: flex;
justify-content: flex-end;
gap: 16px;
}
.welcome-video-wrap a {
width: 230px;
height: 326px;
position: relative;
cursor: pointer;
}
.welcome-video-wrap a img {
width: 100%;
height: auto;
}
.welcome-video-wrap a::after {
position: absolute;
content: url(images/new/play-btn.svg);
top: 35%;
left: 40%;
z-index: 1;
width: 25px;
height: 25px;
transform: translate(-50%, -50%);
pointer-events: none;
}
/*Buddha Services Section Start*/
.bdha-services-wrap {
float: left;
width: 100%;
padding: 132px 0 32px 68px;
position: relative;
margin-bottom: 0px;
background-color: #fff;
}
.bdha-services-wrap h2 {
font-size: 36px;
font-weight: 400;
margin-bottom: 32px;
}
.bdha-services-wrap p {
color: var(--dark-color);
font-family: "Inter";
font-size: 18px;
font-weight: 400;
line-height: 24px; /* 160% */
}
.bdha-services {
float: left;
width: 100%;
}
.bdha-services .icon-box-2 {
float: left;
margin-right: 25px;
}
.bdha-services:hover .icon-box-2 {
color: #fff;
}
.bdha-services-wrap h6 {
float: left;
width: 100%;
margin: 0 0 9px;
font-size: 20px;
font-weight: bold;
line-height: normal;
}
.bdha-services-wrap .mass-time {
margin-bottom: 32px;
}
.bdha-services-link {
margin-bottom: 32px;
display: inline-flex;
gap: 10px;
align-items: center;
justify-content: flex-start;
border-bottom: 2px solid #fff;
}
.bdha-services-link:hover {
border-bottom: 2px solid var(--dark-color);
}
.bdha-services-link a {
display: inline-block;
color: var(--dark-color) !important;
font-family: "Merriweather", serif;
font-size: 20px;
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid #fff;
line-height: 1;
}
.bdha-services-link img {
width: 16px;
height: auto;
}
.bdha-services .bdha-services-link a {
border-bottom: 1px solid var(--dark-color);
}
.bdha-services p {
margin: 0;
}
.bdha-services-wrap .bdha-services {
margin-bottom: 31.7px;
}
.bdha-services:last-child {
margin: 0;
}
/*Buddha Services Section End*/
/*Welcome Wrap End*/
/*Buddha Causes Section Start*/
.causes-slider {
float: left;
width: 100%;
margin-bottom: 80px;
}
.bdha-causes {
display: inline-block;
width: 100%;
margin-bottom: 30px;
border: 1px solid #e3e3e3;
}
.bdha-causes figure .percentage-box {
left: 0;
right: 0;
top: 50%;
opacity: 0;
margin: 0 auto;
position: absolute;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.bdha-causes figure {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000 0,000000 43&0 0,1 46 */
background: -moz-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.93) 43%,
rgba(0, 0, 0, 1) 46%
); /* FF3.6-15 */
background: -webkit-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.93) 43%,
rgba(0, 0, 0, 1) 46%
); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.93) 43%,
rgba(0, 0, 0, 1) 46%
); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
.causes-caption {
float: left;
width: 100%;
padding: 24px 30px 30px;
}
.causes-progress {
float: left;
width: 100%;
background-color: #fff;
padding: 17px 20px 14px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.causes-progress .progress {
float: left;
width: 100%;
height: 5px;
margin: 0 0 6px;
border-radius: 0;
box-shadow: none;
background-color: #aeaeae;
}
.causes-progress .progress .progress-bar {
box-shadow: none;
background-color: #333333;
}
.causes-progress h6 {
margin: 0 0 4px;
font-size: 13px;
font-weight: bold;
line-height: normal;
}
.causes-caption .causes-progress:first-child {
z-index: 1;
position: relative;
margin: -66px 0 24px;
}
.causes-title {
float: left;
width: 100%;
line-height: normal;
margin: 0 0 18px;
}
.causes-caption p {
float: left;
width: 100%;
margin: 0 0 23px;
}
.bdha-causes:hover .btn1 {
color: #fff;
}
.btn1:hover{
text-decoration: none;
}
/*Buddha Causes Section End*/
/*Buddha Media Tab Wrap Start*/
.media-tab-wrapper {
float: left;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-image: url(extra-images/slide-2.jpg);
}
.media-tab-wrapper:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: "";
opacity: 0.9;
background-color: #181818;
}
.media-tab {
float: left;
width: 100%;
padding: 35px 0;
}
.media-tab-title {
float: left;
width: 100%;
color: #fff;
margin: 0 0 24px;
padding: 0 20px;
font-size: 24px;
line-height: normal;
text-transform: capitalize;
}
.media-tab-nav {
float: left;
width: 100%;
margin: 0;
padding: 35px 0 25px;
}
.media-tab-nav .nav-tabs {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
border: none;
}
.media-tab-nav .nav-tabs li {
float: left;
width: 100%;
margin: 0;
border-bottom: 1px solid rgba(211, 211, 211, 0.4);
}
.media-tab-nav .nav-tabs li:last-child {
border: none;
}
.media-tab-nav .nav-tabs li a {
padding: 14px 20px 15px;
font-size: 14px;
line-height: normal;
color: #fff;
margin: 0;
text-transform: capitalize;
position: relative;
}
.media-tab-nav .nav-tabs li.active a {
background: #271e18;
}
.media-tab-nav .nav-tabs li a:before {
top: 50%;
right: 20px;
opacity: 0;
content: "\f01d";
color: currentcolor;
position: absolute;
font-family: "FontAwesome";
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.media-tab-nav .nav-tabs li.active a:before {
opacity: 1;
}
.media-tab-nav .nav-tabs li a i {
margin-right: 10px;
}
.media-contant {
float: left;
width: 100%;
padding: 22px 0 0;
}
.media-contant .section-title h6 {
color: #fff;
}
.media-contant .section-title h6::after {
background: #fff;
}
.tab-content {
float: left;
width: 100%;
overflow: hidden;
}
.tab-content .tab-pane {
position: relative;
}
/*Media Player Start*/
.tab-media-player {
float: left;
width: 100%;
}
.tab-media-player figure {
width: 70px;
margin-right: 20px;
}
.tab-media-player .text-overflow {
margin-bottom: -4px;
}
.tab-media-player .sm2-bar-ui {
max-width: 100%;
}
.tab-media-player .sm2-bar-ui .bd,
.tab-media-player .sm2-bar-ui .sm2-extra-controls {
background: transparent;
}
.tab-media-player .sm2-bar-ui .sm2-inline-status {
padding: 0 0 0px;
overflow: visible;
}
.tab-media-player .sm2-bar-ui .sm2-playlist-wrapper {
display: none;
}
.tab-media-player .sm2-playlist-bd {
float: left;
width: 100%;
text-align: left;
}
.tab-media-player .sm2-bar-ui .sm2-playlist ul li,
.tab-media-player .sm2-bar-ui .sm2-playlist ul li a {
height: auto;
text-align: left;
font-size: 14px;
color: #fff;
font-weight: bold;
font-family: "Roboto", sans-serif;
}
.tab-media-player .bd.sm2-main-controls > div {
float: left;
width: 100%;
}
.tab-media-player .sm2-playlist-bd strong {
float: left;
width: 100%;
margin-top: 4px;
font-size: 12px;
}
.tab-media-player .sm2-bar-ui .sm2-inline-element {
border: none;
margin-right: 10px;
}
.tab-media-player .sm2-bar-ui .sm2-inline-element,
.tab-media-player .sm2-bar-ui .sm2-button-element .sm2-button-bd {
min-height: 30px;
min-width: 30px;
}
.tab-media-player .sm2-progress {
float: left;
width: 100%;
padding: 0;
}
.tab-media-player .sm2-row {
display: block;
}
.tab-media-player .sm2-progress-bd {
float: left;
width: 100%;
margin: 20px 0 7px;
padding: 0 0 0px;
}
.sm2-progress .sm2-progress-track .sm2-progress-bar,
.sm2-progress .sm2-progress-track {
height: 3px;
border-radius: 0;
background-color: #cbcbcb;
}
.tab-media-player .sm2-progress .sm2-progress-ball {
width: 13px;
height: 13px;
border-radius: 100%;
border-color: #fff;
border: 3px solid;
margin-top: -5px;
}
.tab-media-player .sm2-inline-duration,
.tab-media-player .sm2-inline-time {
float: left;
width: auto;
font-size: 10px;
line-height: normal;
color: #fff;
}
.tab-media-player .sm2-inline-duration {
float: right;
}
.tab-media-player .play-pause,
.tab-media-player .play-pause:hover,
.tab-media-player .paused .play-pause:hover {
background-image: none,
url("images/icomoon/entypo-25px-ffffff/SVG/play2.html");
background-position: -9px;
background-size: 100%;
}
.tab-media-player .playing .play-pause {
background-image: none,
url("images/icomoon/entypo-25px-ffffff/SVG/pause2.html");
}
.see-all {
float: left;
width: 100%;
}
.see-all .btn1 {
color: #fff;
border: 1px solid #fff;
background-color: transparent;
}
/**/
/*Our Team Section Start*/
.team-slider {
float: left;
width: 100%;
}
.bdha-team {
float: left;
width: 100%;
margin-bottom: 30px;
}
.bdha-team .figure-contant-aling {
opacity: 0;
tranform: scale(1.1);
-o-tranform: scale(1.1);
-ms-tranform: scale(1.1);
-moz-tranform: scale(1.1);
-webkit-tranform: scale(1.1);
}
.bdha-team:hover .figure-contant-aling {
opacity: 1;
top: 50%;
tranform: scale(1.1) translateY(-50%);
-o-tranform: scale(1.1) translateY(-50%);
-ms-tranform: scale(1.1) translateY(-50%);
-moz-tranform: scale(1.1) translateY(-50%);
-webkit-tranform: scale(1.1) translateY(-50%);
}
.team-caption {
padding: 20px 0 0;
text-align: center;
}
.team-title {
float: left;
width: 100%;
font-size: 24px;
margin: 0 0 5px 0;
font-weight: bold;
line-height: normal;
text-transform: capitalize;
}
.team-caption h5 {
margin: 0 0 22px;
font-weight: normal;
}
/*Our Team Section End*/
/*Buddha Filterable Gallery Section Start*/
.bdha-filterable {
float: left;
width: 100%;
overflow: hidden;
}
.bdha-filterable-nav {
padding: 0;
float: left;
width: 100%;
margin: 0 0 45px;
list-style: none;
text-align: center;
}
.bdha-filterable-nav li {
float: none;
width: auto;
margin-left: 4px;
margin-right: 4px;
margin-bottom: -5px;
display: inline-block;
}
.bdha-filterable-nav li:first-child {
margin-left: 0;
}
.bdha-filterable-nav li:last-child {
margin-right: 0;
}
.bdha-filterable-nav li a {
float: left;
width: 100%;
color: #666;
cursor: pointer;
position: relative;
line-height: normal;
padding: 7px 20px 6px;
text-transform: capitalize;
}
.bdha-filterable-nav li a.active,
.bdha-filterable-nav li a:hover {
color: #fff;
}
.bdha-filterable-nav li a.active {
cursor: not-allowed;
}
#filterable-item-holder-1 {
padding-left: 1px;
}
.bdha-filterable-contant {
float: left;
width: 100%;
}
.filterable-item.col-md-3 {
width: 24.98%;
}
.bdha-gallery-thumb {
float: left;
width: 100%;
margin-bottom: 30px;
}
/*Buddha Filterable Gallery Section End*/
/*Buddha Facts & Figure Section Start*/
.bdha-facts-wraper {
float: left;
width: 100%;
padding: 60px 0;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url("images/bdha-facts-wraper.jpg");
}
.bdha-facts-wraper22 {
float: left;
width: 100%;
padding: 30px 0;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url("images/bdha-facts-wraper22.jpg");
}
.bdha-facts-wraper:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
opacity: 0.05;
position: absolute;
background-color: #000;
}
.facts-thumb {
float: left;
width: 100%;
}
.facts-thumb span {
color: #fff;
float: left;
width: 73px;
height: 73px;
font-size: 40px;
line-height: 73px;
margin: 0 15px 0 0;
text-align: center;
border-radius: 100%;
background-color: var(--dark-color);
}
.facts-thumb h5 {
margin: 0;
float: left;
width: 100%;
color: #fff;
font-size: 36px;
font-weight: bold;
line-height: normal;
}
.facts-thumb p {
margin: 0;
float: left;
width: 100%;
color: #fff;
font-size: 16px;
text-transform: capitalize;
}
/*Buddha Facts & Figure Section End*/
/*Buddha Event Section Start*/
.bdha-event {
float: left;
width: 100%;
}
.event-caption {
width: 90%;
top: -30px;
float: none;
background: #fff;
position: relative;
margin: 0px auto 0px;
display: inline-block;
padding: 20px 18px 25px;
}
.bdha-event:hover .event-caption {
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.event-title {
float: left;
width: 100%;
margin: 0 0 8px;
font-size: 22px;
text-transform: capitalize;
}
.event-caption .blog-post-meta {
margin-bottom: 14px;
}
.event-caption p {
float: left;
width: 100%;
margin: 0 0 18px;
}
.event-caption .btn1 {
background: #333;
}
/*Buddha Event Section End*/
/*Buddha Testimonial Section Start*/
.bdha-testimonial {
width: 100%;
overflow: hidden;
padding: 35px 0 35px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
/* background-image: url(extra-images/testimonial-bg.jpg); */
background-color: #fff;
background-position: center;
}
.bdha-testimonial:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
/* content: ""; */
opacity: 0.6;
/* position: absolute; */
}
.bdha-testimonial.new-testimonial {
background: #eef4f8;
}
.bdha-testimonial.new-testimonial .testimonial-boxes{
width: 100%;
display: flex;
gap:20px;
flex-wrap: wrap;
justify-content: center;
}
.bdha-testimonial.new-testimonial .testimonial-box {
width: Calc(20% - 20px);
min-width: 198px;
}
.bdha-testimonial.new-testimonial .testimonial-box .yam-box{
height: 100%;
padding: 16px 8px;
}
.bdha-testimonial.new-testimonial .yam-box h3 strong{
display: block;
}
.bdha-testimonial.new-testimonial .testimonial-box .yam-box .btn1{
background-color: var(--primary-color);
}
.bdha-testimonial.new-testimonial .testimonial-box .yam-box .btn1:hover{
/*background-color: #14d7e4 !important; */
opacity: 0.9;
}
.bdha-testimonial.new-testimonial .text-center.wht-tl h6:after{
background-color: var(--primary-color);
}
.bdha-testimonial,
.testimonial-slider,
.testimonial-img,
.testimonial-thumb-contant,
.testimonial-thumb-nav {
float: left;
width: 100%;
}
.testimonial-thumb-nav {
margin-bottom: 3px;
}
.testimonial-contant .kode-social-link {
margin-bottom: 36px;
}
.custom-container {
display: block;
margin: 0 auto;
width: 625px;
}
.testimonial-slider .slick-list {
padding: 0 !important;
}
.testimonial-slider .slick-slide {
padding: 10px;
}
.testimonial-img {
background: #000;
transition: all 300ms ease !important;
-o-transition: all 300ms ease !important;
-ms-transition: all 300ms ease !important;
-moz-transition: all 300ms ease !important;
-webkit-transition: all 300ms ease !important;
}
.testimonial-img img {
opacity: 0.6;
}
.testimonial-slider .slick-center .testimonial-img {
transform: scale(1.08);
-o-transform: scale(1.08);
-ms-transform: scale(1.08);
-moz-transform: scale(1.08);
-webkit-transform: scale(1.08);
transition: all 300ms ease !important;
-o-transition: all 300ms ease !important;
-ms-transition: all 300ms ease !important;
-moz-transition: all 300ms ease !important;
-webkit-transition: all 300ms ease !important;
}
.testimonial-slider .slick-center .testimonial-img img {
opacity: 1;
}
.testimonial-contant {
float: left;
width: 100%;
padding: 0 14%;
text-align: center;
}
.testimonial-contant p {
color: #fff;
float: left;
width: 100%;
margin: 0 0 10px;
font-family: "Raleway", sans-serif;
}
.testimonial-contant a {
display: inline-block;
width: auto;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: normal;
text-transform: capitalize;
font-family: "Raleway", sans-serif;
}
.testimonial-contant .kode-social-link {
float: left;
width: 100%;
}
.testimonial-contant .kode-social-link a {
border: none;
}
/*Slider Navigation Start*/
.testimonial-thumb-nav .slick-arrow {
opacity: 0;
background: transparent;
}
.testimonial-thumb-nav:hover .slick-arrow {
opacity: 1;
}
.testimonial-thumb-nav .slick-arrow:before {
font-size: 45px;
color: #fff;
background: transparent;
}
.testimonial-thumb-nav .slick-prev {
left: -60px;
}
.testimonial-thumb-nav .slick-next {
right: -60px;
}
.testimonial-thumb-nav .slick-prev.slick-arrow:before {
content: "\f104";
}
.testimonial-thumb-nav .slick-next.slick-arrow:before {
content: "\f105";
}
/*Slider Navigation End*/
/*Buddha Testimonial Section End*/
/*Buddha Shop Section Start*/
.bdha-shop-thumb {
float: left;
width: 100%;
overflow: hidden;
}
.bdha-shop-contant {
text-align: center;
padding: 17px 10px 20px;
background-color: #eaeaea;
}
.user-icon,
.bdha-shop-title,
.bdha-shop-contant,
.rating-wrap {
float: left;
width: 100%;
}
.bdha-shop-contant .rating-wrap {
margin-bottom: 9px;
}
.bdha-shop-title {
font-size: 18px;
margin-bottom: 14px;
text-transform: capitalize;
}
.book-price {
float: left;
width: 100%;
font-size: 24px;
margin-bottom: 17px;
text-transform: capitalize;
}
.user-icon a {
float: none;
width: 45px;
height: 40px;
margin: 0 7px;
font-size: 24px;
line-height: 40px;
text-align: center;
display: inline-block;
border: 1px solid #fff;
}
.user-icon a:first-child {
margin-left: 0;
}
.user-icon a:last-child {
margin-right: 0;
}
.abslt {
left: 0;
top: 50%;
right: 0;
padding: 0;
opacity: 0;
position: absolute;
background: transparent;
transform-origin: 30% -84% 0;
-o-transform-origin: 30% -84% 0;
-ms-transform-origin: 30% -84% 0;
-moz-transform-origin: 30% -84% 0;
-webkit-transform-origin: 30% -84% 0;
transform: translateY(-50%) rotate(65deg);
-o-transform: translateY(-50%) rotate(65deg);
-ms-transform: translateY(-50%) rotate(65deg);
-moz-transform: translateY(-50%) rotate(65deg);
-webkit-transform: translateY(-50%) rotate(65deg);
}
.bdha-shop-thumb:hover .abslt {
opacity: 1;
transform-origin: 0% 0% 0;
-o-transform-origin: 0% 0% 0;
-ms-transform-origin: 0% 0% 0;
-moz-transform-origin: 0% 0% 0;
-webkit-transform-origin: 0% 0% 0;
transform: translateY(-50%) rotate(0);
-o-transform: translateY(-50%) rotate(0);
-ms-transform: translateY(-50%) rotate(0);
-moz-transform: translateY(-50%) rotate(0);
-webkit-transform: translateY(-50%) rotate(0);
}
.abslt .bdha-shop-title a,
.abslt .book-price,
.abslt .user-icon a {
color: #fff;
}
/*Buddha Shop Section End*/
/*Brand Slider Start*/
.brand_slider {
float: left;
width: 100%;
}
.brand_slider .slick-slide {
/* padding: 0 15px; */
height: 200px;
}
.new-brand {
/* border: 1px solid #dfdfdf; */
margin-bottom: 36px;
}
.brand_slider .slick-slide a {
font-size: 22px;
font-weight: 700;
display: inline-block;
margin-bottom: 22px;
}
.tmm,
.deel {
color: var(--dark-light-color);
font-size: 16px;
font-family: "Inter", sans-serif;
display: flex;
align-items: flex-start;
gap: 8px;
}
.tmm img,
.deel img {
margin-top: 5px;
}
.brand_slider .slick-slide h4 {
margin: 0 !important;
}
.suub {
padding: 12px 35px;
font-size: 17px;
border-radius: 0;
color: #fff;
border: 2px solid var(--dark-color);
position: relative;
top: 2px;
}
.newss input {
padding: 10px 14px;
height: 47px;
font-size: 16px;
border-radius: 0;
width: 100% !important;
}
.newss {
margin-top: 58px;
}
.newss .form-group {
width: 75%;
}
.brand_slider .slick-slide a:hover {
color: var(--primary-color);
}
.brand_slider a img {
float: none;
width: auto;
display: inline-block;
filter: url("data:image/svg xml;utf8,#grayscale"); /* Firefox 10 , Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19 , Safari 6 , Safari 6 iOS */
}
.brand_slider a:hover img {
filter: url("data:image/svg xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/*Brand Slider End*/
/*Footer 1 Strat*/
.bdha-footer {
float: left;
width: 100%;
position: relative;
padding: 43px 0 0px;
/* background-image: url(extra-images/footer1-bg.jpg); */
background-color: var(--primary-color);
}
.bdha-footer .footer-title{
color: #fff;
font-size: 36px;
font-weight: 700;
line-height: 50px;
margin-bottom: 5px;
}
.bdha-footer .footer-subtitle{
color: #fff;
display: inline-block;
font-size: 18px;
margin-bottom: 36px;
}
.pay-methods{
float: left;
display: flex;
margin-bottom: 32px;
width: 100%;
}
.pay-methods-2 {
float: left;
display: flex;
margin-bottom: 32px;
width: auto;
justify-content: center;
flex-shrink: 0;
flex-direction: column;
align-items: center;
gap: 10px;
}
}
.pay-methods .pay-title{
flex:1;
}
.pay-methods .pay-barcode{
display: flex;
align-items: center;
justify-content: center;
}
.pay-methods .widget-title{
margin-bottom: 16px;
}
.bdha-footer .info-item {
float: none;
display: flex;
align-items: center;
gap: 12px;
}
.info-item a img{
margin-right: 10px;
}
/* .bdha-footer:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
opacity: 0.2;
position: absolute;
background-size: contain;
background-repeat: repeat-x;
background-position: bottom;
background-image: url("images/");
} */
.bdha-footer p {
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.bdha-copy-right {
width: 100%;
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 32px;
}
.bdha-copy-right p {
margin-bottom: 16px;
font-weight: 700;
}
.bdha-copy-right p,
.bdha-copy-right .navigation li a,
.bdha-copy-right p a {
color: #fff !important;
font-weight: 700;
}
.bdha-copy-right .navigation {
float: right;
width: auto;
padding-top: 3px;
}
.bdha-copy-right .navigation li a {
padding: 0;
font-size: 14px;
font-weight: normal;
text-transform: capitalize;
}
.bottom-footer{
align-items: center;
background-color: #ffefd0;
margin-bottom: 18px;
padding: 12px 16px;
border-radius: 10px;
}
.pay-btn1{
border: 1px solid #fff;
background: var(--dark-color);
border-radius: 5px;
font-weight: 700;
padding: 5px 12px;
color: #fff;
}
.pay-btn1:hover{
text-decoration: none;
background: var(--primary-color);
}
.pay-methods .pay-title h4, .pay-methods-2 .pay-title h4{
color: var(--dark-color) !important;
margin-bottom: 5px;
}
.pay-methods .pay-title a, .pay-methods-2 .pay-title a{
color: var(--dark-color) !important;
}
.bottom-footer-2{
display: flex;
align-items: center;
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.bottom-footer .bot-button {
flex-shrink: 0;
}
/*Footer 1 End*/
/*
============================================================
Index 2 Start #Index 2
============================================================
*/
/*Welcome Section 2 Start*/
.buddha-welcome-wrap2 {
float: left;
width: 100%;
padding-top: 80px;
}
.buddha-welcome-wrap2 .container > [class*="col-"] {
padding: 0;
}
.buddha-community-stats {
z-index: 1;
float: left;
width: 100%;
padding: 23px 30px 30px;
position: relative;
background-repeat: repeat;
background-image: url("extra-images/community-stats.jpg");
}
.buddha-community-stats:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.9);
}
.buddha-community-stats .welcome-title {
margin-bottom: 17px;
}
.community-stats-thumb {
float: left;
width: 100%;
margin-bottom: 25px;
padding: 26px 20px 27px;
background-color: rgba(32, 32, 31, 0.9);
}
.community-stats-thumb i {
float: left;
width: 45px;
font-size: 53px;
}
.community-stats-thumb h6 {
margin: 0;
float: left;
width: 100%;
font-weight: normal;
text-transform: capitalize;
}
.community-stats-thumb h6 span {
float: left;
width: 100%;
margin-top: 7px;
}
.community-stats-thumb h6,
.community-stats-thumb i {
color: #fff;
}
.community-stats-thumb .text-overflow {
padding: 5px;
text-align: center;
}
/*Buddha Community Groups Start*/
.buddha-community-groups {
float: left;
width: 100%;
}
.buddha-community-groups h3 {
color: #fff;
float: left;
width: 100%;
margin: 0 0 24px;
font-size: 24px;
}
.buddha-community-groups [class*="col-"] {
padding: 0;
}
.buddha-community-groups
[class*="col-"]:nth-of-type(6)
.buddha-community-group:before,
.buddha-community-groups
[class*="col-"]:nth-of-type(7)
.buddha-community-group:before,
.buddha-community-groups
[class*="col-"]:nth-of-type(11)
.buddha-community-group:before,
.buddha-community-groups
[class*="col-"]:nth-of-type(10)
.buddha-community-group:before,
.buddha-community-groups
[class*="col-"]:nth-of-type(2)
.buddha-community-group:before,
.buddha-community-groups
[class*="col-"]:nth-of-type(3)
.buddha-community-group:before {
background-color: rgba(255, 255, 255, 0.05);
}
.buddha-community-group {
margin: 0;
padding-top: 36px;
text-align: center;
position: relative;
padding-bottom: 37px;
}
.buddha-community-group:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: "";
}
.buddha-community-group i {
float: left;
width: 100%;
font-size: 24px;
margin-bottom: 21px;
}
.buddha-community-group .text-overflow {
float: left;
width: 100%;
padding: 0;
}
/*Buddha Community Groups End*/
.community-forum-menu {
display: block;
float: left;
width: 100%;
z-index: 1;
padding: 0;
}
.community-forum-menu.dl-menuwrapper ul,
.community-forum-menu.dl-menuwrapper .dl-menu,
.community-forum-menu .dl-menu {
float: left;
width: 100%;
background-color: #222121 !important;
}
.community-forum-menu.dl-menuwrapper .dl-menu {
position: relative;
}
.community-forum-menu .dl-menu li {
float: left;
width: 100%;
}
.community-forum-menu .dl-menu li a {
color: #fff;
float: left;
width: 100%;
font-size: 14px;
font-weight: normal;
padding: 17px 20px 16px;
text-transform: capitalize;
border-bottom: 1px solid rgba(65, 65, 65, 0.4);
}
.community-forum-menu.dl-menuwrapper li > a::after,
.community-forum-menu.dl-menuwrapper li > a:not(:only-child)::after {
color: currentcolor;
line-height: 53px;
}
.community-forum-menu.dl-menuwrapper li.dl-back > a {
padding-left: 38px;
}
.community-forum-menu.dl-menuwrapper li.dl-back::after {
line-height: 55px;
}
/**/
/*community-services-thumb Start*/
.community-services-thumb {
float: left;
width: 100%;
padding: 27px 145px 28px 30px;
overflow: hidden;
position: relative;
border-style: solid;
border-color: #fff;
border-width: 0 0 1px 1px;
}
.community-services-thumb:last-of-type {
border-bottom: none;
}
.icon-bg {
bottom: 0;
right: 5px;
color: #fff;
opacity: 0.1;
font-size: 250px;
position: absolute;
}
.community-services-thumb:hover .icon-bg {
-webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
both;
-moz-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.community-services-title {
margin: 0;
float: left;
width: 100%;
font-size: 30px;
font-weight: bold;
margin-bottom: 17px;
text-transform: capitalize;
}
.community-services-thumb p {
float: left;
width: 100%;
margin: 0 0 23px;
}
.community-services-thumb .btn1 {
padding-top: 17px;
padding-bottom: 17px;
}
.community-services-thumb p,
.community-services-title a,
.community-services-title {
color: #fff;
position: relative;
}
/*community-services-thumb End*/
/*Welcome Section 2 End*/
/*About Services Section Strat*/
.about-services-thumb {
margin-bottom: 30px;
padding: 40px 25px 15px;
}
.about-services-thumb:hover {
box-shadow: 10px 10px 6px rgba(0, 0, 0, 0.15);
}
.about-services-thumb .community-services-title {
font-size: 24px;
}
.about-services-thumb .icon-bg {
top: 50%;
left: 0;
right: 0;
bottom: auto;
margin: 0 auto;
font-size: 160px;
text-align: center;
transform: translateY(-50%) !important;
-o-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
-moz-transform: translateY(-50%) !important;
-webkit-transform: translateY(-50%) !important;
}
/*About Services Section End*/
/*Buddha Campaing Section Start*/
.campaing-wrap {
float: left;
width: 100%;
position: relative;
background-size: 50%;
background: url("extra-images/campaing-wrap-bg.jpg") no-repeat scroll -7px center,
#f1f1f1 no-repeat;
}
.campaing-wrap:before {
position: absolute;
top: 0;
right: auto;
left: 0;
bottom: 0;
content: "";
opacity: 0.59;
width: 50%;
background-color: #000;
}
.campaing-wrap .campaing-thumb-contant {
background-color: #f1f1f1;
}
.campaing-thumb-contant {
float: left;
width: 100%;
padding: 39px 30px 35px;
}
.campaing-thumb-title {
float: left;
width: 100%;
font-size: 30px;
margin: 0 0 17px;
text-transform: capitalize;
}
.campaing-thumb-contant p {
float: left;
width: 100%;
margin: 0 0 23px;
}
/*bdha-campaing-countdown*/
.bdha-campaing-countdown {
float: left;
width: 100%;
margin-bottom: 27px;
}
.countdown-div {
float: left;
width: 23%;
margin: 0 1.3%;
padding: 18px 10px 27px;
text-align: center;
border: 1px solid #cccccc;
}
.countdown-div:first-child {
margin-left: 0;
}
.countdown-div:last-child {
margin-right: 0;
}
.countdown-div p,
.countdown-div span {
float: left;
width: 100%;
color: #919191;
font-size: 24px;
margin: 0;
font-weight: bold;
text-transform: capitalize;
font-family: "Raleway", sans-serif;
}
.countdown-div span {
margin-bottom: 7px;
}
/**/
/*campaing-donation-progress*/
.campaing-donation-progress {
float: left;
width: 100%;
}
.goal-amount {
float: left;
width: 100%;
font-size: 24px;
margin: 0 0 13px;
color: #919191;
text-transform: capitalize;
}
.barWrapper {
float: left;
width: 100%;
}
.barWrapper .tooltip {
position: relative;
float: right;
}
.barWrapper .tooltip > .tooltip-inner {
box-shadow: 0px 4px 9px 0 rgb(0, 0, 0, 0.14);
border-radius: 0;
background-color: #fff;
padding: 0 6px;
color: #929292;
font-weight: bold;
font-size: 12px;
border: 1px solid #ccc;
}
.barWrapper .popOver .tooltip > .tooltip-arrow {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
}
.barWrapper .progress {
border-radius: 0;
overflow: visible;
box-shadow: none;
height: 16px;
margin-bottom: 30px;
background-color: #dddddd;
}
.barWrapper .progress-bar {
box-shadow: none;
position: relative;
background: rgb(23, 44, 60);
-webkit-transition: width 1.5s ease-in-out;
transition: width 1.5s ease-in-out;
}
.barWrapper .progress-bar:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
opacity: 0.1;
background-image: url(images/progress-pattren.png);
}
/**/
/*campaing-small-thumb section Start*/
.campaing-small-thumb {
float: left;
width: 100%;
margin-bottom: 30px;
position: relative;
background-color: rgba(0, 0, 0, 0.23);
}
.campaing-small-img .campaing-small-thumb {
margin-bottom: 0;
}
.campaing-small-thumb:hover {
tarnsform: translateY(-2%);
-o-tarnsform: translateY(-2%);
-ms-tarnsform: translateY(-2%);
-moz-transform: translateY(-2%);
-webkit-transform: translateY(-2%);
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
}
.campaing-small-thumb .campaing-thumb-contant {
padding: 25px 15px 26px;
}
.campaing-small-img .campaing-small-thumb {
background: transparent;
}
.campaing-small-img .campaing-small-thumb {
tarnsform: translateY(0%);
-o-tarnsform: translateY(0%);
-ms-tarnsform: translateY(0%);
-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
box-shadow: none;
}
.campaing-small-img:hover {
tarnsform: translateY(-2%);
-o-tarnsform: translateY(-2%);
-ms-tarnsform: translateY(-2%);
-moz-transform: translateY(-2%);
-webkit-transform: translateY(-2%);
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
}
.campaing-small-img {
margin-bottom: 30px;
}
.campaing-small-thumb .campaing-thumb-title {
font-size: 24px;
margin-bottom: 8px;
}
.campaing-small-thumb .campaing-thumb-contant p {
margin-bottom: 22px;
}
.campaing-small-thumb .goal-amount {
font-size: 16px;
margin-bottom: 8px;
}
.campaing-small-thumb .barWrapper .progress {
height: 10px;
margin-bottom: 30px;
}
.campaing-heading-wrap {
float: left;
width: 100%;
}
/**/
.campaing-heading-wrap {
float: left;
width: 100%;
border-bottom: 1px solid #fff;
}
.campaing-heading-wrap p {
margin: 0;
line-height: 47px;
text-transform: capitalize;
font-size: 14px;
}
.campaing-social {
float: left;
width: auto;
margin-right: 20px;
position: relative;
}
.campaing-social .social-btn1 {
float: left;
width: 56px;
height: 47px;
border-right: 1px solid #fff;
cursor: pointer;
font-size: 32px;
line-height: 48px;
position: relative;
text-align: center;
}
.campaing-social .kode-social-link {
top: 49%;
left: 100%;
opacity: 1;
display: none;
height: 47px;
background-color: #000;
min-width: 206px;
position: absolute;
text-align: center;
padding: 9px 5px;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.campaing-social .kode-social-link.active {
left: 100%;
opacity: 1;
z-index: 1;
background-color: #fff;
}
.campaing-social .kode-social-link li a {
border-color: #fff;
color: #fff;
}
.campaing-social .kode-social-link li a:hover {
background-color: #fff;
color: #000;
}
.campaing-heading-wrap.active .kode-social-link {
left: 100%;
opacity: 1;
z-index: 1;
}
.campaing-small-img:hover {
background-color: #000 !important;
}
.campaing-small-img img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.campaing-small-img img {
opacity: 0;
}
.campaing-small-img:hover img {
opacity: 0.3;
}
.campaing-small-thumb .goal-amount,
.campaing-small-thumb .campaing-thumb-title a,
.campaing-small-thumb p,
.campaing-heading-wrap p,
.campaing-social span,
.campaing-small-img .campaing-small-thumb {
color: #fff;
}
/*campaing-small-thumb section End*/
/*Meditation & Music Scetion Start*/
.bdha-music-wrap {
float: left;
width: 100%;
padding-top: 15px;
border-top: 2px solid;
margin-bottom: 30px;
background-color: #efefef;
}
.bdha-music-wrap .sm2-bar-ui.full-width {
float: left;
width: 100%;
}
.music-progress {
float: left;
width: 100%;
}
.music-progress .sm2-inline-status,
.music-progress .sm2-progress-track,
.music-progress .sm2-row {
display: block;
float: left;
width: 100%;
}
.sm2-bar-ui .music-progress .sm2-playlist,
.music-progress .sm2-inline-status {
height: inherit;
min-height: inherit;
}
.music-progress .sm2-inline-status {
margin-bottom: 17px;
}
.music-progress .sm2-progress {
float: left;
width: 100%;
margin-bottom: 25px;
}
.music-progress .sm2-progress .sm2-progress-track .sm2-progress-bar,
.music-progress .sm2-progress-track {
height: 10px;
}
.bdha-music-wrap .sm2-bar-ui .music-progress .sm2-playlist-bd li {
height: auto;
color: #333;
font-size: 14px;
text-align: left;
line-height: 14px;
font-weight: normal;
text-transform: capitalize;
}
.bdha-music-wrap .sm2-bar-ui .music-progress .sm2-playlist-bd li b {
font-weight: normal;
}
.bdha-music-wrap .sm2-bar-ui .sm2-progress .sm2-progress-ball {
width: 21px;
height: 21px;
margin-top: -6px;
margin-left: -1px;
border: 3px solid #fff;
}
.bdha-music-wrap .sm2-bar-ui,
.bdha-music-wrap .sm2-bar-ui .sm2-inline-element:last-of-type,
.bdha-music-wrap .sm2-bar-ui .sm2-inline-element:first-of-type {
border-radius: 0;
}
.bdha-music-wrap .menu {
background-image: url("images/icomoon/entypo-25px-000000/SVG/list3.html");
}
.bdha-music-wrap .repeat {
background-image: url("images/icomoon/entypo-25px-000000/SVG/loop3.html");
}
.bdha-music-wrap .sm2-button-bd.active .repeat {
background-image: none,
url("images/icomoon/entypo-25px-FFFFFF/SVG/loop3.html");
}
.bdha-music-wrap .sm2-button-bd.active .shuffle {
background-image: none,
url("images/icomoon/entypo-25px-FFFFFF/SVG/shuffle3.html");
}
.bdha-music-wrap .volume-shade {
opacity: 0.5;
background-image: url("images/icomoon/entypo-25px-000000/SVG/volume3.html");
}
.bdha-music-wrap .sm2-volume-control {
background-image: url("images/icomoon/entypo-25px-ffffff/SVG/volume3.html");
}
.bdha-music-wrap .play-pause:hover,
.bdha-music-wrap .paused .play-pause:hover,
.bdha-music-wrap .play-pause {
background-image: url("images/icomoon/entypo-25px-000000/SVG/play3.html");
}
.bdha-music-wrap .playing .play-pause {
background-image: none,
url("images/icomoon/entypo-25px-000000/SVG/pause3.html");
}
.bdha-music-wrap .bd.sm2-playlist-drawer.sm2-element {
background-color: #efefef !important;
}
.bdha-music-wrap .sm2-playlist-wrapper ul {
max-height: 285px;
}
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer a {
color: #333;
height: auto;
font-size: 14px;
text-align: left;
line-height: 14px;
font-weight: normal;
position: relative;
padding: 15px 20px;
text-transform: capitalize;
border-width: 1px 0 0 0;
border-color: #d3d3d3;
border-style: solid;
}
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer a b {
font-weight: normal;
}
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer a:before {
float: left;
width: auto;
font-size: 14px;
content: "\f039";
margin-right: 20px;
font-family: "FontAwesome";
}
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer ul li.selected a,
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer ul li a:hover,
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer ul li:hover a,
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer ul li.selected a:before,
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer ul li a:hover:before,
.bdha-music-wrap .sm2-bar-ui .bd.sm2-playlist-drawer ul li:hover a:before {
color: #fff !important;
}
.playlist-title {
float: left;
width: 100%;
margin: 0;
padding: 17px 20px 0px;
font-weight: normal;
font-size: 18px;
line-height: normal;
text-transform: capitalize;
}
.sm2-playlist-wrapper {
float: left;
width: 100%;
padding: 0;
}
.bdha-music-wrap .sm2-playlist-wrapper ul li .sm2-music,
.bdha-music-wrap .sm2-playlist-wrapper ul li:hover .sm2-music,
.bdha-music-wrap .sm2-playlist-wrapper ul li.selected .sm2-music {
background-size: 64% auto;
}
/*music-gallery*/
.music-gallery-waper {
float: left;
width: 100%;
}
.music-gallery {
float: left;
width: 100%;
min-height: 50px;
position: relative;
margin-bottom: 30px;
}
.music-gallery:hover {
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
}
.music-gallery:after,
.music-gallery:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
position: absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000 0,000000 94&0 0,0.65 94 */
background: -moz-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 94%
); /* FF3.6-15 */
background: -webkit-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 94%
); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 94%
); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-9 */
}
.music-gallery:after {
opacity: 0;
background-color: #000;
}
.music-gallery:hover:after {
opacity: 0.2;
}
.music-gallery figcaption {
left: 0;
bottom: 0;
z-index: 1;
padding: 20px;
position: absolute;
}
.music-gallery .play-icon {
top: 50%;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
width: 36px;
height: 36px;
margin: 0 auto;
font-size: 36px;
line-height: 36px;
position: absolute;
}
.music-gallery:hover .play-icon {
opacity: 1;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.music-gallery figcaption strong,
.music-gallery figcaption span {
float: left;
color: #fff;
width: 100%;
font-size: 12px;
font-weight: bold;
line-height: normal;
text-transform: capitalize;
}
.music-gallery figcaption span {
margin-bottom: 5px;
}
/*Meditation & Music Scetion End*/
.bdha-simple-gallery {
float: left;
width: 100%;
}
.bdha-simple-gallery > [class*="col-"] {
padding: 0;
}
.bdha-simple-gallery .bdha-gallery-thumb {
margin: 0;
border: 2px solid #fff;
}
/*
============================================================
Sub Banner Start #Sub Banner
============================================================
*/
.sub-banner {
float: left;
width: 100%;
padding: 73px 0 81px;
text-align: center;
background-size: 100%;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(extra-images/sub-banner.jpg);
}
.sub-banner:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
opacity: 0.2;
position: absolute;
background-color: #000;
}
.sub-banner h4 {
color: #fff;
width: auto;
font-size: 48px;
margin: 0 0 12px 0;
font-weight: bold;
position: relative;
padding: 0 10px 9px;
line-height: normal;
display: inline-block;
text-transform: capitalize;
border-bottom: 1px solid;
}
.sub-banner .breadcrumb {
margin: 0;
padding: 0;
float: left;
width: 100%;
position: relative;
background-color: transparent;
}
.sub-banner .breadcrumb li {
color: #fff;
width: auto;
position: relative;
display: inline-block;
}
.sub-banner .breadcrumb li:before {
float: right;
content: "/";
margin-left: 4px;
color: currentcolor;
}
.sub-banner .breadcrumb li:last-child:before {
display: none;
}
.sub-banner .breadcrumb li * {
width: auto;
color: #fff !important;
font-size: 18px;
line-height: 18px;
font-weight: normal;
text-transform: capitalize;
}
/*
============================================================
Sub Banner End #Sub Banner
============================================================
*/
/*
============================================================
Error Page Start #Error Page Start
============================================================
*/
.error-wrap {
float: left;
width: 100%;
padding-top: 73px;
position: relative;
text-align: center;
}
.error-wrap p,
.error-wrap h4,
.error-wrap h5 {
margin: 0;
float: left;
width: 100%;
font-size: 30px;
font-weight: normal;
text-transform: capitalize;
}
.error-wrap h5 {
margin-bottom: 7px;
}
.error-wrap p {
font-size: 17px;
margin-bottom: 3px;
}
.error-wrap h4 {
font-size: 315px;
line-height: 315px;
font-weight: bold;
margin-bottom: 84px;
}
.error-wrap form {
float: none;
width: 100%;
max-width: 570px;
margin-bottom: 45px;
position: relative;
display: inline-block;
}
.error-wrap .kf-input input {
border-color: #ccc;
color: #666;
background-color: transparent;
}
.error-wrap .kf-input input::-moz-placeholder {
color: #666;
}
.error-wrap .kf-input input::-webkit-input-placeholder {
color: #666;
}
.error-wrap .kf-input label {
color: #666;
}
.error-wrap .kf-input label input[type="submit"] {
background-color: transparent;
border-color: transparent;
}
.error-wrap .kf-input input[type="text"]:focus {
box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.34);
}
/*
============================================================
Error Page End #Error Page End
============================================================
*/
/*
============================================================
Causes Page Start #Causes Page Start
============================================================
*/
.bdha-causes-with-page .campaing-small-img {
margin-bottom: 30px;
}
/*
============================================================
Causes Page End #Causes Page End
============================================================
*/
/*
============================================================
Causes Text Page Start #Causes Text Page Start
============================================================
*/
.bdha-causes-text-page .campaing-small-thumb {
margin-bottom: 30px;
}
/*
============================================================
Causes Text Page Start #Causes Page End
============================================================
*/
/*
============================================================
Team 2 Page Start #Team 2 Page Start
============================================================
*/
.bdha-team2 {
border-style: solid;
border-width: 1px;
padding: 0 !important;
}
.bdha-team2 .team-title {
font-size: 18px;
margin-bottom: 8px;
}
.bdha-team2 .team-caption h5 {
font-size: 14px;
float: left;
width: 100%;
margin-bottom: 12px;
}
.bdha-team2 .kode-social-link {
float: left;
width: 100%;
border-style: solid;
border-width: 1px 0 0 0;
}
.bdha-team2 .team-caption,
.bdha-team2,
.bdha-team2 .kode-social-link {
padding: 12px 20px 0;
border-color: #f1f1f1;
text-align: left;
}
.bdha-team2 .kode-social-link {
padding-bottom: 11px;
}
.bdha-team2 .kode-social-link li {
margin: 0 7px;
}
.bdha-team2 .kode-social-link li a {
width: auto;
height: auto;
border: none;
line-height: normal;
}
.bdha-team2 .kode-social-link li:first-child {
margin-left: 0;
}
.bdha-team2 .kode-social-link li:last-child {
margin-right: 0;
}
.bdha-team2:hover .team-caption h5,
.bdha-team.bdha-team2:hover .team-title a,
.bdha-team2:hover .kode-social-link li a {
color: #fff !important;
}
.bdha-team.bdha-team2 .team-title a:hover,
.bdha-team2 .kode-social-link li a:hover {
color: #000 !important;
}
/*
============================================================
Team 2 Page End #Team 2 Page End
============================================================
*/
/*
============================================================
Blog Full Page Start #Blog Full Page Start
============================================================
*/
.blog-full {
border: none;
margin-bottom: 25px;
}
.blog-full figure {
margin-bottom: 24px;
}
.blog-full .causes-caption {
padding: 0px 0 0px;
margin-bottom: 48px;
}
.blog-full .blog-post-meta {
float: left;
width: 100%;
margin-bottom: 22px;
}
.blog-full .causes-title {
margin-bottom: 13px;
}
.blog-full .blog-post-meta .blog-info {
float: left;
width: auto;
position: relative;
}
.blog-full .blog-post-meta .blog-info {
color: #666;
margin: 0 12px;
}
.blog-full .blog-post-meta .blog-info:before {
content: "l";
float: right;
color: currentcolor;
transform: translateX(13.4px);
-o-transform: translateX(13.4px);
-ms-transform: translateX(13.4px);
-moz-transform: translateX(13.4px);
-webkit-transform: translateX(13.4px);
}
.blog-full .blog-post-meta .blog-info:last-child:before {
display: none;
}
.blog-full .blog-post-meta .blog-info i {
display: none;
}
/**/
.blog-full-slider {
float: left;
width: 100%;
}
.blog-full-slider .slick-initialized .slick-slide {
object-fit: contain;
}
.blog-full-slider .slick-arrow {
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 0px;
}
.blog-full-slider .slick-prev:before, .blog-full-slider .slick-next:before{
font-size: 36px;
}
.blog-full-slider .slick-arrow:before{
top: 40%;
}
.blog-full-slider .slick-arrow:hover:before {
color: #fff;
}
.blog-full-slider .slick-arrow:before {
top: 40%;
width: auto;
height: auto;
color: #333;
line-height: normal;
transform: translateY(-43%);
-o-transform: translateY(-43%);
-ms-transform: translateY(-43%);
-moz-transform: translateY(-43%);
-webkit-transform: translateY(-43%);
}
.blog-full-slider .slick-prev:before {
content: "\f104";
}
.blog-full-slider .slick-next:before {
content: "\f105";
}
.blog-full-slider .slick-dots li {
margin: 0 5px;
}
.blog-full-slider .slick-dots li button {
width: 20px;
height: 20px;
border-radius: 100%;
border: 3px solid transparent;
background-color: #fff;
}
.blog-full-slider .slick-dots {
float: left;
width: 100%;
bottom: 15px;
}
.blog-full-slider .slick-dots li.slick-active button {
border-color: #fff;
background-color: transparent;
}
.blog-full-slider .slick-dots li button:before {
display: none;
}
/*blog-audio-post*/
.blog-video-post,
.blog-audio-post {
float: left;
width: 100%;
}
.blog-video-post iframe,
.blog-audio-post iframe {
float: left;
width: 100%;
min-height: 160px;
}
.blog-video-post iframe {
height: 399px;
}
/*
============================================================
Faq Page Section
============================================================
*/
section.faq-page-section{
}
section.faq-page-section .faq-box{
margin-bottom: 36px;
}
section.faq-page-section h1{
color: var(--primary-color);
font-size: 36px;
margin-bottom: 24px;
}
section.faq-page-section h2{
color: var(--primary-color);
font-size: 24px;
margin-bottom: 18px;
}
section.faq-page-section p{
color: var(--dark-color);
font-size: 16px;
margin-bottom: 14px;
}
section.faq-page-section .faq-box .images-box{
display: flex;
justify-content: space-around;
margin: 32px 0;
gap: 32px;
flex-wrap: wrap;
}
section.faq-page-section .faq-box .image-box{
flex-direction: column;
justify-content: center;
text-align: center;
}
section.faq-page-section .faq-box .image-box .img-box{
width: 348px;
margin-bottom: 18px;
}
section.faq-page-section .faq-box .image-box .img-box img{
object-fit: cover;
}
section.faq-page-section .faq-box .image-box p{
font-weight: 700;
}
section.faq-page-section .faq-box .img-box{
height: 300px;
display: flex;
margin: 32px 0;
}
section.faq-page-section .faq-box img{
width: 100%;
height: auto;
object-fit: contain;
}
section.faq-page-section .faq-box ul{
list-style: disc;
margin-bottom: 18px;
}
section.faq-page-section .faq-box li{
color: var(--dark-color);
font-size: 16px;
margin-bottom: 5px;
}
/*
============================================================
*/
/*
============================================================
Blog Full Page End #Blog Full Page End
============================================================
*/
/*
============================================================
Event Full Page End #Event Full Page Start
============================================================
*/
.event-count-down .countdown-style-1 {
width: 65px;
height: 60px;
border: none;
padding: 8px 5px;
margin: 0 4px;
font-weight: bold;
text-transform: capitalize;
background-color: #444444;
}
.event-count-down .countdown-style-1 span,
.event-count-down .countdown-style-1 p {
color: #fff;
font-size: 17px;
font-weight: bold;
margin: 0;
}
.event-count-down .countdown-style-1 span {
margin-bottom: -1px;
}
.event-count-down .countdown-style-1:first-child {
margin-left: 0;
}
.event-count-down .countdown-style-1:last-child {
margin-right: 0;
}
.event-count-down .countdown-style-1:before {
display: none;
}
.event-full .blog-post-meta,
.event-full .causes-title {
width: auto;
clear: left;
}
.event-full .causes-caption .btn1 {
float: left;
clear: right;
margin-bottom: 5px;
}
/*
============================================================
Event Full Page End #Event Full Page End
============================================================
*/
/*
============================================================
Contact Us Page Start #Contact Us Page Start
============================================================
*/
.contact-info-wrap {
float: left;
width: 100%;
margin-bottom: 27px;
}
.contact-info-wrap .widget-title{
color: var(--dark-color) !important;
}
.contact-info-wrap .widget-title {
font-size: 24px;
margin-bottom: 20px;
}
.info-thumb {
float: left;
width: 100%;
margin-bottom: 21px;
}
.info-thumb:last-child {
margin: 0;
}
.info-thumb h6 {
float: left;
width: 100%;
margin-bottom: 8px;
font-weight: bold;
font-size: 18px;
}
.info-thumb p {
/*float: left;*/
width: 100%;
margin: 0;
font-size: 14px;
}
.info-thumb p a {
color: #666;
}
.contact-map {
float: left;
width: 100%;
margin-bottom: 80px;
border: 1px solid #ccc;
}
.contact-map #map,
#map-canvas {
float: left;
width: 100%;
min-height: 400px;
}
.contactus-form {
float: left;
width: 100%;
margin-bottom: 30px;
}
.kode-left-comment-sec {
margin: 0 -15px;
}
.contactus-form .kf-input {
margin-bottom: 13px;
}
.contactus-form .kode-left-comment-sec .kf-input {
float: left;
width: 33.3%;
padding: 0 15px;
}
.contactus-form .kf-input input,
.contactus-form .kf-input textarea {
color: #ccc;
border-color: #ccc;
}
.contactus-form .kf-input textarea::webkit-input-placeholder {
color: #ccc;
}
.contactus-form .kf-input textarea::-moz-placeholder {
color: #ccc;
}
.contactus-form .kf-input input[type="text"]::-moz-placeholder {
color: #ccc;
}
.contactus-form .kf-input input[type="text"]::webkit-input-placeholder {
color: #ccc;
}
.contactus-form .form-submit {
margin: 0;
width: 100%;
}
.contactus-form .form-submit .submit {
width: 100%;
text-align: center;
}
.contactus-form .form-submit .submit:hover {
color: #fff;
background-color: #000 !important;
}
.contact-map .controls {
margin-top: 10px;
border: 1px solid transparent;
border-radius: 2px 0 0 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 32px;
outline: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.contact-map #searchInput {
background-color: #fff;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: 12px;
padding: 0 11px 0 13px;
text-overflow: ellipsis;
width: 50%;
}
.contact-map #searchInput:focus {
border-color: #4d90fe;
}
/*
============================================================
Contact Us Page End #Contact Us Page End
============================================================
*/
/*
============================================================
Blog Detail Page Start #Blog Detail Page Start
============================================================
*/
.blog-detail {
margin-bottom: 61px;
}
.blog-detail .causes-caption p {
margin-bottom: 12px;
}
.bdha-tags_wrap {
float: left;
width: 100%;
margin-bottom: 50px;
border: 1px solid #ccc;
}
.bdha-tags_wrap .kode-social-link {
float: left;
}
.bdha-tags_wrap .kode-social-link li {
float: left;
margin: 0 7px;
}
.bdha-tags_wrap .kode-social-link li a,
.bdha-tags_wrap .kode-social-link li span {
float: left;
width: 50px;
color: #fff;
border: none;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: center;
}
.bdha-tags_wrap .kode-social-link li span {
margin-right: 11px;
}
.bdha-tags_wrap .kode-social-link li a {
color: #666;
width: auto;
}
/*Author Css Start*/
.kode-author {
float: left;
width: 100%;
padding: 30px;
position: relative;
margin-bottom: 63px;
border: 1px solid #ccc;
}
.kode-author figure {
float: left;
width: 100px;
}
.kode-author figure img {
float: left;
width: 100%;
border-radius: 3px;
}
.kode-author-content {
float: none;
width: auto;
overflow: hidden;
padding: 0 0 0 30px;
}
.kode-author-content h5 {
float: left;
width: auto;
font-size: 18px;
margin: 0 0 7px;
font-weight: bold;
line-height: normal;
}
.kode-author-content span {
float: left;
width: 100%;
color: #666;
font-size: 14px;
line-height: normal;
margin-bottom: 5px;
}
.kode-author-content p {
margin: 0;
float: left;
width: 100%;
}
/*Author Css End*/
/*Relatedpost Css Start*/
.section-heading2 {
float: left;
width: 100%;
font-size: 30px;
font-weight: bold;
line-height: normal;
margin-bottom: 22px;
text-transform: capitalize;
}
.relatedpost-wrap {
float: left;
width: 100%;
margin-bottom: 19px;
}
.relatedpost-slider {
float: left;
width: 100%;
}
.relatedpost-slider .slick-list {
margin: 0 -15px;
}
.relatedpost-slider .slick-arrow {
top: -36px;
width: 31px;
height: 31px;
line-height: 31px;
border-radius: 4px;
border: 1px solid #ccc;
background-color: transparent;
}
.relatedpost-slider .slick-arrow:hover::before {
color: #fff;
}
.relatedpost-slider .slick-arrow::before {
top: 50%;
width: auto;
color: #444;
height: auto;
line-height: normal;
transform: translateY(-77%);
-o-transform: translateY(-77%);
-ms-transform: translateY(-77%);
-moz-transform: translateY(-77%);
-webkit-transform: translateY(-77%);
}
.relatedpost-slider .slick-prev {
right: 41px;
left: auto;
}
.relatedpost-slider .slick-prev::before {
content: "\f104";
}
.relatedpost-slider .slick-next::before {
content: "\f105";
}
.relatedpost-wrap .blog-full figure {
margin-bottom: 15px;
}
.relatedpost-wrap .blog-full .blog-post-meta {
border-bottom: 1px solid #ccc;
padding-bottom: 18px;
margin-bottom: 13px;
}
.relatedpost-wrap .causes-caption .btn1 {
margin-bottom: 20px;
}
/*Causes Footer Start*/
.bdha-causes-footer {
float: left;
width: 100%;
padding: 11px 0 10px;
border-width: 1px 0;
border-style: solid;
border-color: #ccc;
}
.bdha-causes-footer > *:before {
content: "l";
float: left;
padding: 0 10px;
}
.bdha-causes-footer > *:first-child:before {
display: none;
color: #ccc;
}
.social-btns-container {
width: auto;
min-height: 14px;
display: inline-block;
position: relative;
min-width: 155px;
}
.social-btns-container > span {
-webkit-transition: 0.25s opacity cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.25s opacity cubic-bezier(0.19, 1, 0.22, 1);
}
.social-btns-container:hover > span {
opacity: 0;
}
.social-btns-container:hover ul.social-btns li {
opacity: 1;
transform: scale(1);
}
.social-btns-container:hover ul.social-btns li:nth-of-type(1) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.social-btns-container:hover ul.social-btns li:nth-of-type(2) {
-webkit-transition-delay: 0.05s;
-moz-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.social-btns-container:hover ul.social-btns li:nth-of-type(3) {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.social-btns-container:hover ul.social-btns li:nth-of-type(4) {
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.social-btns-container:hover ul.social-btns li:nth-of-type(5) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.social-btns-container:hover ul.social-btns li a {
transition: 0.2s color ease-out;
}
ul.social-btns {
padding-left: 0;
list-style-type: none;
position: absolute;
width: 100%;
top: 50%;
left: 25px;
-webkit-transition: 0.25s height cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.25s height cubic-bezier(0.19, 1, 0.22, 1);
max-height: 0;
pointer-events: none;
margin-top: -10px;
}
ul.social-btns li {
display: inline-block;
text-align: center;
padding: 0px 0px;
opacity: 0;
margin: 0 4px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: 0.25s all cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.25s all cubic-bezier(0.19, 1, 0.22, 1);
pointer-events: auto;
}
ul.social-btns li:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
ul.social-btns li:nth-of-type(2) {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
ul.social-btns li:nth-of-type(3) {
-webkit-transition-delay: 0.05s;
-moz-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
}
ul.social-btns li:nth-of-type(4) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
ul.social-btns li:nth-of-type(5) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
ul.social-btns li a {
display: block;
font-size: 14px;
color: #666;
}
/*Causes Footer End*/
/*Comments Form Start*/
.kode-comments-title-wrap {
float: left;
width: 100%;
}
.kode-comments-title-wrap .section-heading2 {
width: auto;
}
.comment-reply-title {
float: right;
width: auto;
font-size: 16px;
line-height: 29px;
position: relative;
}
.comment-reply-title:before {
content: "\f040";
font-family: "FontAwesome";
border: 1px solid #ccc;
float: left;
width: 30px;
height: 30px;
border-radius: 5px;
margin-right: 20px;
text-align: center;
color: #7c7c7c;
line-height: 29px;
}
.kode-comments {
float: left;
width: 100%;
margin-bottom: 47px;
}
.comment .children,
.comment {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.comment .children {
padding-left: 50px;
}
.comment_item {
float: left;
width: 100%;
margin-bottom: 25px;
}
.comment_item .kode-author {
margin: 0;
}
.comment_item .kode-author figure {
width: 70px;
}
.comment_item .kode-author-content span {
margin-bottom: 10px;
}
.kode-author-content {
position: relative;
}
.comment-reply-link {
top: 0;
right: 0;
color: #fff;
font-size: 14px;
padding: 4px 12px 3px;
border-radius: 3px;
position: absolute;
background-color: #444;
}
.comment-reply-link:hover {
color: #fff;
}
.kode-comment-form .kf-input textarea,
.kode-comment-form .kf-input input[type="text"] {
background-color: transparent;
}
.kode-comment-form .form-submit .submit {
background-color: #444;
}
.comment-reply-title small {
display: none;
width: auto;
margin-left: 10px;
}
/*Comments Form End*/
/*
============================================================
Blog Detail Page End #Blog Detail Page End
============================================================
*/
/*
============================================================
Causes Detail Page Start #Causes Detail Page Start
============================================================
*/
.causes-detail figure .campaing-donation-progress {
padding: 23px 30px 0px;
}
.causes-detail figure .goal-amount {
font-size: 16px;
color: #fff;
margin-bottom: 11px;
}
.causes-detail figure .campaing-donation-progress {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.causes-detail figure .campaing-donation-progress .progress {
margin-bottom: 25px;
}
.causes-detail figure .campaing-donation-progress .progress .progress-bar,
.causes-detail figure .campaing-donation-progress .progress {
height: 25px;
}
/*
============================================================
Causes Detail Page End #Causes Detail Page End
============================================================
*/
/*
============================================================
Event Detail Page Start #Event Detail Page Start
============================================================
*/
.event-detail-page .event-full {
margin-bottom: 61px;
}
.event-detail-page .event-full .causes-caption p {
margin-bottom: 12px;
}
/*
============================================================
Event Detail Page End #Event Detail Page End
============================================================
*/
/*
============================================================
About Us Page Start #About Us
============================================================
*/
.text-block-wrap {
float: left;
width: 100%;
margin: 0 0 25px;
}
.capabilities-outer-wrapper {
float: left;
width: 100%;
margin-bottom: 63px;
}
.meet-team {
float: left;
width: 100%;
}
.section-heading-wrapper .section-heading2 {
margin: 0 0 16px;
}
.section-heading-wrapper {
float: left;
width: 100%;
}
.section-heading-wrapper p {
margin: 0 0 18px;
}
.bdha-text-block {
float: left;
width: 100%;
margin-bottom: 30px;
}
.bdha-text-block figure {
margin-bottom: 34px;
}
.bdha-text-block:hover figure img {
opacity: 0.5;
transform: scale(1.1) rotate(5deg);
-o-transform: scale(1.1) rotate(5deg);
-ms-transform: scale(1.1) rotate(5deg);
-moz-transform: scale(1.1) rotate(5deg);
-webkit-transform: scale(1.1) rotate(5deg);
}
.meet-team {
float: left;
width: 100%;
}
.meet-team-slider {
float: left;
width: 100%;
}
.meet-team-thumb {
float: left;
width: 100%;
}
.meet-team-thumb figure {
width: 145px;
margin-right: 20px;
}
.meet-team-head {
float: left;
width: 100%;
margin-bottom: 9px;
}
.meet-team-head h6 {
float: left;
width: 100%;
margin: 0 0 1px;
font-size: 18px;
line-height: normal;
}
.meet-team-thumb p {
float: left;
width: 100%;
margin: 0 0 12px;
}
.meet-team-thumb .kode-social-link li {
margin: 0 5px;
}
.meet-team-thumb .kode-social-link li a {
width: 20px;
border: none;
color: #fff;
height: 20px;
font-size: 13px;
line-height: 20px;
background-color: #c0ccd3;
}
.meet-team-slider .slick-dots {
bottom: auto;
left: auto;
right: 0;
text-align: right;
top: -106px;
width: auto;
}
.meet-team-slider .slick-dots li button {
background-color: #ccd6db;
border: none;
border-radius: 100%;
height: 10px;
width: 10px;
}
.capabilities-wrapper {
float: left;
width: 100%;
}
.capabilities-progress {
float: left;
width: 100%;
}
.capabilities-progress .barWrapper .progress .progress-bar,
.capabilities-progress .barWrapper .progress {
height: 30px;
position: relative;
}
.capabilities-progress .barWrapper .progress {
margin-bottom: 10px;
}
.capabilities-progress .barWrapper .title {
position: absolute;
top: 50%;
left: 15px;
right: auto;
color: #fff;
font-size: 14px;
width: auto;
z-index: 1;
font-style: normal;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
text-transform: capitalize;
}
.capabilities-progress .barWrapper .tooltip {
top: 0px !important;
margin: 0;
left: 40px !important;
background-color: transparent;
border: none;
}
.capabilities-progress .barWrapper .popOver .tooltip > .tooltip-arrow {
display: none;
}
.capabilities-progress .barWrapper .tooltip > .tooltip-inner {
background-color: transparent;
border: none;
font-size: 14px;
box-shadow: none;
color: #666;
}
/**/
.accordian-outer-wrap {
float: left;
width: 100%;
}
.accordian-outer-wrap .accordion {
padding: 12px 20px 11px;
font-size: 16px;
}
.accordian-outer-wrap .accordion-open {
border-bottom: 1px solid #ccc;
margin-bottom: 14px;
}
.accordian-outer-wrap .accordion-content {
padding: 0 20px;
}
.accordian-outer-wrap .accordion-content p {
margin-bottom: 13px;
}
.accordian-outer-wrap .accordian-outer {
border: 1px solid #ccc;
margin-bottom: 10px;
}
.accordian-outer-wrap .accordian-icon {
float: right;
margin: 0 0 0 15px;
border: none;
line-height: normal;
font-size: 25px;
color: #a8b9c5;
background-color: transparent;
}
.accordian-outer-wrap .accordion-open,
.accordian-outer-wrap .accordion-open .accordian-icon {
color: #fff;
}
/**/
.services-tab .nav-tabs {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
border: none;
}
.services-tab .nav-tabs li {
float: left;
width: 33%;
margin: 0 1.3px;
}
.services-tab .nav-tabs li:last-child {
margin: 0;
}
.services-tab .nav-tabs li a {
float: left;
width: 100%;
font-size: 15px;
color: #444;
text-align: center;
border: 1px solid #ccc;
}
.services-tab .nav-tabs li a:hover {
text-decoration: none;
}
.services-tab .nav-tabs li.active a {
color: #fff !important;
}
.services-tab .tab-content {
padding: 25px 20px 18px;
border: 1px solid #dbe6ea;
}
.services-tab .tab-content .text figure {
width: 100px;
margin: 0 20px 0px 0;
}
.services-tab .tab-content .text p {
margin: 0 0 22px;
}
.services-tab .tab-content .text p:last-child {
margin: 0;
}
/*
============================================================
About Us Page End #About Us
============================================================
*/
/*
============================================================
Buddy press Group Page Start #Buddy press Group
============================================================
*/
.buddy-press-wrapper {
float: left;
width: 100%;
padding: 30px;
margin-bottom: 30px;
background-color: #f5f5f5;
}
.buddy-press-wrapper .widget-search {
margin-bottom: 30px;
float: left;
width: 100%;
}
.buddy-press-wrapper .kode-search input[type="text"] {
background-color: #fff;
}
.buddy-press-wrapper .groups-form {
float: left;
width: 100%;
}
.buddy-press-wrapper .item-list-tabs {
float: left;
width: 100%;
margin-bottom: 26px;
}
.buddy-press-wrapper .item-list-tabs ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.buddy-press-wrapper .item-list-tabs ul li {
float: left;
width: auto;
margin-left: 15px;
}
.buddy-press-wrapper .item-list-tabs ul li:first-child {
margin-left: 0;
}
.buddy-press-wrapper .item-list-tabs ul li a {
float: left;
width: 100%;
color: #777;
padding: 9px 10px 8px;
font-size: 14px;
line-height: 23px;
text-transform: capitalize;
background-color: #fff;
min-height: 40px;
}
.buddy-press-wrapper .item-list-tabs ul li a span {
background-color: #f5f5f5;
font-size: 12px;
float: right;
line-height: normal;
margin-left: 15px;
padding: 4px 13px;
}
.buddy-press-wrapper .item-list-tabs ul li a:hover span,
.buddy-press-wrapper .item-list-tabs ul li.selected a span {
color: #333;
background-size: #fff;
}
.buddy-press-wrapper .item-list-tabs ul li a:hover,
.buddy-press-wrapper .item-list-tabs ul li.selected a {
color: #fff;
}
.buddy-press-wrapper .item-list-tabs ul li.last.filter {
float: right;
min-width: 165px;
}
.buddy-press-wrapper .item-list-tabs ul li.last.filter label {
display: none;
}
.buddy-press-wrapper .buddyboss-select select {
padding-left: 12px;
padding-right: 12px;
color: #777;
}
.grid-listing-filter {
float: left;
width: 100%;
margin-bottom: 25px;
}
.grid-listing-filter a {
float: left;
width: auto;
color: #666;
font-size: 18px;
line-height: normal;
margin-left: 15px;
}
.grid-listing-filter a:first-child {
margin-left: 0;
}
.buddy-press-wrapper .groups .item-list {
float: none;
margin: 0 -15px;
padding: 0;
list-style: none;
}
.buddy-press-wrapper .groups .item-list li {
padding: 0 15px;
width: 33.3%;
float: left;
position: relative;
}
.groups {
float: left;
width: 100%;
margin-bottom: 30px;
}
.buddy-press-wrapper .groups .item-list .item-title,
.buddy-press-wrapper .groups .item-list .item,
.buddy-press-wrapper .groups .item-list .item-avatar a,
.buddy-press-wrapper .groups .item-list .item-avatar .avatar,
.buddy-press-wrapper .groups .item-list .item-avatar {
float: left;
width: 100%;
}
.buddy-press-wrapper .groups .item-list li:hover .item-avatar img {
opacity: 0.1;
}
.buddy-press-wrapper .groups .item-list .item-title {
color: #444;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: normal;
padding: 26px 0 25px;
text-transform: capitalize;
}
.buddy-press-wrapper .groups .item-list .item-title a {
color: #444;
}
.buddy-press-wrapper .groups .item-list .action {
top: 30%;
left: 0;
right: 0;
opacity: 0;
padding: 0 15px;
text-align: center;
position: absolute;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.buddy-press-wrapper .groups .item-list li:hover .action {
top: 37%;
opacity: 1;
}
.buddy-press-wrapper .groups .item-list .action .group-button,
.buddy-press-wrapper .groups .item-list .action .meta {
color: #fff;
font-weight: bold;
font-size: 18px;
text-transform: capitalize;
}
.buddy-press-wrapper .groups .item-list .action .group-button a:hover {
color: #333;
}
.load-more {
float: left;
width: 100%;
}
.load-more .btn1 {
float: left;
width: 100%;
font-size: 14px;
text-align: center;
padding: 32px 35px;
}
.load-more .btn1:hover {
color: #fff;
background: #000 !important;
}
/**/
.group-tab .nav-tabs {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.group-tab .nav-tabs li {
width: 33.3%;
}
.group-tab .item-list {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.group-tab .vcard {
float: left;
width: 100%;
margin-top: 20px;
}
.group-tab .vcard .item-avatar {
float: left;
width: 69px;
margin-right: 20px;
}
.group-tab .vcard .item {
float: none;
width: auto;
overflow: hidden;
}
.group-tab .vcard .item-title {
float: left;
width: 100%;
font-size: 14px;
margin-bottom: 6px;
text-transform: capitalize;
}
.group-tab .vcard .item-meta {
float: left;
width: 100%;
font-size: 14px;
position: relative;
}
.group-tab .vcard .item-meta:before {
float: left;
content: "\f017";
margin-right: 7px;
color: currentcolor;
font-family: "FontAwesome";
}
/*
============================================================
Buddy press Group Page End #Buddy press Group
============================================================
*/
/*
============================================================
Buddy press Forums Page Start #Buddy press Forums
============================================================
*/
#bbpress-forums .bbp-search-form {
float: left;
width: 100%;
margin-bottom: 30px;
}
#bbpress-forums .bbp-search-form form > div {
float: left;
width: 100%;
position: relative;
}
#bbpress-forums .bbp-search-form .input-icon input[type="submit"] {
text-indent: -999px;
border: none;
background-color: transparent;
}
#bbpress-forums .bbp-search-form .input-icon:before {
z-index: inherit;
color: #666;
}
#bbpress-forums .bbp-breadcrumb {
display: none;
}
#bbpress-forums .bbp-forums {
padding: 0;
margin: 0;
float: left;
width: 100%;
list-style: none;
}
#bbpress-forums .forum-titles {
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 100%;
}
#bbpress-forums .forum-titles li {
float: left;
}
#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
float: left;
width: 100%;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
font-weight: bold;
text-align: center;
padding: 14px 30px;
}
#bbpress-forums li.bbp-forum-info,
#bbpress-forums li.bbp-topic-title {
float: left;
text-align: left;
width: 40%;
}
#bbpress-forums li.bbp-forum-topic-count,
#bbpress-forums li.bbp-topic-voice-count,
#bbpress-forums li.bbp-forum-reply-count,
#bbpress-forums li.bbp-topic-reply-count {
float: left;
text-align: center;
width: 20%;
}
#bbpress-forums li.bbp-forum-freshness,
#bbpress-forums li.bbp-topic-freshness {
float: left;
width: 20%;
}
#bbpress-forums .bbp-header li.bbp-forum-freshness,
#bbpress-forums .bbp-header li.bbp-topic-freshness {
text-align: center;
}
#bbpress-forums li.bbp-header ul li {
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: normal;
font-family: "Raleway", sans-serif;
}
#bbpress-forums .mobile-label {
display: none;
}
#bbpress-forums li.bbp-body {
float: left;
width: 100%;
background: #f5f5f5;
}
#bbpress-forums li.bbp-body ul {
float: left;
width: 100%;
padding: 32px 30px 30px;
margin: 0;
list-style: none;
border-top: 1px solid #eee;
}
#bbpress-forums .bbp-forum-freshness a,
#bbpress-forums .bbp-forum-title {
float: left;
width: 100%;
color: #444;
margin: 0 0 6px;
font-size: 18px;
font-weight: bold;
line-height: normal;
text-transform: capitalize;
font-family: "Raleway", sans-serif;
}
#bbpress-forums .bbp-forum-freshness {
text-align: left;
}
#bbpress-forums .bbp-forum-freshness a {
float: left;
width: 100%;
margin: 0 0 0px;
font-size: 14px;
position: relative;
font-weight: normal;
}
#bbpress-forums .bbp-forum-freshness a.bbp-author-name {
margin-bottom: 10px;
}
#bbpress-forums .bbp-forum-freshness p {
float: left;
width: 100%;
margin: 0;
position: relative;
}
#bbpress-forums .bbp-forum-freshness > a:before {
display: inline-block;
color: currentcolor;
content: "\f017";
margin: 0 6px 0 0;
font-family: "FontAwesome";
}
#bbpress-forums .bbp-forum-freshness .bbp-author-avatar {
display: none;
}
/*
============================================================
Buddy press Forums Page End #Buddy press Forums
============================================================
*/
/*
============================================================
Buddy press Activity Forums Start #Buddy press Forums
============================================================
*/
.bbp-activity-form .item-list-tabs ul li.last.filter {
width: 100%;
margin-top: 30px;
}
.bbp-activity-form .item-list-tabs {
margin-bottom: 30px;
}
.bbp-activity-author {
float: left;
width: 100%;
}
.bbp-activity-form .item-list {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.bbp-activity-form .item-list li {
float: left;
width: 100%;
list-style: none;
margin-bottom: 40px;
}
.bbp-activity-form .bbp-activity-author a,
.bbp-activity-form .bbp-activity-author p,
.bbp-activity-form .bbp-author-role {
line-height: normal;
font-size: 14px;
margin: 0;
font-weight: normal;
display: inline-block;
width: auto;
text-transform: capitalize;
}
.bbp-activity-form .bbp-activity-author .bbp-author-avatar {
float: left;
width: 68px;
margin-right: 20px;
}
.bbp-activity-form .bbp-topic-post-date {
padding-top: 7px;
}
.bbp-activity-form .bbp-topic-post-date .bbp-topic-permalink {
position: relative;
float: left;
color: #666;
line-height: 18px !important;
}
.bbp-activity-form .bbp-topic-post-date .bbp-topic-permalink:before {
float: left;
content: "\f017";
margin-right: 7px;
color: currentcolor;
font-family: "FontAwesome";
}
.bbp-activity-content {
float: left;
width: 100%;
padding-left: 88px;
}
.bbp-activity-content p {
margin: 7px 0 !important;
}
.bbp-activity-content p:last-child {
margin-bottom: 0 !important;
}
/*
============================================================
Buddy press Activity Forums End #Buddy press Forums
============================================================
*/
/*
============================================================
Coming Soon Page Start #Coming Soon Page
============================================================
*/
.comingsoon-page {
text-align: center;
}
.comingsoon-logo {
float: left;
width: 100%;
text-align: center;
}
.comingsoon-logo .logo {
float: none;
width: 250px;
height: 250px;
margin: 0 0 55px;
position: relative;
display: inline-block;
}
.comingsoon-logo h5 {
float: left;
width: 100%;
margin: 0;
font-size: 18px;
}
.fancy-countdown {
float: left;
width: 100%;
padding: 75px 0 71px;
text-align: center;
}
.clock-item {
float: none;
width: auto;
display: inline-block;
}
.type-time {
float: left;
width: 100%;
margin: 0;
font-size: 18px;
text-transform: capitalize;
}
.canvas-thumb {
float: left;
width: 100%;
margin: 0 0 9px;
position: relative;
}
.clock-canvas:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0.5;
content: "";
border-radius: 100%;
border: 3px solid #9aa7af;
}
.clock-canvas {
float: none;
width: 113px;
height: 113px;
position: relative;
display: inline-block;
}
.canvas-thumb .val {
top: 46%;
left: 0;
right: 0;
margin: 0;
color: #2f383d;
font-size: 48px;
position: absolute;
font-weight: normal;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.comingsoon-page form {
width: auto;
margin-bottom: 25px;
min-width: 450px;
display: inline-block;
}
.comingsoon-page form .kf-input input[type="text"] {
border-color: #dfe4e8;
font-size: 14px;
}
.comingsoon-page form .kf-input input[type="text"]::-moz-placeholder {
color: #a1b1bc;
}
.comingsoon-page form .kf-input input[type="text"]::-webkit-input-placeholder {
color: #a1b1bc;
}
.comingsoon-page form .kode-search label::before,
.comingsoon-page form .kf-input label::before {
content: "\f105";
font-weight: bold;
}
.bottom-footer{
display: flex;
}
/*
============================================================
Coming Soon Page End #Coming Soon Page
============================================================
*/
/*
============================================================
Donation Page Start #Donation Page
============================================================
*/
.bdha-donation-progress {
float: left;
width: 100%;
margin-bottom: 30px;
padding: 35px 30px 40px;
background-color: #fff;
}
.bdha-donation-progress .section-heading2 {
font-size: 24px;
line-height: normal;
margin: 0 0 22px;
}
#donation-progress {
float: left;
width: 100%;
margin-bottom: 37px;
background-color: #e7e7e7;
}
#myBar {
width: 0%;
height: 20px;
text-align: center;
line-height: 20px;
color: rgba(0, 0, 0, 0);
text-indent: -999px;
background-color: #4caf50;
}
.donation-progress-nav {
float: left;
width: 100%;
margin-bottom: 10px;
}
.donation-progress-nav button {
padding: 0;
float: left;
width: 16.6%;
color: #666;
margin: 0;
font-size: 18px;
font-weight: bold;
line-height: normal;
text-transform: capitalize;
background-color: transparent;
font-family: "Raleway", sans-serif;
}
.donation-progress-nav button:nth-child(2),
.donation-progress-nav button:first-child {
text-align: left;
}
.donation-progress-nav button:nth-child(5),
.donation-progress-nav button:last-child {
text-align: right;
}
.bdha-custom-amount {
float: left;
width: 100%;
}
.bdha-custom-amount h5 {
float: left;
width: 100%;
font-size: 18px;
margin: 0 0 15px;
}
.bdha-custom-amount .kf-input label:before {
display: none;
}
.bdha-custom-amount .kf-input label input {
border: none;
font-size: 14px;
color: #fff;
text-transform: capitalize;
}
.bdha-custom-amount .kf-input {
width: 205px;
}
.bdha-custom-amount .radio_style2 {
margin-left: 50px;
}
.donation-detail-form {
float: left;
width: 100%;
}
.donation-detail-form .kode-left-comment-sec {
margin: 0 -15px;
}
.donation-detail-form .kode-left-comment-sec .kf-input {
padding: 0 15px;
width: 33.3%;
}
.donation-detail-form .kode-left-comment-sec.two-field .kf-input {
width: 50%;
}
.donation-detail-form .kf-input textarea {
height: 40px;
}
.donation-detail-form .kf-input textarea:focus {
height: 190px;
}
.donation-detail-form .kf-input {
margin-bottom: 30px;
}
.donation-detail {
padding-bottom: 10px;
}
.donation-detail-form .kf-input select,
.donation-detail-form .kf-input textarea {
color: #666;
}
.donation-detail-form .kf-input input::-moz-placeholder {
color: #666;
}
.donation-detail-form .kf-input input::-webkit-input-placeholder {
color: #666;
}
.donation-detail .section-heading2 {
margin-bottom: 24px;
}
.payment-method .bdha-custom-amount h5 {
margin-bottom: 18px;
}
.payment-method .radio_style2 {
margin: 0 0 23px;
width: 100%;
}
.payment-method .form-submit {
float: left;
width: 100%;
margin: 0;
}
.payment-method .form-submit input[type="submit"]:hover {
background-color: #000 !important;
color: #fff !important;
}
/*
============================================================
Donation Page End #Donation Page
============================================================
*/
/*
============================================================
Index 3 Page Start #Index 3 Page
============================================================
*/
.bdha-about3-tab-content {
float: left;
width: 100%;
padding: 35px;
position: relative;
border-radius: 100%;
border: 3px solid #c7c7c7;
}
.thumb-inner {
float: left;
width: 100%;
position: relative;
border-radius: 100%;
}
.bdha-about3-tab-content img {
float: left;
width: 100%;
border-radius: 100%;
}
.about-img-absolute {
position: absolute;
bottom: 3px;
left: 0;
right: 0;
z-index: 1;
margin: 0 auto;
border-radius: 0px !important;
width: auto !important;
}
.custom-column {
float: left;
width: 100%;
margin-bottom: 30px;
}
.custom-column .width37 {
float: left;
width: 38%;
}
.custom-column .width31 {
float: left;
width: 30.5%;
padding-top: 26px;
}
.bdha-about3 {
float: left;
width: 100%;
margin-bottom: 66px;
position: relative;
}
.text-right.bdha-about3:nth-of-type(2) {
width: auto;
padding: 0;
margin-right: 72px;
}
.text-left.bdha-about3:nth-of-type(2) {
width: auto;
padding: 0;
margin-left: 72px;
}
.bdha-about3:last-child {
margin-bottom: 0;
}
.bdha-about3:last-child p {
margin-bottom: 0px;
}
.bdha-about3.text-right {
padding-right: 30px;
}
.about3-title {
float: left;
width: 100%;
margin: 0 0 8px;
font-size: 24px;
line-height: normal;
text-transform: capitalize;
}
.tab-icon {
width: 53px;
height: 53px;
color: #a8a8a8;
font-size: 33px;
line-height: 51px;
text-align: center;
border-radius: 100%;
display: inline-block;
background-color: #fff;
border: 3px solid #c7c7c7;
}
.bdha-about3.text-right .tab-icon {
right: -102px;
z-index: 1;
position: absolute;
}
.bdha-about3.text-left .tab-icon {
left: -102px;
position: absolute;
z-index: 1;
}
/*Event Slider Start*/
.event-slider-bg {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-image: url(extra-images/event-slider-bg.jpg);
}
.event-slider-bg:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
opacity: 0.87;
background: #303030;
}
.event-slider-outer {
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.event-slider {
float: left;
width: 100%;
padding: 0;
margin: 0;
}
.event-slider li {
float: left;
width: 100%;
margin: 0;
list-style: none;
}
.event-slider-thumb {
float: left;
width: 100%;
}
.event-slider-thumb > * {
padding: 0 15px;
}
.event-slider-thumb > *:first-child {
padding-left: 0;
}
.event-slider-thumb > *:last-child {
padding-right: 0;
}
.event-slider-thumb figure {
width: 50%;
}
.event-slider-title {
float: left;
width: 100%;
font-size: 30px;
margin: 0 0 6px;
line-height: normal;
}
.event-slider-thumb .blog-post-meta {
float: left;
width: 100%;
margin-bottom: 10px;
text-align: left;
}
.event-slider-thumb .blog-info span,
.event-slider-thumb .blog-info a,
.event-slider-thumb .blog-info {
font-style: 15px;
font-weight: bold;
}
.event-slider-thumb p {
float: left;
width: 100%;
margin: 0 0 24px;
}
.event-slider-thumb .bdha-countdown {
float: left;
width: 100%;
margin-bottom: 30px;
}
.event-slider-thumb .countdown-style-1 {
width: 86px;
height: 86px;
margin: 0 13px;
padding: 15px 10px;
border-radius: 100%;
border: 1px solid #fff;
}
.event-slider-thumb .countdown-style-1:first-child {
margin-left: 0;
}
.event-slider-thumb .countdown-style-1:last-child {
margin-right: 0;
}
.event-slider-thumb .countdown-style-1 p,
.event-slider-thumb .countdown-style-1 span {
font-size: 24px;
font-weight: bold;
text-transform: capitalize;
font-family: "Raleway", sans-serif;
}
.event-slider-thumb .countdown-style-1 p {
font-size: 12px;
}
.event-slider-thumb p,
.event-slider-title,
.event-slider-thumb .blog-info span,
.event-slider-thumb .blog-info a,
.event-slider-thumb .blog-info,
.event-slider-thumb .countdown-style-1 p,
.event-slider-thumb .countdown-style-1 span {
color: #fff;
}
.event-slider-nav .slick-list,
.event-slider-thumb .slick-list {
padding: 0 !important;
}
.event-slider-nav {
float: left;
width: 60%;
padding: 0;
margin: 0;
position: absolute;
right: 0;
bottom: 22px;
}
.event-slider-nav .slick-list {
margin: 0 -7px;
}
.event-slider-nav li {
float: left;
width: 100%;
padding: 0 7px;
list-style: none;
}
.event-thumb {
float: left;
width: 100%;
cursor: pointer;
}
.event-slider-nav .slick-arrow {
right: 0;
top: auto;
color: #fff;
width: auto;
height: auto;
bottom: -34px;
font-size: 15px;
line-height: normal;
text-transform: capitalize;
background-color: transparent;
}
.event-slider-nav .slick-arrow:before {
line-height: normal;
font-style: 15px;
height: auto;
width: auto;
position: relative;
}
.event-slider-nav .slick-arrow.slick-prev {
left: auto;
right: 123px;
}
.event-slider-nav .slick-arrow.slick-prev:before {
float: left;
content: "\f190";
margin-right: 15px;
}
.event-slider-nav .slick-arrow.slick-next:before {
float: right;
content: "\f18e";
margin-left: 15px;
}
.border-top a {
color: var(--dark-color);
}
.info-item i {
float: left;
margin-right: 8px;
display: inline-block;
}
.info-item a {
float: left;
width: 80%;
word-break: break-word;
padding-top: 0;
font-family: "Inter", sans-serif;
}
.info-item p {
float: left;
width: 80%;
word-break: break-word;
padding-top: 0;
}
.flickrbadges img {
width: 100px;
height: 80px;
}
.section-title img {
width: 39px;
position: relative;
top: -8px;
}
.tab-media-player figure img {
height: 75px;
}
.announc .bdha-causes img {
height: 240px !important;
width: 100% !important;
}
.blog-full figure {
height: 500px !important;
width: 100%;
}
.blog-full .slick-list, .blog-full .slick-slider .slick-track{
height: 100%;
}
.blog-full figure img {
height: 100%;
object-fit: cover;
}
.brand_slider h4 a {
font-size: 18px;
color: var(--dark-color) !important;
}
.dat-tm {
background-color: #fff;
clear: both;
}
.slick-slide {
overflow: auto;
}
.text-center.wht-tl h6:after {
background-color: #fff;
}
.bdha-testimonial:before {
/* background-color: rgba(0, 0, 0, 0.98) !important; */
background-color: #fff !important;
}
.overlayy {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: 0.5s ease;
background-color: rgba(7, 181, 193, 0.7);
}
.img-effect-diflt:hover .overlayy {
opacity: 1;
}
.vid .video {
width: 100%;
position: relative;
text-align: center;
display: block;
font-size: 25px;
color: #fff;
top: 155px;
border: 2px solid #fff;
width: 38px;
height: 38px;
border-radius: 50%;
margin: 0 auto;
float: none;
}
.new-s {
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
}
.community-services-thumb .btn1 {
padding-top: 10px;
padding-bottom: 10px;
}
.prayerRequestModal .modal-body {
padding: 48px 32px;
}
.prayerRequestModal .modal-body h2{
font-size: 36px;
}
.prayerRequestModal .modal-body p{
font-size: 18px;
}
.prayerRequestModal .modal-body label {
font-size: 16px;
}
.prayerRequestModal .modal-body .kf-input {
margin-bottom: 24px;
font-size: 16px;
color: var(--dark-color);
}
.prayerRequestModal .modal-body .kf-input select {
outline: none;
font-size: 16px;
color: var(--dark-color);
font-weight: normal;
line-height: 1.5;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
border: 1px solid #EEF4F8;
background: #EEF4F8;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
width: 100%;
min-height: 45px;
padding: 10px 25px 10px;
border: 1px solid #cccccc;
text-transform: capitalize;
margin-bottom: 24px;
}
.prayerRequestModal .modal-body .btn1{
width: 100%;
padding: 10px;
font-size: 16px;
}
.modal-close-btn{
position: absolute;
right: 10px;
top: 10px;
color: #333;
opacity: .9;
font-size: 25px;
border: 2px solid;
width: 32px;
height: 32px;
border-radius: 50%;
z-index: 5;
}
/*Event Slider End*/
/*
============================================================
dashboard
============================================================
*/
/* bhoechie tab */
div.bhoechie-tab-container {
z-index: 10;
background-color: #ffffff;
padding: 0 !important;
border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #ddd;
margin-top: 20px;
margin-left: 50px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
}
div.bhoechie-tab-menu {
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
.bhoechie-tab-menu .list-group-item {
padding: 6px 15px;
}
div.bhoechie-tab-menu div.list-group {
margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group > a {
margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group > a .glyphicon,
div.bhoechie-tab-menu div.list-group > a .fa {
color: var(--dark-color);
font-size: 18px;
margin-bottom: 5px;
}
div.bhoechie-tab-menu div.list-group > a:first-child {
border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group > a:last-child {
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group > a.active,
div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
div.bhoechie-tab-menu div.list-group > a.active .fa {
background-color: var(--dark-color);
background-image: var(--dark-color);
color: #ffffff;
}
div.bhoechie-tab-menu div.list-group > a.active:after {
content: "";
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid var(--dark-color);
}
.bhoechie-tab-menu .list-group-item.active,
.bhoechie-tab-menu .list-group-item.active:focus,
.bhoechie-tab-menu .list-group-item.active:hover {
border-color: var(--dark-color);
}
div.bhoechie-tab-content {
background-color: #ffffff;
/* border: 1px solid #eeeeee; */
padding-bottom: 20px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
display: none;
}
.list-group-item:first-child {
border-top-left-radius: 0px;
}
.list-group-item:last-child {
border-bottom-left-radius: 0px;
}
.registr input {
border-radius: 0;
box-shadow: none;
padding: 5px 10px;
height: 42px;
color: #000;
border-color: #ccc;
}
.registr .form-group select {
border-radius: 0 !important;
box-shadow: none;
padding: 5px 10px;
height: 42px !important;
color: #000;
border-color: #ccc !important;
}
.registr label {
font-weight: 600;
}
.registr {
margin-top: 17px;
}
.bhoechie-tab-content {
overflow: auto;
}
.res-table table {
margin-top: 15px;
}
.res-table {
width: 100%;
overflow: auto;
}
.profll {
width: 53px;
height: 56px;
padding: 4px 0px;
}
.headd {
background-color: #444444;
color: #fff;
text-align: center;
margin: 0;
padding: 8px 0;
font-size: 19px;
}
.box-meetng {
border: 1px solid #ccc;
padding: 10px;
}
.box-meetng h4 {
color: var(--dark-color);
}
.prayer-meetng {
margin-top: 15px;
}
#loginform .form-control {
width: 100%;
height: 42px;
font-size: 14px;
}
#loginbox .panel-heading {
color: #fff;
background-color: var(--dark-color) !important;
border-color: var(--dark-color) !important;
padding: 8px 24px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#loginbox {
max-width: 399px;
margin: 0 auto;
}
#loginbox .panel-info {
border-color: var(--dark-color) !important;
border-radius: 0;
}
#loginbox form input {
height: 40px;
border-radius: 0;
padding: 6px 16px;
font-size: 16px !important;
box-shadow: none;
color: var(--dark-color) !important;
font-weight: 600;
}
#loginbox form input:focus {
color: var(--dark-color) !important;
border-color: var(--dark-color);
box-shadow: none;
}
#loginbox form label {
color: var(--dark-color) !important;
display: block;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
.custom-radio {
display: inline-flex;
align-items: center;
margin-right: 2rem;
font-size: 1.5rem;
color: var(--dark-color);
}
.custom-radio input[type="radio"] {
appearance: none;
width: 20px !important;
height: 20px !important;
border: 2px solid #13243A;
border-radius: 50% !important;
flex-shrink: 0;
position: relative;
}
.custom-radio input[type=radio]:focus {
outline-offset: 0;
}
.custom-radio input[type="radio"]:checked::before {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 12px;
height: 12px;
background-color: var(--dark-color);
border-radius: 50%;
}
.divider span {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
display: block;
background-color: var(--dark-color);
width: 31px;
top: -15px;
color: #fff;
padding: 6px 1px;
line-height: 1.5;
border-radius: 50%;
font-size: 12px;
}
.divider {
border-bottom: 1px solid #e8e8e8;
position: relative;
text-align: center;
margin-bottom: 17px;
margin-top: 4px;
}
#loginbox .panel-title {
font-size: 32px;
}
#loginbox .panel-body {
padding: 12px 24px 36px !important;
}
#loginbox .panel-body .toggle-group {
display: flex;
align-items: center;
gap: 64px;
margin-right: -15px;
margin-left: -15px;
}
#loginbox .panel-body form label {
display: flex;
align-items: center;
gap: 12px;
line-height: 1;
}
#loginbox .panel-body form label input {
display: flex;
align-items: center;
gap: 12px;
line-height: 1;
height: 20px;
padding: 0;
}
#getvodet_show_msg {
color: #ff0000 !important;
}
.donat {
color: #fff;
padding: 10px 0 !important;
text-align: center;
margin-top: 15px;
}
.btn1:hover {
color: #fff;
}
.hedingg {
margin-bottom: 30px;
background-color: #0a0f15;
color: #fff;
font-size: 20px;
padding: 10px 15px;
clear: both;
border-bottom: 2px solid #00b2bf;
box-shadow: 0px 4px 8px 1px #9e9c9c;
}
#meeting .contacc a {
color: #d01515;
font-size: 64px;
text-align: center;
display: block;
}
#meeting .contacc p {
font-size: 17px;
color: #000;
}
/***************slider***************/
.carousel-inner .item {
background-repeat: no-repeat;
padding: 0px;
background-size: 100% 100%;
}
.chep-vers {
background: rgba(0, 0, 0, 0.22);
width: 294px;
padding: 8px 4px;
margin: 0px auto;
border: 1px solid #404040;
}
.chep-vers strong {
font-size: 20px;
color: #fff;
margin: 8px;
}
.btn-min-block {
min-width: 170px;
line-height: 26px;
}
.btn-clear {
color: #fff;
background-color: transparent;
border-color: #fff;
margin-right: 15px;
}
.btn-clear:hover {
color: #000;
background-color: #fff;
}
.main-banner .carousel-control.left {
top: 47%;
background-image: none;
}
.main-banner .carousel-control.right {
top: 47%;
background-image: none;
}
/***********parish****************/
.descriptn p {
color: var(--dark-color);
font-size: 16px;
}
.project-meta {
background-color: #eef4f8;
padding: 12px 16px;
text-align: center;
margin-bottom: 20px;
}
.staffs {
text-align: center;
margin-bottom: 36px;
}
.staffs img {
margin-bottom: 8px;
width: 275px;
height: 350px;
object-fit: cover;
}
ul.list.type-6 li {
background-image: url(extra-images/check.png);
font-size: 16px;
color: #424242;
}
ul.list li {
padding: 7px 0 7px 25px;
background-position: 0 0.6em;
background-repeat: no-repeat;
}
ul.list {
list-style: none;
padding-left: 0;
}
.type-5 li {
padding-left: 0 !important;
}
ul.list.type-11 li {
background-image: url(extra-images/pencil.png);
font-size: 16px;
color: #424242;
}
.box-img img {
width: 108px;
height: 74px;
border: 2px solid #08b5c1;
float: left;
margin-right: 10px;
}
ul.list.type-1 li {
background-image: url(extra-images/tick.png);
}
.yam-box-footer {
text-align: center;
padding: 15px;
border-radius: 7px;
margin-bottom: 15px;
}
.yam-box {
/* background: rgba(0, 0, 0, 0.25); */
background-color: var(--dark-color);
background-color: #ffefd0;;
border: 2px solid var(--dark-color);
text-align: center;
padding: 15px;
border-radius: 7px;
margin-bottom: 15px;
}
.yam-box h3 {
font-size: 23px;
line-height: 30px;
color: var(--primary-color);
}
.yam-box h3 strong {
color: var(--dark-color);
font-size: 33px;
}
.yam-box p {
color: var(--dark-color);
}
.yam-box hr {
border-top: 1px dotted #777777;
}
.yam-box span {
background: #eef4f8;
color: var(--primary-color);
font-size: 40px;
display: block;
width: 90px;
height: 90px;
margin: 0px auto 15px;
border-radius: 49px;
border: 2px solid var(--dark-color);
vertical-align: middle;
padding-top: 17px;
}
.blog-post-meta {
display: block;
}
.dataTables_wrapper .dataTables_filter {
width: 207px;
float: right;
}
.widget-title {
color: #fff !important;
font-size: 28px;
font-weight: 400;
line-height: 40px; /* 133.333% */
letter-spacing: 0.3px;
}
/*****************accordian***************/
@media (max-width: 767px) {
.main-text {
display: block !important;
}
.bdha-info-top {
margin: 0px !important;
}
.kode-caption-text {
font-size: 14px !important;
margin-bottom: 30px !important;
}
.widget-latest-news {
padding-left: 0px !important;
}
.y-list {
padding-left: 15px !important;
margin-top: 16px !important;
}
.lbcd {
margin: 0px auto !important;
}
.prayerRequestModal .modal-body {
padding: 36px 24px;
}
.prayerRequestModal .modal-body h2{
font-size: 32px;
}
.prayerRequestModal .modal-body p{
font-size: 16px;
}
.prayerRequestModal .modal-body label {
font-size: 14px;
}
.prayerRequestModal .modal-body .kf-input {
margin-bottom: 18px;
font-size: 15px;
}
.prayerRequestModal .modal-body .kf-input input {
padding: 10px 15px 10px;
}
.prayerRequestModal .modal-body .kf-input select {
font-size: 15px;
min-height: 40px;
padding: 10px 25px 10px;
margin-bottom: 18px;
}
.prayerRequestModal .modal-body .btn1{
width: 100%;
padding: 10px;
font-size: 16px;
}
}
@media (max-width: 480px) {
.services-tab .nav-tabs li {
margin: 5px 5px 5px 0;
}
}
@media (max-width: 992px) {
.demo {
padding: 0px !important;
}
}
.style-1 a {
font-size: 15px;
margin-top: 4px;
}
.my-pan span {
margin-top: -22px;
}
.my-pan {
text-align: center;
}
.my-pan h3 {
font-size: 25px;
}
.blog-post-meta {
text-align: left;
}
.set-top-section-title {
margin-top: 20px;
}
.me-addon {
width: 33px;
position: absolute;
height: 42px;
padding-top: 12px;
border-radius: 3px 0px 0px 3px !important;
}
.me-addon .fa {
font-size: 18px;
}
.oor {
border-radius: 3px 0px 0px 3px !important;
}
.me-on .fa {
font-size: 12px;
}
.osm .breadcrumb li {
line-height: 27px !important;
}
.main-sunday {
list-style-image: url(./images/star.png);
}
.main-sunday li {
margin-bottom: 10px;
}
.main-sunday li a {
font-size: 18px;
}
.oppo {
float: right !important;
}
.set-clr-fx1 {
margin-bottom: 0px !important;
}
.set-clr-fx2 {
margin-bottom: 0px !important;
}
.set-clr-fx3 input {
padding: 10px 15px 10px !important;
}
/*.logo-wrapper{background: url(extra-images/footer1-bg.jpg);}*/
.tant {
font-size: 32px;
}
.tant-2 {
font-size: 22px;
font-family: "Inter";
}
/* .same-hei {
height: 500px;
} */
.lbcd img {
width: 130px;
height: auto;
}
.lbcd {
width: 149px;
margin-top: 22px;
}
.y-list {
text-align: left;
margin-top: 5px;
list-style: disc !important;
}
.mission-offc ul li {
margin-bottom: 15px;
font-size: 16px;
}
.bordered {
position: relative;
display: block;
width: auto;
margin-bottom: 20px;
padding: 7px;
background-color: #e0dfd8;
}
.alignleft {
float: left;
}
.bordered.alignleft {
margin: 0 20px 10px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.bordered .add-border {
display: block;
border: 1px solid rgba(0, 0, 0, 0.6);
}
.add-border-top {
margin-bottom: 30px;
}
.yovideo {
margin-bottom: 20px;
}
.bdha-evt-text {
height: 156px;
}
@media (max-width: 767px) {
.msgoff {
text-align: center;
width: 205px;
margin: 0px auto;
}
.msgoff-joint {
padding: 0 35px;
}
.grade {
width: 350px;
text-align: center;
margin: 0px auto;
}
.grade-teacher {
width: 330px;
margin: 0px auto;
text-align: center;
}
.grade-teacher h5 {
margin-top: 10px;
margin-bottom: -5px;
}
.grade-teacher ul {
margin-bottom: -18px;
}
.staf-exter {
width: 43%;
float: left;
margin-bottom: 25px;
}
}
@media (max-width: 498px) {
.carousel-inner .item {
padding: 0px;
}
}
.set-respons-tab {
width: 100%;
}
@media (max-width: 1199px) {
.set-respons-tab {
overflow-x: scroll;
width: 100%;
}
}
.payButton {
-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
box-shadow: 0px 1px 0px 0px #1c1b18;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.05, #eae0c2),
color-stop(1, #ccc2a6)
);
background: -moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background: -webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background: -o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background: -ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background: linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
background-color: #eae0c2;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 2px solid #333029;
display: inline-block;
cursor: pointer;
color: #505739;
font-family: Arial;
font-size: 14px;
font-weight: bold;
padding: 6px 64px;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
}
.payButton:hover {
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.05, #ccc2a6),
color-stop(1, #eae0c2)
);
background: -moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background: -webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background: -o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background: -ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background: linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
background-color: #ccc2a6;
}
.payButton:active {
position: relative;
top: 1px;
}
.payButton1 {
-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
box-shadow: 0px 1px 0px 0px #1c1b18;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.05, #eae0c2),
color-stop(1, #ccc2a6)
);
background: -moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background: -webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background: -o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background: -ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
background: linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
background-color: #eae0c2;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 2px solid #333029;
display: inline-block;
cursor: pointer;
color: #505739;
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
float: none !important;
width: 90% !important;
margin: 0;
box-sizing: border-box;
}
.payButton1:hover {
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.05, #ccc2a6),
color-stop(1, #eae0c2)
);
background: -moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background: -webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background: -o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background: -ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
background: linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
background-color: #ccc2a6;
}
.payButton1:active {
position: relative;
top: 1px;
}
.center-container {
display: flex;
justify-content: center;
align-items: center;
height: 70vh;
}
.center-container1 {
display: flex;
justify-content: center;
align-items: center;
height: 20vh;
}
.centered-image {
max-width: 100%;
max-height: 100%;
}
/* New Design */
.new-section {
padding: 64px 0;
}
.new-section .new-label {
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 4.8px;
text-transform: uppercase;
}
.new-section .new-title {
font-size: 36px;
font-weight: 400;
line-height: 50px; /* 136.364% */
margin-bottom: 40px;
}
.pre-order-section {
background: #eef4f8;
text-align: center;
}
.pre-order-section {
background: #eef4f8;
text-align: center;
}
.pre-order-section .pre-order-image {
width: 200px;
height: 200px;
margin: 0 auto 48px;
}
.pre-order-section .pre-order-detail {
color: var(--dark-light-color);
font-family: "Inter", sans-serif;
margin: 0 auto 32px;
font-size: 18px;
font-weight: 400;
width: 696px;
line-height: 32px; /* 160% */
}
.pre-order-section .pre-order-btn {
color: #fff;
background-color: var(--dark-color);
font-family: "Merriweather", serif;
font-size: 16px;
font-weight: 700;
border: 1px solid var(--dark-color);
padding: 10px 40px;
}
.pre-order-section .pre-order-btn:hover{
opacity: 0.9;
}
.video-section {
display: flex;
flex-wrap: wrap; /* Allow images to wrap to the next line on smaller screens */
padding: 64px 0;
background: #eef4f8;
}
/* Define styles for individual images */
.video-section .video-item {
display: flex;
justify-content: center;
}
.video-section .video-item video {
width: 100%;
height: 550px;
max-width: 100%;
}
.section-calender {
}
.section-calender .calender-events {
display: flex;
gap: 5%;
}
.section-calender .church-event {
width: 35%;
max-height: 600px;
overflow: hidden;
}
.section-calender .church-calender {
width: 60%;
}
.gallery-slider-section {
background: url(images/new/gallery-bg-layer.svg),
linear-gradient(#ffefd0 0%, #ffefd0 48%, white 48%, white 100%);
background-repeat: no-repeat;
background-position: 2% 5%;
background-size: auto;
text-align: center;
}
.gallery-slider-section.new-section {
padding: 64px 0 0;
}
.gallery-slider-section.new-section .new-label,
.gallery-slider-section.new-section .new-title {
color: var(--primary-color);
}
.gallery-slider-section .marquee-container {
overflow: hidden;
width: 100%;
}
.gallery-slider-section .marquee {
display: flex;
width: 250%; /* because we duplicate content */
}
.gallery-slider-section .marquee-content {
display: flex;
}
.gallery-slider-section .marquee img {
width: 100%;
height: 280px !important;
padding: 0 5px;
margin-bottom: 10px;
object-fit: cover;
}
/* Top row - scrolls left */
.gallery-slider-section .top-row {
animation: scrollLeft 20s linear infinite;
}
/* Bottom row - scrolls right */
.gallery-slider-section .bottom-row {
animation: scrollRight 20s linear infinite;
}
/* Pause on hover */
.gallery-slider-section .marquee-container:hover .top-row,
.gallery-slider-section .marquee-container:hover .bottom-row {
animation-play-state: paused;
}
@keyframes scrollLeft {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@keyframes scrollRight {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}
.faq-section {
background: #ffefd0;
}
.faq-section .new-title {
text-align: center;
color: var(--primary-color);
}
.faq-section .faq-accordian .panel-heading {
color: var(--dark-color);
background-color: #0000;
border: none;
border-left: 5px solid var(--primary-color);
border-bottom: 1px solid #4d301f1a;
padding: 12px 16px;
border-radius: 0;
border-top: none;
}
.faq-section .faq-accordian .panel-body {
padding: 12px 16px;
font-size: 16px;
font-family: "Inter", sans-serif;
}
.faq-section .faq-accordian .panel-heading a {
color: var(--primary-color);
font-size: 24px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: space-between;
}
.faq-section
.faq-accordian
.panel-default
> .panel-heading
+ .panel-collapse
> .panel-body {
border-top: none;
}
.faq-section .faq-accordian .panel-default {
border: none;
}
.faq-section .faq-accordian .panel {
margin-bottom: 36px;
background-color: #0000;
box-shadow: none;
}
.grid-gallery {
column-count: 4;
column-gap: 12px;
padding: 10px;
}
.grid-gallery .grid-gallery-img-box {
break-inside: avoid;
margin-bottom: 12px;
transition: all 0.5s ease;
position: relative;
transition: transform 0.3s ease;
z-index: 1;
overflow: hidden;
border-radius: 4px;
}
.grid-gallery .grid-gallery-img-box img {
width: 100%;
height: auto;
display: block;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.grid-gallery .grid-gallery-img-box img:hover {
z-index: 2;
transform: scale(1.1);
}
.music-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
padding: 20px;
}
.music-grid-item {
flex: 1 1 calc(25% - 16px); /* 4 per row with gap */
max-width: 250px;
min-width: 160px;
}
.music-item-link {
text-decoration: none;
color: inherit;
}
.music-item-link:hover {
text-decoration: none;
}
.music-item {
background-color: #f8f9fa;
border-radius: 12px;
border: 2px solid var(--dark-color);
padding: 5px 12px;
text-align: center;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease, box-shadow 0.2s ease;
height: 100%;
display: flex;
gap: 16px;
margin-bottom: 12px;
justify-content: space-between;
align-items: center;
}
.music-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
background-color: #e2f0ff;
text-decoration: none;
}
.music-icon {
font-size: 24px;
color: var(--dark-color);
border: 2px solid var(--dark-color);
padding-left: 5px;
width: 36px;
height: 36px;
border-radius: 50%;
flex-shrink: 0;
display: flex
;
align-items: center;
justify-content: center;
}
.music-title {
font-size: 14px;
font-weight: 600;
color: var(--dark-color);
word-break: break-word;
text-align: left;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 2;
color: #fff !important;
background-color: var(--dark-color);
border-color: var(--dark-color);
}
/* Footer background */
.foot-menu{
margin-bottom: 36px;
}
/* Bot Button */
.bot-button, .login-button {
float: left;
margin-bottom: 0;
display: flex;
align-items: center;
background: rgb(255, 239, 208); /* cream */
color: #15283D; /* deep navy text */
padding: 5px 12px;
max-width: 200px;
border-radius: 50px;
box-shadow: 0 6px 16px rgba(0,0,0,0.25);
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.login-button {
background: var(--dark-color);
color: #fff !important;
flex-shrink: 0;
min-width: 132px;
padding: 8px 12px;
font-size: 18px;
font-weight: 700;
justify-content: center;
margin-left: auto;
}
/* Hover effect */
.bot-button:hover, .login-button:hover {
transform: translateY(-4px);
box-shadow: 0 8px 22px rgba(21,40,61,0.4);
text-decoration: none;
}
/* Bot Icon Circle */
.bot-icon {
display: flex;
align-items: center;
justify-content: center;
background: #15283D; /* navy */
border-radius: 50%;
padding: 8px;
margin-right: 12px;
transition: background 0.3s ease;
}
.bot-button:hover .bot-icon {
background: #1e3c59; /* lighter navy on hover */
}
/* Bot Text */
.bot-text {
display: flex;
flex-direction: column;
line-height: 1.2;
}
.bot-text strong {
font-size: 16px;
letter-spacing: 0.5px;
color: #15283D;
}
.bot-text .status {
font-size: 12px;
color: #4d311f; /* brown accent for "Online" */
}
/* Online Status Dot */
.online-dot {
width: 10px;
height: 10px;
background: #00ff55;
border-radius: 50%;
margin-left: 10px;
animation: pulse 1.3s infinite;
}
.kode-anounce-wrapper{
margin-bottom: 8px;
padding: 6px 0 3px;
}
.kode-anounce-wrapper marquee span{
font-size: 14px;
}
/* Chat Modal */
.chat-modal {
position: fixed;
bottom: 80px;
right: 30px;
display: none;
z-index: 2000;
animation: slideUp 0.4s ease;
}
@keyframes slideUp {
from { transform: translateY(30px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
/* Chat Window */
.chat-modal .chat-container {
background: white;
width: 400px;
max-width: 95%;
height: 75vh;
border-radius: 12px;
box-shadow: 0 6px 16px rgba(0,0,0,0.2);
display: flex;
flex-direction: column;
overflow: hidden;
}
.chat-modal .chat-header {
background: #15283D;
color: #fff;
padding: 15px;
font-size: 18px;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
}
.chat-modal .chat-close {
cursor: pointer;
font-size: 20px;
font-weight: bold;
}
.chat-modal .chat-body {
flex: 1;
padding: 15px;
overflow-y: auto;
background: #fefefe;
}
.chat-modal .message {
margin: 10px 0;
padding: 10px 15px;
border-radius: 20px;
max-width: 80%;
clear: both;
display: inline-block;
}
.chat-modal .user {
background-color: #dcf8c6;
float: right;
text-align: right;
}
.chat-modal .bot {
background-color: #e5e5ea;
float: left;
text-align: left;
}
.chat-modal .chat-footer {
display: flex;
border-top: 1px solid #ccc;
padding: 10px;
background: #fff;
}
.chat-modal .chat-footer input[type="text"] {
flex: 1;
padding: 10px;
border-radius: 20px;
border: 1px solid #ccc;
font-size: 14px;
}
.chat-modal .chat-footer button {
margin-left: 10px;
padding: 10px 16px;
background-color: #15283D;
border: none;
color: white;
border-radius: 20px;
cursor: pointer;
}
.chat-modal .chat-footer button:hover { background-color: #0f1e2a; }
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(0,255,85,0.6); }
70% { box-shadow: 0 0 0 10px rgba(0,255,85,0); }
100% { box-shadow: 0 0 0 0 rgba(0,255,85,0); }
}
/* sticky-footer-bar container */
.sticky-footer-bar {
position: fixed;
left: 12px;
right: 12px;
bottom: 0;
display: none;
gap: 12px;
padding: 10px 16px;
align-items: center;
justify-content: space-between;
background: #ffffff;
border-radius: 12px 12px 0 0;
box-shadow: 0 12px 30px rgba(11,75,138,0.12);
z-index: 9999;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* generic item */
.bar-item,
.bar-home {
background: linear-gradient(180deg,#f4fbff,#ffffff);
border: none;
border-radius: 10px;
padding: 8px 12px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
cursor:pointer;
color: #0b3250;
transition: transform 0.22s cubic-bezier(.2,.9,.2,1), box-shadow 0.22s cubic-bezier(.2,.9,.2,1), background 0.22s cubic-bezier(.2,.9,.2,1), filter 0.22s cubic-bezier(.2,.9,.2,1);
outline: none;
user-select: none;
position: relative;
}
/* icons and labels */
.bar-item i,
.bar-home i { font-size: 20px; transition: transform 0.22s, color 0.22s; }
.bar-item .label { font-size: 12px; font-weight:600; color: #0b3250; transition: color 0.22s; }
/* hover effects for items */
.bar-item:hover {
transform: translateY(-6px);
box-shadow: 0 14px 30px rgba(11,75,138,0.14);
background: linear-gradient(180deg,#ffffff,#e9f6ff);
}
.bar-item:hover i { transform: scale(1.15); color: #1166bb; }
.bar-item:active { transform: translateY(-3px) scale(.995); }
/* active state */
.bar-item.active {
background: linear-gradient(180deg,#ffffff,#e7f3ff);
box-shadow: 0 20px 40px rgba(11,75,138,0.18);
color: #0b4b8a;
}
.bar-item.active i { color: #0b4b8a; transform: scale(1.25); }
.bar-item[aria-current="page"] .label { font-weight:700; color: #0b4b8a; }
/* center home button (raised) */
.bar-home {
width: 74px;
height: 74px;
border-radius: 50%;
margin-top: -37px; /* lift it up slightly (half of height) */
background: linear-gradient(180deg,#ffffff,#eaf6ff);
box-shadow: 0 14px 36px rgba(13,62,115,0.18);
display:flex;
align-items:center;
justify-content:center;
font-size: 22px;
color: #0b4b8a;
transition: transform 0.28s cubic-bezier(.2,.9,.2,1), box-shadow 0.28s cubic-bezier(.2,.9,.2,1), background 0.28s cubic-bezier(.2,.9,.2,1), color 0.28s cubic-bezier(.2,.9,.2,1);
}
/* home hover & active */
.bar-home:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 18px 36px rgba(13,62,115,0.22); }
.bar-home:active { transform: translateY(-3px) scale(.995); }
.bar-home.active {
background: linear-gradient(180deg,#0b4b8a,#1166bb);
color: #ffffff;
box-shadow: 0 20px 40px rgba(11,75,138,0.18);
transform: translateY(-8px) scale(1.03);
}
/* home inactive visual when not on home page */
.bar-home.inactive {
filter: grayscale(.15) saturate(.75);
opacity: .82;
transform: translateY(-2px);
background: linear-gradient(180deg,#f8fafc,#ffffff);
color: #94a9bf;
box-shadow: 0 6px 18px rgba(11,75,138,0.06);
}
/* keyboard focus */
.bar-item:focus,
.bar-home:focus {
box-shadow: 0 12px 28px rgba(11,75,138,0.16);
transform: translateY(-6px);
}
/* accessibility: outline for active items */
.bar-item[aria-current="page"],
.bar-home[aria-current="page"] {
outline: 3px solid rgba(11,75,138,0.06);
outline-offset: 4px;
}
/* responsive: smaller screens hide labels and tighten spacing */
@media (max-width: 520px) {
.sticky-footer-bar { left: 8px; right: 8px; padding: 8px; gap: 8px; }
.bar-item .label { display: none; }
.bar-home { width: 66px; height: 66px; margin-top: -33px; }
}
@media (max-width: 1024px) {
.grid-gallery {
column-count: 3;
}
}
@media (max-width: 992px) {
.music-grid-item {
flex: 1 1 calc(33.33% - 16px); /* 3 per row */
}
}
@media (max-width: 768px) {
.grid-gallery {
column-count: 2;
}
.music-grid-item {
flex: 1 1 calc(50% - 16px); /* 2 per row */
}
.sticky-footer-bar {
display: flex;
}
.bottom-footer {
flex-direction: column;
align-items: flex-start;
}
.pay-methods .pay-barcode {
width: 100%;
justify-content: flex-start;
}
}
@media (max-width: 480px) {
.grid-gallery {
column-count: 1;
}
.music-grid-item {
flex: 1 1 100%; /* 1 per row */
}
}