/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



@font-face {
    font-family: 'Apfel Grotezk';
    src: url("/wp-content/themes/salient-child/fonts/ApfelGrotezk-Fett.woff2") format("woff2"),
         url("/wp-content/themes/salient-child/fonts/ApfelGrotezk-Fett.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

/* @font-face {
    font-family: 'Apfel Grotezk';
    src: url("/wp-content/themes/salient-child/fonts/ApfelGrotezk-Mittel.woff2") format("woff2"),
         url("/wp-content/themes/salient-child/fonts/ApfelGrotezk-Mittel.woff") format("woff");
    font-weight: 400;
    font-style: italic;
} */

@font-face {
    font-family: 'Apfel Grotezk';
    src: url("/wp-content/themes/salient-child/fonts/ApfelGrotezk-Regular.woff2") format("woff2"),
         url("/wp-content/themes/salient-child/fonts/ApfelGrotezk-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Canela Condensed';
    src: url("/wp-content/themes/salient-child/fonts/CanelaCondensed-Medium-Trial.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}


/* CTA del casale */

.custom-cta {
  text-align: center;
  position: relative;
}

.cta-casale {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  text-align: center;
  font-family: 'Canela Condensed', sans-serif;
}

.cta-casale svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease-out; /* Per una transizione fluida */
  border: none;
}

.circle-filled {
  z-index: 1;
  fill: #A2586A; /* Colore cerchio pieno */
}

.circle-border {
  z-index: 2;
  top: -10px; /* Spostamento di 10px in alto */
  left: 10px; /* Spostamento di 10px a destra */
  fill: none;
}

.cta-link {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px !important;
  font-weight: bold;
  color: #ffffff; /* Colore del font bianco */
  text-decoration: none;
  width: 90%;
}

.cta-link:hover {
  color: white;
}