/*
 Theme Name: Astra Child
 Theme URI: http://example.com/astra-child/
 Description: Astra Child Theme
 Author: Il tuo Nome
 Author URI: http://example.com
 Template: astra
 Version: 1.0.0
*/

/* Importa il CSS del tema genitore */
@import url("../astra/style.css");

    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
      body {
        font-family: "Playfair Display", serif;
      }
.custom-articles{
	overflow-x:hidden;
}
      .containerprincipale {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: 168px;
	}
		.headerNews{
				height: 60vh;
			position: relative;
			display: flex;
			flex-direction: row;
		}
      .testoprincipale {
        position: absolute;
        top: 50px;
		  width:100%;
        font-size: 30px;
      }

    .testoprincipale h1{
	color:white;
		width:70%;
		margin:auto;
		text-align:center;
		font-size: 40px;
		line-height:40px;
    }
	.container-arrows {
		width: 20%;
		/* height: 100%; */
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: 30px;
	}

.arrows-left,.arrows-right{
	display:flex;
	align-items:center;
	width:20%;
	color:white;
	background-color:#AD9779 !important;
	margin:5px;
	justify-content: center



}
.ast-article-single{
	width:100%;
}

.arrows-left:hover,.arrows-right:hover{
	background-color:#AD9779 !important;
}
.arrows-left:focus,.arrows-right:focus{
	background-color:#AD9779 !important;
}

      .containerContent {
        width: 80%;
      }
.containerText {
    width: 80%;
    margin-left: 20%;
    margin-top: inherit;
    /* display: flex; */
    /* flex-direction: row; */
}
/*
      .containerImage {
        height: 80vh;
        background-image: url(http://iannace.gaetanoleone.com/wp-content/uploads/2024/07/Frame-625-4-svg.webp); 
		  background-repeat:no-repeat
		  background-size:cover;
		  background-position:center;
		  background-repeat:no-repeat

      }
*/
      .spaziatore {
        height: 100px;
      }
      .sfondoSezione {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 60vh;
        background: #000717;
        z-index: -1;
      }
.post-template-default .ast-narrow-container .site-content > .ast-container {
    max-width: 100% !important;
    padding-top: 75px;
}
.site-content .ast-container {
    display: flex;
    max-width: 100%;
}
.container-butttone-gold button{
	padding:10px 20px !important;
}
.best-gold-4 {
    --border: 0.1px;
    --slant: 0.1em;
    --color: #ad9779;
    font-size: 20px;
    padding: 0.4em 1.2em;
    border: 0.1px solid #AD9779;
    cursor: pointer;
    font-weight: bold;
    color: var(--color);
    background: linear-gradient(
              to bottom left,
              #ad9779 50%,
              #0000 50.1%
            )
            top right,
          linear-gradient(to top right, #ad9779 50%, #0000 50.1%) bottom
            left;
    background-size: calc(var(--slant) + 1.3 * var(--border))
          calc(var(--slant) + 1.3 * var(--border));
    background-repeat: no-repeat;
    box-shadow: 0 0 0 200px inset var(--s, #0000),
          0 0 0 var(--border) inset var(--color);
    clip-path: polygon(
          0 0,
          calc(100% - var(--slant)) 0,
          100% var(--slant),
          100% 100%,
          var(--slant) 100%,
          0 calc(100% - var(--slant))
        );
    transition: color var(--t, 0.3s), background-size 0.3s;
}
.header-caso {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 60vh;
    margin-top: 167px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.header-caso .header-overlay {
    background: rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-caso .entry-title {
    font-size: 2.5rem; /* Regola la dimensione del titolo */
    line-height: 1.2;
	color:white;
}
.container-arrows button[disabled]{
	display:none;
}

@media screen and (max-width: 768px){
	.site-content .ast-container {
    display: flex;
    max-width: 100%;
    margin-top: -196px;
}
	.sfondoSezione {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 82vh;
    background: #000717;
    z-index: -1;
}
	.containerImage {
    background-position: center; /* Centra l'immagine */
    height: 50vh; /* Eventuale riduzione dell'altezza su mobile */
  }
	.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row {
    grid-template-columns: 1fr;
    padding: 20px;
}
}