/*
 Theme Name:   Villa Argentina
 Theme URI:    https://www.villa-argentina.it/
 Description:  GeneratePress child theme
 Author:       Simone Montanari
 Author URI:   https://www.lascribacchina.it/
 Template:     generatepress
 Version:      1.0
*/

@font-face {
    font-family: 'Bona Nova';
    src: url('fonts/BonaNova-Bold.woff2') format('woff2'),
        url('fonts/BonaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bona Nova';
    src: url('fonts/BonaNova-Italic.woff2') format('woff2'),
        url('fonts/BonaNova-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bona Nova';
    src: url('fonts/BonaNova-Regular.woff2') format('woff2'),
        url('fonts/BonaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@media ( min-width: 783px ) {
    body{
        --wp--preset--font-size--medium: 24px
    }
}

/**
 * Centered logo
 */

.main-navigation .main-nav ul .language-switcher a {
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}

@media (min-width: 1024px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }
	
		.inside-navigation.grid-container {
			max-width: unset;
		}

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }

    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(4) {
        margin-left: auto;
    }
}

/**
 * Layout
 */

.page .entry-header .entry-title {
    margin: 0.8em auto 0;
    max-width: 600px;
    text-align: center;
    text-wrap: balance;
}

/**
 * Blocchi
 */

.wp-block-button__link {
    border-radius: 100em;
}

.wp-block-columns.is-layout-flex {
	column-gap: 40px;
}

.wp-block-gallery.alignfull:first-child {
    margin-bottom: 100px;
    margin-top: -30px;
}

.wp-block-gallery:not(.alignfull) .wp-block-image {
    position: relative;
}

/* .wp-block-gallery:not(.alignfull) .wp-block-image::after {
    border-radius: 4px;
    border: 1px solid #fff;
    content: " ";
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    height: calc(100% - 16px);
    width: calc(100% - 16px);
} */

.wp-block-gallery:not(.alignfull) .wp-block-image img {
    border-radius: 8px;
}

.wp-block-gallery.correct-aspect-ratio:not(.alignfull) .wp-block-image img {
    aspect-ratio: calc(4 / 3);
}

@media ( min-width: 1024px ) {
    .wp-block-gallery:not(.alignfull) {
        --wp--style--gallery-gap-default: 40px;
    }
}

.wp-block-group.alignfull .wp-block-group__inner-container {
    padding-bottom: 65px;
    padding-top: 65px;
}

.wp-block-group.alignfull:last-child {
    margin-bottom: -30px;
    margin-top: 80px;
}

.wp-block-group.alignfull:last-child .wp-block-group__inner-container {
    padding-bottom: 80px;
}

.wp-block-image img {
	border-radius: 8px;	
}

.wp-block-media-text + .wp-block-media-text {
    margin-top: 80px
}

.wp-block-media-text > .wp-block-media-text__content {
	padding: 30px 0;
}

.wp-block-media-text.has-background > .wp-block-media-text__content {
	padding: 30px;
}

.wp-block-media-text.alignfull:first-child {
    background-image: url(img/deco-angolo-1.png), url(img/deco-angolo-2.png);
    background-position: 20px 20px, calc(40% + 20px) bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 10% auto, 12% auto;
    margin-top: -30px;
    min-height: min(80vh, 660px);
}

.wp-block-media-text.has-background:not(.alignfull) {
    border-radius: 8px;
}

.wp-block-media-text:not(.has-background) .wp-block-media-text__media img {
    border-radius: 8px;
}

.wp-block-media-text.has-background:not(.alignfull) .wp-block-media-text__media img {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.wp-block-media-text.alignfull:first-child .wp-block-media-text__media img {
    border-radius: 0;
}

.wp-block-media-text__content ol,
.wp-block-media-text__content ul {
	margin-left: 1em;
}

.wp-block-media-text.has-decorations {
    background-image: url(img/deco-foglie.png), url(img/deco-germoglio.png);
    background-position: calc(40% + 20px) 20px, 20px calc(100% - 20px);
    background-repeat: no-repeat, no-repeat;
    background-size: 10% auto, 50px auto;
}

.wp-block-media-text.has-decorations > .wp-block-media-text__content,
.wp-block-media-text.has-background.has-decorations > .wp-block-media-text__content {
    padding-bottom: 110px;
    padding-top: 110px
}

@media ( min-width: 600px ) {
    .wp-block-media-text > .wp-block-media-text__content,
    .wp-block-media-text.has-background > .wp-block-media-text__content {
        padding: 80px 8%;
    }
    .wp-block-media-text.has-decorations > .wp-block-media-text__content,
    .wp-block-media-text.has-background.has-decorations > .wp-block-media-text__content {
        padding-bottom: 110px;
        padding-top: 110px
    }
    .wp-block-media-text.has-background:not(.alignfull) .wp-block-media-text__media img {
        border-radius: 8px 0 0 8px;
    }
    .wp-block-media-text.has-background.has-media-on-the-right:not(.alignfull) .wp-block-media-text__media img {
        border-radius: 0 8px 8px 0;
    }
}

@media ( min-width: 1024px ) {
    .wp-block-media-text.is-image-fill-element {
        min-height: 538px;
    }
    .wp-block-media-text.alignfull:first-child > .wp-block-media-text__content {
        padding: 60px 8% 60px 16%;
    }
}

.wp-block-post-title {
    margin-bottom: 1.25em;
}

.wp-block-query .wp-block-post-template.is-layout-grid {
    column-gap: 40px;
}

.wp-block-query .wp-block-post .wp-block-post-featured-image {
    margin-bottom: 1rem;
}

.wp-block-query .wp-block-post .wp-block-post-featured-image img {
    border-radius: 6px;
}

.wp-block-query .wp-block-post .wp-block-post-title,
.wp-block-query .wp-block-post .wp-block-post-excerpt__excerpt {
    margin-bottom: 1rem;
}

.wp-block-query .wp-block-post .wp-block-post-excerpt__more-text {
    font-weight: 700;
}

.wp-block-quote {
    background-image: url(img/quote.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 40px auto;
	border-left: 0;
	padding: 20px 0;
	font-size: 1em;
    font-style: normal;
	margin: 0 0 1.5em;
    padding-top: 45px;
	position: relative;
}

.wp-block-quote cite {
    font-style: italic;
}

/**
 * Form
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background) {
    border-radius: 100em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    border-radius: 6px;
    padding: 8px 12px;
    width: 100%;
}

.form-dates {
	display: grid;
	gap: 0 2em;
	grid-template-columns: 1fr 1fr;
}

.form-dates input[type=date] {
	border: 1px solid var(--accent-4);
	border-radius: 6px;
	padding: 8px;
}

.form-details {
	display: grid;
	gap: 0 1em;
	grid-template-columns: 1fr 1fr 2fr;
}

.form-details input[type=number] {
	padding: 7px 12px;
	width: 100%;
}

.form-details select {
	padding: 10px 12px;
}

form > p {
	margin-bottom: 1.25em;
}

/**
 * Custom classes
 */
.icon-card {
    gap: 20px 26px
}

.icon-card + .icon-card {
    margin-top: 20px;
}

.icon-card figure {
    flex-shrink: 0;
    text-align: center;
    width: 48px
}

.icon-card > p {
    flex-grow: 0;
}

@media ( min-width: 1024px ) {
    .icon-list {
        padding-left: calc(100% / 8);
    }
}

.page-card figure {
    margin-bottom: 1rem;
}

.page-card p.has-medium-font-size {
    margin-bottom: 1rem;
}

.max-width_narrow {
    margin-left: auto;
    margin-right: auto;
    max-width: 680px;
}

.text-wrap_balance {
    text-wrap: balance;
}

/**
 * Footer
 */
.site-footer .site-info {
    font-size: 1em;
    text-align: left;
}

.site-footer .copyright-bar {
    border-top: 1px solid var(--base-2);
    padding-top: 1.5em;
    width: 100%;
}

.logo-footer {
    max-width: 200px;
}

.responsive-map {
	border-radius: 8px;
  	position: relative;
  	overflow: hidden;
  	width: 100%;
  	padding-top: 75%;
	overflow: hidden;
}

.responsive-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/**
 * Form
 */

.wpcf7 form .wpcf7-response-output {
	background-color: #fff;
	border-radius: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}
