/*!
Theme Name: Biomed
Theme URI: 
Author: ddm marketing + communications
Author URI: https://teamddm.com/
Description: Calculator and PDF generation support for Surgical Tech Cost per case
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: stryker-base
Text Domain: biomed
Tags: stryker
*/
:root {
  --wp--custom--colors--gold: #ffb500;
  --wp--custom--colors--gray: #b2b4ae;
  --wp--custom--colors--orange: #af6d04;
  --wp--custom--colors--violet: #7f4595;
  --wp--custom--colors--blue: #1c5687;
  --wp--custom--colors--teal: #4c7d7a;
  --wp--custom--colors--gray-dark: #545857;
  --wp--custom--colors--orange-80: #BF8A36;
  --wp--custom--colors--orange-60: #CFA768;
  --wp--custom--colors--orange-40: #DFC59B;
  --wp--custom--colors--orange-20: #EFE2CD;
  --wp--custom--colors--purple-80: #9D6AA1;
  --wp--custom--colors--purple-60: #B68FB9;
  --wp--custom--colors--purple-40: #CEB5D0;
  --wp--custom--colors--purple-20: #E7DAE8;
  --wp--custom--colors--blue-80: #49789F;
  --wp--custom--colors--blue-60: #779AB7;
  --wp--custom--colors--blue-40: #A4BBCF;
  --wp--custom--colors--blue-20: #C9DDE7;
  --wp--custom--colors--teal-80: #709795;
  --wp--custom--colors--teal-60: #94B1AF;
  --wp--custom--colors--teal-40: #B7CBCA;
  --wp--custom--colors--teal-20: #DBE5E4;
  --wp--custom--colors--dark-gray-80: #767979;
  --wp--custom--colors--dark-gray-60: #989B9A;
  --wp--custom--colors--dark-gray-40: #BBBCBC;
  --wp--custom--colors--dark-gray-20: #DDDEDD;
}

.has-blue-light-background-color {
  color: white;
}
.has-blue-light-background-color a {
  color: white;
}
.has-blue-light-background-color a:hover {
  color: white;
}

/*
.wp-block-button {
	&.is-style-minimal {
		.wp-element-button {
			&.has-blue-light-background-color {
				color: $blue-light !important;
				border-color: transparent !important;
			}
		}
	}

	.wp-element-button {
		&.has-blue-light-background-color {
			color: #fff;
			border-color: var(--wp--custom--colors--blue-light);
		}
	}
}


// Hover colors and interaction handling
.wp-block-button:hover {
	.wp-element-button {
		&.has-blue-light-background-color {
			color: #fff !important;
			background-color: darken($blue-light, 10%) !important;
			border-color: darken($blue-light, 10%) !important;
		}
	}

	&.is-style-minimal {
		.wp-element-button {
			&.has-blue-light-background-color {
				color: $blue-light !important;
				border-color: transparent !important;
			}
		}
	}
}


// Focus handling
.wp-block-button:focus,
.wp-block-button:focus-visible,
.wp-block-button:focus-within {
	&:not([class*="is-style"]),
	&.is-style-primary {
		.wp-element-button {
			&.has-blue-light-background-color {
				border-color: darken($blue-light, 20%);
			}
		}
	}
}

.wp-block-button {
	.wp-element-button {
		&:focus,
		&:focus-visible,
		&:focus-within {
			&.has-blue-light-background-color {
				border-color: darken($blue-light, 20%);
			}
		}
	}
}


// Button color and background color inside of elements with a 
// background color... handling
.has-gold-background-color {
	.wp-block-button {
		&.is-style-primary {
			.has-blue-light-background-color {
				color: white !important;
			}
		}

		&.is-style-secondary {
			.has-blue-light-background-color {
				// background-color: white !important;
			}
		}

		&.is-style-minimal,
		&.is-style-minimal:hover {
			.has-blue-light-background-color {
				color: $blue !important;
			}
		}
	}
}

.has-blue-light-background-color {
	.wp-block-button {
		&:not([class*="is-style"]),
		&.is-style-primary {
			a {
				// color: var(--wp--custom--colors--black);
			}
		}

		&.is-style-secondary {
			background-color: white;

			a {
				// color: var(--wp--custom--colors--black);
			}
		}

		&.is-style-primary,
		&.is-style-secondary {
			.has-gray-dark-background-color,
			.has-violet-background-color,
			.has-blue-background-color,
			.has-orange-background-color,
			.has-teal-background-color {
				color: white;
			}
		}

		&.is-style-minimal {
			.wp-element-button {
				background: transparent !important;
				color: white;

				&.has-white-background-color,
				&.has-gray-background-color,
				&.has-gray-dark-background-color {
					color: white !important;
				}

				&.has-orange-background-color {
					color: $orange !important;
				}

				&.has-violet-background-color {
					color: $violet !important;
				}

				&.has-blue-background-color {
					color: $blue !important;
				}

				&.has-teal-background-color {
					color: $teal !important;
				}
			}
		}
	}
}

*/
body .hide-logged-out,
body .wp-block-navigation,
body .wp-block-search {
  display: none;
}
body.logged-in .hide-logged-out,
body.logged-in .wp-block-navigation,
body.logged-in .wp-block-search {
  display: block;
}
body.logged-in .hide-logged-out.is-layout-flex, body.logged-in .hide-logged-out.wp-block-navigation__container,
body.logged-in .wp-block-navigation.is-layout-flex,
body.logged-in .wp-block-navigation.wp-block-navigation__container,
body.logged-in .wp-block-search.is-layout-flex,
body.logged-in .wp-block-search.wp-block-navigation__container {
  display: flex;
}
body.logged-in .custom-login-wrapper {
  display: none;
}

.wp-block-cover.is-style-hero-right.user-login-hero {
  min-height: 50px;
}
.wp-block-cover.is-style-hero-right.user-login-hero .wp-block-cover__inner-container {
  max-width: 600px;
  min-width: 550px;
}
@media all and (max-width: 1024px) {
  .wp-block-cover.is-style-hero-right.user-login-hero {
    min-height: 100px;
  }
  .wp-block-cover.is-style-hero-right.user-login-hero .wp-block-cover__inner-container {
    min-width: 100px;
  }
  .wp-block-cover.is-style-hero-right.user-login-hero + .wp-block-spacer {
    height: 20px !important;
  }
  .wp-block-cover.is-style-hero-right.user-login-hero .wp-block-cover__inner-container {
    max-width: none;
  }
  .wp-block-cover.is-style-hero-right.user-login-hero h1 {
    color: black;
    font-size: calc(20px + 3vw);
  }
}
@media all and (max-height: 800px) {
  .wp-block-cover.is-style-hero-right.user-login-hero .wp-block-cover__inner-container .wp-block-spacer {
    max-height: 10vh;
  }
}

.wp-site-blocks header.wp-block-template-part > .wp-block-group {
  flex-wrap: nowrap;
}
.wp-site-blocks header.wp-block-template-part > .wp-block-group .wp-block-group ul {
  padding-top: 0;
}

.logout-link {
  display: none !important;
}

body.logged-in .logout-link {
  display: block !important;
}

.primary-nav {
  --navigation-layout-justification-setting: flex-start;
  --navigation-layout-align: flex-start;
}
.primary-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
  position: relative;
  display: flex;
}
.primary-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  display: none;
}
@media all and (min-width: 768px) {
  .primary-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
  .primary-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
  }
}
.primary-nav .wp-block-navigation__responsive-container.is-menu-open {
  width: 90%;
  max-width: 310px;
  padding-left: 30px;
}
.primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 50px;
}

footer.wp-block-template-part {
  margin-top: 40px;
}
footer.wp-block-template-part > .has-background {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}
footer.wp-block-template-part address {
  font-style: normal;
}
footer.wp-block-template-part > .wp-block-group .wp-block-columns {
  font-size: 16px;
  column-gap: 15px;
  row-gap: 10px;
}
footer.wp-block-template-part .footer-logo {
  max-width: 140px;
}
footer.wp-block-template-part .copyright {
  font-size: 0.8em;
  clear: both;
}

.product.wp-block-columns p {
  margin-bottom: 1.5em;
}

.document-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
}
@media all and (max-width: 670px) {
  .document-group {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (max-width: 415px) {
  .document-group {
    grid-template-columns: 1fr;
  }
}
.document-group .wp-block-column {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.document-group .wp-block-column .wp-block-image {
  border: 1px solid var(--wp--custom--colors--dark-gray-20);
}
.document-group .wp-block-column .wp-block-image + p {
  flex-grow: 1;
}
.document-group .wp-block-column .wp-element-button {
  position: static !important;
}
.document-group .wp-block-column .wp-element-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.custom-registration-wrapper {
  max-width: 800px;
}
.custom-registration-wrapper .wpcf7-form .wp-block-buttons {
  display: flex;
  justify-content: flex-end;
}

.has-global-padding .wp-block-cover__inner-container {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}