/*
Theme Name:   Not Skyscrapers
Description:  Frost child theme
Author:       Weblines
Template:     frost
Version:      0.0.2
Text Domain:  frostchild
*/

input,
select,
textarea {
	font-family: var(--wp--preset--font-family--open-sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--regular);
}

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--bold);
}

/* Image within row */
.no-shrink {
	flex-shrink: 0;
}

/* File block */
.wp-block-file:not(.wp-element-button) {
	font-size: inherit;
}

/* Button block */
.wp-block-button.is-style-outline>.wp-element-button:hover {
	background-color: var(--wp--custom--color--hover) !important;
	border-color: var(--wp--custom--color--hover) !important;
	color: var(--wp--preset--color--base) !important;
}
.wp-element-button.has-background:hover {
	background-color: var(--wp--custom--color--hover) !important;
	color: var(--wp--preset--color--base) !important;
}
.wp-element-button.has-base-background-color:hover {
	background-color: var(--wp--custom--color--hover) !important;
}
.wp-element-button.has-contrast-color:hover {
	color: var(--wp--preset--color--base) !important;
}

/* Iframe */
iframe {
	display: block;
}

/* Gallery */
.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: inherit;
}

/* Columns */
/* Support vertical alignment on individual columns */
.wp-block-column {
	display: flex;
	flex-direction: column;
}
.wp-block-column.is-vertically-aligned-center {
	justify-content: center;
	align-self: stretch;
}
.wp-block-column.is-vertically-aligned-top {
	justify-content: flex-start;
	align-self: stretch;
}
.wp-block-column.is-vertically-aligned-bottom {
	justify-content: flex-end;
	align-self: stretch;
}
.wp-block-column.is-vertically-aligned-stretch {
	/* make stretch mean something different for the content */
	justify-content: space-evenly;
	align-self: stretch;
}

/* Media & Text */
:root :where(.wp-block-media-text__content) > * {
	margin-block-start: var(--wp--custom--spacing--gap);
	margin-block-end: 0;
}
:root :where(.wp-block-media-text__content) > :first-child {
	margin-block-start: 0;
}
@media (max-width: 600px) {
	.wp-block-media-text>.wp-block-media-text__content {
		padding: var(--wp--custom--spacing--gap) 0 0;
	}
}

/* Post Nav */
.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
	margin-right: 6px;
}
.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next {
	margin-left: 6px;
}
@media (max-width: 767px) {
	.wp-block-post-navigation-link {
	  width: 100%;
	}
}
@media (min-width: 768px) {
	.wp-block-post-navigation-link {
	  max-width: calc(50% - var(--wp--custom--spacing--gap) / 2);
	}
}

/* Latest Posts Block */
.wp-block-latest-posts__list li {
	padding-top: calc(var(--wp--preset--spacing--x-small) / 2);
}

/* No floating images for mobile */
@media (max-width: 599px) {
	body .is-layout-constrained > .alignleft,
	body .is-layout-constrained > .alignright,
	body .is-layout-flow > .alignleft,
	body .is-layout-flow > .alignright {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: var(--wp--preset--spacing--normal);
	}
}

/* Mobile Navigation */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	gap: calc( var(--wp--custom--spacing--gap) / 2 );
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	padding-top: calc( var(--wp--custom--spacing--gap) / 2 );
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: calc( var(--wp--custom--spacing--gap) * 2 );
}

/* Mobile Navigation More Styling */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
}
.has-modal-open body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 1; 
}

/* Slide-in Navigation */
@keyframes overlay-menu__slide-in-animation {
	from {
		opacity: 0;
		transform: translateX(80%);
	}
	25% {
		opacity: 1;
	}
	to {
		transform: translateX(0);
	}
}
.wp-block-navigation__responsive-container {
	right: -80%;
	width: 80%;
}
.wp-block-navigation__responsive-container.is-menu-open {
	right: 0;
	left: 20%;
	animation: overlay-menu__slide-in-animation 0.5s ease-out;
	animation-direction: backwards;
}

/* CF7 */
.wpcf7 {
	max-width: var(--wp--style--global--content-size);
}
@media (min-width: 600px) {
	.wpcf7 .half {
		width: 49%;
		float: left;
	}
	.wpcf7 .half:first-of-type {
		margin-right: 2%;
	}
}
.wpcf7 .captcha-image label > input {
    display: none;
}
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	border-radius: 2px;
	background: #fafafa;
	transition: all .2s linear;
}
input[type=submit] {
	background-color: var(--wp--preset--color--accent);
	border-radius: 5px;
	border-width: 0;
	color: var(--wp--preset--color--base);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: var(--wp--custom--line-height--medium);
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	text-decoration: none;
	width: auto;
}
input[type=submit]:hover {
	background-color: var(--wp--custom--color--hover);
	border-color: var(--wp--custom--color--hover);
}
.cf7ic-icon-wrapper label, .captcha-image .cf7ic-icon-wrapper label {
	line-height: 1;
	position: relative;
  vertical-align: middle;
}
.wpcf7 label, .wpcf7 br {
	display: none;
}
.wpcf7 p {
  margin-block-start: var(--wp--preset--spacing--x-small);
  margin-block-end: 0;
}
.wpcf7 p:first-of-type {
  margin-block-start: 0;
}

/* Corrections */
ins, mark {
	background: 0 0;
  text-decoration: none;
}

/* Extra classes */
.quote {
	font-family: Arial;
	font-size: 100px !important;
	line-height: 0.75 !important;
}
.no-break {
  white-space: nowrap;
}
.row-gap {
	row-gap: calc(var(--wp--custom--spacing--gap) / 2);
}

/* Handling floating images outside of a group */
/* content-width + root-padding x 2 ie 760 + (30 x 2) = 820 
@media (min-width: 820px) {
	.entry-content.is-layout-constrained > .wp-block-image.alignleft {
		margin-left: calc(50% - var(--wp--style--global--content-size) / 2);
	}
	.entry-content.is-layout-constrained > .wp-block-image.alignright {
	    margin-right: calc(50% - var(--wp--style--global--content-size) / 2);
	}
	/* But not if inside a column in a template 
	.wp-block-column .entry-content.is-layout-constrained > .wp-block-image.alignleft {
		margin-left: 0;
	}
	.wp-block-column .entry-content.is-layout-constrained > .wp-block-image.alignright {
		margin-right: 0;
	}
}*/

/* change mobile menu breakpoint 
@media screen and (max-width: 919px) {
	/* hamburger button 
	.wp-block-navigation__responsive-container-open  {
		display: block !important;
		color: var(--wp--preset--color--primary);
	}
	/* full menu 
	.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
		display: none !important;
	}
}
*/
/* hide/display sections based on screen size - best to coincide with swap to hamburger 
@media (max-width: 919px) {
	.mobile-hide {
		display: none !important;
	}
}
@media (min-width: 920px) {
	.mobile-show {
		display: none !important;
	}
}
*/