/*
Theme Name: Sunrise Steel Blocks
Theme URI: https://sunrisesteel.ca
Author: Abstract Marketing
Author URI: https://abstractmarketing.ca
Description: A custom block theme developed for Sunrise Steel
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sunrise-steel-blocks
Tags: full-site-editing
*/

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

html {
	scroll-behavior: smooth;
}

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

figure[class*="align"]:not(.alignfull) {
    display: block !important;
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
	float: none !important;
}

figure.alignleft :is(img, div) {
    float: left;
	margin-inline-end: 1rem;
}

figure.alignright :is(img, div) {
    float: right;
	margin-inline-start: 1rem;
}

figure.aligncenter :is(img, div) {
	margin-inline: auto;
	display: inline-block !important;
}

.wp-site-blocks > header.wp-block-template-part {
	margin-bottom: -1rem;
	position: fixed;
	z-index: 100;
	width: 100%;
	top: 0;
}

body:not(.editor-styles-wrapper) {
	padding-top: 22px;
}

@media (min-width: 701px) {
	body:not(.editor-styles-wrapper) {
		padding-top: 75px;
	}	
}

@media (min-width: 783px) {
	body:not(.editor-styles-wrapper) {
		padding-top: 89px;
	}	
}

.home .wp-site-blocks > footer.wp-block-template-part {
	margin-top: 0;
}

/* -- Forms -- */

.wp-site-blocks :is(input, select, textarea) {
	background-color: var(--wp--preset--color--base);
	border: 1px solid #bbb;
	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.65;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	width: 100%;
}

.wp-site-blocks input:is([type="button"], [type="submit"]) {
    width: auto;
}

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

.wp-site-blocks :is(input[type="checkbox"], input[type="image"], input[type="radio"]) {
	width: auto;
}

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

.wp-site-blocks textarea {
	height: 120px;
}

.home-why svg {
    filter: drop-shadow(1px 1px 0px var(--wp--preset--color--secondary));
}

.wp-block-cover.is-style-style-1 :is(.wp-block-post-title, .wp-block-heading) {
    position: relative;
}

.wp-block-cover.is-style-style-1 :is(.wp-block-post-title, .wp-block-heading)::before {
    content: '';
    background: var(--wp--preset--color--tertiary);
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 25px;
    height: 5px;
    z-index: -1;
    transition: all .25s ease;
}

.wp-block-cover.is-style-style-1 .wp-block-cover__image-background {
    will-change: transform;
    transition: transform 1s ease;
}

.wp-block-cover.is-style-style-1:hover .wp-block-cover__image-background {
    transform: scale(1.05);
}

.wp-block-cover.is-style-style-1:hover :is(.wp-block-post-title, .wp-block-heading)::before {
    left: -5px;
    bottom: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
}

.wp-block-cover.is-style-style-1 h2 {
    text-shadow: 1px 1px 1px var(--wp--preset--color--secondary);
    filter:
        drop-shadow(0 0 20px var(--wp--preset--color--secondary))
        drop-shadow(0 0 50px var(--wp--preset--color--primary))
        drop-shadow(0 0 800px var(--wp--preset--color--primary));
}

.home .wpcf7-form {
    columns: 2 280px;
}

.home .wpcf7-form textarea {
    height: 177px;
}

.home .wpcf7-form p:first-of-type {
    margin-top: 0;
}

.wpcf7 p:last-of-type {
    margin-bottom: 0;
    position: relative;
}

.wpcf7 .wpcf7-spinner {
    position: absolute;
    left: calc(50% - 24px);
    top: 8px;
    margin: 0;
}

.wpcf7 .wpcf7-submit {
    width: 100%;
}

.has-featured-image .page-cover {
    min-height: 50vh !important;
}

.site-header .wp-block-site-logo, .site-header .wp-block-site-logo img {
    transition: all .1s ease;
}

.site-header.is-compact .wp-block-site-logo {
    width: 120px;
}



@media (max-width: 679px) {
    .site-header .wp-block-site-logo {
        margin-top: -12px !important;
    }
}

@media (max-width: 599px) {
    .site-header .wp-block-site-logo {
        width: 140px;
        margin-top: 0 !important;
    }
}

@media (max-width: 699px) {
  .site-header:not(.is-compact) .wp-block-site-logo {
    margin-top: 40px !important;
    width: 160px;
  }
}

@media (max-width: 900px) {
    .home-why {
        grid-template-columns: 1fr 1fr;
    }    
}

@media (max-width: 1050px) {
  .site-footer__columns {
    flex-wrap: wrap !important;
  }
  
  .site-footer__columns > .wp-block-column {
    flex: 0 0 45% !important;
    text-align: center;
  }
  
  .site-footer__columns > .wp-block-column .is-layout-flex {
    justify-content: center;
  }
}

main > .entry-content {
  min-height: 300px;
}

body:not(.home) .footer-divider > div {
	background: #fff transparent;
}

body.page-id-20 .footer-divider {
	margin-top: -80px;
	z-index: 1000;
	position: relative;
}

body:not(.home) .footer-divider > div {
	background: transparent !important;
}

.animated-arrow {
	animation: bounce 1.5s ease-in-out infinite;
}

@keyframes bounce {
	0% {
		transform: translateY(0)
	}

	33% {
		transform: translateY(15px)
	}

	100% {
		transform: translateY(0)
	}
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	border-radius: 0 !important;
	text-align: center  !important;
	background: var(--wp--preset--color--primary)  !important;
	color: #fff  !important;
}

.leaflet-popup-content-wrapper strong {
	font-family: 'Barlow Condensed', 'Barlow', sans-serif;
	font-size: 17px;
}

.leaflet-popup-close-button {
	display: none;
}

.ss-documents h2 {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.ss-document {
  display: flex;
  padding: 8px 12px;
  justify-content: space-between;
  gap: 6px;
  line-height: 1.4;
}

.ss-document:nth-child(odd) {
  background: #f5f5f5;
}

.ss-document + .ss-document {
  border-top: 1px solid #ddd;
}

@media (max-width: 1100px) {
    .home-why {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 600px) {
    .home-why {
        grid-template-columns: 1fr !important;
    }
}

.site-header__mobile-menu {
    position: absolute;
    width: 100%;
}

.site-header__mobile-menu > button {
    position: absolute;
    right: 20px;
}

@media (min-width: 1000px) {
    .site-header__mobile-menu {
        display: none !important;
    }
}

.page-cover:not(:has(img)) .wp-block-cover__background {
	opacity: 1;
	background-color: #394146 !important;
}

.cover-link {
    overflow: hidden;
    position: relative;
}

.cover-link a::before {
    content: 'a';
    position: absolute;
    left: -20px;
    bottom: -20px;
    height: 500px;
    aspect-ratio: 1/1;
}

footer.wp-block-template-part {
	position: relative;
	z-index: 1000;
}

@media (min-width: 626px) {
	.home .wpcf7 p.wp-block-buttons {
		transform: translateX(-84px)
	}
}