/*
Theme Name:   IH Hello Elementor Child
Theme URI:    https://impacthub.net
Description:  IH Hello Elementor Child
Author:       Impact Hub
Author URI:   https://impacthub.net
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  hello-elementor
*/

[type=button]:focus, [type=submit]:focus, button:focus{
    outline: 5px auto rgba(0,0,0,0.5);
}

:root{--tec-color-icon-focus: #1C395C;
    --tec-color-event-icon-hover: #1C395C;
    --tec-color-accent-primary: #1C395C;
--tec-color-accent-primary-hover: rgba(28,57,92,.8); --tec-color-accent-primary-active: rgba(28,57,92,.9);--tec-color-link-accent-hover: rgba(28,57,92,.8);
--tec-border-radius-default: 40px;
--tec-font-family-sans-serif: "Poppins","Helvetica Neue",Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
}

.tribe-common button, .tribe-common input, .tribe-common optgroup, .tribe-common select, .tribe-common textarea{
	font-family:'Poppins';
}


.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video{
	height: 85vh;
}

.large-select input, .gform_wrapper.gravity-theme .large-select .ginput_container_date input{
	width:100%;
}

#scrolling-header{
	width:100% !important;
}

.cli-bar-btn_container a, .cli-preference-btn-wrapper a{
	font-size:inherit;
	border-radius:50px !important;
}

#cookie-law-info-bar, 
#cookie-law-info-again, .cli-modal-content{
	border-radius:30px; 
}

.ginput_container .large {
    width: 100%;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border{
    border-radius: 40px;
    overflow: hidden;
}







/* NEW STYLE BD  */
.single.single-post header.page-header{
    margin: 3rem 0;
}
.single.single-post h1.entry-title{
    font-size: 2.5rem;
}
.single.single-post .page-content p{
    margin-bottom: 2rem
}
.single.single-post .comments-area h2 {
    font-size: 1.5rem;
}
textarea#comment{
    background: #f2f2f2;
}
.single.single-post main.site-main{
    margin: 3rem auto;
}
@media (min-width: 1200px) {
    .single.single-post .page-header .entry-title, 
    .single.single-post .site-footer .footer-inner, 
    .single.single-post .site-footer:not(.dynamic-footer), 
    .single.single-post .site-header .header-inner, 
    .single.single-post .site-header:not(.dynamic-header), 
    body.single.single-post:not([class*=elementor-page-]) .site-main {
      max-width: 768px;
    }
}


input[type=date], 
input[type=email], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
select, 
textarea {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 0.75rem 1rem;
    transition: all .3s;
    margin-bottom: 1.15rem;
}
label {
    width: 100%;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.25;
    margin: 0 0 4px;
}
input[type="submit"]{
    margin-top: 1rem;
}
 
input[type=text]:read-only{
    opacity: 0.5;
    background: #eee;
    cursor: no-drop;
}

em.text-line {
    font-style: normal;
    background-repeat: no-repeat;
    background-position: left 80%;
    display: inline;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFD546), to(#FFD546));
    background-image: -o-linear-gradient(left, #FFD546 0, #FFD546 100%);
    background-image: linear-gradient(to right, #FFD546 0, #FFD546 100%);
    background-size: 100% 12px;
}

.bd-form-row{
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.bd-form-row--half{
    width: 100%;
    max-width: calc(50% - 8px);
}
.bd-form-row--full{
    width: 100%;
    max-width: 100%;
}
.text-white{
    color: white!important;
}


.bd-acf-gallery {
    display: flex;
    flex-wrap: wrap;
    margin: -8px; /* Compensa i 16px di margine tra gli elementi */
}

.bd-acf-gallery-item {
    box-sizing: border-box;
    padding: 8px; /* Metà della distanza desiderata (16px) */
}

.bd-acf-gallery-item img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 1024px) {
    .bd-acf-gallery-item {
        width: calc(20% - 16px); /* 5 colonne con 16px di spazio */
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bd-acf-gallery-item {
        width: calc(25% - 16px); /* 4 colonne con 16px di spazio */
    }
}

@media (max-width: 767px) {
    .bd-acf-gallery-item {
        width: calc(50% - 16px); /* 2 colonne con 16px di spazio */
    }
}






/* Wrapper per le card */
.bd-startup-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 0;
    margin: 24px 0;
}

/* Stile della card */
.bd-startup-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: none;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: auto;
    width: 100%;
    max-width: calc(25% - 24px);
}

/* Effetto hover per la card */
.bd-startup-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Logo */
.bd-startup-logo img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 20px;
}

/* Titolo */
.bd-startup-name {
    color: #1C395C;
    font-size: 18px !important;
    margin: 0 0 12px;
    padding: 0;
    text-align: left;
    line-height: 1.25 !important;
}

/* Descrizione */
.bd-startup-desc p{
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: left;
    color: #1C395C;
}

/* Link */
.bd-startup-link {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    font-size: 15px !important;
    opacity: 0.86;
    line-height: 1;
    text-transform: uppercase;
    background: #1EA3B6;
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    color: white !important;
    font-weight: 600 !important;
}

.bd-startup-link:hover {
    opacity: 1
}


.bd-startup-body,
.bd-startup-footer{
    padding: 24px;
}
.bd-startup-footer{
    margin-top: auto;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .bd-startup-item {
        max-width: calc(33.333% - 24px);
    }
}

@media (max-width: 767px) {
    .bd-startup-item {
        max-width: calc(100%);
    }
}