/*
Theme Name: International Safety Services Ltd
Theme URI: https://knapstack.co.uk/
Author: Knapstack Design
Author URI: https://knapstack.co.uk
Description: ISS is a small company set up in 2000 to provide fire, hygiene and safety consultancy services to a wide range of clients locally, nationally, and internationally. We have since then focused our consultancy provision on Fire Safety and Fire Risk Assessment, as well as Fire Investigation and Training.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iss
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.header-overlay {
	position: absolute;
	z-index: 10;
	margin-bottom: 100px;
	border-left: var(--wp--preset--spacing--80) solid white;
	margin-top: -162.5px;
}

.header-overlay img {
	height: 250px;
}

.header-title-half {
	width: calc(50vw - var(--wp--preset--spacing--50) - 2.375em + 10px);
	text-align: right;
	text-transform: uppercase;
}

.header-overlay-textbox {
	z-index: 1;
}

.custom-logo-link {
	padding-right: 20px;
	border-right: 1px solid white;
}

.header-art {
	border-left: solid white var(--wp--style--root--padding-left);
	position: relative;
	z-index: 10;
}

.logos-overlay img::before {
	content: '';
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0) 100%);
}

:root :where(.wp-element-button, .wp-block-button__link) {
	background-color: var(--wp--preset--color--accent-1);
}
:where(.wp-block-button__link) {
	border-radius: 0;
	/* Add arrow on right of link */
	position: relative;
	padding-right: 3.2em!important; /* Increased gap */
}
:where(.wp-block-button__link)::after {
	content: '>';
	position: absolute;
	right: 0.75em;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4em;
	line-height: 0;
	padding: 0;
	margin: 0;
}
:root :where(.wp-block-button.is-style-outline--3 .wp-block-button__link) {
	background-color: transparent;
}

.hide-overflow-x {
	overflow-x: hidden;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--accent-1);
}

.mt-0 {
	margin-top: 0 !important;
}

.wpcf7 input {
	width: calc(100% - 32px);
	padding: 12px 16px;
	border: 1px solid #8d8d8d;
	border-radius: 0;
	background-color: white;
	font-size: 1.1em;
	font-weight: 400;
	font-family: var(--wp--preset--font-family--source-sans-3);
}

.wpcf7 textarea {
	width: calc(100% - 34px);
	padding: 12px 16px;
	border: 1px solid #8d8d8d;
	border-radius: 0;
	background-color: white;
	font-size: 1.1em;
	font-weight: 400;
	font-family: var(--wp--preset--font-family--source-sans-3);
}

.wpcf7 input.wpcf7-submit {
	width: 100%;
	background-color: var(--wp--preset--color--accent-1);
	color: white;
	border: none;
}

/* 1200 max */
@media (max-width: 1080px) {
	.header-title-half {
		width: calc(100vw - 40px);
		text-align: center;
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
}

/* 1200 max */
@media (max-width: 1200px) {
	.d-none-1200 {
		display: none;
	}
}

/* 750px max */
@media (max-width: 750px) {
	.header-overlay img {
		height: 150px;
	}
	.header-overlay {
		margin-top: -97.5px;
	}
	.logos-overlay {
		display: none;
	}
}