/*
Theme Name: Lativ
Theme URI: https://wordpress.com/themes/lativ/
Description: Lativ is a WordPress block theme specifically designed for businesses and startups. It offers fresh, vibrant color palettes and sleek, modern templates that are perfect for companies looking to establish a bold and innovative online presence.
Version: 1.0.1
Author: Automattic
Author URI: https://automattic.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lativ
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline
  > .wp-block-button__link:not(.has-background):hover {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background);
  border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 0.0625em !important;
  text-underline-offset: 0.15em;
}

/*
 * Mobile navigation spacing
 * https://github.com/WordPress/gutenberg/issues/39142
 */
.wp-block-navigation__responsive-container.is-menu-open {
  padding: var(--wp--preset--spacing--50);
}

.title-vertical {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  text-orientation: sideways;
	font-size: 60px;
}
.align-items-center {
  align-items: center !important;
}
h3{
	font-size: 23px;
	color: #D89DA4;
}

 .single-velo .wp-post-image{
	object-fit: contain !important;
}

#nf-form-1-cont input,
#nf-form-1-cont textarea{
	border: 0px;
	border-bottom: 1px solid #D89DA4;
	background-color: transparent;
	border: 0px;
	border-bottom: 1px solid #D89DA4;
	font-family: var(--wp--preset--font-family--righteous);

}
#nf-form-1-cont input[type="submit"]{
	background-color: #D89DA4;
	color: #fff;
	border: 0px;
	padding: 7px 25px;
	border-radius: 8px;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--righteous);
}

#nf-form-1-cont input::placeholder,
#nf-form-1-cont textarea::placeholder{
	color: #006f3d;
}
header > .wp-block-group > .wp-block-group{
	box-shadow: 0px 10px 30px -15px #00000063;
}

table tr td{
	border:none !important;
}
table tr td:nth-child(2){
	color: #D89DA4;
}

.splide__slide .inner-slide{
	min-height: 300px;
	background-color: #D89DA4;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
    border-radius: 40px;
}
.splide__slide h4,
.splide__slide p{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.splide__slide a{
	text-decoration: none;
}
.splide__slide .inner-slide img{
	max-width: 100%;
	max-height: 280px;
}
#contact .wp-block-columns .wp-block-column{
	position: relative;
}
/* #contact .wp-block-columns .wp-block-column:nth-child(2)::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fdf4e5;
	background-blend-mode: color;
	z-index: 1;
} */
#contact .wp-block-columns .wp-block-column:nth-child(2) iframe{
	filter: sepia(.2) saturate(.4);
}

.max-width-1200{
	max-width: 1200px;
	margin: auto;
	padding: 0;
}
.text-left{
	text-align: left;
}
.text-left h2{
	text-align: left;
	font-size: 30px !important;
}
.text-left p{
	text-align: left;
}

@media(max-width: 768px){
	#apropos,
	#atelier,
	#velos,
	#contact{
		margin-top: 100px !important;
		margin-bottom: 100px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.title-vertical{
		writing-mode: horizontal-tb;
		transform: rotate(0deg);
	}

	header .wp-block-buttons{
		flex: 0 0 100%;
	}
	header .wp-block-button{
		width: 100%;
	}
	header .wp-block-button__link{
		width: 100%;
	}
	#apropos{
		margin-top: 20px !important;
	}
	.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{
		background-color: #fdf4e5 !important;
    height: 250px;
    margin-top: 30px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.single .wp-block-post-featured-image{
		padding: 0 !important;
	}
}

.wp-container-2{
	position:relative;
}

.wp-block-latest-posts__featured-image img,
.single .wp-post-image,
.wp-block-image img{
	border-radius: 40px ;
}