/*
Theme Name: Conall Child
Theme URI: https://conall.qodeinteractive.com/
Description: A child theme of Conall Theme
Author: Edge Themes
Author URI: http://themeforest.net/user/edge-themes
Version: 1.1.1
Text Domain: conall
Template: conall
*/

/*

CSS FOOTER BLOCCO NAZIONI

*/


.em-footer-contacts{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:24px;
  width:100%;
  align-items:flex-start;
}

.em-contact-block{
  min-width:0;
}

.country-title{
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1.1;
  margin:0 0 10px 0;
  text-transform:uppercase;
}

.em-contact-block .edgtf-iwt{
  margin-bottom:9px !important;
}

.em-contact-block .edgtf-iwt-content-holder{
  margin:0 !important;
  padding:0 !important;
}

.em-contact-block .edgtf-iwt-icon-title-holder{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

.em-contact-block .edgtf-iwt-icon-holder{
  width:20px !important;
  min-width:20px !important;
  flex:0 0 20px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.em-contact-block .edgtf-icon-element{
  font-size:18px !important;
  line-height:1 !important;
}

.em-contact-block .edgtf-iwt-title-holder{
  flex:1 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.em-contact-block h6{
  color:#fff !important;
  font-size:clamp(9px,0.72vw,10.5px) !important;
  font-weight:600;
  line-height:1.25 !important;
  margin:0 !important;
  padding:0 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.em-contact-block a{
  color:#fff !important;
  text-decoration:none;
  word-break:normal !important;
  overflow-wrap:normal !important;
  white-space:normal;
}

.em-contact-block a:hover{
  text-decoration:underline;
}

/* DESKTOP MEDIO */
@media (max-width:1400px){
  .em-footer-contacts{
    gap:18px;
  }

  .em-contact-block h6{
    font-size:9.5px !important;
  }
}

/* iPAD ORIZZONTALE */
@media (min-width:1024px) and (max-width:1180px){
  .em-footer-contacts{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
  }

  .country-title{
    font-size:14px;
  }

  .em-contact-block h6{
    font-size:9px !important;
  }

  .em-contact-block .edgtf-iwt-icon-holder{
    width:18px !important;
    min-width:18px !important;
    flex-basis:18px !important;
  }

  .em-contact-block .edgtf-icon-element{
    font-size:16px !important;
  }
}

/* iPAD VERTICALE */
@media (min-width:768px) and (max-width:1023px){
  .em-footer-contacts{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 40px;
  }

  .country-title{
    font-size:16px;
  }

  .em-contact-block h6{
    font-size:11px !important;
  }
}

/* MOBILE */
@media (max-width:767px){
  .em-footer-contacts{
    grid-template-columns:1fr;
    gap:24px;
    justify-items:center;
  }

  .em-contact-block{
    width:320px;
    max-width:92vw;
    text-align:left;
  }

  .country-title{
    font-size:16px;
    margin-bottom:10px;
    text-align:left;
  }

  .em-contact-block .edgtf-iwt{
    margin-bottom:8px !important;
  }

  .em-contact-block .edgtf-iwt-icon-title-holder{
    align-items:center !important;
    gap:7px !important;
  }

  .em-contact-block .edgtf-iwt-icon-holder{
    width:20px !important;
    min-width:20px !important;
    flex-basis:20px !important;
  }

  .em-contact-block h6{
    font-size:11px !important;
    line-height:1.25 !important;
    text-align:left;
  }

  .em-contact-block a{
    white-space:nowrap;
  }
}


/*

CSS FOOTER BLOCCO NAZIONI

*/



.wpcp-slide-image,
.wpcp-slide-image img {
    border-radius: 30px !important;
    overflow: hidden !important;
}

/* Eccezione per il carousel 3905 */
#wpcpro-wrapper-3905 .wpcp-slide-image,
#wpcpro-wrapper-3905 .wpcp-slide-image img {
    border-radius: 0 !important;
}


/* Eccezione per il carousel 3926 */
#wpcpro-wrapper-3926 .wpcp-slide-image,
#wpcpro-wrapper-3926 .wpcp-slide-image img {
    border-radius: 0 !important;
}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');




span.edgtf-tab-title-inner {
    color: #ffffff !important;
}

/* Il bianco verrà applicato SOLO dentro gli elementi con classe .sezione-blu */
.sezione-blu .edgtf-accordion-holder .edgtf-title-holder,
.sezione-blu .edgtf-accordion-holder .edgtf-accordion-number,
.sezione-blu .edgtf-accordion-holder .edgtf-tab-title-inner {
    color: #ffffff !important;
    opacity: 1;
}


.mybutton{
font-size: clamp(0.925rem, 0.75rem + 0.625vw, 1.25rem);
font-weight:400;
}




.second { background-color: #199dd8; }
.edgtf-drop-down .wide.left_position .second .inner ul { background-color: #199dd8; }

.edgtf-drop-down .wide .second .inner ul { background-color: #199dd8; }

   /* Example for main menu background */
    .main-navigation {
        background-color: #199dd8;
    }

    /* Example for submenu background */
    .sub-menu {
        background-color: #199dd8;
    }


.category-homepage{
 display: flex;
  align-items: right;        /* centra verticalmente */
  justify-content: right;    /* opzionale: centra orizzontalmente 
  min-height: 10vh;*/
}
.edgtf-page-header .edgtf-fixed-wrapper.fixed .edgtf-menu-area {
    background-color: #199dd8;
}


 .edgtf-accordion-number {color:#199dd8;}

.page-id-30063 .edgtf-page-header{
    display: none;
}
.page-id-30063  .edgtf-mobile-header{
    display: none;
}

.page-id-30540 .edgtf-page-header{
    display: none;
}
.page-id-30540  .edgtf-mobile-header{
    display: none;
}

.page-id-34560 .edgtf-page-header{
    display: none;
}


div.concessionaria{
background-image: url("https://www.europemedia.it/wp-content/uploads/2024/12/6.png");
widht:1080px;
height:1080px;
background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
div.conc-inner{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
}



footer {
background-color:#01538d;
}


h3.intro{
  text-align: center;
    font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
font-size:100px;
line-height:130px;
}



div.intro_mobile{
  text-align: center;
  font-family: Montserrat;
  font-weight:1000;
font-size:30px;
line-height:40px;
}


/*div.second, div.inner{width:350px;}*/

/*div.inner ul {width:350px;}*/





/* ================================
   CSS HOME PAGE
================================ */



.box-concessionaria {
min-height:270px;

}


h3.homepage{
 font-weight: 700;
  font-size: clamp(18px, 2vw, 56px);
  
}


p.homepage{
 
  font-size: clamp(14px, 1vw, 20px);color: #fff;
}

a.homepage {
color: #e6e6e6;
text-decoration: underline;
}

a.homepage:hover {

color: #edce77;
text-decoration: underline;
}


a.homepage- {
color: #fff;

}

a.homepage-:hover {

color: #fff;
text-decoration: underline;
}


p.homegabutton {

font-size: clamp(11px, 1vw, 17px)
}

/* ================================
   FINE CSS HOME PAGE
================================ */



/* ================================ */



/* ================================
   CSS CENTRO MEDIA
================================ */


/* ================================
   GRID CONTAINER
================================ */

.feature-cards,
.media-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2em;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  font-family: 'Montserrat', sans-serif;
}

.feature-cards {
  max-width: 1100px;
  gap: 30px;
}

/* ================================
   CARD STYLE
================================ */

.feature-card,
.media-card {
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  background: radial-gradient(circle at 35% 25%, #199FDA 0%, #0f7db7 45%, #01538f 100%);
  color: #ffffff !important;
  text-align: center;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  padding: 40px 25px;
  box-sizing: border-box;

  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/*
.feature-card:hover,
.media-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}
*/

/* ================================
   ICON
================================ */

.feature-icon {
  width: 60px;
  height: 50px;
  margin-bottom: 15px;

  background-image: url("https://www.europemediaspain.es/wp-content/uploads/2026/04/Pittogramma_Logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* ================================
   SEPARATOR
================================ */

.feature-separator {
  width: 80px;
  height: 3px;
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ================================
   TITLES
================================ */

.feature-text,
.media-title {
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(20px, 1.5vw, 22px);
  line-height: 1.2;
  font-weight: 600;
  text-transform: none;
  text-align: center;
}

.media-title {
  min-height: 60px;
  padding-bottom: 20px;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* ================================
   DESCRIPTIONS
================================ */

.media-text {
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.35;
  font-weight: 400;
  text-transform: none;
  text-align: center;

  min-height: 110px;

  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* ================================
   RESPONSIVE
================================ */

/* Tablet */ @media (max-width: 850px) { .feature-cards, .media-cards { grid-template-columns: repeat(2, 1fr); gap: 24px; width: 100%; max-width: 100%; padding: 0 30px; box-sizing: border-box; height: auto !important; max-height: none !important; overflow: visible !important; } .feature-card, .media-card { aspect-ratio: auto; min-height: 320px; height: auto; padding: 40px 28px; box-sizing: border-box; overflow: visible; } .media-title { min-height: auto; margin: 0 0 18px 0; padding-bottom: 0; font-size: 20px; line-height: 1.2; } .media-text { min-height: auto; display: block; font-size: 15px; line-height: 1.45; overflow-wrap: break-word; } .feature-icon { width: 55px; height: 45px; margin-bottom: 14px; } .feature-separator { width: 70px; margin-bottom: 18px; } } /* Mobile */ @media (max-width: 550px) { .feature-cards, .media-cards { grid-template-columns: 1fr; width: 100%; max-width: 100%; padding: 0 20px; box-sizing: border-box; } .feature-card, .media-card { min-height: 340px; padding: 38px 22px; } } /* Sicurezza contro contenitori del tema che tagliano le card */ .media-cards, .feature-cards, .vc_row, .vc_column_container, .wpb_wrapper { height: auto !important; max-height: none !important; overflow: visible !important; }


.media-cards {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-items: stretch !important;
}

/* Forza tutte le 6 card visibili */
.media-cards .media-card {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Contenitori WPBakery / tema Conall */
.vc_row,
.vc_column-inner,
.vc_column_container,
.wpb_wrapper,
.edgtf-container,
.edgtf-container-inner,
.edgtf-full-section-inner,
.edgtf-section-inner {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* iPad */
@media (min-width: 551px) and (max-width: 1024px) {
  .media-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 24px !important;
  }

  .media-card {
    aspect-ratio: auto !important;
    min-height: 320px !important;
  }
}


.feature-cards-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 551px) and (max-width: 850px) {

  .feature-cards-wrapper {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .feature-cards.feature-cards-top {
    display: flex !important;
    justify-content: center !important;
    gap: 18px !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }

  .feature-cards.feature-cards-top .feature-card {
    width: 150px !important;
    height: 150px !important;
    flex: 0 0 150px !important;
    aspect-ratio: unset !important;
    padding: 22px 14px !important;
  }
}



/* ================================
   FINE CSS - CENTRO MEDIA
================================ */



/* ================================ */



/* ================================
   CSS GRAVITY FORM
================================ */



/* Applica il bordo arrotondato alle immagini con classe skip-lazy */
body:not(.page-id-419) img.skip-lazy {
    border-radius: 10% !important;
    overflow: hidden; /* Assicura che l'immagine non esca dai bordi arrotondati */
/* Gradiente lineare: da blu scuro 20% trasparenza a blu chiaro 5% trasparenza */
    background: linear-gradient(to bottom, rgba(1, 83, 143, 0.2), rgba(25, 157, 216, 0.05));
    /* Nota: per vedere il gradiente "sopra" l'immagine serve un overlay, 
       ma puoi applicarlo come filtro se l'immagine è in un div */
}



* ============================================================
   GRAVITY FORMS: 2 COLONNE + COLORI #01538F
   VERSIONE DEFINITIVA: TITOLI BOLD E COMPATTI
============================================================ */

/* 1. RESET COLORI E FONT GENERALE (INCLUSI TITOLI H2/H3 DI SEZIONE) */
body .gform_wrapper, 
body .gform_wrapper .gfield_label, 
body .gform_wrapper .gfield_label label, 
body .gform_wrapper .ginput_complex label, 
body .gform_wrapper .gfield_required, 
body .gform_wrapper .gfield_description, 
body .gform_wrapper .gfield_html, 
body .gform_wrapper .gfield_checkbox label, 
body .gform_wrapper .gfield_radio label, 
body .gform_wrapper .gfield_caption,
body .gform_wrapper .gsection_title,
body .gform_wrapper .gfield_section_header,
body .gform_wrapper h2.gsection_title,
body .gform_wrapper h3.gsection_title,
body .gform_wrapper .gfield.gsection h2,
body .gform_wrapper .gfield.gsection h3,
body .gform_wrapper .gfield.gsection h4 {
    color: #01538f !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
}

/* 2. TITOLI DI SEZIONE (es: Contacts users, Información del usuario) */
body .gform_wrapper .gsection_title,
body .gform_wrapper .gfield.gsection h2,
body .gform_wrapper .gfield.gsection h3,
body .gform_wrapper .gfield.gsection h4 {
    color: #01538f !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

body .gform_wrapper .gfield.gsection {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 15px !important;
    margin-top: 20px !important;
    padding-bottom: 3px !important;
}

/* 3. LAYOUT A 2 COLONNE (Desktop > 768px) */
@media screen and (min-width: 769px) {
    body .gform_wrapper .gform_fields {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-column-gap: 25px !important;
        grid-row-gap: 15px !important;
    }

    body .gform_wrapper .gfield {
        grid-column: span 1 !important;
        width: 100% !important;
        margin-top: 0 !important;
    }

    /* Campi a tutta larghezza (Sezioni, HTML, Textarea) */
    body .gform_wrapper .gfield.gsection, 
    body .gform_wrapper .gfield_html, 
    body .gform_wrapper .gfield--type-textarea, 
    body .gform_wrapper .gfield_textarea, 
    body .gform_wrapper .gfield--type-section {
        grid-column: 1 / -1 !important;
    }
}

/* 4. INPUT (Campi di testo, Bordi e Colori) */
body .gform_wrapper input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]), 
body .gform_wrapper select, 
body .gform_wrapper textarea {
    color: #01538f !important;
    padding: 10px 12px !important;
    border: 1px solid #01538f !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 5. PULSANTE DI INVIO */
body .gform_wrapper .gform_footer .gform_button, 
body .gform_wrapper .gform_footer input[type="submit"] {
    background-color: #0059a6 !important;
    color: #ffffff !important;
    padding: 15px 40px !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

body .gform_wrapper .gform_footer .gform_button:hover, 
body .gform_wrapper .gform_footer input[type="submit"]:hover {
    background-color: #199FDA !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}


/* Ripristina il testo normale (non grassetto) per Radio e Checkbox */
body .gform_wrapper .gfield_radio label,
body .gform_wrapper .gfield_checkbox label {
    font-weight: 400 !important;
}

/* ============================================================
   FIX SPAZIATURE E DESCRIZIONI (COMPATTO)
============================================================ */

/* 1. Avvicina il titolo alla riga grigia */
body .gform_wrapper .gfield.gsection .gsection_title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* 2. Riduce lo spazio tra la riga grigia e gli elementi sottostanti */
body .gform_wrapper .gfield.gsection {
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
}

/* 3. Riduzione e posizionamento descrizioni */
body .gform_wrapper .gfield_description {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-top: 2px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    font-weight: 400 !important;
}

/* 4. Rimuove il margine superiore del checkbox */
body .gform_wrapper .ginput_container_checkbox {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 5. Riduce lo spazio tra i singoli elementi della lista checkbox */
body .gform_wrapper .gfield_checkbox li {
    margin-top: 0 !important;
    margin-bottom: 2px !important;
    padding-top: 0 !important;
}

/* ================================
   FINE CSS GRAVITY FORM
================================ */


/* ================================ */