/*
Theme Name: Krowd Child
Description: Child theme for the Krowd themes
Author: CyberPeace Institute
Template: krowd
Version: 2.0.0
*/
/*body.css*/
body {
    line-height: 1.375;
}

h1, h2, h3, h4, h5, h6 {
    color: #191919;
    font-weight: 500;
}

h3 {
    font-size: 1.4rem;
}

a {
    color: var(--e-global-color-primary);
}

a, button {
    cursor: pointer
}/*breadcrumb.css*/
.custom-breadcrumb ol.breadcrumb {
    display: none;
}/*buttons.css*/
div.page .cpi-button a {
    border: 2px solid #fff;
    background-color: var(--e-global-color-primary);
    color: #fff;
    transition: background-color .3s, color .3s;
    text-transform: uppercase;
}

div.page .cpi-button a:is(:active, :focus, :hover) {
    border-color: var(--e-global-color-primary);
    background-color: #fff;
    color: var(--e-global-color-primary);
}
/*footer.css*/
#wp-footer .elementor-206 .elementor-element .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--e-global-color-primary);
}

#wp-footer a.elementor-social-icon:hover, #wp-footer a.elementor-social-icon:active, #wp-footer a.elementor-social-icon:focus {
    background: var(--e-global-color-primary) !important;
}/*glossary.css*/
.glossary .elementor-element, .glossary p {
    margin-bottom: 0;
}
.gsc-work-process .box-content .number-text,
.gsc-work-process:hover .box-content .number-text,
.gsc-work-process.active .box-content .number-text {
    background-color: transparent !important;
    color: var(--e-global-color-b52c7c3);
    font-weight: bold;
}

.gsc-work-process .box-content .number-text:after,
.gsc-work-process:hover .box-content .number-text:after,
.gsc-work-process.active .box-content .number-text:after {
    display: none;
}#hs-eu-cookie-confirmation {
    display: none;
}/*Linked-campaign-content*/
.linked-campaign-content ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.linked-campaign-content ul strong {
    color: #00aa59 !important;
    color: rgba(0,170,89,var(--text-opacity));
    font-weight: 700;
}

.linked-campaign-content ul li {
    font-size: 1.25rem;
    padding-left: 5rem;
}

.linked-campaign-content ul li {
    position: relative;
    margin: 0;
    padding-bottom: 3rem;
    padding-left: 2rem;
}

.linked-campaign-content ul li:first-child:before {
    top: 12px;
}

.linked-campaign-content ul li:last-child:before {
    height:6px;
}

.linked-campaign-content ul li:before {
    --bg-opacity: 1;
    background-color: #00aa59;
    background-color: rgba(0,170,89,var(--bg-opacity));
    width: 2px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
}

.linked-campaign-content ul li:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%2300AA59' cx='11' cy='16' r='10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
}

.linked-campaign-content.elementor-widget-icon-list li {
    margin-top: 0px !important;
    padding-bottom: 50px !important;
    padding-left: 2rem;
}


.linked-campaign-content.elementor-widget-icon-list .elementor-icon-list-icon {
    display: none;
}
/*menu.css*/
.menu-item :is(a[href^="http"], a[href^="/"]),
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > :is(a[href^="http"], a[href^="/"]) {
    color: #1b1f2e !important;
}

.menu-item :is(a[href^="http"], a[href^="/"]):is(:active, :focus, :hover),
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > :is(a[href^="http"], a[href^="/"]):is(:active, :focus, :hover) {
    color: var(--e-global-color-primary) !important;
}

.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner ul,
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner ul {
    right: auto !important;
}

ul.gva-nav-menu > li .submenu-inner li a, ul.gva-nav-menu > li ul.submenu-inner li a {
    text-transform: none;
}.wrapper-page .widget_categories ul > li a .count {
    position: relative;
    top: auto;
    margin: 0;
    font-size: inherit;
}.wrapper-page .heading-title {
    text-transform: uppercase;
}/*Post carousel*/
.post-carousel {
    margin-bottom: 100px !important;
}

.post-carousel .dce-item-carousel {
    box-sizing: border-box;
    margin-bottom: 30px;
    transition: all .35s;
    background: #fff;
    border: 1px solid #e9e9ee;
}

.post-carousel .dce-item-carousel:hover {
    box-shadow: 0px 15px 28px 0px rgb(27 31 46 / 6%);
}

.post-carousel .dce-item-carousel:hover .dce-item_readmore {
    background:  var(--e-global-color-primary);
}

.post-carousel .dce-item-carousel:hover .dce-item_readmore .elementor-button-link.elementor-button {
    color: #fff;
    animation: beat 1.5s ease 0s infinite;
}

.post-carousel .dce-item-carousel .dce-post-image img {
    vertical-align: top;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 302px;
    object-fit: cover;
    display: inline-block;
    max-width: 100%;
}

.post-carousel .dce-item-carousel .dce-item_title {
    box-sizing: border-box;
    padding: 40px 25px 0;
    background: #fff;
}

.post-carousel .dce-item-carousel .dce-item_title a:hover {
    color: var( --e-global-color-primary);
}

.post-carousel .dce-item-carousel .dce-item_readmore {
    position: absolute;
    bottom: 0;
    left: 25px;
    width: 60px;
    height: 60px;
    background: #f7f7f9;
    line-height: 74px;
    text-align: center;
}

.post-carousel .dce-item-carousel .dce-item_readmore .elementor-button-link.elementor-button {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 20px 14px;
    text-decoration: none;
    color: #1b1f2e;
    font-size: 24px;
    display: block;
}

.post-carousel .dce-item-carousel .dce-item_readmore .elementor-button-link.elementor-button:before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    display: inline-block;
}

.post-carousel .dce-container-navigation .swiper-button-prev svg, .post-carousel .dce-container-navigation .swiper-button-next svg {
    display: none;
}

.post-carousel .dce-container-navigation .swiper-button-prev,
.post-carousel .dce-container-navigation .swiper-button-next {
    display: none;
    height: 46px;
    width: 46px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    transition: all .35s;
}

.elementor-section:hover .post-carousel .dce-container-navigation .swiper-button-prev,
.elementor-section:hover .post-carousel .dce-container-navigation .swiper-button-next {
    display: initial;
}

.post-carousel .dce-container-navigation .swiper-button-prev:hover,
.post-carousel .dce-container-navigation .swiper-button-next:hover  {
    background: var(--e-global-color-primary);
    color: #fff;
}

.post-carousel .dce-container-navigation .swiper-button-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.post-carousel .dce-container-navigation .swiper-button-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.post-carousel .dce-carousel-controls .swiper-pagination {
    bottom: -60px;
    left: 0;
    width: 100%;
}

.post-carousel .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 8px;
}

.post-carousel .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
}
/* Ukraine timeline */
.page-id-21392 {
    background-color: #12364f;
}

.page-id-21392 .wrapper-page {
    background-color: transparent;
}

.page-id-21392 #page-content {
    color: #fff;
}

.page-id-21392 #page-content a {
    color: var(--e-global-color-primary);
}

.page-id-21392 #page-content h3 {
    color: #fff;
}

.page-id-21392 #page-content .elementor-button {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #00AA5A;
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #00AA5A;
    border-radius: 50px 50px 50px 50px;
    padding: 22px 39px 22px 39px;
}
