/* Root wrapper */
.cai-newsletter {
	text-align: center;
	position: relative;
}

/* Card container */
.cai-newsletter__card {
	position: relative;
	margin: 0 auto;
	padding: 8px;
	width: 100%;
	border: 1px solid #8181816a;
	border-radius: 12px;
	background-image: linear-gradient(to top, #e5e5e5 0%, #f7f7f7 100%);
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);
}

/* Striped border layer */
.cai-newsletter__card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
	box-shadow:
		inset 0 2px 0 rgba(255, 255, 255, 0.75),
		inset 0 -1px 0 rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	background: repeating-linear-gradient(
		45deg,
		#b37b7a,
		#b37b7a 10px,
		transparent 10px,
		transparent 20px,
		#7897ba 20px,
		#7897ba 30px,
		transparent 30px,
		transparent 40px
	);
	pointer-events: none;
}

/* Inner form */
.cai-newsletter__form {
	position: relative;
	padding: 20px;
	width: 100%;
	border-radius: 5px;
	background-image: linear-gradient(to top, #e5e5e5 0%, #f7f7f7 100%);
}

#main form.cai-newsletter__form .cai-newsletter__fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/* Title */
.cai-newsletter h2 {
	font-weight: 600;
	margin: 0 0 10px;
	text-shadow: 0 1px 0 #fff;
}

/* Info text */
.cai-newsletter__info {
	margin: 0 0 10px;
	color: #5d5d5d;
	text-wrap: balance;
}

.cai-newsletter__info a {
	color: #c18632;
	text-decoration: none;
}

.cai-newsletter__info a:hover,
.cai-newsletter__info a:focus {
	text-decoration: underline;
}

/* Fields row */
.cai-newsletter__fields {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

/* Email input */
.cai-newsletter__field{
	width: -webkit-fill-available;
}

.cai-newsletter__email {
	height: 55px;
	padding-inline: 10px 20px;
	border: 1px solid #9d9d9d;
	border-radius: 9px;
	background-image: linear-gradient(to top, #fdfdfd 0%, #e7e7e7 100%);
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
	color: #5d5d5d;
	font-size: 1.6em;
	outline: none;
	margin: 0!important;
}

.cai-newsletter__email::placeholder {
	color: #a5a3a3;
}

.cai-newsletter__card .small{
	margin: 0 auto;
	margin-top: 1em;
	line-height: 1.2;
	font-size: 0.8em;
	text-wrap: balance;
}

/* Button */
.cai-newsletter__button{
	width: fit-content;
	min-width: 122px;
}

/* Decorative stripe */
.cai-newsletter__stripe {
	position: absolute;
	top: -2px;
	right: -8px;
	z-index: 10;
	width: 94px;
	height: 48px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAwCAYAAACYLM1EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RkZBNEEwMzBCQkIxMUUyQjQ5MjlENDE2NzVCREI2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RkZBNEEwNDBCQkIxMUUyQjQ5MjlENDE2NzVCREI2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGRkE0QTAxMEJCQjExRTJCNDkyOUQ0MTY3NUJEQjY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZGRkE0QTAyMEJCQjExRTJCNDkyOUQ0MTY3NUJEQjY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PiXFugAA");
	transform: rotateZ(10deg);
}

/* Stamp image */
.cai-newsletter__stamp,
.cai-newsletter__mark{
	position: absolute;
}

.cai-newsletter__stamp {
	top: -58px;
    right: -80px;
    transform: rotateZ(8deg);
    width: 240px;
    z-index: 2;
}

@media (max-width: 768px) {
	.cai-newsletter__stamp {
		width: 160px;
		right: -20px;
	}
}

.cai-newsletter__mark{
	left: -100px;
    bottom: -40px;
    z-index: 0;
    width: 200px;
    opacity: 0.4;
}

/* Sidebar */
.col-item .cai-newsletter__info{
	max-width: 490px;
  	margin: 0 auto;
}

.col-item .cai-newsletter__card{
	max-width: 960px;
	margin: 0 auto;
}

body.home .cai-newsletter__card{
	max-width: 690px;
	margin: var(--wp--preset--spacing--20) auto;
	margin-bottom: var(--wp--preset--spacing--80);
}