/*
Theme Name: West One
Theme URI: 
Author: RDIT
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
Text Domain: west-one
Tags: 
*/

body {
  overflow-x: hidden;
}


/* core/site-title */
.wp-block-site-title {
  text-transform: uppercase;
  word-spacing: -.2em;
  color: #a6a6a6;
}
.wp-block-site-title span {
  color: var(--wp--preset--color--wo-orange);
}

/* header template part */
header.wp-block-template-part {
  background: var(--wp--preset--color--wo-blue-grey);
  color: white;
  margin-bottom: 80px;
  /* min-height: 150px; */
  /* background: linear-gradient(180deg, rgba(94, 97, 103, 100) 60px, rgba(94, 97, 103, 0) 100%); */
}
header.wp-block-template-part::after {
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  margin-top: -100px;
  transform: translateY(100%);/* https://sass-lang.com/playground/#eJxtUk2PmzAQvfMr5hBpYUUChCQE9pJVDlWl3iL1bowLVoxNbaNtVe1/79h4s9luL+A3H2/efBRFlD1Gz2D4OAkGgluLv8v5coGR/+ISfigNVDNiuezBUM1H6DXpOJPWRF+lmbhmHbS/4Vl2GGbgG9FGSVjDYO1kmizruR3mdkPVmAn0Mfmi9DV681Jj1lZzejU+Ahmw0FpwyYhe3ypl0WMWRadFklfxJbjilbFE27MSSjewou6/bgWh1xRWHYqjlivZwINV0Cpr1fiQwJ8oAlh5nrNSuuOSWGYaiNEMkDdQpP5V1A3km6o8LrDcObjfBe+ucrA8bhe4P2z2zrCtQvjBw6LeLbAqPdweFnjESGfIq30wHDaFN+wCYb3AbShX70NCHvjr45shJBQ5Ss/xmTz5BoeZNYCf+xmhy7VO7KzJMpn39+c4wfvBSmZwNrfnf9ismtz0lrInRugQNnFBD+6BiGkg34mYGeD+Pg0e9+Hkex4UbASJnfb0Xmd6J+YDYwIT0xQvgfTY6K1qhsPw6t71kWlisosXmC7mFPDqRuIjX536Fi+n12qWnWv5wxXGs/w5K4tVbneVBBrjWsf8DXZjfTsnLqmYO/bPteq+jfEgoK5SXFeZYN7rX1iyCj8=*/
  /* background: linear-gradient(180deg, rgba(94, 97, 103, 100) 0, rgba(94, 97, 103, 0) 100%); */
  background: linear-gradient(to bottom, hsl(220, 4.5685279188%, 38.6274509804%) 0%, hsla(220, 4.5685279188%, 38.6274509804%, 0.738) 19%, hsla(220, 4.5685279188%, 38.6274509804%, 0.541) 34%, hsla(220, 4.5685279188%, 38.6274509804%, 0.382) 47%, hsla(220, 4.5685279188%, 38.6274509804%, 0.278) 56.5%, hsla(220, 4.5685279188%, 38.6274509804%, 0.194) 65%, hsla(220, 4.5685279188%, 38.6274509804%, 0.126) 73%, hsla(220, 4.5685279188%, 38.6274509804%, 0.075) 80.2%, hsla(220, 4.5685279188%, 38.6274509804%, 0.042) 86.1%, hsla(220, 4.5685279188%, 38.6274509804%, 0.021) 91%, hsla(220, 4.5685279188%, 38.6274509804%, 0.008) 95.2%, hsla(220, 4.5685279188%, 38.6274509804%, 0.002) 98.2%, hsla(220, 4.5685279188%, 38.6274509804%, 0) 100%);
}
header.wp-block-template-part .wp-block-navigation {
  font-family: var(--wp--preset--font-family--century-gothic);
  letter-spacing: .1em; /* 100 tracking */
  text-transform: uppercase;
}

.page .wp-block-post-featured-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  filter: grayscale(100%);
  display: none;
}

/* core/media-text variations */
/*.is-style-grey-to-edge,
.is-style-orange-to-edge {
}

.is-style-grey-to-edge .wp-block-media-text__content {
  background-color: var(--wp--preset--color--wo-blue-grey);
  color: white;
}
.is-style-orange-to-edge h2 {
  color: black;
}
.is-style-orange-to-edge .wp-block-media-text__content {
  background-color: var(--wp--preset--color--wo-orange);
}

@media (min-width: 856px) {
  .is-style-grey-to-edge:not(.has-media-on-the-right) .wp-block-media-text__content,
  .is-style-orange-to-edge:not(.has-media-on-the-right) .wp-block-media-text__content {
    margin-right: calc((-100vw + 100%) / 2);
    padding-right: calc((100vw - 100%) / 2);
  }
  
  .is-style-grey-to-edge.has-media-on-the-right .wp-block-media-text__content,
  .is-style-orange-to-edge.has-media-on-the-right .wp-block-media-text__content {
    margin-left: calc((-100vw + 100%) / 2);
    padding-left: calc((100vw - 100%) / 2);
  }
}*/
html {
  --media-edge-vertical-margin: 30px;
}
.is-style-grey-to-edge,
.is-style-orange-to-edge {
  position: relative;
  border-top: solid var(--media-edge-vertical-margin) transparent;
  border-bottom: solid var(--media-edge-vertical-margin) transparent;
}
.is-style-grey-to-edge .wp-block-media-text__content::after,
.is-style-orange-to-edge .wp-block-media-text__content::after {
	display: block;
	content: "";
	position: absolute;
	top: calc(var(--media-edge-vertical-margin) * -1);
	height: calc(100% + (var(--media-edge-vertical-margin) * 2));
	width: 100%;
	z-index: -1;
}


.is-style-grey-to-edge:not(.has-media-on-the-right) .wp-block-media-text__content::after,
.is-style-orange-to-edge:not(.has-media-on-the-right) .wp-block-media-text__content::after {
  left: 16px;
  margin-right: calc((-100vw + 100%) / 2);
  padding-right: calc((100vw - 100%) / 2);
}
.is-style-grey-to-edge.has-media-on-the-right .wp-block-media-text__content::after,
.is-style-orange-to-edge.has-media-on-the-right .wp-block-media-text__content::after {
  right: 16px;
  margin-left: calc((-100vw + 100%) / 2);
  padding-left: calc((100vw - 100%) / 2);
}

@media (min-width: 601px) {
  .is-style-grey-to-edge:not(.has-media-on-the-right) .wp-block-media-text__content::after,
  .is-style-orange-to-edge:not(.has-media-on-the-right) .wp-block-media-text__content::after {
    left: 25%;
  }
  .is-style-grey-to-edge.has-media-on-the-right .wp-block-media-text__content::after,
  .is-style-orange-to-edge.has-media-on-the-right .wp-block-media-text__content::after {
    right: 25%;
  }
}

.is-style-grey-to-edge .wp-block-media-text__content::after {
  background-color: var(--wp--preset--color--wo-blue-grey);
}
.is-style-orange-to-edge .wp-block-media-text__content::after {
  background-color: var(--wp--preset--color--wo-orange);
}
.is-style-grey-to-edge .wp-block-media-text__content {
  color: white;
}
.is-style-orange-to-edge h2 {
  color: black;
}




/* west-one/intro */
.west-one-intro {
  padding-top: 200px;
  margin-top: -200px !important;
  position: relative;
  z-index: -1;
  min-height: 500px;
  display: flex;
  align-items: flex-end;


  background-size: cover;
  background-position: center center;
}
.west-one-intro-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	object-position: top center;
	z-index: -1;
  filter: grayscale(100%);
}
.wp-block-west-one-intro {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
  color: black;
  padding: var(--wp--preset--spacing--60) calc(var(--wp--preset--spacing--60) * 2);
  box-sizing: border-box;
  padding-top: 200px;
  margin-block-end: -24px;
  flex-grow: 1;
  /* max-width: var(--wp--style--global--content-size); */
  max-width: calc(var(--wp--style--global--content-size) + var(--wp--preset--spacing--60) * 2);
}

/* core/quote */
.wp-block-quote cite {
  color: var(--wp--preset--color--wo-orange);
  font-style: normal;
  font-weight: bold;
}
.wp-block-cb-carousel .slick-dots li button::before {
	font-size: 13px;
}

/* west-one/service-card */
.wp-block-west-one-service-card {
  background-size: cover;
  color: white;
  display: grid;
  grid-template-areas: "full";
  cursor: pointer;
  min-height: 400px;
}
.wp-block-west-one-service-card .service-heading {
  grid-area: full;
  align-self: center;
  text-align: center;
  padding: 8px;
}
.wp-block-west-one-service-card .service-reveal {
  opacity: 0;
  transform: rotateY(90deg);
  transition: opacity .1s, transform .5s;
  background-color: var(--wp--preset--color--wo-orange);
  grid-area: full;
  padding: 18px;
  line-height: 1.3em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-west-one-service-card:focus .service-reveal,
.wp-block-west-one-service-card:focus-within .service-reveal {
  opacity: 1;
  transform: none;
}
.wp-block-west-one-service-card .service-reveal .wp-element-button.wp-block-button__link {
  background-color: white;
  color: var(--wp--preset--color--wo-orange);
}

/* west-one/staff-card */
.wp-block-west-one-staff-card {
  background: #3b3c3e;
  color: white;
  display: grid;
  grid-template-areas: "full";
  cursor: pointer;
  min-height: 200px;
}
.wp-block-west-one-staff-card .staff-photo {
  grid-area: full;
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: contrast(1.1) brightness(0.5);
}
.wp-block-west-one-staff-card .staff-intro {
  grid-area: full;
  align-self: end;
  text-align: center;
  padding: 8px;
  position: relative;
  z-index: 5;
}
.wp-block-west-one-staff-card .staff-reveal {
  opacity: 0;
  transform: rotateY(90deg);
  transition: opacity .1s, transform .5s;
  background-color: var(--wp--preset--color--wo-orange);
  grid-area: full;
  padding: 18px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-west-one-staff-card .staff-reveal p {
  margin: 0.4em 0;
}
.wp-block-west-one-staff-card .staff-reveal a {
  color: white;
  text-decoration: none;
}
.wp-block-west-one-staff-card .staff-reveal a:hover {
  text-decoration: underline;
}
.wp-block-west-one-staff-card:focus .staff-reveal,
.wp-block-west-one-staff-card:focus-within .staff-reveal {
  opacity: 1;
  transform: none;
}
.wp-block-west-one-staff-card .staff-reveal .wp-element-button.wp-block-button__link {
  background-color: white;
  color: var(--wp--preset--color--wo-orange);
}

/* west-one/project-card */
.wp-block-west-one-project-card {
  background: #3b3c3e;
  color: white;
  display: grid;
  grid-template-areas: "full";
  cursor: pointer;
  min-height: 200px;
}
.wp-block-west-one-project-card .project-photo {
  grid-area: full;
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: contrast(1.1) brightness(0.5);
}
.wp-block-west-one-project-card .project-intro {
  grid-area: full;
  align-self: center;
  text-align: center;
  padding: 8px;
  position: relative;
  z-index: 5;
}
.wp-block-west-one-project-card .project-reveal {
  opacity: 0;
  transform: rotateY(90deg);
  transition: opacity .1s, transform .5s;
  background-color: var(--wp--preset--color--wo-orange);
  grid-area: full;
  padding: 18px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-west-one-project-card .project-reveal p {
}
.wp-block-west-one-project-card .project-reveal a {
  color: white;
  text-decoration: none;
}
.wp-block-west-one-project-card .project-reveal a:hover {
  text-decoration: underline;
}
.wp-block-west-one-project-card:focus .project-reveal,
.wp-block-west-one-project-card:focus-within .project-reveal {
  opacity: 1;
  transform: none;
}
.wp-block-west-one-project-card .project-reveal .wp-element-button.wp-block-button__link {
  background-color: white;
  color: var(--wp--preset--color--wo-orange);
}

/* about page special overlapping image */
@media (min-width: 800px) {
  .special-image-container {
    margin-top: 300px;
  }
  .special-image-container .special-image {
    margin-top: -300px;
  }
}

/* submenu wider for wide link */
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
  min-width: 230px;
}

/* centered list with left aligned text */
.list-center-left-align-container {
    text-align: center;
}
.list-center-left-align {
    display: inline-block;
    text-align: left;
}


/* grids mobile */
@media (max-width: 1023px) {
  .grid-stacked-mobile {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 615px) {
  .grid-stacked-mobile {
    grid-template-columns: 1fr;
  }
}

/* centered grid */
.grid-center {
	align-items: center;
}

/* contact form */
html {
  --fluentform-primary: var(--wp--preset--color--wo-orange) !important;
}
.ff_btn_style {
  text-transform: uppercase;
  letter-spacing: .15em;
  border-radius: 0 !important;
}