/* 
Theme Name: Suzannah Galland
Theme URI: https://wecodeexist.com/
Description: Custom theme for Suzannah Galland.
Author: CodeExist
Author URI: https://wecodeexist.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: suzannah-galland
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/* CSS Reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}
body, h1, h2, h3, h4, h5, h5, p, figure, blockquote, dl, dd {
	margin: 0;
	padding: 0;
}
p:not(:last-of-type) {
	margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}
html:focus-within {
	scroll-behavior: smooth;
}
body {
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}
input, button, textarea, select {
	font: inherit;
}
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
/* Layout */
.balance {
	text-wrap: balance;
}
@media (min-width: 767px) {
	.no-wrap .elementor-heading-title {
		text-wrap: nowrap;
	}
}
/* Brands Ticker */
#logos .brands-ticker {
	margin: 0;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.brands-ticker .elementor-image-gallery {
	display: flex;
	width: max-content;
	flex-wrap: nowrap;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	transform: translateZ(0);
	will-change: transform;
}
.brands-ticker .gallery {
	display: flex;
	gap: 50px;
	align-items: center;
	flex-wrap: nowrap;
	margin-right: 50px; 
}
.brands-ticker .elementor-image-gallery.is-animating {
	animation: ticker-scroll 22s linear infinite;
	-webkit-animation: ticker-scroll 22s linear infinite;
}
.brands-ticker .gallery img {
	height: 35px;
	width: auto;
}
.brands-ticker .elementor-image-gallery:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
#logos .brands-ticker .gallery-item {
	flex: 0 0 auto;
	width: auto;
}
.brands-ticker::before,
.brands-ticker::after {
	content: "";
	width: 100px;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
}
.brands-ticker::before {
	background:	linear-gradient(90deg, #f7f4f2 0%, rgba(9, 24, 31, 0.00) 100%);
}
.brands-ticker::after {
	background:	linear-gradient(270deg, #f7f4f2 0%, rgba(9, 24, 31, 0.00) 100%);
	right: 0;
}
@-webkit-keyframes ticker-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
/* About */
#read-more-toggle {
    display: none;
}
.read-more-button {
    display: inline-block;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #373435;
    padding: 12px 24px;
    border-radius: 50px;
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-weight: 500;
    transition: all 0.3s ease;
	line-height: 1em;
}
.read-more-button:hover {
    background-color: #000;
	color: #fff;
}
#more-about-text {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.7s ease-in-out;
	margin-top: -20px;
}
.read-more-trigger-widget:has(input:checked) .read-more-button {
    display: none;
}
.read-more-trigger-widget:has(input:checked) ~ #more-about-text {
    max-height: 100%;
    opacity: 1;
}
/* Empowerment */
.tap-into::before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 5px;
	margin-right: 8px;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%225%22%20viewBox%3D%220%200%2011%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.216%203.996C0.165333%204.02133%200.114667%203.92%200.064%203.692C0.0386667%203.43867%200.026%203.18533%200.026%202.932C0.026%202.37467%200.064%202.096%200.14%202.096L10.058%200.309999C10.1087%200.284666%2010.1467%200.373333%2010.172%200.576C10.2227%200.778666%2010.248%200.994%2010.248%201.222C10.248%201.45%2010.2227%201.66533%2010.172%201.868C10.1467%202.07067%2010.1087%202.18467%2010.058%202.21L0.216%203.996Z%22%20fill%3D%22%23373435%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
.tap-into {
	font-size: 0.684em;
	font-weight: 600;
}
/* Testimonials */
.testimonial-swiper {
	width: 88%;
	max-width: 100%;
	margin: auto;
	overflow: hidden;
}
.testimonial-swiper .testimonial-item {
	display: flex;
	flex-direction: column;
	height: auto;
	background: #fdf9f4;
	padding: 32px 24px;
	border-radius: 12px;
	background: #FFF;
	font-family: "Lato", sans-serif;
	min-height: 440px;
}
.testimonial-quote {
	margin-top: 24px;
	⁨⁨color: #373435;
	font-size: 24px;
	font-weight: 400;
	line-height: 160%;
	margin-bottom: auto;
}
.testimonial-author {
	⁨⁨color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 170%;
}
.testimonial-occupation {
	⁨⁨color: #373435;
	font-size: 14px;
	font-weight: 400;
	line-height: 170%;
}
.swiper-horizontal .swiper-button-next::after, .swiper-horizontal .swiper-button-prev::after {
	display: none;
}
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next {
	width: 48px;
}
.swiper-horizontal .swiper-button-next svg circle,
.swiper-horizontal .swiper-button-prev svg circle,
.swiper-horizontal .swiper-button-next svg path,
.swiper-horizontal .swiper-button-prev svg path {
	transition: all 0.3s;
}
.swiper-horizontal .swiper-button-next svg circle,
.swiper-horizontal .swiper-button-prev svg circle {
	fill: #000;
}
.swiper-horizontal .swiper-button-next svg:hover circle,
.swiper-horizontal .swiper-button-prev svg:hover circle {
	fill: #E2725B;
}
.swiper-horizontal .swiper-button-next:hover svg path,
.swiper-horizontal .swiper-button-prev:hover svg path {
	fill: #FFF;
}
.swiper-horizontal .swiper-pagination {
    position: static;
    margin-top: 20px;
}
.swiper-horizontal .swiper-pagination-bullet {
    background-color: #FFF;
    opacity: 0.5;
}
.swiper-horizontal .swiper-pagination-bullet-active {
    background-color: #000000;
	opacity: 1;
}
@media (max-width: 1024px) {
	.testimonial-swiper { 
		width: 85%;
	}
}
@media (max-width: 767px) {
	.testimonial-swiper { 
		width: 80%;
	}
	.testimonial-swiper .testimonial-item {
		min-height: 370px;
	}
	.testimonial-swiper .testimonial-item svg {
		width: 30px;
	}
	.testimonial-quote {
		margin-top: 10px;
		font-size: 18px;
	}
	.testimonial-author {
		font-size: 15px;
	}
	.testimonial-occupation {
		font-size: 13px;
	}
}
.for-you .elementor-icon-list-item .elementor-icon-list-icon {
	width: 32px;
	height: 32px;
	aspect-ratio: 1/1;
	margin-right: 20px;
}
.for-you .elementor-icon-list-item .elementor-icon-list-icon svg {
	width: 100%;
	height: 100%;
}
/* Calendar Acuity */
#calendar iframe {
	border-radius: 11px;
}
/* Contact */
#content #forminator-module-394 {
	font-family: "Lato", sans-serif;
	margin-bottom: 0;
}
#content #forminator-module-394 label {
	⁨color: #182230;
	font-size: 18px;
	font-weight: 500;
	line-height: 170%;
	letter-spacing: 0.36px;
	margin-bottom: 8px;
}
#content #forminator-module-394 input {
	border-radius: 50px;
	border: 1px solid #DEDEDE;
	padding: 17px 20px;
}
#content #forminator-module-394 textarea {
	border-radius: 8px;
	border: 1px solid #DEDEDE;
	padding: 15px 20px;
}
#content .forminator-ui#forminator-module-394.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
	background: #fff;
	border-radius: 50px;
	border: 1px solid #DEDEDE;
	padding: 8px 20px;
}
#content #forminator-module-394 .forminator-field-textarea .forminator-description {
	display: none;
}
#content #forminator-module-394 .forminator-button-submit {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 170%;
	letter-spacing: 0.32px;
	width: 100%;
	border-radius: 50px;
	padding: 20px;
}
#content #forminator-module-394 .forminator-button-submit:hover,
#content #forminator-module-394 .forminator-button-submit:active,
#content #forminator-module-394 .forminator-button-submit:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
#content #forminator-module-394 .forminator-button-submit::after {
  content: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.475 12.0002C15.475 12.1335 15.4542 12.2585 15.4125 12.3752C15.3708 12.4919 15.3 12.6002 15.2 12.7002L10.6 17.3002C10.4167 17.4835 10.1833 17.5752 9.89999 17.5752C9.61665 17.5752 9.38332 17.4835 9.19999 17.3002C9.01665 17.1169 8.92499 16.8835 8.92499 16.6002C8.92499 16.3169 9.01665 16.0835 9.19999 15.9002L13.1 12.0002L9.19999 8.10019C9.01665 7.91686 8.92499 7.68353 8.92499 7.4002C8.92499 7.11686 9.01665 6.88353 9.19999 6.7002C9.38332 6.51686 9.61665 6.42519 9.89999 6.42519C10.1833 6.42519 10.4167 6.51686 10.6 6.7002L15.2 11.3002C15.3 11.4002 15.3708 11.5085 15.4125 11.6252C15.4542 11.7419 15.475 11.8669 15.475 12.0002Z" fill="white"/></svg>');
	display: inline-block;
	width: 25px;
	height: 24px;
	margin-left: 8px;
	vertical-align: middle; 
}
#content #forminator-module-394 .forminator-row-last {
	margin-bottom: 0;
}
#content #forminator-module-394 .forminator-error-message {
	border-radius: 50px;
}
#content .forminator-ui.forminator-custom-form[data-design="default"] select.forminator-select2 + .forminator-select .selection span[role="combobox"].select2-selection--single .select2-selection__rendered {
	padding: 0;
}
span.forminator-select-dropdown-container--open {
	font-family: "Lato", sans-serif;
}
span.forminator-select-dropdown-container--open .forminator-custom-form-394.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, 
span.forminator-select-dropdown-container--open .forminator-custom-form-394.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {
	background-color: #f2ded2;
	color: #000;
}
span.forminator-select-dropdown-container--open .forminator-custom-form-394.forminator-dropdown--default {
	border-color: #dedede;
	background-color: #f7f4f2;
}
#content .forminator-ui#forminator-module-394.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover .select2-selection__arrow,
#content .forminator-ui#forminator-module-394.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus .select2-selection__arrow,
#content .forminator-ui#forminator-module-394.forminator-design--default .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
	color: #e2725b;
}
/* Articles */
.press-articles-swiper {
	width: 88%;
	max-width: 100%;
	margin: auto;
	overflow: hidden;
	font-family: "Lato", sans-serif;
}
.press-articles-swiper .swiper-slide {
	height: auto;
}
.press-articles-swiper .press-article-item {
	display: flex;
	flex-direction: column;
	gap: 24px;
	height: 100%;
}
.press-articles-swiper .press-article-image img {
    width: 100%;
    height: 364px;
    object-fit: cover;
    display: block;
	border-radius: 12px;
}
.press-article-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.press-article-meta { 
	margin-bottom: 15px; 
}
.press-article-date { 
	display: flex; 
	align-items: center; 
	gap: 0.5rem; 
	font-size: 16px;
	color: #526061; 
}
.press-article-date svg { 
	flex-shrink: 0; 
}
.press-articles-swiper .press-article-content .press-article-title { 
	color: #000;
	font-family: "Cormorant Garamond", Sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 120%;
	margin-top: 0; 
	margin-bottom: 20px;
}
.press-articles-swiper .press-article-content .press-article-subtitle { 
	color: #000;
	font-family: "Lato", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.press-article-button-wrapper { 
	margin-top: auto; 
}
.press-article-button { 
	display: inline-block; 
	border-radius: 68px;
	background: #F6F4EF;
	padding: 12px 24px; 
	text-decoration: none;
	color: #081717;
	font-size: 16px;
	font-weight: 500;
	line-height: 170%;
}
.press-article-button:hover { 
	background-color: #f3ded3; 
}
.press-articles-swiper.swiper-horizontal .swiper-button-next svg circle,
.press-articles-swiper.swiper-horizontal .swiper-button-prev svg circle {
	fill: #E2725B;
}
.press-articles-swiper.swiper-horizontal .swiper-button-next svg:hover circle,
.press-articles-swiper.swiper-horizontal .swiper-button-prev svg:hover circle {
	fill: #000;
}
.press-articles-swiper.swiper-horizontal .swiper-pagination-bullet {
	background-color: #F6F4EF;
}
.press-articles-swiper.swiper-horizontal .swiper-pagination-bullet {
	background-color: #000000;
	opacity: 0.3;
}
.press-articles-swiper.swiper-horizontal .swiper-pagination-bullet-active {
	opacity: 1;
}
@media (max-width: 1024px) {
	.press-articles-swiper { 
		width: 85%;
	}
}
@media (max-width: 767px) {
	.press-articles-swiper { 
		width: 100%;
	}
	.press-articles-swiper .press-article-image img {
		height: 300px;
	}
	.press-article-date { 
		font-size: 14px;
	}
	.press-articles-swiper .press-article-content .press-article-title { 
		font-size: 20px;
	}
	.press-articles-swiper .press-article-content .press-article-subtitle { 
		font-size: 16px;
	}
	.press-articles-swiper.swiper-horizontal .swiper-button-next ,
	.press-articles-swiper.swiper-horizontal .swiper-button-prev {
		top: 150px;
	}
}
#content .read-more-box {
	transition: background 0.3s;
}
#content .read-more-box:hover {
	background-color: #f3ded3;
}
/* Mailchimp */
#mc4wp-form-1 {
	font-family: "Lato", sans-serif;
}
#mc4wp-form-1 .fila {
	display: flex;
	gap: 15px 38px;
	flex-wrap: wrap;
}
#mc4wp-form-1 .fila:first-of-type {
	margin-bottom: 25px;
}
#mc4wp-form-1 .columna {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-grow: 1;
}
#mc4wp-form-1 label {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 170%;
	letter-spacing: 0.32px;
}
#mc4wp-form-1 input {
	border-radius: 50px;
	border: 1px solid #EAECF0;
	background: rgba(255, 255, 255, 0.50);
	padding: 18px 20px;
	color: #555454;
	font-size: 14px;
	font-weight: 400;
	line-height: 170%;
}
#mc4wp-form-1 input::placeholder {
	color: #555454;
}
#mc4wp-form-1 input[type="submit"] {
	border-radius: 50px;
	background-color: #000;
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: 120%;
	width: 100%;
	border: 0;
	cursor: pointer;
	transition: background 0.3s;
}
#mc4wp-form-1 input[type="submit"]:hover,
#mc4wp-form-1 input[type="submit"]:active,
#mc4wp-form-1 input[type="submit"]:focus {
	background-color: #E2725B;
}