/*
Theme Name: TT5 Child
Template: twentytwentyfive
Version: 1.0.28
*/

html {
	scroll-behavior: smooth;
	overflow-wrap: break-word;
}

input,
textarea {
	font: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
	accent-color: var(--wp--preset--color--accent-1);
	color: currentColor;
	background: none;
	border: 0;
	padding: 0.5em;
	box-sizing: border-box;
}

input {
	&[type='text'],
	&[type='email'],
	&[type='tel'] {
		width: 100%;
	}
}

textarea {
	width: 100%;
}

.wpcf7-field-group-add, .wpcf7-field-group-remove {
    background: transparent;
    border: 1px solid white;
    color: white;
	  font-size: 1.5rem;
    line-height: 1;
  	padding-bottom: 0.3rem;
}

.wpcf7-field-group-remove {
    margin-right: 0.5rem;
}

.navn-group-container {
    padding: 1rem 0;
}

.navn-group-container .wpcf7-field-group {
    padding: 1rem;
    border: 1px solid white;
    margin-bottom: 1rem;
}


@media(min-width: 782px) {
	div#navngroup {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 12px;
}
}


.wpcf7 .no-resize {
        resize: none;
    }

.header-logo {
	width: 19vw;
	max-width: 175px;
}

.position-relative {
	position: relative;
}


	.position-absolute {
	position: absolute;
		z-index: 1;
}

.bottom-left {
	bottom: 1em;
	left: 1em;
}

.wpcf7 p {
    margin-bottom: -5px;
}

.wpcf7-form p label.meeting-time {
    padding-bottom: 20px;
}

.wpcf7-form p > label {
	border-bottom: 1px solid currentColor;
	display: grid;
	grid-template-columns: 108px auto;
	align-items: center;
	gap: 1lh;
}

.wpcf7-submit {
	padding-inline: 2em;
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	transition: all ease-out 150ms;
	border-radius: 100px;
}

.wpcf7-submit:hover:not(:disabled) {
	scale: 1.05;
	cursor: pointer;
}

.wpcf7-submit:disabled {
	opacity: 0.2;
}

/* .wpcf7-not-valid-tip {
    color: #ffffff;
} */

label.group-count {
    display: block !important;
    border-bottom: none !important;
}

label.group-count input {
    border-bottom: 1px solid white;
    border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
}

.c-contact {
	text-align: center;
}

.c-contact__name {
	font-size: var(--wp--preset--font-size--medium);
}

.c-contact__title {
    margin-top: 0;
    font-size: var(--wp--preset--font-size--normal);
    font-style: italic;
}

.c-contact__fact {
	margin: 0;
}

.c-contact__telephone, .c-contact__email {
    font-weight: bold;
}

.c-contact__telephone::before {
	content: 'Ring ';
/* 	font-weight: bold; */
}

.c-contact__figure {
    display: flex;
    justify-content: center;
}

.c-contact__figure img {
    height: auto;
}

.c-contact__name {
    text-transform: capitalize;
}

.c-contact__small-name .c-contact__name {
    font-size: var(--wp--preset--font-size-large);
}

.tiled-gallery__gallery, .tiled-gallery__row, .tiled-gallery__col {
    gap: 0.5rem;
}

.box-shadow {
	box-shadow: 5px 5px 10px rgba(0 0 0 / 20%);
}

.flower img {
	width: clamp(5rem, 11vw, 10rem);
}

.flower-yellow {
	bottom: 0;
    left: 0;
    translate: -25% 25%;
}

.flower-green {
    top: 0;
    right: 0;
    translate: -50% -50%;
}

.flower-white {
    top: 0;
    left: 0;
    translate: 25% 25%;
}

@media (max-width: 600px) {
	.wp-block-cover .wp-block-media-text>.wp-block-media-text__content, .wp-block-group .wp-block-media-text>.wp-block-media-text__content {
		padding: 0;
	}
}

@media (max-width: 781px) {
	.flower-yellow {
		top: 0;
        right: 0;
        translate: 20% -15%;
        left: unset;
        bottom: 0;
	}
}

@media (min-width: 782px) {
	
	.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow > * {
		padding: 0 8%;
	}
	
	.wp-block-column:has(> figure:only-child) figure {
		padding: 0 !important;
	}
	
	.push-up-15-percent {
		margin-top: -15%!important;
	}
	
/* 	.border-left {
	   border-left: solid;
	}

	.border-accent-4 {
	   border-color: var(--wp--preset--color--accent-4);
	}

	.border-2 {
	   border-width: 2px;
	} */
	
	.divider-left:before {
    width: 1px;
    height: 20%;
    position: absolute;
    background-color: var(--wp--preset--color--accent-4);
    content: '';
    top: 50%;
    translate: 0 -50%;
}
}


@media (min-width: 1080px) {
	.bubble {
  position: absolute;
  z-index: 3;
  top: 14em;
  left: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 325px;
  border-radius: 100%;
  padding: 2em;
  font-size: 1em;
  text-align: center;
  display: inline-flex;
/* 	rotate: -8deg; */
	aspect-ratio: 1/1;
}
	
	.wobble-animation {
		-webkit-animation: wobble 2.8s both infinite;
	     animation: wobble 2.8s both infinite;
	}
	
	@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50%50%;
    transform-origin: 50%50%;
  }
  7.5% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  15% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  22.5% {
    -webkit-transform: rotate(-1.8deg);
    transform: rotate(-1.8deg);
  }
  30% {
    -webkit-transform: rotate(1.2deg);
    transform: rotate(1.2deg);
  }
  37.5% {
    -webkit-transform: rotate(-0.6deg);
    transform: rotate(-0.6deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

}
@media (max-width: 1079px) {
  .bubble {
    padding: 40px 0;
  }
}