/*
Theme Name: Grantham House
Author: Stephen Ramsay
Description: A theme based on a Canva design
Version: 1.0.0
*/


.greenbg, .darkgreenbg{
	background: #00abab;
    color: #fff;
    text-align: center;
    font-size: 35px;
    padding: 5vw;
}
.darkgreenbg{
	background: #124747;
}
.booknow{
	background:#ffdf2b;
}
.wp-block-group.halfblock.matchheight div {
    height: 100%;
}
body{
	font-family: "Libre Franklin", sans-serif;
}
h1{
	font-size:100px;
	margin-left: auto;
    margin-right: auto;
}
h2{
	font-size:70px;
	margin-left: auto;
    margin-right: auto;
}
/* Target the parent container of the halfblock elements */
.wp-block-group.flexgroup .wp-block-group__inner-container{ /* Replace with your actual parent container class or ID */
  display: flex;
  flex-wrap: wrap; /* Allows blocks to wrap to the next line if needed */
}

.grouping3 .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 100px;
}
.group3 .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    display: block;
	color:#124747;
}

.fullblock .wp-block-group__inner-container .wp-block-cover{
	height: 70vh;
}
figure.wp-block-image.size-large {
    margin: 0px;
	min-height: 520px;
}
/* Style for individual halfblock elements */
.halfblock {
  flex: 1 1 calc(50% - 10px); /* Each block takes ~50% width, minus gap */
  box-sizing: border-box; /* Ensures padding/margins don't break the layout */
}

/* Optional: Responsive adjustment for smaller screens */
@media (max-width: 768px) {
  .halfblock {
    flex: 1 1 100%; /* Stack blocks vertically on small screens */
  }
  .grouping3 .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained{
	  flex: 1 1 100%; /* Stack blocks vertically on small screens */
		flex-direction: column;
  }
  .group3 .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
       min-width:150px;
	   max-width: 100%;
       font-size: 26px;
       text-align: center;
  }
  ul.wp-block-list {
    flex-direction: column !important;
    gap: 30px !important;
  }
  .greenbg li {
    max-width:90%;
  }
  h1{
	  font-size:70px;
  }
  h2{
	  font-size:45px !important;
  }
}


html, body {
    margin: 0px !important;
}

.wp-block-buttons.is-content-justification-center {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.size-large img{
	width: 100%;
      height: 100% !important;
  object-fit: cover; /* Ensures the image covers the container, cropping if needed */
}
.size-large .wp-block-image img {
    height: auto;
    max-width: 100%;

    width: 100%;
	height: 100% !important;
    object-fit: cover;
}

ul.wp-block-list {
    display: flex;
    flex-direction: row;
    gap: 80px;
	justify-content: center;
}
.greenbg li {
    background: #124747;
    display: flex;
    width: 400px;
    height: 150px;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
	font-weight:bold;
}