@font-face {
  font-family: 'GT Walsheim Pro';
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  src: url("/wp-content/themes/lionhead-theme/fonts/GTWalsheimProRegular.woff") format("woff"); }
/*
Theme Name: Lionhead
*/
h1 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 72px;
  line-height: 70px;
  font-weight: normal; }

h2 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 56px;
  line-height: 60px;
  font-weight: normal;
  margin-bottom: 25px; }

h3 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 40px;
  line-height: 44px; }

h4 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 26px;
  line-height: 30px; }

.subtitle1 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 20px;
  line-height: 20px; }

.subtitle2 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 18px;
  line-height: 20px; }

.subtitle3 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 16px;
  line-height: 20px; }

.body1 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 20px;
  line-height: 28px; }

.body2 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 17px;
  line-height: 23px; }

.body3 {
  font-family: "GT Walsheim Pro", Sans-serif;
  font-size: 14px;
  line-height: 20px; }

@media screen and (max-width: 768px) {
  h1 {
    font-size: 38px;
    line-height: 38px;
    letter-spacing: -2%; }

  h2 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -3%; }

  h3 {
    font-size: 24px; }

  .subtitle1 {
    font-size: 19px; }

  .subtitle2 {
    font-size: 16px; }

  .subtitle3 {
    font-size: 16px; }

  .body1 {
    font-size: 18px; }

  .body2 {
    font-size: 16px; }

  .body3 {
    font-size: 14px; } }
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "GT Walsheim Pro", Sans-serif; }

header > div,
main > div,
footer > div {
  max-width: 100%; }
@media screen and (max-width: 1200px) {
  header > div,
  main > div,
  footer > div {
    max-width: 100%; } }
@media screen and (min-width: 1200px) {
  header > div,
  main > div,
  footer > div {
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 1200px) {
  div.tower-edge-spacer {
    height: 4em; } }
@media screen and (min-width: 1200px) {
  header > div {
    margin: 0;
    margin-top: 0;
    margin-bottom: 0; } }

.header {
  margin-top: 2em;
  margin-bottom: 2em; }

header {
  background-color: black;
  padding-left: 2em;
  padding-right: 2em;
  color: #78992B;
  background-size: cover;
  background-position: center center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  	/*
  	>div.large {
  		height: 4.5em;
  		align-items: center;
  		// padding: 1em;
  		display: grid;
  
  		div.lionhead-logo {
  			display: flex;
  
  			img {
  				max-width: 100%;
  				height: auto;
  			}
  		}
  
  		// max-width: 1200px;
  		color: $primary-color;
  
  		@media screen and (max-width: 1104px) {
  			grid-template-columns: 1fr 0 1fr;
  
  			nav {
  				display: none;
  			}
  
  			div.nav-width {
  				text-align: right;
  				padding-top: 1em;
  				display: block;
  				// position: relative;
  
  				svg {
  					fill: white;
  				}
  
  				&:hover .menu-menu-container,
  				&:hover .dropdown-content {
  					display: block;
  					opacity: 1;
  				}
  
  				// &:hover > a {
  				// 	display: none;
  				// }
  				>a {
  					// float: right;
  					display: block;
  					cursor: pointer;
  				}
  
  				nav.dropdown-content {
  					// display: none;
  					display: block;
  					position: absolute;
  					overflow: hidden;
  					top: 100%;
  					// height: 100%;
  					width: 100%;
  					left: 0;
  					right: 0;
  					text-align: left;
  					background-color: $tertiary-color;
  					border-radius: 1em;
  					// border-radius: 1em;
  					// text-align: right;
  					transition: all 0.3s ease;
  					opacity: 0;
  					// transform: all 1s;
  					z-index: 1000;
  					box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  					&:hover {
  						opacity: 1;
  					}
  
  					ul {
  						display: block;
  						list-style: none;
  						// border: white 1px solid;
  						// border-radius: 1em;
  
  						li {
  							padding: 1em;
  							// background-color: white;
  
  							a {
  								transition: all 0.3s ease;
  								text-decoration: none;
  								color: $primary-color;
  								opacity: 50%;
  								// background-color: white;
  							}
  
  							&:hover {
  								// background-color: $secondary-color;
  
  								a {
  									// background-color: $secondary-color;
  									opacity: 100%;
  									font-weight: bold;
  									color: $primary-color;
  								}
  							}
  						}
  					}
  				}
  
  				// float: right;
  			}
  		}
  
  		@media screen and (min-width: 1104px) {
  			grid-template-columns: 1fr 1fr 1fr;
  
  			div.nav-width {
  				display: none;
  			}
  
  			nav {
  				display: flex;
  				justify-content: space-between;
  				// padding-top: 1.5em;
  				// align-items: center;
  				align-self: flex-end;
  				// padding-bottom: 6px;
  
  				ul {
  					list-style: none;
  					display: flex;
  					gap: 1rem;
  
  					li.current_page_item {
  						border-bottom: 2px solid $primary-color;
  					}
  
  					li {
  						transition: all 0.3s;
  						border-bottom: 2px solid transparent;
  						margin-left: 2em;
  						margin-right: 2em;
  						position: relative;
  
  						&:hover {
  							padding-left: 2em;
  							padding-right: 2em;
  							margin: 0;
  							border-bottom: 2px solid white;
  						}
  
  						a {
  							color: $primary-color;
  							text-decoration: none;
  							font-weight: 400;
  							font-size: 18px;
  							display: block;
  							padding-bottom: 19px;
  						}
  					}
  				}
  			}
  		}
  
  		nav:nth-child(2) {
  			justify-self: center;
  		}
  
  		nav:nth-child(3) {
  			justify-self: end;
  		}
  	}
  	*/ }
  @media screen and (max-width: 768px) {
    header {
      height: 400px; }
    header.page-ontdek {
      height: 580px;
      opacity: 95%;
      background-position: 70% -50px;
      background-size: auto 700px; }
    header.page-mijn-omgeving {
      height: 360px; } }
  @media screen and (min-width: 768px) {
    header {
      height: 640px; }
    header.page-ontdek {
      height: 900px;
      opacity: 95%;
      background-size: calc(2880px - 550px) auto;
      background-position: calc(100% + 400px) -325px; }
    header.page-mijn-omgeving {
      height: 283px; } }
  @media screen and (min-width: 1440px) {
    header.page-ontdek {
      background-size: calc(2880px + 200px) auto;
      background-position: calc(100% + 400px) -425px; } }
  header.page-dagticket {
    height: 80px; }
  @media screen and (max-width: 800px) {
    header {
      position: relative;
      display: flex; }
      header > div.small {
        z-index: 500;
        display: block;
        position: absolute;
        border-radius: 25px;
        padding: 1em 1.5em;
        background-color: #262628;
        right: 0.1em;
        left: 0.1em;
        top: 0.3em; }
        header > div.small a.right {
          float: right;
          margin-top: 0.9em; }
      header > div.large {
        display: none; }
      header div.lionhead-header-content {
        display: flex;
        text-align: left;
        width: 100%;
        padding-top: 3em;
        margin-top: 0;
        align-items: center; } }
  @media screen and (min-width: 800px) {
    header {
      padding-bottom: 2em; }
      header > div.small {
        display: none; }
      header div.lionhead-header-content {
        display: flex;
        text-align: left;
        margin-top: 0;
        align-items: start; }
      header > div.large {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        height: 5em;
        align-self: baseline; }
        header > div.large div.nav-width {
          display: none; }
        header > div.large nav {
          display: flex;
          justify-content: space-between;
          align-self: flex-end; }
          header > div.large nav ul {
            list-style: none;
            display: flex;
            gap: 0.5rem; }
            header > div.large nav ul li.current_page_item {
              border-bottom: 2px solid white; }
            header > div.large nav ul li {
              border-bottom: 2px solid transparent;
              padding-bottom: 0.7em;
              position: relative;
              margin-left: 30px;
              margin-right: 30px; } }
          @media screen and (min-width: 800px) and (max-width: 1200px) {
            header > div.large nav ul li {
              margin-left: 30px;
              margin-right: 30px; } }
          @media screen and (min-width: 800px) and (max-width: 1024px) {
            header > div.large nav ul li {
              margin-left: 20px;
              margin-right: 20px; } }
          @media screen and (min-width: 800px) and (max-width: 800px) {
            header > div.large nav ul li {
              margin-left: 10px;
              margin-right: 10px; } }
  @media screen and (min-width: 800px) {
              header > div.large nav ul li a {
                text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
                color: white;
                text-decoration: none;
                font-weight: 400;
                font-size: 18px;
                display: block;
                padding-bottom: 10px; }
                header > div.large nav ul li a svg.user path,
                header > div.large nav ul li a svg.user circle {
                  transition: fill .4s ease; }
                header > div.large nav ul li a:hover svg.user circle:first-child {
                  fill: #78992B; }
                header > div.large nav ul li a:hover svg.user path {
                  fill: white; }
                header > div.large nav ul li a svg.login path,
                header > div.large nav ul li a svg.login circle {
                  transition: fill .4s ease; }
                header > div.large nav ul li a:hover svg.login circle {
                  fill: #78992B; }
                header > div.large nav ul li a:hover svg.login path {
                  fill: white; }
        header > div.large nav.primary ul li {
          transition: all 0.3s; }
          header > div.large nav.primary ul li:hover {
            margin-left: 0;
            margin-right: 0;
            border-bottom: 2px solid white;
            padding-left: 30px;
            padding-right: 30px; } }
        @media screen and (min-width: 800px) and (max-width: 1200px) {
          header > div.large nav.primary ul li:hover {
            padding-left: 30px;
            padding-right: 30px; } }
        @media screen and (min-width: 800px) and (max-width: 1024px) {
          header > div.large nav.primary ul li:hover {
            padding-left: 20px;
            padding-right: 20px; } }
        @media screen and (min-width: 800px) and (max-width: 800px) {
          header > div.large nav.primary ul li:hover {
            padding-left: 10px;
            padding-right: 10px; } }
  @media screen and (min-width: 800px) {
        header > div.large nav.mijn {
          display: flex;
          justify-self: center; }
          header > div.large nav.mijn ul li {
            white-space: nowrap;
            text-overflow: ellipsis; }
            header > div.large nav.mijn ul li a {
              position: relative;
              margin-left: 2em; }
              header > div.large nav.mijn ul li a svg {
                position: absolute;
                left: -35px;
                top: -6px; }
        header > div.large nav:nth-child(2) {
          justify-self: center; }
        header > div.large nav:nth-child(3) {
          justify-self: end; } }
  header.green div nav ul li a {
    text-shadow: none; }
  header a img.logo {
    height: 2em; }
  header > div div.lionhead-logo {
    display: flex;
    align-items: center; }
    header > div div.lionhead-logo img,
    header > div div.lionhead-logo .logo {
      max-width: 219px;
      height: auto; }
  @media screen and (max-width: 768px) {
    header div.front_page {
      grid-template-columns: 0 1fr;
      align-self: self-end; }
      header div.front_page > div:nth-child(1) {
        visibility: hidden; }
      header div.front_page > div:nth-child(2) {
        display: block;
        text-align: center;
        align-items: end;
        align-content: end; } }
  @media screen and (min-width: 769px) {
    header div.front_page {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2em;
      align-items: end; }
      header div.front_page > div:nth-child(1) {
        display: flex;
        justify-content: start;
        align-items: end; }
      header div.front_page a {
        color: white;
        text-decoration: none; } }
  header div.front_page {
    padding-bottom: 1.5em;
    border-bottom: rgba(255, 255, 255, 0.5) 1px solid; }
  header .kaartje {
    display: flex;
    align-self: center;
    align-items: center;
    font-weight: bold;
    font-size: 20px; }
  header div.front_page .openingstijden {
    display: inline-block; }
    header div.front_page .openingstijden div {
      background-color: #78992B;
      color: white;
      padding: 0.8em;
      padding-bottom: 0.5em;
      text-align: center;
      font-weight: 400;
      margin-top: 2em;
      border-radius: 2em; }
      header div.front_page .openingstijden div svg {
        width: 22px;
        height: 22px;
        vertical-align: middle; }

nav.dropdown-content {
  visibility: hidden;
  position: fixed;
  top: 0.1em;
  left: 0.1em;
  right: 0.1em;
  text-align: left;
  background-color: #853F21;
  border-radius: 1em;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 1000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  nav.dropdown-content ul {
    display: block;
    list-style: none;
    padding: 1em; }
    nav.dropdown-content ul li {
      padding: 0.5em; }
      nav.dropdown-content ul li a.custom-logo-link img {
        width: 219px;
        height: auto; }
      nav.dropdown-content ul li a[data="close"] {
        float: right;
        font-size: xx-large;
        text-decoration: none;
        color: white; }
    nav.dropdown-content ul li.menu-item a {
      display: flex;
      color: white;
      text-decoration: none;
      opacity: 50%;
      transition: all 0.3s ease;
      align-items: center; }
      nav.dropdown-content ul li.menu-item a:hover {
        opacity: 100%;
        font-weight: bold; }

header.black {
  background-color: white; }
  header.black > div:nth-child(1) {
    border-bottom: 1px solid black; }
  header.black > div.large nav ul a {
    color: black; }
  header.black > div.large nav.primary ul li:hover {
    border-bottom: 2px solid black; }

header.white {
  background-color: #78992B; }
  header.white > div:nth-child(1) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  header.white > div {
    color: white; }

footer {
  background-color: #834024;
  padding: 0;
  padding-top: 3em;
  padding-bottom: 0;
  color: white; }
  footer > div {
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 4em; }
  @media screen and (max-width: 768px) {
    footer img {
      display: none; }
    footer form {
      display: none; }
    footer form#email-signup-1 {
      display: block;
      margin-bottom: 2em; }
      footer form#email-signup-1 input {
        display: block;
        width: 100%;
        border-radius: 2em;
        border: 2px solid #853F21;
        padding: 1em 1.5em;
        background-color: #834024; }
        footer form#email-signup-1 input::placeholder {
          color: #853F21; }
      footer form#email-signup-1 input[type="submit"] {
        background-color: #853F21;
        color: white;
        border: none;
        font-weight: 400;
        margin-top: 1em;
        cursor: pointer; }
    footer p:nth-child(even) {
      margin-bottom: 1em; }
    footer > div:first-child {
      background-position: 150px 50px;
      background-size: 85%; } }
  @media screen and (min-width: 769px) {
    footer form {
      display: none; }
    footer form#email-signup-2 {
      display: block;
      float: right;
      margin-top: 2em;
      margin-bottom: 2em; }
      footer form#email-signup-2 input {
        border-radius: 2em;
        border: 2px solid #853F21;
        padding: 1em 1.5em;
        background-color: #834024; }
        footer form#email-signup-2 input::placeholder {
          color: #853F21; }
      footer form#email-signup-2 input[type="submit"] {
        background-color: #853F21;
        color: white;
        border: none;
        font-weight: 400;
        margin-top: 1em;
        cursor: pointer; }
    footer > div {
      background-position: 50px top;
      background-size: 45%; }
      footer > div > div:nth-child(1) {
        padding-left: 55%; }
        footer > div > div:nth-child(1) > div {
          margin-top: 2em;
          display: grid;
          grid-template-columns: 1fr 2fr;
          gap: 1em; }
    footer div.openingstijden {
      display: inline;
      position: relative; }
      footer div.openingstijden div {
        display: inline-block; } }
  footer div.openingstijden div {
    color: #78992B;
    background-color: white;
    padding: 1em;
    text-align: center;
    font-weight: 400;
    margin-top: 2em;
    border-radius: 2em; }
    footer div.openingstijden div svg {
      width: 25px;
      height: 25px;
      vertical-align: text-bottom; }
  footer > div {
    background-image: url(/wp-content/uploads/2025/07/flag.svg);
    background-repeat: no-repeat; }
    footer > div > div:nth-child(1) > div > p:nth-child(odd) {
      font-weight: 700; }

/*
main {
	// margin-top: 2em;

	h1 {
		font-size: $font-size-x-large;

		b,
		strong {
			color: $secondary-color;
		}
	}

	h2,
	h4 {
		font-size: $font-size-base;
		color: $secondary-color;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	h4 {
		color: #B07826;
	}

	p {
		font-size: $font-size-base;
		margin-bottom: 1em;
	}

	b,
	strong {
		color: $secondary-color;
	}

	.bg {
		background-color: #F3EEE2;
		padding: 2em;
		border-radius: 2em;
		// margin-top: 2em;
		margin-bottom: 0;

		h2 {
			color: $secondary-color;
			font-size: $font-size-base;
			margin-bottom: 1em;
		}

		p {
			font-size: $font-size-base;
			margin-bottom: 1em;
		}
	}

	// .size-full {
	figure {
		img {
			border-radius: 2em;
			width: 100%;
			height: auto;
		}
	}

	// }

	.spelen-en-leren-in-een-historische {
		padding: 3em;
		background-image: url(/wp-content/uploads/2025/07/5125513b006e0514f08c2806e6397652.svg);
		background-repeat: no-repeat;
	}

	.verhuur-ruimte {
		padding: 3em;
		background-color: $secondary2-color;
	}

	.wp-block-column {
		margin-top: 2em;
		margin-bottom: 2em;
	}


	form.forminator-custom-form {
		.forminator-row {
			.forminator-field {

				input.forminator-input,
				textarea.forminator-textarea {
					border: 2px solid white;
					border-radius: 2em;
					padding: 1em 1.5em;
					// background-color: $background-color;
					font-size: $font-size-base;
				}
			}
		}
	}

	.is-layout-constrained>.alignright {
		float: right;
		margin: auto;
	}


	@media screen and (max-width: 768px) {

		>.wp-block-group>p,
		>.wp-block-group>p.has-x-large-font-size p {
			font-size: 28px !important;
		}

		>.wp-block-group>p>svg {
			width: 28px !important;
			height: 28px !important;
			vertical-align: baseline;
			position: relative;
			top: 2px;
			// margin-right: 0.5em;
		}

		div.wp-block-columns {
			>div.wp-block-column:first-child {
				// display: none;
			}
		}

		>.wp-block-group h1 {
			font-size: 36px !important;
		}

		div.wp-block-columns {
			h1.has-x-large-font-size {
				font-size: 56px !important;
			}

			>div.wp-block-column {

				h1,
				h2,
				p,
				div.wp-block-buttons {
					margin-left: 20px;
					margin-right: 20px;
				}

				h2 {
					font-size: 19px;
				}

				p {
					font-size: 16px;
				}

				p.verhuurmogelijkheden {
					font-size: 24px;
					margin-bottom: 0.5em;
				}
			}
		}
	}

	@media screen and (min-width: 768px) {

		>.wp-block-group>p,
		>.wp-block-group>p.has-x-large-font-size p {
			font-size: 56px !important;
		}

		>.wp-block-group>p>svg {
			width: 52px !important;
			height: 52px !important;
			vertical-align: baseline;
			position: relative;
			top: 2px;
			// margin-right: 0.5em;
		}

		>.wp-block-group h1 {
			font-size: 56px !important;
		}

		div.wp-block-columns {
			h1.has-x-large-font-size {
				font-size: 56px !important;
			}

			>div.wp-block-column {

				h1,
				h2,
				p,
				div.wp-block-buttons {
					margin-left: 30px;
					margin-right: 30px;
				}

				h2 {
					font-size: 20px;
				}

				p {
					font-size: 17px;
				}

				p.verhuurmogelijkheden {
					font-size: 40px;
					margin-bottom: 0.5em;
				}
			}
		}

	}
}*/
@media screen and (max-width: 766px) {
  main :where(.wp-block-columns.is-layout-flex) {
    gap: 0; } }
main > article {
  background-color: #F3EEE2;
  padding: 2em; }
main h1,
main h2,
main h3,
main p {
  margin-bottom: 25px; }
@media screen and (min-width: 768px) {
  main > article:has(figure:last-child) figure:last-child img {
    margin-bottom: -5em; } }
@media screen and (max-width: 766px) {
  main > article > div > div:empty {
    display: none; }
  main div.wp-block-columns p {
    margin-left: 25px;
    margin-right: 25px; }
  main svg {
    width: 28px !important;
    height: 28px !important;
    vertical-align: baseline;
    position: relative;
    top: 2px; }
  main > div:last-child {
    margin-bottom: 5em; } }
main > div {
  margin-top: 1em;
  margin-bottom: 1em; }
  @media screen and (min-width: 769px) {
    main > div {
      margin-top: 3em;
      margin-bottom: 3em;
      padding: 2em; } }
  @media screen and (max-width: 768px) {
    main > div {
      padding: 0;
      padding-left: 2em;
      padding-right: 2em; }
      main > div > div.mobile-hide {
        display: none; } }
@media screen and (max-width: 768px) {
  main > div:first-child {
    margin-top: 2em; } }
main b,
main strong {
  color: #78992B; }
main span.green {
  color: #78992B; }
main figure img {
  border-radius: 2em;
  width: 100%;
  height: auto; }
main div article {
  padding: 2em;
  background-color: #834024;
  border-radius: 2em;
  margin-bottom: 1em; }
  main div article > p:nth-child(1) {
    margin-bottom: 1em; }
  main div article:nth-child(odd) {
    background-color: #F3EEE2;
    color: white; }
    main div article:nth-child(odd) > p:nth-child(1) {
      color: #78992B; }
    main div article:nth-child(odd) > p:nth-child(2) {
      color: black; }
  main div article:nth-child(even) {
    background-color: #78992B;
    color: white; }
  main div article svg {
    float: right; }

div.footer-spacer {
  margin: 3em; }

div {
  position: relative; }
  div > div.tower-edge {
    top: -2em;
    left: 0;
    right: 0;
    position: absolute;
    background-image: url(/wp-content/uploads/2025/07/tower-edge.svg);
    height: 2em; }

.simpele_stappen {
  display: grid;
  grid: auto-flow dense 100px / 1fr 2fr;
  margin-top: 0.5em;
  margin-bottom: 2em;
  grid-auto-flow: row;
  grid-template-columns: 3em 1fr; }
  @media screen and (max-width: 768px) {
    .simpele_stappen {
      gap: 1em; } }
  @media screen and (min-width: 768px) {
    .simpele_stappen {
      gap: 2em; } }
  .simpele_stappen p {
    margin: 0; }
  .simpele_stappen .nummer {
    display: inline-block;
    border-radius: 2em;
    background-color: #F3EEE2;
    color: #78992B;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold; }
  .simpele_stappen .description {
    margin: 0em;
    align-self: center; }
    .simpele_stappen .description .subtitle1 {
      font-weight: bold;
      color: #78992B; }

.verhuur {
  padding-top: 5em;
  padding-bottom: 5em; }

.contact-grid {
  display: grid;
  gap: 2em; }
  @media screen and (max-width: 1024px) {
    .contact-grid {
      grid-template-columns: 1fr; }
      .contact-grid div {
        padding: 2em; } }
  @media screen and (min-width: 1025px) {
    .contact-grid {
      grid-template-columns: 1fr 1fr; }
      .contact-grid div {
        padding: 4em; } }
  .contact-grid img {
    width: 100%;
    height: 100%;
    border-radius: 2em;
    object-fit: cover; }
  .contact-grid div {
    border-radius: 2em;
    background-color: #F3EEE2; }
    .contact-grid div p {
      margin-bottom: 2em; }
    .contact-grid div form button {
      margin-top: 1em;
      background-color: #78992B;
      color: white;
      border: none;
      border-radius: 2em;
      padding: 1em 2em;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      float: right; }
    .contact-grid div form > div {
      padding: 0;
      margin: 0;
      display: grid;
      gap: 1em; }
      @media screen and (max-width: 1024px) {
        .contact-grid div form > div {
          grid-template-columns: 1fr; } }
      @media screen and (min-width: 1025px) {
        .contact-grid div form > div {
          grid-template-columns: 10em 1fr; } }
      .contact-grid div form > div label {
        font-weight: bold;
        color: #78992B;
        padding-top: 1em; }
      .contact-grid div form > div input,
      .contact-grid div form > div textarea {
        border: 2px solid lightgray;
        border-radius: 2em;
        padding: 1em 1.5em; }
      .contact-grid div form > div textarea {
        resize: none; }

/*# sourceMappingURL=style.css.map */