/**
Theme Name: AstraChild
Author: Alex Karabin
Author URI: https://alex.karabin.ru
Description: Child theme for Astra.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astrachild
Template: astra
*/


/* Setup main style */
.has-shadow {
    box-shadow: 0px 17px 24px -3px rgba(34, 60, 80, 0.13);
    border-radius: 5px;
}

/* Setup mobile menu */
nav#ast-mobile-site-navigation {
    margin-left: 20px;
    margin-right: 0px;
    padding-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 17px 24px -3px rgba(34, 60, 80, 0.13);
}

/* Setup bottom navigation */
nav.is-bottom-navigation {
    margin-block-start: 0;
    margin-block-end: 0;
}

/* Setup carousel */
.uagb-post__image-position-background .slick-slide.slick-active article .uagb-post__image {
box-shadow: 5px 5px 3px rgba(34, 60, 80, 0.13);
}

.uagb-post__image-position-background .slick-slide article .uagb-post__image {
    height: 98%;
    border-radius: 5px;
}

/* Setup Media-Text block */
.wp-block-media-text.is-style-card.has-shadow figure.wp-block-media-text__media, .wp-block-media-text.is-style-card.has-shadow div.wp-block-media-text__content {
    box-shadow: 0px 17px 24px -3px rgba(34, 60, 80, 0.13);
    border-radius: 5px;
}
.wp-block-media-text.is-style-card.has-shadow img {
    box-shadow: 0 10px 28px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.wp-block-media-text.is-style-card.has-shadow {
    box-shadow: unset;
}

:root {
	--wp-block-media-spacing--0: 0;
	--wp-block-media-spacing--1: 0.5em;
	--wp-block-media-spacing--2: 1em;
	--wp-block-media-spacing--3: 1.5em;
	--wp-block-media-spacing--4: 2em;
	--wp-block-media-spacing--5: 2.5em;
	--wp-block-media-spacing--6: 3em;
	--wp-block-media-spacing--7: 3.5em;
	--wp-block-media-spacing--8: 4em;
	--wp-block-media-spacing--9: 4.5em;
	--wp-block-media-spacing--10: 7em;
}

.wp-block-media-text.is-style-card .wp-block-media-text__content, .wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content {
	background-color: var(--wp--preset--color--background,#fff);
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(var(--wp-block-media-spacing--8, 4em)*-1);
	padding: var(--wp-block-media-spacing--4,2em);
	width: 95%;
}

.wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content {
	z-index: 1;
}

.wp-block-media-text .wp-block-media-text__content :first-child {
	margin-top: 0;
}

@media(min-width:960px) {
	.wp-block-media-text.is-style-card .wp-block-media-text__content, .wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content {
		padding: calc(var(--wp-block-media-spacing--4, 2em)*2);
	}
}

@media(min-width:600px) {
	.wp-block-media-text.is-style-card .wp-block-media-text__content, .wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content {
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding: calc(var(--wp-block-media-spacing--1, 0.5em)*2);
		right: 1px;
		width: auto;
	}

	.wp-block-media-text.is-style-card.has-media-on-the-right .wp-block-media-text__content {
		margin-bottom: 0;
		margin-left: 0;
		margin-right: calc(var(--wp-block-media-spacing--10, 7em)*-1);
	}

	.wp-block-media-text.is-style-card .wp-block-media-text__content {
		margin-left: calc(var(--wp-block-media-spacing--10, 7em)*-1);
	}
}