/*
Theme Name: eCTD 2025
Theme URI: 
Author: Page Portal Ltd
Author URI: 
Description: A child of twenty twenty five
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: ectd-2025
Tags: 
*/

/* Bolder bold/strong fonts */
strong {
	font-weight: 600;
}
.underline-white {
	text-decoration: underline;
	text-decoration-color: white;
}
.links-green a {
	color: #336644;
	text-decoration: underline;
	text-decoration-color: #336644;
}
.nowrap, .nowrap a {
	white-space: nowrap;
}
/* Footer */
.ectd-footer i {
	font-size: 24px;
}
/* Navigator menu icon */
.navigator-menu-icon a {
	background-color: white;
	border-radius: 5px;
	padding: 2px 5px 2px 5px;
	text-decoration-color: #336644;
}
.wp-block-navigation__responsive-container .navigator-menu-icon span {
	color: #336644;
}
.navigator-menu-icon a span:before {
    font-family: FontAwesome;
    content: "\f023";
	color: #336644;
	padding-right: 3px;
    padding-top: 2px;
	font-size: 15px;
}
.mobile-only {
	display: none !important;
}

/* Sticky Menu */
.sticky-menu, .sticky-menu-mobile {
	position:fixed;
	z-index: 1000;
	width: 100%;
	top: 0px;
}
body.admin-bar .sticky-menu, .sticky-menu-mobile {
	top: 32px;
}
.sticky-menu .ectd-logo img {
	max-width: 40%;
}
.sticky-menu .menu-container {
    padding-top: 10px !important;
}
.sticky-menu-mobile {
    top: -137px !important;
}
.sticky-menu > div:first-of-type {
	padding-top: 4px !important;
	padding-bottom: 7px !important;
}
.with-sticky-menu {
	padding-top: 220px;
}
.with-sticky-menu-mobile {
	padding-top: 287px;
}

/* Remove outlines on click */
:where(.wp-site-blocks *:focus) {
    outline-width: 0px;
    outline-style: inherit;
}
/* Adjust anchor for menu depth */
#about, #services, #people, #testimonials, #software, #templates, #contact {
  scroll-margin-top: 90px;
}
.hidden {
	display: none !important;
}
.ectd-content a {
	color: #336644;
	text-decoration: underline;
	text-decoration-color: #336644;
}
.menu-container {
	padding-top: 36px;
}

.mobile-menu-logo {
	position: fixed;
	left: 30px;
	top: 10px;
	height: 110px;
}

/* Mobile menu changes */
html.has-modal-open .menu-container {
	margin-block-start: 0px;
}
/* Hide hamburger when open */
html.has-modal-open nav .wp-block-navigation__responsive-container-open {
	display: none;
}
html.has-modal-open nav .wp-block-navigation__responsive-container span {
	color: white;
}
html.has-modal-open nav .wp-block-navigation__responsive-dialog {
	margin-top: 0px !important;
}
html.has-modal-open nav .wp-block-navigation__submenu-container {
	padding-right: 15px !important;
}
html.has-modal-open nav .wp-block-navigation__submenu-container span::after {
  content: " -";
}
html.has-modal-open nav ul {
	row-gap: 10px !important;
}
html.has-modal-open nav .wp-block-navigation__responsive-container .navigator-menu-icon span {
    color: #336644;
}
html.has-modal-open nav .wp-block-navigation__responsive-container-content {
	padding-top: 50px !important;
}
html.has-modal-open nav .wp-block-navigation-item__label {
	font-size: 32px;
}
html.has-modal-open nav .wp-block-home-link .wp-block-navigation-item__content {
	font-size: 32px !important;
	color: white !important;
}
html.has-modal-open nav .wp-block-navigation__responsive-container {
	background-color: #336644 !important;
}
html.has-modal-open .wp-block-navigation__submenu-container {
	display: none !important;
}
html.has-modal-open nav .wp-block-navigation__responsive-container-close svg {
	color: white;
	padding: 3px;
	width: 40px;
	height: 40px;
	margin-top: 20px;
}
html.has-modal-open nav .navigator-menu-icon a {
	background-color: #336644;
}
html.has-modal-open nav .wp-block-navigation__responsive-container .navigator-menu-icon span {
	color: white;
}
html.has-modal-open nav .navigator-menu-icon a span {
	border: none;
}
html.has-modal-open nav .navigator-menu-icon a span:before {
	color: white;
	font-size: 28px;
	padding-right: 15px;
}
html.has-modal-open nav .wp-block-navigation__responsive-container-content {
	width: 100% !important;
	display: block !important;
}
html.has-modal-open nav .wp-block-navigation__container {
	width: 100% !important;
	display: block !important;
}
html.has-modal-open nav .wp-block-navigation__container ul {
	width: 100% !important;
}
html.has-modal-open nav .wp-block-navigation__container li {
	width: 100% !important;
	padding-top: 3.2px !important;
	padding-bottom: 3.2px !important;
}
html.has-modal-open nav .wp-block-navigation__container li a {
	width: 100% !important;
	text-decoration: none !important;
}
html.has-modal-open nav .wp-block-navigation__container li a:hover {
	background-color: white !important;
	text-decoration: none !important;
}
html.has-modal-open nav .wp-block-home-link .wp-block-navigation-item__content:hover,
html.has-modal-open nav .wp-block-navigation__container li a:hover span {
	color: #336644 !important;
}
html.has-modal-open nav .wp-block-navigation__container li a:hover span:before {
	color: #336644 !important;
}
html.has-modal-open nav .wp-block-home-link,
html.has-modal-open nav .wp-block-navigation__container li a span {
	text-align: center;
	width: 100% !important;
	display: block !important;
}
html.has-modal-open nav .wp-block-navigation__container {
	padding-top: 70px !important;
}

/* GDPR */
footer #gdpr {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: black;
	height: 59px;
}

footer #gdpr p,
footer #gdpr a {
	position: relative;
	color: #ccc;
	text-align: center;
	z-index: 2001;
}

footer #gdpr a {
	text-decoration: underline;
}

footer #gdpr a[href*="#"] {
	border: 1px solid #666;
	padding: 0.25rem 0.5rem;
	text-decoration: none;
	color: #666;
	position: fixed;
	right: 1rem;
	bottom: 0.8rem;
	z-index: 2001;
	margin-left: 10px;
}

footer #gdpr .gdpr-backdrop {
	position: absolute;
	width: 100vw;
	height: 100vh;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 2000;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.blockscroll {
	overflow: hidden;
}
/* Stop footer having top margin as affects hidden gdpr footer */
footer {
	margin-block-start: 0px;
}
.no-row-gap {
	margin-block-start: 0px;
}

/* Video volume */
@keyframes pulse {
	0% {
		width: 40px;
		height: 40px
	}

	50% {
		width: 43px;
		height: 43px
	}

	100% {
		width: 40px;
		height: 40px
	}
}

#why-video-wrapper {
	display: inline-block;
	width: auto;
	max-width: 75%;
	display: block;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.volume-control {
	position: absolute;
	top: 17px;
	right: 18px;
	width: 40px;
	height: 40px;
	background-color: #1b425f;
	line-height: 1;
	border-radius: 50%;
	display: table;
	text-decoration: none;
	font-size: 135%;
	color: #f6f6f6;
	animation: pulse 0.8s infinite;
	z-index: 900;
}

.volume-control i {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
}

/* Mobile */
@media all and (min-width:320px) and (max-width: 781px) {
	/* Menu parents */
	nav a[href$="#"] {
		color: #878787 !important;
	}
	/* Mobile logo centering */
	.ectd-logo a {
		display:block;
	}
	.ectd-logo img {
		display:block;
		margin:0 auto;
		max-width: 132px;
	}
	/* Title centering */
	.mobile-center {
		justify-content: center !important;
	}
	/* Navigation row background color */
	.wp-block-navigation__responsive-container {
		/* background-color: #336644 !important; */
	}
	/* Mobile column ordering */
	.mobile-left {
		order: 1;
	}
	.mobile-right {
		order: 2;
	}
	/* Shrink images */
	.mobile-shrink-image figure {
		margin-top: 0 !important;
		margin-left: 10px;
	}
	.mobile-shrink-image img {
		max-width: 60%;
		display: block;
		margin: 0 auto;
	}
	/* Shrink video */
	.mobile-shrink-video video {
		max-width: 75%;
		display: block;
		margin: 0 auto;
	}
	/* Misc */
	.hidden-mobile {
		display: none !important;
	}
	.mobile-only {
		display: block !important;
	}
	/* Adjust anchor for menu depth */
	#about, #services, #people, #testimonials, #software, #templates, #contact {
		scroll-margin-top: 190px;
	}
	/* Gap between logo and header text */
	.header-logo-columns {
		gap: 0 !important;
	}
	.menu-container {
		padding-top: 0px;
	}
	footer #gdpr p,
	footer #gdpr a {
		font-size: 14px;
	}
	/* When menu icon only move up */
	nav .wp-block-navigation__responsive-container-open {
		margin-top: -360px;
	}
}