@charset "utf-8";

/* ----------------------------------

Name: style.css
Version: 2.3

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Icon
    12. Magnific popup
    13. Header
    14. Page title
    15. Swiper carousel
    16. Slider and parallax typography
    17. Portfolio
    18. Elements
    19. Blog
    20. Footer
    21. Home page
    22. Others

*/

/* ===================================
    Google font
====================================== */

/* ===================================
    Reset
====================================== */
body { color: #000; }
footer { color: #6f6f6f; }
a, a:active, a:focus { color: #7b9020; text-decoration: none; }
a:hover, a:active { color: #b1cb32; text-decoration: none; }

/* ===================================
    Typography
====================================== */

/* text color */
.text-deep-pink, .btn.text-deep-pink {color:#7b9020}
.text-error {color: #ee2323}
.text-success {color: #1a940a}
.text-akz1, .btn.text-akz1 {color: #b1cb32;}
.text-akz2, .btn.text-akz2 {color: #3c7dfc;}
.text-akz3, .btn.text-akz3 {color: #31aecf;}

/* blockquote */
.blog-image blockquote h6:before {color: #7b9020}

/* text link hover color */
a.text-link-white-2:hover, a.text-link-white-2:hover i, a.text-link-white-2:focus, a.text-link-white-2:focus i {color:#7b9020}
a.text-link-deep-pink, a.text-link-deep-pink i {color:#7b9020}
a.text-link-akz1, a.text-link-akz1 i {color: #b1cb32;}
a.text-link-akz1:hover, a.text-link-akz1:hover i, a.text-link-akz1:focus, a.text-link-akz1:focus i {color:#fff}
a.text-link-akz2, a.text-link-akz2 i {color: #3c7dfc;}
a.text-link-akz2:hover, a.text-link-akz2:hover i, a.text-link-akz2:focus, a.text-link-akz2:focus i {color:#fff}
a.text-link-akz3, a.text-link-akz3 i {color: #31aecf;}
a.text-link-akz3:hover, a.text-link-akz3:hover i, a.text-link-akz3:focus, a.text-link-akz3:focus i {color:#fff}

/* hover color */
a.text-deep-pink-hover:hover, a.text-deep-pink-hover:focus {color:#7b9020 !important;}
a.text-akz1-hover:hover, a.text-akz1-hover:focus {color: #b1cb32 !important;}
a.text-akz2-hover:hover, a.text-akz2-hover:focus {color: #3c7dfc !important;}
a.text-akz3-hover:hover, a.text-akz3-hover:focus {color: #31aecf !important;}

/* text property */
.text-middle-line-deep-pink:before {border-bottom: 1px solid #7b9020;}
.text-decoration-line-through-deep-pink:before {background: #7b9020;}

/* heading font */
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
h4 { font-weight: 500; }
h5 { font-weight: 600; }

/* ===================================
    Background color
====================================== */

.bg-deep-pink {background-color:#7b9020;}
.bg-gradient-light-red-light-orange { background-image: linear-gradient(to right top, #7b9020, #aabf44) }
.bg-akz1 {background-color: #b1cb32;}
.bg-akz2 {background-color: #3c7dfc;}
.bg-akz3 {background-color: #31aecf;}

/* ===================================
    Custom
====================================== */

/* divider */
.new-demo {background: #7b9020; color: #fff;}

/* ===================================
    Button
====================================== */

/* button background */
.btn.btn-deep-pink {background: #7b9020; border-color: #7b9020; color: #ffffff}
.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {background: transparent; border-color: #7b9020; color: #7b9020}
.wp-block-button.btn.btn-deep-pink:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-deep-pink:focus .wp-block-button__link:focus {color: #7b9020}
/* button transparent */
.btn.btn-transparent-deep-pink {background: transparent; border-color: #7b9020; color: #7b9020}
.btn.btn-transparent-deep-pink:hover, .btn.btn-transparent-deep-pink:focus {background: #7b9020; border-color: #7b9020; color: #fff}
.wp-block-button.btn.btn-transparent-deep-pink .wp-block-button__link {color: #7b9020}

.btn.btn-akz1 {background: #b1cb32; border-color: #b1cb32; color: #ffffff}
.btn.btn-akz1:hover, .btn.btn-akz1:focus {background: transparent; border-color: #b1cb32; color: #b1cb32}
.btn.btn-transparent-akz1 {background: transparent; border-color: #b1cb32; color: #b1cb32}
.btn.btn-transparent-akz1:hover, .btn.btn-transparent-akz1:focus {background: #b1cb32; border-color: #b1cb32; color: #fff}
.btn.btn-akz1 .wp-block-button__link{color: #ffffff}
.btn.btn-akz1:hover .wp-block-button__link:hover, .btn.btn-akz1:focus .wp-block-button__link:focus {color: #b1cb32}
.btn.btn-transparent-akz1 .wp-block-button__link {color: #b1cb32}
.btn.btn-transparent-akz1:hover .wp-block-button__link:hover, .btn.btn-transparent-akz1:focus .wp-block-button__link:focus {color: #fff}

.btn.btn-akz2 {background: #3c7dfc; border-color: #3c7dfc; color: #ffffff}
.btn.btn-akz2:hover, .btn.btn-akz2:focus {background: transparent; border-color: #3c7dfc; color: #3c7dfc}
.btn.btn-transparent-akz2 {background: transparent; border-color: #3c7dfc; color: #3c7dfc}
.btn.btn-transparent-akz2:hover, .btn.btn-transparent-akz2:focus {background: #3c7dfc; border-color: #3c7dfc; color: #fff}
.btn.btn-akz2 .wp-block-button__link{color: #ffffff}
.btn.btn-akz2:hover .wp-block-button__link:hover, .btn.btn-akz2:focus .wp-block-button__link:focus {color: #3c7dfc}
.btn.btn-transparent-akz2 .wp-block-button__link {color: #3c7dfc}
.btn.btn-transparent-akz2:hover .wp-block-button__link:hover, .btn.btn-transparent-akz2:focus .wp-block-button__link:focus {color: #fff}

.btn.btn-akz3 {background: #31aecf; border-color: #31aecf; color: #ffffff}
.btn.btn-akz3:hover, .btn.btn-akz3:focus {background: transparent; border-color: #31aecf; color: #31aecf}
.btn.btn-transparent-akz3 {background: transparent; border-color: #31aecf; color: #31aecf}
.btn.btn-transparent-akz3:hover, .btn.btn-transparent-akz3:focus {background: #31aecf; border-color: #31aecf; color: #fff}
.btn.btn-akz3 .wp-block-button__link{color: #ffffff}
.btn.btn-akz3:hover .wp-block-button__link:hover, .btn.btn-akz3:focus .wp-block-button__link:focus {color: #31aecf}
.btn.btn-transparent-akz3 .wp-block-button__link {color: #31aecf}
.btn.btn-transparent-akz3:hover .wp-block-button__link:hover, .btn.btn-transparent-akz3:focus .wp-block-button__link:focus {color: #fff}

/* button background */
:hover > .btn.btn-hover-deep-pink {background: #7b9020; border-color: #7b9020; color: #ffffff}
:hover > .btn.btn-hover-deep-pink:hover, .btn.btn-hover-deep-pink:focus {background: transparent; border-color: #7b9020; color: #7b9020}
:hover > .wp-block-button.btn.btn-hover-deep-pink:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-deep-pink:focus .wp-block-button__link:focus {color: #7b9020}
/* button transparent */
:hover > .btn.btn-hover-transparent-deep-pink {background: transparent; border-color: #7b9020; color: #7b9020}
:hover > .btn.btn-hover-transparent-deep-pink:hover, .btn.btn-hover-transparent-deep-pink:focus {background: #7b9020; border-color: #7b9020; color: #fff}
:hover > .wp-block-button.btn.btn-hover-transparent-deep-pink .wp-block-button__link {color: #7b9020}

:hover > .btn.btn-hover-akz1 {background: #b1cb32; border-color: #b1cb32; color: #ffffff}
:hover > .btn.btn-hover-akz1:hover, :hover > .btn.btn-hover-akz1:focus {background: transparent; border-color: #b1cb32; color: #b1cb32}
:hover > .btn.btn-hover-transparent-akz1 {background: transparent; border-color: #b1cb32; color: #b1cb32}
:hover > .btn.btn-hover-transparent-akz1:hover, :hover > .btn.btn-hover-transparent-akz1:focus {background: #b1cb32; border-color: #b1cb32; color: #fff}
:hover > .btn.btn-hover-akz1 .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-akz1:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz1:focus .wp-block-button__link:focus {color: #b1cb32}
:hover > .btn.btn-hover-transparent-akz1 .wp-block-button__link {color: #b1cb32}
:hover > .btn.btn-hover-transparent-akz1:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz1:focus .wp-block-button__link:focus {color: #fff}

:hover > .btn.btn-hover-akz2 {background: #3c7dfc; border-color: #3c7dfc; color: #ffffff}
:hover > .btn.btn-hover-akz2:hover, :hover > .btn.btn-hover-akz2:focus {background: transparent; border-color: #3c7dfc; color: #3c7dfc}
:hover > .btn.btn-hover-transparent-akz2 {background: transparent; border-color: #3c7dfc; color: #3c7dfc}
:hover > .btn.btn-hover-transparent-akz2:hover, :hover > .btn.btn-hover-transparent-akz2:focus {background: #3c7dfc; border-color: #3c7dfc; color: #fff}
:hover > .btn.btn-hover-akz2 .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-akz2:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz2:focus .wp-block-button__link:focus {color: #3c7dfc}
:hover > .btn.btn-hover-transparent-akz2 .wp-block-button__link {color: #3c7dfc}
:hover > .btn.btn-hover-transparent-akz2:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz2:focus .wp-block-button__link:focus {color: #fff}

:hover > .btn.btn-hover-akz3 {background: #31aecf; border-color: #31aecf; color: #ffffff}
:hover > .btn.btn-hover-akz3:hover, :hover > .btn.btn-hover-akz3:focus {background: transparent; border-color: #31aecf; color: #31aecf}
:hover > .btn.btn-hover-transparent-akz3 {background: transparent; border-color: #31aecf; color: #31aecf}
:hover > .btn.btn-hover-transparent-akz3:hover, :hover > .btn.btn-hover-transparent-akz3:focus {background: #31aecf; border-color: #31aecf; color: #fff}
:hover > .btn.btn-hover-akz3 .wp-block-button__link{color: #ffffff}
:hover > .btn.btn-hover-akz3:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz3:focus .wp-block-button__link:focus {color: #31aecf}
:hover > .btn.btn-hover-transparent-akz3 .wp-block-button__link {color: #31aecf}
:hover > .btn.btn-hover-transparent-akz3:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz3:focus .wp-block-button__link:focus {color: #fff}

/* dropdown style 1 */
.dropdown-style-1 .btn:hover, .custom-dropdown .btn:focus {color: #7b9020;}

/* ===================================
    Border
====================================== */

/* border color */
.border-color-light-pink {border-color:#aabf44 !important;}
.border-color-deep-pink {border-color:#7b9020 !important;}

/* border color for overline icon box */
.overline-icon-box.overline-light-pink{border-top-color: #aabf44 !important;}
.overline-icon-box.overline-deep-pink{border-top-color: #7b9020 !important;}

/* ===================================
    Aside style
====================================== */

.aside-title:after {background: #7b9020;}

/* ===================================
    Icons style
====================================== */


/* icon hover effect style 5 */
.social-icon-style-5 a:hover {color: #fff; background-color: #7b9020}

/* icon hover effect style- 5 light*/
.social-icon-style-5-light a:hover {color: #fff; background-color: #7b9020}

/* icon hover effect style 6 */
.social-icon-style-6 a:hover {border-color: #7b9020; color: #7b9020;  background-color: transparent;}

/* icon hover effect style 8 */
.social-icon-style-8 a:hover { color: #7b9020;}

/* ===================================
    Header
====================================== */
/* navigation */
.mobile-toggle:hover span, .white-link .mobile-toggle:hover span { background-color: #7b9020}

/* dark transparent navigation */
header nav.navbar-default, nav.navbar.bootsnav {
    border-bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}
header nav.header-light-transparent .logo .logo-dark, header nav.header-light .logo .logo-dark {
    visibility: hidden;
    opacity: 0;
    display: none;
}
header nav.header-light-transparent .logo .logo-light, header nav.header-light .logo .logo-light {
    visibility: visible;
    opacity: 1;
    width: auto;
}
header.sticky nav.header-dark-transparent .mobile-toggle:hover span, header.sticky .header-dark  .mobile-toggle:hover span {background: #7b9020;}

/* hamburger menu */
.hamburger-menu-links li.show > a{color: #7b9020}
.hamburger-menu-links li a:hover, .follow-box a:hover {color: #7b9020}

/* full width navigation style 1 */
.full-width-pull-menu .link-style-1 ul li:hover > a, .full-width-pull-menu .link-style-1 ul li.show  > a {color: #7b9020}
.full-width-pull-menu .link-style-1 ul li:hover > a:after, .full-width-pull-menu .link-style-1 ul li.show > a:after  {background:#7b9020}

/* full width navigation style 2 */
.full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.show  > a {color: #7b9020}
.full-width-pull-menu .link-style-2 ul li.show > a:after  {background:#7b9020}

/* hamburger menu right side */
.big-menu-links li a:after {background: #7b9020;}

/* sidebar navigation style 2 */
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { border-bottom: 1px solid #7b9020; }
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{color:#7b9020}

header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active  > a {color: #7b9020}

.nav-icon:hover span, .nav-icon.active span { background-color: #7b9020 }

/* new-menu page */
.menu-new a:after {background: #7b9020 none repeat scroll 0 0; color: #fff;}

/* ===================================
    Swiper carousel
====================================== */

/* swiper bottom scrollbar full */
.swiper-bottom-scrollbar-full .swiper-scrollbar-drag {border-radius: 0; background: #7b9020}

/* swiper auto width */
.swiper-auto-slide .swiper-scrollbar-drag:before{background: #7b9020;}

/* swiper auto width */
.swiper-auto-slide .swiper-scrollbar-drag:before{background: #7b9020;}

/* next prev button style 3 */
.swiper-button-prev.swiper-prev-style3,.swiper-button-next.swiper-next-style3 {background-image: none;background-color: #7b9020; color: #fff;}

/* next prev button style 4 */
.swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 {background-image: none; background: #7b9020; color: #fff; text-align: center; line-height: 40px; height: 40px; width: 40px; display: block; float: left; position: relative; left: auto; right: auto; top: 0; margin: 0 auto; }

/* ===================================
    Portfolio
====================================== */



/* ===================================
    Elements
====================================== */

/* search form */
.search-input ::-moz-placeholder, .search-input [placeholder] { color: #7b9020; }

/* list style 2 */
.list-style-2 li:before {background-color: #7b9020;}

/* list style 3 */
.list-style-3 li:before { background-color: #7b9020;}

/* list style 4 */
.list-style-4.list-style-color li:before {color: #7b9020;}

/* list style 5 */
.list-style-5.list-style-color li:before {color: #7b9020}

/* list style 12 */
.list-style-12.list-style-color li:before {color: #7b9020;}

/* pricing box */
.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after{background-color:#7b9020;}

/* feature box style 7 */
.feature-box.feature-box-7 .box:hover .content {border-bottom-color: #7b9020;}
.feature-box.feature-box-7 .box:hover i {color: #7b9020 }

/* feature box style 8 */
.feature-box-8:hover .icon-round-small{ background: #fff; color: #7b9020 !important; }

/* feature box style 9 */
.feature-box-9:hover p {color: #7b9020;}

/* feature box style 10 */
.feature-box-10:hover .number {background: #7b9020; color: #fff }

/* feature box style 13 */
.feature-box-13:before { background: #7b9020; }

/* feature box style 17 */
.feature-box.feature-box-17 .box:hover .content {border-bottom-color: #7b9020;}
.feature-box.feature-box-17 .box:hover {background-color: #7b9020; }

/* counter box style 1 */
.counter-feature-box-1:hover {background:#7b9020; border-color: #7b9020;}

/* counter box style 3 */
.counter-box-3 .counter-box:after {background-color: #7b9020;}

/* skillbar bar style 3  */
.skillbar-bar-style3 .skillbar-bar { background: #7b9020; background: -moz-linear-gradient(to left, #7b9020 0%, #ffffff 100%); background: -webkit-linear-gradient(to left, #7b9020 0%,#ffffff 100%); background: linear-gradient(to right, #7b9020 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9020', endColorstr='#ffffff',GradientType=1 ); }


/* tab style 1 */
.tab-style1 .nav-tabs li:hover i, .tab-style1 .nav-tabs li .active i{color: #7b9020;}

/* tab style 5 */
.tab-style5 .nav-tabs li a:hover { background-color: transparent;color: #7b9020;}
.tab-style5 .nav-tabs .nav-link.active { color: #7b9020 !important;  border-bottom: 2px solid #7b9020 !important; }

/* ===================================
   Blog
====================================== */

/* blog details page */
/* author */
.screen-reader-text:focus { background-color: #f1f1f1; color: #aabf44;}

/* ===================================
    Footer
====================================== */

/* scroll to top */
.scroll-top-arrow:hover {background: #000; color: #fff; border-color: #7b9020}

/* newsletter */
.newsletter .btn.border-color-light-pink {border-color: #aabf44
}
.newsletter .btn.border-color-deep-pink {border-color:#7b9020}

/*instagram feed style 1*/
.instafeed-style1 .insta-counts span.count-number {background: #7b9020;}

/* ===================================
   Home page
====================================== */

/* home - creative designer */
.bg-background-fade {background-color: #ff5851}
.color-1 {background-color: #ff5851;}
.color-2 {background-color: #e86618;}
.color-3 {background-color: #ef3158;}
.color-4 {background-color: #6b0990;}
.color-5 {background-color: #4c0990;}
.color-6 {background-color: #1b3194;}

/* home - portfolio metro */
.text-bold-underline:before {background-color: #7b9020;}

/* ===================================
   Others
====================================== */

/* ===================================
   demo page css
====================================== */

.buy-theme:hover, .all-demo:hover {background: #7b9020}

header a.logo img {
    max-height: 70px;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
}

.mfp-bg, .my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.5;
}

.wp-block-esg-pofo-accordion > .row > .col-12.col-lg-8 {
    width: 100%;
}

.wp-block-esg-pofo-accordion .accordion-style2 .panel .panel-heading {
    background: transparent;
    border-bottom: 2px solid #000;
}

.wp-block-esg-pofo-accordion .accordion-style2 .panel .panel-body {
    color: #000;
}

.accordion-style2 .panel-body a,
.accordion-style2 .panel-body a:active,
.accordion-style2 .panel-body a:focus,
.accordion-style3 .panel-body a,
.accordion-style3 .panel-body a:active,
.accordion-style3 .panel-body a:focus {
    color: #b1cb32;
}
.accordion-style2 .panel-body a:hover,
.accordion-style2 .panel-body a:hover i,
.accordion-style3 .panel-body a:hover,
.accordion-style3 .panel-body a:hover i {
    color: #b1cb32;
}

.accordion-style2 a.wp-element-button,
.accordion-style2 a.wp-block-button__link,
.accordion-style3 a.wp-element-button,
.accordion-style3 a.wp-block-button__link,
.accordion-style2 a.text-white-2,
.accordion-style2 a.btn.text-white-2,
.accordion-style3 a.text-white-2,
.accordion-style3 a.btn.text-white-2,
.accordion-style2 a.text-white-2:hover,
.accordion-style2 a.btn.text-white-2:hover,
.accordion-style3 a.text-white-2:hover,
.accordion-style3 a.btn.text-white-2:hover,
.accordion-style2 a.text-white-2:hover i,
.accordion-style2 a.btn.text-white-2:hover i,
.accordion-style3 a.text-white-2:hover i,
.accordion-style3 a.btn.text-white-2:hover i {
    color: #fff;
}
.accordion-style2 a.wp-element-button:hover,
.accordion-style2 a.wp-element-button:hover i,
.accordion-style2 a.wp-block-button__link:hover,
.accordion-style2 a.wp-block-button__link:hover i,
.accordion-style3 a.wp-element-button:hover,
.accordion-style3 a.wp-element-button:hover i,
.accordion-style3 a.wp-block-button__link:hover,
.accordion-style3 a.wp-block-button__link:hover i {
    color: #b1cb32;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 100% !important;
}

.font-white,
.font-white .text-extra-dark-gray, .font-white .btn.text-extra-dark-gray,
.font-white .text-medium-gray, .font-white .btn.text-medium-gray,
.font-white a {
    color: #fff !important;
}
.font-white .btn.btn-transparent-dark-gray {
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.font-white .btn.btn-transparent-dark-gray:hover, .font-white .btn.btn-transparent-dark-gray:focus {
    background: #fff;
    border-color: #fff;
    color: #232323;
}
.font-white a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.font-extra-dark-gray,
.font-extra-dark-gray .text-extra-dark-gray, .font-extra-dark-gray .btn.text-extra-dark-gray,
.font-extra-dark-gray .text-medium-gray, .font-extra-dark-gray .btn.text-medium-gray,
.font-extra-dark-gray a {
    color: #232323 !important;
}
.font-extra-dark-gray .btn.btn-transparent-dark-gray {
    background: transparent;
    border-color: #232323;
    color: #232323;
}
.font-extra-dark-gray .btn.btn-transparent-dark-gray:hover, .font-extra-dark-gray .btn.btn-transparent-dark-gray:focus {
    background: #232323;
    border-color: #232323;
    color: #fff;
}
.font-extra-dark-gray a:hover {
    color: #232323 !important;
    text-decoration: underline;
}

.wp-block-esg-pofo-pricing-table {
    margin-bottom: 25px;
}
.wp-block-esg-pofo-pricing-table .align-items-center {
    align-items: start !important;
}
.wp-block-esg-pofo-pricing-table .wp-block-esg-pofo-pricing-table-item:first-child { margin-right: 4rem; position: relative; }
.wp-block-esg-pofo-pricing-table .wp-block-esg-pofo-pricing-table-item:first-child:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: -3rem;
    font-size: 3rem;
}
.wp-block-esg-pofo-pricing-table .pricing-box .esg-pofo-item-title { background-color: #7b9020; }