| Current File : /home/pacjaorg/wpt.pacja.org/grants -mzee/wp-content/themes/bunify/style.css |
/*
Theme Name: Bunify
Theme URI: https://bunnytheme.com/themes/bunify-free/
Author: Bunny Themes
Author URI: https://bunnytheme.com/
Description: Bunify is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight and offers unparalleled speed. Built with SEO in mind, Bunify comes with Schema.org code integrated and is Native AMP ready so search engines will love your site.It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Regularly updated.Looking for a perfect base theme? Look no further. Bunify is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website! Checkout the Pro Demo https://preview.bunnytheme.com/pro/bunify/
Version: 1.0
Template: fasterly
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bunify
Slug: bunify
Requires at least: 5.4
Tested up to: 6.2
Tags: custom-menu, custom-logo, entertainment, featured-images, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready, blog
Requires PHP: 5.6
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/
:root {
--bs-primary:#72BB05;
--bs-secondary:#000e39;
}
.header-7 .logo a:focus {
outline-color: #fff;
}
.header-7 span.count {
width: 20px;
height: 20px;
line-height: 19px;
border-radius: 20px;
background-color: var(--bs-primary);
color: #fff;
font-size: 14px;
position: absolute;
top: -7px;
transition: 0.65s;
right: -9px;
font-weight: 500;
}
.header-7 .menu-right li.search-button, .header-7 .header-cart, .header-7 .about-toggle-list .hamburger {
height: 40px;
width: 40px;
border-radius: 50%;
background: var(--bs-secondary);
}
.header-7 li.header-cart {
position: relative;
margin-left: 10px;
margin-right: 6px;
}
.header-7 .toggle-lines div{
background: var(--bs-white);
}
.header-7 .header-cart a i{
color: var(--bs-white);
}
.header-7 .menu-right li.search-button button, .header-7 .header-cart a {
margin: auto;
}
.header-7 .header-cart a i {
font-size: 22px;
}
.header-7 .content {
display: contents;
}
.header-7 .header-top-info {
border-bottom: 1px solid lightgrey;
}
.header-7 .header-top-info aside.widget.widget-contact {
padding-top: 11px;
}
.header-7 .header-top-info .content-area-icon .icon {
position: relative;
color: var(--bs-primary);
transition: .5s;
z-index: 3;
font-size: 22px;
margin: -7px 8px 0px -9px;
}
.header-7 .header-top-info aside.widget.widget-contact p.widget-title {
color: black;
}
.header-7 .navbar-area {
display: -ms-flexbox;
-ms-flex-align: center;
align-items: center;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-pack: end;
-ms-flex-item-align: stretch;
align-self: stretch;
width: 100%;
height: 100%;
display: inline-block;
display: flex;
justify-content: space-around;
position: relative;
align-items: baseline;
}
.header-7 .header-top-info + .navigation-wrapper .main-navigation:not(.is-sticky-menu) .site_logo{
bottom: 25px;
}
.header-7 .main-navigation:not(.is-sticky-menu) .site_logo {
z-index: 22;
position: relative;
}
.header-7 .menu-right ul li.about-toggle-list {
padding: 10px 0;
}
.pxl-item--description.el-empty a {
list-style: none;
text-decoration: none;
color: #fff;
}
.header-7:before {
position: absolute;
content: '';
height: 100%;
width: 100%;
right: 9px;
bottom: 10px;
background-color: #efefef;
z-index: -1;
transform: skewX(-30deg);
border-radius: 0 0 40px 0;
}
.header-7{
width: 94%!important;
}
.main-slider-7 {
position: relative;
}
.header-7 {
position: relative;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: min-height 0.3s ease;
transition: min-height 0.3s ease;
width: 100%;
z-index: 3;
background-color: #ff000000;
}
.header-7 .header-btn {
display: inline-flex;
align-items: center;
background-color: var(--bs-primary);
padding: 13.5px 27px 13.5px 23px;
border-radius: 13px 10px 13px 10px;
transform: skewX(-30deg);
float: right;
position: absolute;
bottom: -18px;
right: 10%;
}
.header-7 .header-top-info .text-heading {
color: var(--bs-secondary);
}
h3.pxl-item--title.el-empty {
font-size: 14px;
margin-bottom: 0;
position: relative;
transform: skewX(30deg);
color: #ffca00;
}
.pxl-item--description.el-empty {
transform: skewX(30deg);
margin-left: 5px;
}
.header-7 .header-top-info ul li a i, .content-area-icon .icon {
position: relative;
color: var(--bs-primary);
transition: .5s;
z-index: 3;
padding: 6px 0px 0px 0px;
}
.social-effect-2 aside.widget.widget-social-widget ul li a .icon {
padding: 0;
}
.social-effect-2 aside.widget.widget-social-widget ul li a {
display: inline-block !important;
overflow: hidden;
width: 30px;
height: 30px;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
line-height: 1.7;
transition: all 0.4s ease-in-out;
position: relative;
margin-right: 7px;
}
.social-effect-2 aside.widget.widget-social-widget ul li a:hover,
.social-effect-2 aside.widget.widget-social-widget ul li a:focus {
background: var(--bs-secondary);
color: #fff;
border: 2px solid var(--bs-white);
box-shadow: 0 0 0 2px var(--bs-secondary) !important;
transform: rotate(360deg);
}
.social-effect-2 aside.widget.widget-social-widget ul {
display: flex;
margin-bottom: 0;
margin-top: 5px;
}
.social-effect-2 .header-7 aside.widget.widget-social-widget ul li a .icon {
margin-bottom: 3px;
}
.social-effect-2 .header-7 .header-top-info aside.widget.widget-social-widget ul li a {
border: 2px solid var(--bs-primary);
}
.social-effect-2 .header-7 .header-top-info aside.widget.widget-social-widget ul li a:hover,
.social-effect-2 .header-7 .header-top-info aside.widget.widget-social-widget ul li a:focus {
border: 2px solid var(--bs-white);
}
.social-effect-2 .header-7 .header-top-info aside.widget.widget-social-widget ul li a:hover i,
.social-effect-2 .header-7 .header-top-info aside.widget.widget-social-widget ul li a:focus i {
color: var(--bs-white);
}
.icon-arrow-3 {
width: 47px;
height: 40px;
background-image: url(../image/icons/icon-arrow-3.png);
}
.main-slider-7 .slider-content i.icon.icon-arrow-3{
position:absolute;
left:23px;
top:22px;
}
.main-slider-7 .item .cover .slider-content {
position: relative;
max-width: 800px;
color: #fff;
}
.main-slider-7 .slider-content h5 {
position: relative;
text-decoration: underline;
color:var(--bs-primary);
}
.main-slider-7 h1 {
font-size: 60px;
}
.main-slider-7 h1 .sld-title {
color: var(--bs-primary);
}
.main-slider-7 .home-slider .item:nth-child(odd) > img {
animation: none;
}
.main-slider-7 p{
position: relative;
font-size: 18px;
line-height: 28px;
color: #fff;
margin-bottom: 30px;
}
.main-slider-7 .slider-content {
padding: 30px;
max-width: 650px;
position: relative;
z-index: 1;
margin-top: 0px;
-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.main-slider-7 .slider-content.text-center h5,
.main-slider-7 .slider-content.text-right h5
{
left: 0;
}
.main-slider-7 div.owl-nav {
position: absolute;
top: 29%;
right: 44px;
margin: auto 0;
opacity: 1;
width: 70px;
height: 136px;
transform: translate(-50%,0);
z-index: 0;
}
.main-slider-7 .owl-prev {
width: 60px;
height: 60px;
line-height: 60px;
display: inline-block;
cursor: pointer;
text-align: center;
position: relative;
border-radius: 100px;
outline: none;
color: #fff;
background-color: transparent;
transition: var(--bs-transition);
font-size: 30px;
border: 0 solid rgba(108, 117, 125, 0.6);
overflow: hidden;
}
.main-slider-7 div.owl-nav .owl-next {
margin-top: 78px;
right: -23px;
}
/* ---info-section-7 --- */
.info_7 {
margin-top: -105px;
}
.info_7 .info-item {
background-color: #f4f5f9;
padding: 30px 21px 75px;
border-radius: 5px;
text-align: center;
position: relative;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
z-index: 2;
margin-bottom: 72px;
cursor: pointer;
}
.info_7 .info-item:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 5px;
background-color: var(--bs-primary);
border-radius: 0 0 5px 5px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
z-index: -1;
}
.info_7 .info-item:hover:before {
opacity: 0.871;
background-color: var(--bs-primary);
height: 100%;
border-radius: 5px;
}
.info_7 .info-item:hover p,.info_7 .info-item:hover h4, .info_7 .info-item:hover h4 a {
color: #fff;
}
.info_7 .info-item .info-item-img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 5px;
z-index: -2;
visibility: hidden;
opacity: 0;
transform: scale(0.8);
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.info_7 .info-item:hover .info-item-img {
opacity: 1;
visibility: visible;
height: 100%;
transform: scale(1);
}
.info_7 .info-item .info-item-title a {
color: #000;
text-decoration: none;
}
.info_7 .info-item .info-item-title {
font-size: 22px;
margin-bottom: 15px;
}
.info_7 .info-item .info-item p {
margin-bottom: 0;
line-height: 25px;
}
.info_7 .info-item .info-item-icon {
position: absolute;
left: 0;
bottom: -37px;
right: 0;
width: 86px;
height: 86px;
background-color: black;
text-align: center;
border-radius: 50%;
border: 6px solid #fff;
margin: 0 auto;
display: grid;
place-items: center;
font-size: 38px;
color: #fff;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
z-index: 5;
}
.info_7 .info-item:hover .info-item-icon {
background-color: var(--bs-primary);
}
/* ---service-7--- */
.service_section_7 {
background-color: var(--bs-gray-light);
}
.service_section_7 .service_box {
position: relative;
background: #fff;
border: 1px solid rgba(238,238,238,.7);
border-radius: 10px;
border-radius: 5px;
transition: .5s;
padding: 30px 25px;
display: grid;
grid-template-columns: 60px auto;
grid-gap: 20px;
text-align: justify;
margin-top: 16px;
}
.service_section_7 .service_box .service_icon {
display: flex;
flex-direction: column;
align-items: inherit;
}
.service_section_7 .service_box .service_icon i {
font-size: 54px;
}
.service_section_7 .service_box .service_icon>span {
background-color: var(--bs-secondary);
opacity: .5;
width: 1px;
height: 35px;
margin: 8px auto;
display: inline-block;
}
.service_section_7 .service_box .service_icon .serial-number {
text-align: center;
font-size: 20px;
font-weight: 600;
color: transparent;
-webkit-text-stroke: 1px var(--bs-primary);
-webkit-text-fill-color: transparent;
}
.service_section_7 .service_box .service_icon .serial-number i {
font-size: 16px;
margin: -6px;
}
.service_section_7 .service_box:hover {
box-shadow: 2px 2px 4px rgba(0,12,31,.08);
transform: translateY(-5px);
}
.fs-py-default {
padding: 100px 0;
}
.service_section_7 .service_box .service_Content a {
color: var(--bs-secondary);
text-decoration: none;
position: relative;
display: flex;
align-items: center;
}
.explore-btn a {
font-size: 16px;
font-weight: 500;
color: var(--text-primary);
transition: .5s ease;
vertical-align: super;
}
.explore-btn i {
color: var(--bs-primary);
}
.icon-one {
font-size: 32px;
}
.icon-two {
font-size: 23px;
position: absolute;
top: 5px;
left: 16px;
}
.service_section_7 .service_box .service_Content a span {
margin-right: 15px;
}
.explore-text {
vertical-align: super;
display: inline-block;
padding-top: 10px;
}
.explore-btn {
display: flex;
}
.service_section_7 .service_box .service_Content h4 {
font-size: 22px;
font-weight: 700;
}
.service_section_7 .service_box .service_Content p {
margin-bottom:16px;
}
.service_section_7 .service_box:hover .service_icon i {
background-color: initial;
color: var(--bs-primary);
}
.btn-effect-3 .btn-1, .btn-effect-3 .button{
color: #ffffff;
position: relative;
z-index: 1;
border-radius: 3px;
}
.btn-effect-3 .btn-1:before, .btn-effect-3 .button:before {
background-color: #2D2E30;
position: absolute;
content: '';
height: 100%;
width: 0;
top: 0;
left: auto;
right: 0;
z-index: -1;
border-radius: 2px;
-webkit-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
transition: .5s all ease-in-out;
}
.btn-effect-3 .btn-1:before, .btn-effect-3 .button:before {
background-color: var(--bs-secondary);
position: absolute;
content: '';
height: 100%;
width: 0;
top: 0;
left: auto;
right: 0;
z-index: -1;
border-radius: 2px;
-webkit-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
transition: .5s all ease-in-out;
border-radius: inherit;
}
.btn-effect-3 .btn-1:hover, .btn-effect-3 .button:hover {
color: #fff;
transition: 0.5s;
border-radius: 3px;
animation: none;
}
.btn-effect-3 .btn-1:hover:before, .btn-effect-3 .button:hover:before {
width: 100%;
left: 0;
right: auto;
color: #fff;
}
.cta_section_two {
background-blend-mode: multiply;
background-size: cover;
background-attachment: scroll;
height: 100%;
padding: 50px 0px 50px 0px;
}
.cta_section_two .cta_content h6 {
vertical-align: middle;
align-items: center;
font-size: 25px;
}
.cta_section_two {
background-color: var(--bs-secondary);
background-size: auto;
background-position: right center;
position:relative;
border-top: 3px solid var(--bs-primary);
border-bottom: 3px solid var(--bs-primary);
}
.cta_section_two .cta_content {
color: #fff;
padding-right:0px;
padding-top:0px;
z-index: 2;
position: relative;
}
.cta_section_two .cta_content h6 {
align-items: center;
padding-top: 0px;
}
.cta_section_two .cta_item {
justify-content: space-around;
padding-top: 23px;
}
.cta_section_two .cta_content.ctct p {
color: #fff;
}
.cta_section_two .cta_item:after {
position: absolute;
content: none;
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
0 0 0 10px rgba(255, 255, 255, 0.8);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
0 0 0 10px rgba(255, 255, 255, 0.8);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
0 0 0 10px rgba(255, 255, 255, 0.8);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
0 0 0 10px rgba(255, 255, 255, 0.8);
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
0 0 0 10px rgba(255, 255, 255, 0.8);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
0 0 0 10px rgba(255, 255, 255, 0.8);
transform: scale(1.5);
opacity: 0;
}
}
@media only screen and (min-width: 991px) {
.header-7 .navigation-wrapper:before {
position: absolute;
content: '';
height: 100%;
width: 31%;
left: -42px;
top: 0;
background-color: var(--bs-primary);
z-index: 5;
transform: skewX(-30deg);
border-radius: 0 0 40px 0;
}
.header-7 .navigation-wrapper:after {
position: absolute;
content: '';
height: 100%;
width: 31%;
left: -37px;
bottom: -19px;
background-color: #ffca00;
z-index: -2;
transform: skewX(-15deg);
border-radius: 0 0 70px 0;
}
.header-7 .menu-right {
margin-top: 10px;
margin-bottom: 24px;
}
.main-slider-7 {
top: -36px;
}
.header-7 + .bd-page-title {
margin-top: -36px;
}
.header-7 aside.widget.widget-social-widget {
justify-content: flex-end;
}
.header-7 .header-top-info .text-heading {
padding-left: 315px;
}
.cta_left_area:before {
content: "";
left: 0;
bottom: 0;
width: 50%;
height: 100%;
min-height: 97px;
position: absolute;
background: #f6f6f6;
clip-path: polygon(0 0, 80% 0%, 100% 50%, 80% 100%, 0 100%, 0% 50%);
z-index: 0;
}
.cta_section_two .cta_content h6,
.cta_section_two .cta_content p {
color: var(--bs-secondary);
}
}
@media (min-width:992px) and (max-width:1024px){
.main-slider-7 .home-slider .item > img {
min-height: 500px;
}
}
@media only screen and (max-width: 991px) {
.cta_section_two .cta_content {
text-align: center;
}
.info_7 {
margin-top: 0;
}
.header-7 .header-top-info:before {
position: absolute;
content: '';
display:none;
}
.header-7 .header-top-info:after {
position: absolute;
content: '';
display:none;
}
.header-7:before {
position: absolute;
content: '';
display:none;
}
.header-7 {
width: 100%!important;
}
}
@media (max-width: 767px){
.main-slider-7 p {
line-height: 23px;
padding: 7px 15px;
}
.main-slider-7 h1 {
font-size: 35px;
}
}
@media (max-width: 600px){
.main-slider-7 h1 {
font-size: 18px;
}
.main-slider-7 .slider-content h5 {
font-size: 20px;
}
.main-slider-7 .slider-content a.eb-button-border{
margin-left: 4px;
}
.main-slider-7 .slider-btns {
margin-top: 15px;
}
}
@media (min-width: 280px) and (max-width: 480px){
.main-slider-7 .home-slider .item > img {
min-height: 300px;
object-fit: cover;
}
.cta_section_two .cta_right_area {
display: block;
}
.cta_section_two .cta_item {
text-align: center;
width: 100%;
}
.main-slider-7 p {
position: relative;
font-size: 16px;
line-height: 23px;
color: black;
padding: 15px 30px;
background-color: #fff;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
margin-bottom: -13px;
}
.main-slider-7 {
position: relative;
top: 0px;
}
.main-slider-7 h1 {
font-size: 22px;
}
.header-7 aside.widget.right-widget {
float: right;
}
.header-7 aside.widget.right-widget {
display: inline-block;
}
.info_7 {
margin-top: 0;
}
}
.wp-block-calendar #today {
background: var(--bs-primary);
}
.wp-block-calendar #today a {
color: var(--bs-white);
text-decoration: none;
}
.wp-block-avatar img {
border-radius: 50%;
}
.wp-block-calendar table caption {
font-weight: 500;
}
.has-text-color em,
.has-text-color h2 {
color: inherit;
}
.woocommerce-account .addresses .title h3 {
font-size: 20px;
}