/*   
	Theme Name:        Shipwrecks WA
	Theme URI:         https://shipwreckswa.com/
	Description:       Custom theme for SWWA
	Author:            Morgan Leek
	Author URI:        https://morganleek.me
	Version:           1.1.2
	Stable tag:        1.0
	Requires at least: 4.9
	Tested up to:      4.9
	License:           GNU General Public License v3 or later.
	License URI:       https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain:       elementor-hello-theme
*/

* {
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
	margin: 0;
	padding: 0;
}
#site-header{
	display:none;
}
.pciwgas-post-cat-inner{
	border: solid #F5F5F5 1px;
	transition: all .2s ease-in-out;
}
.pciwgas-cat-wrap .pciwgas-img-wrapper img.pciwgas-cat-img{
    height: 200px;
    width: auto;
}
.pciwgas-title{
	font-family: "Raleway", Sans-serif;
	font-weight: 400!important;
}
.pciwgas-pdt-cat-grid{
	    margin-top: 100px;
    margin-bottom: 100px;
}
.pciwgas-cat-count{
	display:none;
}
.pciwgas-cat-desc{
	display:none;
}
.pciwgas-post-cat-inner:hover{
	 transform: scale(1.05);
}

header {
	position: sticky;
	top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
	z-index: 999;
	width: 100vw;
}
main {
	margin: 0;
}
footer.wp-block-template-part {
	margin: 0;
	max-width: 100vw;
}

.wp-block-terms-query .wp-block-term-template {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
	gap: 100px 24px;
}
.wp-block-terms-query .wp-block-term-template .wp-block-term {
	margin: 0;
	border: 1px solid #F5F5F5;
	transition: all .2s ease-in-out;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}
@media( hover: hover ) {
	.wp-block-terms-query .wp-block-term-template .wp-block-term:hover {
	  transform: scale(1.05);
	}
}
.wp-block-terms-query .wp-block-term-template img {
	width: 100%;
	aspect-ratio: calc(16 / 9);
	object-fit: cover;
}
.wp-block-terms-query .wp-block-term-template .wp-block-term-name {
	font-size: 20px;
	color: #000;
	text-decoration: none;
	line-height: normal;
	font-family: "Raleway", Sans-serif;
  font-weight: 400;
	margin: 0;
	padding: 15px;
	text-align: center;
}
.wp-block-terms-query .wp-block-term-template .wp-block-term-name a {
	text-decoration: none;
	color: #000;
	text-align: center;
	&::before {
		content: "";
		position: absolute;
		inset: 0;
	}
}

.wp-block-query {
	.wp-block-post-template {
		.wp-block-post {
			position: relative;
			&.type-post {
				& > .wp-block-group {
					transition: all 0.25s;
				}
				.wp-block-post-featured-image {
					position: relative;
					&::after {
						content: "";
						background-image: linear-gradient(0deg, rgba(0, 0, 0, .35), transparent 75%);
						background-repeat: no-repeat;
						bottom: 0;
						content: "";
						display: block;
						height: 100%;
						opacity: 1;
						position: absolute;
						transition: all .3s ease-out;
						width: 100%;
						pointer-events: none;
					}
				}
				.wp-block-read-more {
					&::before {
						content: "";
						position: absolute;
						inset: 0;
					}
				}
				@media( hover: hover ) {
					&:hover {
						--wp--preset--shadow--shipwrecks: 0 0 30px 0 rgba(0,0,0,.15);
						/* & > .wp-block-group {} */
						.wp-block-post-featured-image::after {
							opacity: 0.5;
						}
					}
				}
			}
		}
	}
}

.wp-block-navigation .wp-block-navigation__container {
	gap: 0 !important;
}
.wp-block-navigation .wp-block-navigation__container > li > a {
	padding: 13px 20px;
	font-size: 12px;
	color: #000000 !important;
	position: relative;
	text-transform: uppercase;
	font-family: var(--wp--preset--font-family--primary) !important;
	&::after {
		content: "";
		position: absolute;
		background-color: #2E5E84;
		height: 3px;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		opacity: 0;
		transition: opacity 0.2s;
	}
}

@media( hover: hover ) {
	.wp-block-navigation .wp-block-navigation__container > li:hover > a::after {
		opacity: 1;
	}
}

.wp-block-search {
	input[type="search"] {
		background-color: #ededed;
		border: 0 none;
		border-radius: 3px 0 0 3px;
		font-family: "Raleway", sans-serif;
	}
	.wp-block-search__inside-wrapper {
		display: flex;
		gap: 0;
	}
	.wp-block-search__button {
		margin: 0;
		width: 50px;
		height: 50px;
		padding: 10px;
		background-color: #818a91;
		border-radius: 0 3px 3px 0;
	}
}

.wp-block-read-more {
	font-size: 12px;
	font-weight: bold;
	&::after {
		content: " »";

	}
}

.wp-block-query-pagination {
	font-family: "Raleway", sans-serif;
	a {
		color: var(--wp--preset--color--text);	
	}
}

.wp-block-shipwreck-caption {
	text-align: center;
}

.wp-block-shipwreck-content {
	display: grid;
	
	/* grid-template-columns: repeat(auto-fill, minmax(min(24rem, 100%), 1fr)); */
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 0 48px;
	margin: 48px auto;
	@media (min-width: 768px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.shipwreck-item {
		display: flex;
		flex-direction: column;
		gap: 8px;
		border-top: 1px solid;
		border-bottom: 1px solid;
    margin-bottom: -1px;
		padding: 24px 8px;
	}
	h4 {
		margin: 0;
		font-weight: 500;
		color: var(--wp--preset--color--text);
	}
	p {
		margin: 0;
		color: #000000;
	}
}

body.single-post {
	.wp-block-post-content {
		&:empty {
			margin-top: 48px;
			margin-bottom: 48px;
		}
	}
}

.wp-block-shipwreck-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
	max-width: 100%;
	gap: 24px;
	.wp-block-image {
		img {
			border-radius: 3px;
			border: 3px solid rgba(114, 114, 114, 0.18);
      display: block;
      aspect-ratio: 1.1;
      object-fit: cover;
      width: 100%;
			overflow: hidden;
		}
		figcaption {
			margin-bottom: 0;
			font-size: 1rem;
			color: #000;
		}
	}
}

.wp-site-blocks {
	min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.wp-block-cover {
	max-width: 100vw;
	&[style*="min-height:100dvh"] {
		min-height: calc(100dvh - 85px - var(--wp-admin--admin-bar--height, 0px)) !important;
	}
	.wp-block-cover__inner-container {
		max-width: 100vw;
	}
}

.wp-block-group.shipwrecks-home-banner-text {
	.wp-block-image {
		margin-left: auto;
		margin-right: auto;
		max-width: min(100%, calc(100vw - 80px));
		img {
			max-width: 100%;
		}
	}
}

.wp-block-tiny-slider-tiny-slider {
	max-width: 100vw;
}

@media (max-width: 981px) {
	.home-phone-grid {
		grid-template-rows: 1fr 1fr 1fr auto;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px 32px;
		& > *:nth-child(1),
		& > *:nth-child(3) {
			grid-row: span 3;
			display: grid;
			grid-template-rows: subgrid;
			grid-template-columns: subgrid;
		}
		& > *:nth-child(2) {
			order: 10;
			grid-column: span 2;
			align-self: center;
      margin-left: auto;
      margin-right: auto;
		}
		& > .wp-block-group.is-vertical {
			gap: 16px;
			justify-content: start !important;
			align-items: start;
		}
	}
}

.wp-block-shipwreck-videos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(24rem, 100%), 1fr));
	max-width: 100%;
	gap: 24px;
	iframe {
		max-width: 100%;
    aspect-ratio: 1.7777;
    height: auto;
	}
}

.wp-lightbox-container button.lightbox-trigger {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: none;
	background-color: transparent !important;
	svg {
		border-radius: 4px;
		height: 20px;
		justify-content: center;
		opacity: 0;
		padding: 0;
		position: absolute;
		right: 16px;
		text-align: center;
		top: 16px;
		width: 20px;
		z-index: 100;
	}
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-left: 30px;
	padding-right: 30px;
}
.wp-block-navigation__responsive-container-close {
	top: 30px;
	right: 30px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	padding: 10px 0;
	font-size: 1.5rem !important;
	text-align: center;
	width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item > a {
	font-size: 1.5rem;
	text-align: center;
	width: 100%;
	display: block;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	width: 100%;
}