/*
Theme Name: Coterie Blocks
Theme URI: https://thecoteriegroup.com
Author: Abstract Marketing
Author URI: https://abstractmarketing.ca
Description: Custom theme designed for The Coterie Group
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.0
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coterie-blocks
Tags: Site Editor
*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

@view-transition {
    navigation: auto;
}

::view-transition-group(*) {
    animation-duration: 0.37s;
}

img:not([class]),
iframe {
    display: block;
}

:where(input:not(:is([type='button'], [type='submit'])), select, textarea) {
    background-color: var(--wp--preset--color--base);
    border: none;
    border-radius: 5px;
    color: var(--wp--preset--color--contrast);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 400;
    line-height: 1.5;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
    width: 100%;
}

:where(input:focus, textarea:focus, select:focus) {
    outline: 2px solid var(--wp--preset--color--primary);
}

:where(input[type='checkbox'], input[type='image'], input[type='radio']) {
    width: auto;
}

::placeholder {
    color: var(--wp--preset--color--contrast);
    opacity: 0.5;
}

.gform_heading:has(.gform_required_legend) {
	display: none;
}

.chosen-single {
	background: #fffc !important;
	border: 0 !important;
	border-radius: 5px !important;
	box-shadow: none !important;
}

.gfield_label {
	font-size: .8rem !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	margin-bottom: 0 !important;
	letter-spacing: 1px;
}

.gform_wrapper :where(input:not(:is([type="button"], [type="submit"])), textarea, seelect) {
	background-color: #fffc;
}

hr.wp-block-separator {
	border: none;
	color: currentColor;
	background: linear-gradient(
		90deg,
		transparent,
		rgb(from currentColor r g b / .4),
		transparent
	) !important;
	height: 1px;
}

.entry-content {
    container-type: inline-size;
}

.entry-content :is(.alignleft, .alignright) {
    margin-block-end: 1em;
}

.entry-content :is(.alignleft, .alignright):first-child + * {
    margin-top: 0;
}

@container (width < 600px) {
    .entry-content .wp-block-image:is(.alignright, .alignleft) {
        float: none !important;
        margin: 0 0 1.5rem;
        width: 100%;
        text-align: center;
    }

    .entry-content .wp-block-image:is(.alignright, .alignleft) img {
        max-height: 400px;
        width: auto !important;
        display: inline-block !important;
    }
}

html,
body {
    height: 100%;
}

html:has(.admin-bar) {
    height: calc(100% - 46px);
}

@media (min-width: 782px) {
    html:has(.admin-bar) {
        height: calc(100% - 32px);
    }
}

.wp-site-blocks {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    min-height: 100%;
}

.wp-site-blocks > * {
    margin: 0;
}

.site-header {
    position: sticky;
	transition: background .2s ease;
    top: 0;
    z-index: 10;
}

.admin-bar .site-header {
    top: 32px;
}

html:not(.has-modal-open) .site-header.is-compact {
  background: #fffa;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

a:not(:hover) {
    text-decoration: none;
}

.wp-block-cover.promo-card {
  aspect-ratio: 16/9 !important;
  min-height: unset;
  padding: 0;
}

.promo-card .wp-block-cover__inner-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.promo-card .wp-block-group {
  width: 100%;
  padding: 10px;
  text-shadow: 1px 1px 4px #0005, 1px 1px 10px #000, 1px 1px 20px #000;
}

.promo-card .wp-block-buttons {
  padding: 10px;
  background: #fff5;
  backdrop-filter: blur(2px);
  width: 100%;
}




.think-columns {
  position: relative;
}

.think-columns > div h3 {
  display: flex;
  justify-content: center;
  position: relative;
  gap: 10px;
}

.think-column h3::before,
.think-column h3::after {
  content: '';
  height: 1px;
  margin-top: .6em;
  width: 100%;
  background: #aaa;
}

.think-column + .think-column {
  position: relative;
}

.think-column + .think-column::before {
  content: '';
  position: absolute;
  left: 0;
  height: 75%;
  top: 25%;
  width: 1px;
  background: #bbb;
}

.home-think {
  backdrop-filter: grayscale(0.5) contrast(1.1) brightness(1.025);
}


@media (max-width: 850px) {
  .right-fit .wp-block-cover {
    justify-content: center;
  }
}

@media (min-width:768px) {
  .contact-box {
    margin-left: -80px;
  }
}

.wp-block-media-text img {
  border-radius: 5px;
}