/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

/*
#00A2DD Azzurro
#1471B9 Blu
*/
:root {
    --tp-ff-body: 'Manrope', sans-serif;
    --tp-ff-heading: 'Manrope', sans-serif;
    --tp-ff-fontawesome: Font Awesome 6 Pro;
    --tp-common-white: #ffffff;
    --tp-common-black: #000000;
    --tp-common-orange: #00A2DD;
    --tp-heading-primary: #0b3f67;
    --tp-grey-1: #f2f7f7;
    --tp-grey-2: #8b9e9e;
    --tp-text-body: #6e7a7a;
    --tp-theme-1: #0e5083;
    --tp-theme-2: #0e5083;
    --tp-theme-3: #8fe1de;
    --tp-border-1: #0b3f67;
    --tp-border-2: #edefef;
}
.tp-slider__shape-3 img{
    filter: hue-rotate(45deg);
}
.tp-slider__shape-4 img{
    filter: hue-rotate(199deg);
}
.tp-cta-2__shape-1 img{
    filter: hue-rotate(45deg);
}
.tp-cta-2__shape-2 img{
    filter: hue-rotate(199deg);
}
.tp-header__logo {
    background-color: #ffffff;
}
.tp-header__logo::after {
    background-color: #e9e9e9;
}
.theme-bg {
    background-color: #1471B9;
}
.theme-bg {
    background-color: var(--tp-theme-1);
}
.tp-header__tel-icon span {
    background-color: #00A2DD;
}
.tp-header-top__left-box ul li span {
    color: #fff;
}
.tp-header-top__right-box ul li a {
    color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tp-slider__shape-4 {
        display: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tp-slider__shape-3 {
        display: unset;
    }
}
.tp-header-2__bar button {
    border: unset;
}
.tp-header__main-menu nav > ul > li .submenu {
    border-top: 3px solid #00A2DD;
}
.tp-header__main-menu nav > ul > li .submenu > li > a::before {
    background-color: #00A2DD;
}
.tp-header__main-menu nav > ul > li .submenu > li:hover a {
    color: #00A2DD;
}
.tp-btn.theme-2-bg {
    background-color: #00A2DD;
}
.tp-btn.theme-2-bg:hover::after {
    background-color: #1471B9;
}
.tp-header__tel-icon span::after {
    background-color: #1471B9;
}
.swiper-slide-active .tp-slider__shape-3 {
    z-index: 0;
}
.swiper-slide-active .tp-slider__shape-2 {
    z-index: 0;
}
.tp-slider-subtitle {
    font-size: 25px;
    color: var(--tp-common-white);
    font-weight: 400;
    padding: 8px 32px;
    background-color: rgb(0 0 0 / 22%);
    display: inline-block;
    margin-bottom: 17px;
}
.tp-slider-subtitle {
    font-size: 25px;
    color: var(--tp-common-white);
    font-weight: 400;
    padding: 0;
    background-color: rgb(0 0 0 / 0%);
    display: inline-block;
    margin-bottom: 17px;
    text-shadow: 0 0 4px black;
}
.tp-slider__bg {
    background-size: cover;
    background-position-x: 0%;
    background-position-y: 15%;
}
.tp-about__space {
    padding: 50px 0;
}
.tp-testimonial__thumb img {
    border-radius: 50px!important;
}

.tp-blog__item{
    min-height: 375px;
    max-height: 375px;
    object-fit: cover;
}

.tp-cta-2__bg::before{
    content: " ";
    background: #00000082;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1;
    top: 0px;
}
.tp-cta-2__bg .container{
    position: relative;
    z-index: 1;
}
.tp-cta-2__shape-1 {
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 2;
}
.tp-cta-2__shape-2 {
    position: absolute;
    right: 0;
    bottom: -15px;
    z-index: 1;
}
.tp-header__logo{
    box-shadow: #00000014 0px 20px 20px 0px;
}
.tp-header__area{
    box-shadow: #00000014 0px 20px 20px 0px;
}
.tp-donate-2__thumb-text {
    left: 40%;
}
.tp-donate-2__item:hover .tp-donate-2__thumb-text {
    left: 40%;
}
.admin-bar .mfp-wrap .mfp-close, .admin-bar .mfp-wrap .mfp-close:active, .admin-bar .mfp-wrap .mfp-close:hover, .admin-bar .mfp-wrap .mfp-close:focus {
    top: -40px !important;
}

/* @media (max-width: 767px) {
    .tp-slider__bg {
        background-position: center;
        min-height: calc(100vh - 100px);
    }
} */
@media (max-width: 767px) {
    .tp-slider__bg {
        background-position: center;
        min-height: calc(100vh - 100px);
        background-size: cover !important;
    }
    .tp-about__icon {
        position: absolute;
        top: 61%;
        left: 0%;
        width: 100%;
        display: block!important;
    }
    
}

.tp-slider__bg:before {
    content: '';
    position: absolute;
    background: #2A7B9B;
    /* background: linear-gradient(139deg, rgb(32 156 93) 0%, rgb(87 199 133 / 49%) 30%, rgb(237 221 83 / 0%) 100%); */
    /* background: linear-gradient(139deg, rgb(183 191 189) 0%, rgb(180 193 185) 41%, rgb(237 221 83 / 0%) 100%); */
    /* background: linear-gradient(139deg, rgb(8 8 8) 0%, rgb(3 23 43) 0%, rgb(237 221 83 / 0%) 49%); */
    background: linear-gradient(139deg, rgb(8 8 8) 1%, rgb(3 23 43) 21%, rgb(237 221 83 / 0%) 100%);
    z-index: 0;
    width: 100%;
    height: 100%;
    /* opacity: 0.5; */
}
.tp-slider-title{
    /* text-shadow: 0 0 7px #187948; */
    text-shadow: 0 0 7px #000000;
    font-size: 3rem;
}
.tp-feature__icon span {
    background-color: #1471B9;
}
.tp-feature__icon span img{
    padding-bottom: 22px;
    width: 65px;
}
.tp-donate-progress-item .progress-count {
    position: unset;
}

/* Menu OffCanvas */
.tpoffcanvas {
    background-color: #ffffff;
}
.tp-main-menu-mobile ul li > a {
    color: #353535;
}
.tpoffcanvas__contact-info ul li {
    color: #6d6b6b;
}
.tp-providing__tab nav button.active {
    background-color: #00A2DD;
}
.tp-providing__icon span {
    color: #1471B9;
}
.tp-section-subtitle {
    color: #00A2DD;
}
.tp-section-subtitle::before {
    background-color: #00A2DD;
}
.tp-section-subtitle::after {
    background-color: #1471B9;
}
.tp-btn {
    background-color: #00A2DD;
}
/* .tp-btn:hover {
    color: #1471B9;
} */
.tp-footer__icon i {
    color: #fff;
}
.tpoffcanvas__social .social-icon a {
    color: #6d6b6b;
}

@media (max-width: 767px) {
    /* .tp-header__plr {
        padding: 0px 0;
        padding-left: 214px;
    } */
    .tp-header__plr {
        padding: 0px 0;
        padding-left: 200px;
    }
    /* .tp-header__logo {
        height: calc(100% - 10px);
    } */
    /* header{
        height: 60px;
    } */
    .testo-step-timeline{
        font-size: 0.7rem;
    }
}

.sidebar__widget-theme-bg {
    background-color: #1471B9;
}

.tp-about__icon a::before {
    background-color: rgb(76 215 254 / 60%);
}
.tp-footer__bg::after {
    background-color: rgb(24 45 69 / 96%);
}

.tp-about-2__icon a::before {
    background-color: rgb(76 166 254 / 60%);
}
.tp-about-2__list-icon i {
    color: #00a2dd;
}
.tp-about__list-icon i {
    color: #00a2dd;
}
.tp-gallery__shape img{
    filter: hue-rotate(45deg);
}
.tp-gallery__thumb-overly {
    background-color: #00a2dd;
}
.tp-donate__thumb img {
    /* filter: hue-rotate(36deg); */
}
/* .tp-slider__shape {
    top: 47%;
    left: 30%;
} */
.tp-slider__shape {
    top: 51%;
    left: 29%;
}

.tp-header-3__main-menu > nav > ul > li {
    padding-right: 20px;
    display: inline-block;
    list-style-type: none;
    position: relative;
}

.tp-about__area .container{
    overflow: hidden;
}
.tp-providing__area{
    overflow: hidden;
}
.breadcrumb-item.active{
  display: inline-block;
  width: 260px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.tp-footer__bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    z-index: 2;
}
.tp-donate__thumb-shape {
    position: absolute;
    left: -30px;
    bottom: 11px;
    z-index: 1;
    z-index: 3;
    filter: hue-rotate(36deg);
}
.tp-blog__item img {
    transition: 0.9s;
    width: 100%;
    height: 375px;
    object-fit: cover;
}
.tp-footer__logo {
    padding-bottom: 22px;
    padding-right: 20px;
}

.tp-breadcrumb-height {
    background-color: #121f2f;
}
.tp-header-3__main-menu > nav > ul > li .submenu > li {
    padding: 0 25px;
    margin-bottom: 13px;
    display: block;
}
@media (max-width: 767px) {
    .tp-slider__bg {
        min-height: calc(100vh - 240px) !important;
        background-position-x: 60%;
    }
}
header{
   height: 135px; 
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tp-header-3__logo {
        padding: 20px 0;
    }
}
.tp-header-3__main-menu > nav > ul > li > a {
    padding: 36px 0;
}
.tp-header-3__bar button {
    height: 45px;
    width: 45px;
    line-height: 45px;
}
@media (max-width: 767px) {
    .tp-about__wraper {
        flex-wrap: wrap;
        padding-right: 0px;
    }
}

.scroll-top {
    right: 5px;
}
.scroll-top.open {
    bottom: 88px;
}
.grecaptcha-badge{
    z-index: 3;  
}
textarea{
    border: 0px;
    padding: 30px;
}
.wpcf7-submit{
    border: 0;
}


.tp-textarea {
  width: 100%;       /* occupa tutta la larghezza del contenitore */
  max-width: 100%;   /* non supera la larghezza massima del genitore */
  box-sizing: border-box; /* include padding e bordo nella larghezza */
  height: auto;      /* altezza automatica */
  min-height: 150px; /* altezza minima, puoi regolarla come preferisci */
  resize: vertical;  /* permette di ridimensionare in verticale solo se vuoi */
}

.single.single-post .entry-title {
    font-size: 2.5rem;
}

.tp-slider__bg {
    min-height: unset;
    height: calc(100vh - 200px);
}
@media (max-width: 767px) {
    .tp-slider__bg {
        height: calc(100vh - 240px);
    }
}
/* .progress-bar-1 {
position: absolute!important;
left:0%!important;
height:9px;
}
.progress-bar-2 {
position: absolute!important;
left:20%!important;
height:9px;
}
.progress-bar-3 {
position: absolute!important;
left:40%!important;
height:9px;
}
.progress-bar-4 {
position: absolute!important;
left:60%!important;
height:9px;
}
.progress-bar-5 {
position: absolute!important;
left:80%!important;
height:9px;
} */
