@font-face {
font-family: "MrsEaves";
src: url(//ryoungblood.com/wp-content/themes/youngblood/css/mrseaves/MrsEaves-rom.eot);
src:
url(//ryoungblood.com/wp-content/themes/youngblood/css/mrseaves/MrsEaves-rom.eot?iefix) format("eot"),
url(//ryoungblood.com/wp-content/themes/youngblood/css/mrseaves/MrsEaves-rom.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "MrsEaves";
src: url(//ryoungblood.com/wp-content/themes/youngblood/css/mrseaves/MrsEaves-ita.eot);
src:
url(//ryoungblood.com/wp-content/themes/youngblood/css/mrseaves/MrsEaves-ita.eot?iefix) format("eot"),
url(//ryoungblood.com/wp-content/themes/youngblood/css/mrseaves/MrsEaves-ita.woff) format("woff");
font-weight: normal;
font-style: italic;
} html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
a:hover,
a:active,
a:focus {
outline: none;
}
::-moz-selection {
background: #e3ecbf;
text-shadow: none;
}
::selection {
background: #e3ecbf;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
} body {
color: #2f2e25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} a {
color: inherit;
text-decoration: none;
}
.full { height: 100vh; width: 100%;
position: relative;
}
#project-holder .full {
height: 100vw;
max-height: 100vh;
}
figure {
margin: 0;
display: block;
}
.heartslider {
background-color: black;
}
.full .srcset-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.grey {
-webkit-filter: grayscale(1) brightness(1.4);
filter: grayscale(1) brightness(1.4);
-webkit-backface-visibility: hidden;
transition: filter 1.5s;
}
.grey.grey-no-more {
-webkit-filter: grayscale(0) brightness(1);
filter: grayscale(0) brightness(1);
}
#cycle {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 0;
}
#intro {
background-color: white;
}
#intro p {
font-size: 2em;
}
#cycle {
position: absolute;
opacity: 0;
transition: opacity 6s;
background-attachment: fixed;
}
#cycle.fadein {
opacity: 1;
}
.loaderimg {
opacity: 0;
height: 0 !important;
width: 0 !important;
position: absolute;
top: 0;
left: 0;
}
.loaderimg.has-srcset {
min-height: 100%;
min-width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
}
.loaded .loaderimg.has-srcset {
opacity: 1;
}
.img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: filter 3s;
-webkit-transition: -webkit-filter 3s;
-webkit-backface-visibility: hidden; }
#project-holder .img.full,
.gallery-item {
position: relative;
opacity: 0;
-webkit-transition: opacity 0.35s ease;
-o-transition: opacity 0.35s ease;
transition: opacity 0.35s ease;
}
#project-holder .img.full.loaded,
.gallery-item.loaded {
opacity: 1;
}
.quote {
max-width: 800px;
margin: 0 auto;
padding: 0 1em;
text-align: center;
font-family: MrsEaves;
}
#intro .quote {
text-transform: uppercase;
font-size: 1.1em;
color: black;
}
.quote p {
margin: 0;
}
.quote .attribution {
font-family: MrsEaves;
font-variant: small-caps;
font-size: 0.7em;
font-style: normal;
}
.quote .attribution:before,
.quote .attribution:after {
content: " — ";
}
.vertically-center {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#home {
top: 0;
position: absolute;
margin-top: 0;
opacity: 0;
-webkit-transition: opacity 4s 2s;
transition: opacity 4s 2s;
}
#home.showing {
opacity: 1;
}
h1 { padding: 0;
margin: 0;
display: inline-block;
width: 200px;
opacity: 0;
height: 40px;
background-image: url(//ryoungblood.com/wp-content/themes/youngblood/img/logo-green.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
text-indent: -9999px;
transition:
height 0.75s,
opacity 0.25s;
-webkit-transition:
height 0.75s,
opacity 0.25s;
}
.nav-up h1 {
height: 150px;
opacity: 1;
}
h2 {
color: white;
font-family: MrsEaves;
font-variant: small-caps;
text-align: center;
font-size: 0.97em;
font-weight: normal;
text-transform: uppercase;
opacity: 0.7;
}
.instruct {
position: absolute;
bottom: 1em;
left: 0;
right: 0;
opacity: 1;
}
.instruct span {
width: 40px;
height: 40px;
background-image: url(//ryoungblood.com/wp-content/themes/youngblood/img/down-arrow.png);
}
#beginnings,
#fitness {
background-color: #a5ab82;
background-color: #babd8b;
background-color: #473729;
color: white;
padding: 4em 0;
font-size: 1.3em;
}
nav {
font-family: MrsEaves;
font-variant: small-caps;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
z-index: 1000000;
cursor: pointer;
background-color: rgba(255, 255, 255, 0);
color: #888888;
position: fixed;
top: 0;
left: 0;
right: 0;
line-height: 0; transition: margin-top 2s 2s; transition: background-color 1s;
}
.touch nav {
background-color: rgba(255, 255, 255, 0.87);
}
nav.past-home {
background-color: rgba(255, 255, 255, 0.75);
}
nav:hover {
background-color: rgba(255, 255, 255, 1);
transition: background-color 0.25s;
}
nav a:hover {
color: darkgreen;
}
.siblings {
font-family: MrsEaves;
text-transform: capitalize;
font-variant: normal;
margin-bottom: 7.5%;
text-align: center;
}
nav ul {
margin: 0;
padding: 0;
}
nav li {
margin: 0 0.6em;
display: inline-block;
position: relative;
vertical-align: 50%;
line-height: 1.5rem;
}
nav li.cur-page {
color: black;
}
nav li a {
display: inline-block; }
nav li#nav-logo {
position: absolute;
opacity: 1;
top: 1.5rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: opacity 0.25s;
-webkit-transition: opacity 0.25s;
margin: 0;
padding: 0;
width: 250px; background-image: url(//ryoungblood.com/wp-content/themes/youngblood/img/logo-green-lockup.svg);
background-size: contain;
background-position: center 25%;
background-repeat: no-repeat;
}
nav.nav-up li#nav-logo {
opacity: 0;
}
nav li#nav-logo a {
width: 100%;
height: 100%;
}
#primary-menu {
margin: 0.5rem 0 0.25rem;
}
@media all and (max-width: 765px) {
#primary-menu {
margin: 0;
}
} .nav-holder {
width: auto;
display: inline-block;
margin: 0 auto;
position: relative;
}
.menu-nested-pages-container {
display: inline-block;
}
.nav-menu {
width: auto;
display: inline-block;
position: relative;
}
.social-buttons { display: inline-block; padding: 0 0 0 1.4rem;
}
nav a.instagram,
nav a.houzz { padding: 0 2px;
}
nav li:hover a.instagram,
nav li:hover a.houzz {
opacity: 1;
}
.fa-instagram {
font-size: 13px;
display: inline-block;
margin-bottom: -0.15em;
}
@media all and (max-width: 765px) {
nav {
font-size: 1rem;
}
nav ul li {
margin: 0.5rem auto;
}
nav .nav-menu li:last-child > a {
width: 0;
overflow: hidden;
}
.social-buttons {
position: absolute;
left: 0;
right: 0;
display: inline-block;
padding: 0 0.5rem;
min-width: 5rem;
}
nav a.instagram,
nav a.houzz {
opacity: 1;
}
}
#duo img {
width: 70%;
max-width: 1200px;
max-height: 80%;
width: auto;
margin: 0 auto;
display: block;
}
#video,
#menu,
#people-menu,
#team { text-align: center;
font-family: MrsEaves;
}
#menu,
#team {
padding-top: 2.5em;
}
@media screen and (max-width: 35em) {
#menu,
#team {
padding-top: 0;
}
}
.menu-title {
color: #383725;
font-size: 1.3em;
margin: 1em auto 0;
border: 1px solid rgba(255, 255, 255, 0.15);
display: inline-block;
padding: 0.2em 0.8em;
text-transform: uppercase;
} .menu-title p,
#people-menu .menu-button a em {
opacity: 0.6;
font-size: 0.75em;
text-transform: lowercase;
margin: 0;
}
@media all and (max-width: 765px) {
.menu-title {
margin: 3em auto 1em;
}
}
#process .menu-title {
color: white;
}
#people-menu,
#thumbs {
width: 60%;
margin: 3em auto;
text-transform: uppercase;
-webkit-transition: width 0.25s ease-in;
-o-transition: width 0.25s ease-in;
transition: width 0.25s ease-in;
}
#people-menu {
width: 85%;
margin: 3em auto 2.5em;
}
.menu-button {   margin: 0.375rem;
width: calc(25% - 0.75rem);
display: inline-block;
position: relative;
cursor: pointer;
background-color: #a5ab82;
background-position: center center;
background-size: cover;
}
#people-menu .menu-button {
width: calc(20% - 0.75rem);
}
@media all and (max-width: 80rem) {
#thumbs {
width: 80%;
margin: 3em auto;
}
#people-menu {
width: 85%;
margin: 1em auto;
}
}
@media all and (max-width: 60rem) {
#thumbs {
width: 90%;
margin: 1em auto;
}
#people-menu {
width: 85%;
margin: 1em auto;
}
.menu-button {
width: calc(33.33333% - 0.75rem);
}
#people-menu .menu-button {
width: calc(25% - 0.75rem);
}
}
@media all and (max-width: 55rem) {
#people-menu {
width: 85%;
margin: 1em auto;
}
.menu-button {
width: calc(50% - 0.75rem);
}
}
@media all and (max-width: 45rem) {
#people-menu {
width: 85%;
margin: 1em auto;
}
#people-menu .menu-button {
width: calc(33.3333% - 0.75rem);
}
}
@media all and (max-width: 35rem) {
#thumbs {
width: 90%;
margin: 1em auto;
}
.menu-button {
margin: 0.75rem auto;
width: 90%;
}
#people-menu .menu-button {
width: 90%;
}
.person-bio {
display: block;
}
#people-bios {
display: none;
}
}  .menu-button img {
width: 100%;
height: auto;
}
.menu-button a {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
opacity: 0;
left: 0;
top: 0;
color: white;
-webkit-transition: opacity 1.5s;
transition: opacity 1.5s;
}
.menu-button a span {
display: inline-block;
padding: 1em;
}
.menu-button a:after {
content: " ";
position: absolute;
top: 0.5em;
left: 0.5em;
right: 0.5em;
bottom: 0.5em;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.menu-button a.loading,
.menu-button a:hover {
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#menu .quote {
opacity: 0.6;
padding-bottom: 8em;
}
#menu .quote .attribution {
text-transform: lowercase;
} #project-holder {
position: relative;
text-align: center;
display: none;
}
#project-holder .full.img {
position: relative;
height: calc(100vh - 10rem);
height: calc(100dvh - 10rem);
overflow: hidden;
clip-path: inset(0px 0px 0px 0px);
background-color: #efefef;
transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#project-holder .full.img .ratio {
position: fixed !important;
top: 0;
right: 0;
bottom: auto;
left: 0;
width: 100%;
height: calc(100vh - 10rem);
height: calc(100dvh - 10rem);
z-index: 1;
}
#project-holder .full.img .ratio img {
width: 100% !important;
height: 100% !important;
}
#project-holder.loading {
height: auto;
min-height: 100dvh;
} #project-holder.loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border: 1px solid #a5ab82;
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#project-holder p {
width: 700px;
margin: 0 auto 2em;
font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
font-weight: 300;
font-size: 1.15em;
line-height: 1.8em;
color: #aaa;
}
h6 {
color: #aaa;
text-transform: uppercase;
font-weight: normal;
margin: 0;
margin-top: 3em;
font-family: MrsEaves;
font-size: 1em;
}
h6:after,
h6:before {
content: " — ";
}
h5 {
font-weight: normal;
margin: 0;
font-size: 1.3em;
font-family: MrsEaves;
margin-bottom: 1em;
letter-spacing: 0.1em;
}
h4 {
text-transform: uppercase;
font-weight: normal;
margin: 0.75rem auto;
font-size: 1.4rem;
font-family: MrsEaves;
}
h6 {
text-transform: uppercase;
font-weight: normal;
margin: 0.75rem auto;
font-size: 1rem;
font-family: MrsEaves;
}
@media all and (max-width: 35em) {
h5 {
font-size: 1em;
}
h4 {
font-size: 1.2em;
}
}
#project-holder .img {
background-attachment: fixed;
}
.touch #project-holder .img {
background-attachment: scroll;
}
#project-2 {
width: 70%;
margin: 0 auto;
height: auto;
display: block;
margin-bottom: 7.5%;
}
#pro-bg {
position: absolute;
z-index: 0;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
}
@media all and (max-width: 35em) {
#process #pro-bg {
display: none;
}
}
#pro-bg .img {
position: absolute;
}
#pro-text {
color: white; max-width: 34rem;
width: 95%;
padding: 30px;
margin: 0 auto;
background-color: rgba(27, 27, 25, 0.95);
text-align: center;
font-family: MrsEaves;
}
#process #pro-text {
height: 415px;
}
@media all and (max-width: 42rem) {
#pro-text,
#process #pro-text {
min-height: 415px;
height: auto;
overflow: hidden;
}
}
#garden-care #pro-text,
#recognition #pro-text,
#contact #pro-text {
background-color: rgba(255, 255, 255, 0.9);
color: black;
}
#prev-button {
position: absolute;
left: -50px;
width: 30px;
height: 30px;
background-image: url(//ryoungblood.com/wp-content/themes/youngblood/img/left-arrow.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
#next-button {
position: absolute;
right: -50px;
width: 30px;
height: 30px;
background-image: url(//ryoungblood.com/wp-content/themes/youngblood/img/right-arrow.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
#pro-text:after {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
z-index: 0;
pointer-events: none;
}
#garden-care #pro-text:after,
#recognition #pro-text:after,
#contact #pro-text:after {
border: 1px solid rgba(0, 0, 0, 0.4);
}
#pro-text .menu-title {
margin: 1em;
margin-top: 1em;
margin-bottom: 0.75em;
border: none;
}
#mini-nav {
padding: 0;
margin: 0 auto 1em;
font-size: 0.8em;
text-transform: uppercase;
}
#mini-nav li {
display: inline-block;
}
#mini-nav li:after {
content: " -";
color: white;
}
#mini-nav li:last-child:after {
content: "";
}
#mini-nav li.active {
color: #a5ab82;
}
#pro-text #paragraphs,
#pro-text #paragraphs2 {
font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
line-height: 1.8em;
font-size: 0.8em;
}
.full#contact {
min-height: 650px;
}
#pro-text #paragraphs2 {
display: none;
max-width: 420px;
margin: 0px auto;
}
#pro-text #paragraphs p {
margin-top: 0;
padding-bottom: 1em;
}
#pro-text #paragraphs2 ul,
#pro-text #paragraphs2 ul li {
margin: 0;
list-style: none;
padding: 0;
}
#pro-text #paragraphs p.cycle-slide-active {
position: relative !important;
}
#pro-text #paragraphs p.cycle-sentinel {
position: absolute !important;
}
#recognition #pro-text #paragraphs p {
margin: 0;
}
#recognition #pro-text span {
font-style: italic;
}
#people-bios,
#profile {
width: 70%; max-width: 40rem;
margin: 2em auto 10em;
}
#profile {
margin: 2em auto 5em;
}
@media all and (max-width: 40rem) {
#people-bios,
#profile {
width: 95%;
margin: 2em auto 5em;
}
}
#profile {
padding-top: 8em;
}
#people-bios {
height: 14em;
display: flex;
align-items: center;
}
#people-bios .bio {
width: 100%;
}
#people-bios h3 {
margin-top: 0;
margin-bottom: -0.2em;
}
.person-bio {
display: none;
}
.person-bio p {
margin: 0 auto 2em;
}
.person-bio h3 {
margin: 0.5em auto -0.2em;
}
.person-bio strong {
margin-bottom: 0.5em;
}
.person-bio p {
box-sizing: border-box;
font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
font-weight: 300;
line-height: 1.8;
font-size: 0.8em;
text-align: center;
text-transform: none;
}
.person-bio strong {
text-align: center;
text-transform: uppercase;
}
@media all and (max-width: 35rem) {
.person-bio {
display: block;
}
#people-bios {
display: none;
}
#people-menu .menu-button a {
display: none;
}
}
#profile img {
max-width: 100%;
height: auto;
}
strong {
font-weight: normal;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}
.bio p,
#profile p {
font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
margin: 0 5em;
text-align: center;
font-size: 0.8em;
line-height: 1.8em;
margin-bottom: 1.2em;
}
@media all and (max-width: 50rem) {
.bio p,
#profile p {
margin: 0 1em;
line-height: 1.8em;
margin-bottom: 1.2em;
}
}
h3 {
font-family: MrsEaves;
font-variant: small-caps;
font-size: 1.4rem;
font-weight: normal;
text-align: center;
text-transform: uppercase;
margin-bottom: 0.7em;
margin-top: 2em;
-webkit-font-smoothing: antialiased;
}
.menu-title h3 {
margin-bottom: 0;
}
.stacked-right,
.stacked-left {
margin-bottom: 20px;
overflow: hidden;
}
@media all and (max-width: 765px) {
.stacked-right,
.stacked-left {
margin-bottom: 5px;
}
}
.stacked-right .gallery-item {
float: left;
}
.stacked-left .gallery-item {
float: right;
}
.stacked-right .gallery-item:nth-child(2):after,
.stacked-right .gallery-item:last-child:after {
width: auto;
height: 10px;
left: 0;
right: 0;
bottom: 0;
top: auto;
}
@media all and (max-width: 765px) {
.stacked-right .gallery-item:nth-child(2):after,
.stacked-right .gallery-item:last-child:after {
height: 2.5px;
}
}
.stacked-right .gallery-item:last-child:after {
bottom: auto;
top: 0;
display: block;
}
.stacked-left .gallery-item:nth-child(2):before,
.stacked-left .gallery-item:last-child:before {
width: auto;
height: 10px;
left: 0;
right: 0;
bottom: 0;
top: auto;
}
@media all and (max-width: 765px) {
.stacked-left .gallery-item:nth-child(2):before,
.stacked-left .gallery-item:last-child:before {
height: 2.5px;
}
}
.stacked-left .gallery-item:last-child:before {
bottom: auto;
top: 0;
display: block;
}
.stacked-left .gallery-item:last-child:after {
display: block;
}
.stacked-left .gallery-item:first-child:before {
display: block;
}
.stacked-left .gallery-item:first-child:after {
display: none;
}
.gallery {
position: relative;
}
.gallery.gallery-columns-1 {
margin: 0 0 20px;
}
.gallery-item {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
margin: 0 0 20px;
}
@media screen and (min-width: 50em) { .gallery.gallery-columns-2,
.gallery.gallery-columns-3 {
display: flex;
gap: 20px;
}
.gallery.gallery-columns-2 .gallery-item {
flex-basis: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
flex-basis: 33.3333%;
}
}
.ratio {
position: relative;
width: 100%;
display: block;
overflow: hidden;
}
.full .ratio {
padding-top: 0 !important;
height: 100% !important;
}
.ratio img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
.gallery img {
width: 100%;
height: auto;
} .project-strip {
padding-top: 3em;
width: 70%;
margin: 0 auto;
text-align: center;
}
@media all and (max-width: 1000px) and (min-width: 765px) {
.project-strip {
width: 93%;
}
}
@media all and (max-width: 765px) {
.project-strip {
padding-top: 1em;
width: 98%;
}
}
.sage-green {
color: #babd8b;
}
.brown {
background-color: #473729;
}
#credit-holder {
display: none;
}
#contact #credit-holder {
display: block;
position: absolute;
z-index: 1000000;
bottom: 2em;
}
@media all and (max-width: 45em) {
#process.full {
padding: 3rem 0; height: auto;
}
#process #pro-text {
position: relative;
display: block;
margin: 0 auto 0 !important;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
} } #recognition {
padding: 6rem 0; height: auto;
}
#recognition #pro-text {
position: relative;
display: block;
margin: 0 auto 0 !important;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
} #recognition h3:first-of-type {
margin-top: 0;
}
.recog-thumbnail { margin: 0 auto;
padding: 1em 0 0.25em;
}
.recog-thumbnail img {
max-height: 6rem;
max-width: 5rem;
width: auto;
}  @media only screen and (min-width: 35em) {
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
} .desktop-only {
display: none;
}
@media all and (min-width: 35rem) {
.desktop-only {
display: block;
}
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix { } @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
} @font-face {
font-family: "houzz";
src: url(https://ryoungblood.com/wp-content/themes/youngblood/css/houzz.eot);
src:
url(https://ryoungblood.com/wp-content/themes/youngblood/css/houzz.eot?#iefix) format("embedded-opentype"),
url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAUcAA0AAAAAB3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAFAAAAABoAAAAcbVI5Kk9TLzIAAAGgAAAASgAAAGBBN15mY21hcAAAAfwAAAA+AAABQgAP9KtjdnQgAAACPAAAAAQAAAAEABEBRGdhc3AAAAT4AAAACAAAAAj//wADZ2x5ZgAAAkwAAAEgAAABULN+mxhoZWFkAAABMAAAAC8AAAA2AdfW2WhoZWEAAAFgAAAAHQAAACQDgwHHaG10eAAAAewAAAAQAAAAEAYAAHpsb2NhAAACQAAAAAoAAAAKANIAVG1heHAAAAGAAAAAHwAAACAASQCGbmFtZQAAA2wAAAFnAAACqXlYf3Nwb3N0AAAE1AAAACQAAAAyn2JNwnjaY2BkYGAA4taj8zfH89t8ZeBmYgCBC13eunBa8P8hxsmMB4BcDgawNAA/AgsgAHjaY2BkYGA88P8Qgx4TAwgwTmZgZEAFLABbowNNAAAAeNpjYGRgYGBhCGVgZgABJiBmZACJOTDogQQADB0A0AB42mNgYWJg/MLAysDA6MOYxsDA4A6lvzJIMrQwMDAxsHEywIEAgskQkOaawnDgI8NHBsYD/w8w6DEeYLADCjMiKVFgYAQANVkMMwAAAgAAEQAAAAACAAAAAgAAaXjaY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+R4b//yEkPzNUJQMjGwOMycDIBCSYGFABI8OwBwA8VAasAAAAEQFEAAAAKgAqACoAqAAAeNotjj1Ow1AQhHfejze2n2O/xI6FlEARSLqExFYioYSGghIJxTVdJE7AFWgRFWdwFbc0iCtAyRWoaBFgAxppZ/TtarQkyBLRAwqSxDTZgaarihW9z3eOfltVUtSRdrLBusEVO/hcVWh4ZjM7zuzQ3t5styi+SousbpN0/f2MezxRj05oQ9RdzOYDsNMoxBrLxfK0Huky7YtfyG3R2DD/383y8WhaR87naa9Rdvzn7aaljRAfLnp7HB65sWmFw0SmQckA6rqRmwSQaYJ+X/DFVdKKo8krDjquNQmUDHzAj81acSwcPOpiYwLV6mqfi412O540fK7K7Gwcob5OtWGIwOBuEEVQU5n72vf2Xy6tpz32Zf02wIYPhTJQRD9oyy7FeNqNUTtOw0AQfZsfIkIRRQ6wHaHIZu2kSplIoYIyJZITrxNLwY7sjaJcgBJxAHo67sENEIdAtHQ8OwsICQEeeebNm7czszaAFh4gsH/OcOuwQBMvDlfQEAcOV3EiLh2uoSnuHK7jWDw63CD/SqWoHTK7KU8VWKCNJ4crOMKbw1VciJbDNbTFtcN1SHHvcIP8M8bIYBDA0oeQmGFHPyIbICGT0kuqUjIhNSuaxBYxTyyJJqXCljHDggoJHwqasUOFpa0xRI8WOW30qVXImSmyhvwpMM5MYE0oZzs5yoIkTBM5TrPQrFZyG9ulnKSJnaTZwkhfadlZWrse9noR2ahgVR6pxFg2+pg1x4YzLLMrktTNN7lNic/LC8csF4kJ4w3jb7cZ8v2p677ioY8uvUfvU+9hwHbfth3Kr/lMvH7X87q+9gb/2HbKVTKWYvdDdDlClbFYDlOT5TG/ltae0lrLv3u+AyZAe1oAeNpjYGIAg/8HGCSBFCMDOmABizIxMrGX5mW6GRoYAABX5gQQAAAAAf//AAJ42mNgYGBkAIIztovOg+gLXd66MBoAR6EGIAAA),
url(https://ryoungblood.com/wp-content/themes/youngblood/css/houzz.woff) format("woff"),
url(https://ryoungblood.com/wp-content/themes/youngblood/css/houzz.ttf) format("truetype"),
url(https://ryoungblood.com/wp-content/themes/youngblood/css/houzz.svg#houzz) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "houzz";
src: url(https://ryoungblood.com/wp-content/themes/youngblood/css/houzz.svg#houzz) format("svg");
}
}
[data-icon]:before {
content: attr(data-icon);
}
[data-icon]:before,
.icon-houzz:before {
display: inline-block;
font-family: "houzz";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.icon-houzz:before {
content: "\f100";
} #home {
-webkit-transition: opacity 2s ease;
transition: opacity 2s ease;
}
.anniv {
background: #919776;
text-align: center;
color: white;
position: absolute;
top: auto;
bottom: 0;
right: 0;
left: 0;
width: 100%;
font-family: "MrsEaves", serif;
padding: 0.57rem 0 3.5rem;
-webkit-font-smoothing: antialiased; background: transparent;
z-index: 30;
}
.anniv::before {
content: "";
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
to top,
hsl(0, 0%, 0%) 0%,
hsla(0, 0%, 0%, 0.987) 8.1%,
hsla(0, 0%, 0%, 0.951) 15.5%,
hsla(0, 0%, 0%, 0.896) 22.5%,
hsla(0, 0%, 0%, 0.825) 29%,
hsla(0, 0%, 0%, 0.741) 35.3%,
hsla(0, 0%, 0%, 0.648) 41.2%,
hsla(0, 0%, 0%, 0.55) 47.1%,
hsla(0, 0%, 0%, 0.45) 52.9%,
hsla(0, 0%, 0%, 0.352) 58.8%,
hsla(0, 0%, 0%, 0.259) 64.7%,
hsla(0, 0%, 0%, 0.175) 71%,
hsla(0, 0%, 0%, 0.104) 77.5%,
hsla(0, 0%, 0%, 0.049) 84.5%,
hsla(0, 0%, 0%, 0.013) 91.9%,
hsla(0, 0%, 0%, 0) 100%
);
height: 20em;
opacity: 0.5;
z-index: -1;
}
@media all and (min-width: 550px) {
.anniv {  }
}
#intro .anniv p { font-size: clamp(1.1rem, 2.8vw, 1.6rem);
max-width: 24em;
margin: 0 auto 0.3em !important;
display: block;
line-height: 1.5;
}
@media screen and (min-width: 70em) {
#intro .anniv p {
max-width: none;
}
}
#intro .anniv p span {
line-height: 1;
display: inline-block;
vertical-align: middle; }
#intro .anniv p span.center {
font-size: 0.9rem;
letter-spacing: 0.1rem;
}
@media all and (min-width: 550px) {
#intro .anniv p span.center {
font-size: 1.25rem;
}
}
#intro .anniv p span:not(.center) {
padding-bottom: 0.25rem;
}
#intro .anniv p span.center span {  font-size: 1rem;
padding-bottom: 0.2rem;
}
@media all and (min-width: 550px) {
#intro .anniv p span.center span {
font-size: 1.45rem;
}
} #video {
background-color: #ebeae7;
padding: 0 5% 8em;
}
@media screen and (min-width: 50em) {
#video {
padding: 0 10% 8em;
}
}
#video-holder {
padding-top: 2em;
} .video-text {
text-align: center;
color: black;
font-family: "MrsEaves", serif;
-webkit-font-smoothing: antialiased;
padding: 0.57rem 0 0.35rem;
}
.video-text p {
margin: 0;
font-size: 1.2rem;
line-height: 1;
opacity: 0.6;
} .scroll-arrow {
height: 20px;
width: 20px;
border-radius: 50%;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
margin: 0.8em auto;
overflow: hidden;
animation-play-state: paused;
}
nav:not(.show-logo) + .site-content .scroll-arrow {
-webkit-animation: bounce 4s ease-in-out infinite;
animation: bounce 4s ease-in-out infinite;
animation-play-state: running;
}
.arrow {
display: block;
height: 95%;
width: 100%;
margin: 0;
background: #fff;
position: absolute;
top: -55%;
right: 0;
bottom: auto;
left: 0;
}
.arrow::before,
.arrow::after {
content: "";
display: block;
height: 100%;
width: 100%;
background: inherit;
position: absolute;
top: 70%;
right: 0;
bottom: auto;
left: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.arrow::after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
@-webkit-keyframes bounce {
0%,
10%,
100% {
-webkit-transform: translateY(0);
}
5% {
-webkit-transform: translateY(-5px);
}
}
@keyframes bounce {
0%,
10%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
5% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
} #contact #pro-text {
min-height: 21em;
}
#contact #pro-text #paragraphs p {
margin-bottom: 0.5em;
}
#contact #pro-text #paragraphs {
padding-bottom: 2em;
}
#contact #paragraphs2 .forminator-row.forminator-row-last {
margin-bottom: 0;
}
.careers {
position: relative;    }
.careers .text-content-holder {
width: 100%;
height: 100%;
min-height: 100vh;
display: flex;
justify-content: center;
-webkit-flex-align: center;
align-items: center;
flex-flow: column;
}
.careers h2 {
color: inherit;
}
.page-template-page_careers nav {
background-color: rgba(255, 255, 255, 1);
}
.forminator-button.forminator-button-submit,
#employment-link {
display: inline-block;
font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
line-height: 1.8em;
font-size: 0.8rem;
padding: 0.4em 2em 0.4em;
background-color: black;
color: #fff;
text-transform: uppercase;
font-size: 0.7rem;
letter-spacing: 0.05em;
font-weight: 400;
outline: 1px solid rgba(255, 255, 255, 0.65);
outline-offset: -3px;
margin-bottom: 0.5em;
box-shadow: none;
border: 0;
border-radius: 0;
text-shadow: none;
}
.forminator-button.forminator-button-submit {
padding: 1em 2em;
} .background-image {
position: fixed;
top: 0;
right: 0;
bottom: auto;
left: 0;
height: 100%;
width: 100%;
min-height: 100svh;
z-index: 1;
pointer-events: none;
transition: opacity 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.form-active .background-image {
opacity: 0;
}
#pro-bg .background-image {
position: absolute;
padding: 0;
bottom: 0;
min-height: 0;
opacity: 0;
transform: translateZ(0);
transition: opacity 1s 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.careers-section-active #pro-bg .background-image {
opacity: 1;
}
.background-image figure {
position: relative;
height: 100%;
width: 100%;
margin: 0;
pointer-events: none;
}
.background-image figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
user-select: none;
}
.text-content-holder {
position: relative;
z-index: 10;
width: 100%;
height: 100%;
}
.text-content {
position: relative;
z-index: 10;
background-color: rgba(255, 255, 255, 0.9);
max-width: 34rem;
width: 95%;
margin: 0 auto;
padding: 30px 4rem;
text-align: center;
outline: 1px solid rgba(0, 0, 0, 0.4);
outline-offset: -10px;
font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
line-height: 1.8em;
font-size: 0.8rem;
opacity: 0;
animation: fadeIn 2s 0.5s ease-in-out forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
#forms h2,
.text-content h2 {
font-family: "MrsEaves", serif;
font-size: 1.4rem;
font-weight: normal;
text-transform: uppercase;
color: #000;
}
#forms {
position: relative;
z-index: 20;
display: none;
opacity: 0;
width: 100%;
padding: 10em 0 2em;
}
#forms.fade-in {
display: block;
opacity: 1;
transition: opacity 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#forms .forminator-guttenberg::before {
display: none;
} .forminator-guttenberg {
margin: 0 auto;
width: 96%;
max-width: 40em;
font-size: 0.9rem;
font-family: "MrsEaves", serif; color: #8f9872;
}
.forminator-ui[id^="forminator-module"].forminator-design--basic .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover .select2-selection__arrow {
color: #8f9872;
}
.forminator-ui[id^="forminator-module"].forminator-design--basic .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"],
.forminator-ui[id^="forminator-module"].forminator-design--basic .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus,
.forminator-ui[id^="forminator-module"].forminator-design--basic .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"],
.forminator-ui[id^="forminator-module"].forminator-design--basic .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus,
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--basic {
font-family: "MrsEaves";
font-size: 0.9rem;
background-color: rgb(240, 238, 235);
border-color: rgb(209, 206, 202);
}
body.show-forminator .forminator-guttenberg {
z-index: 20;
pointer-events: auto;
opacity: 1;
}
.forminator-guttenberg::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
z-index: -1;
}
.forminator-guttenberg form {
height: min-content;
padding: 2rem 1.5rem 1.5rem;
margin: auto;
max-width: 100%;
color: #222;
}
.forminator-guttenberg .forminator-response-message {
text-align: center; color: #222;
line-height: 1.6;
font-size: 1.1em;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.forminator-guttenberg .forminator-response-message:not(:empty) {
margin: 0 auto 2rem;
padding: 2rem;
}
.forminator-guttenberg .forminator-row {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.forminator-guttenberg .forminator-field {
width: 100%;
margin-bottom: 2em;
display: flex;
flex-flow: column;
padding: 0 0.5rem;
box-sizing: border-box;
}
.forminator-guttenberg .forminator-field .forminator-label {
display: block;
margin-bottom: 0.5rem;
margin-right: 0;
line-height: 1.4;
white-space: normal;
text-align: left;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #222;
font-size: 1rem;
}
.forminator-guttenberg .forminator-label .forminator-required {
color: #222;
}
.forminator-guttenberg input[type="text"],
.forminator-guttenberg input[type="email"],
.forminator-guttenberg input[type="tel"],
.forminator-guttenberg textarea {
width: 100%;
padding: 0.5rem 0;
background-color: transparent;
display: inline-block;
color: #222;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: inherit;
font-family: inherit;
}
.forminator-guttenberg input:focus,
.forminator-guttenberg textarea:focus {
color: #222 !important;
background-color: transparent;
}
.forminator-guttenberg textarea {
padding: 0.5rem 0;
resize: vertical;
min-height: 100px;
overflow: auto;
}
.forminator-guttenberg input[type="email"] {
text-transform: lowercase;
} .forminator-guttenberg .forminator-select2-multiple.select2-hidden-accessible + .select2 {
margin-top: -2px;
}
.forminator-guttenberg .select2-container--default .select2-selection--single {
background-color: transparent;
padding: 0.5rem 0;
color: #222;
height: auto;
line-height: 1.4;
}
.forminator-guttenberg .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #222;
line-height: 1.4;
padding: 0;
}
.forminator-guttenberg .select2-container--default.select2-container--open .select2-selection--single {
background-color: transparent;
}
.forminator-guttenberg .select2-container--default .select2-selection--single:focus {
background-color: transparent;
} .forminator-guttenberg .forminator-field[role="radiogroup"] {
flex-flow: column;
margin-bottom: 2em;
}
.forminator-guttenberg .forminator-radio {
display: flex;
align-items: center;
margin-bottom: 1em;
color: #222;
cursor: pointer;
}
.forminator-guttenberg .forminator-radio-bullet {
border-radius: 2px;
width: 0.8rem;
height: 0.8rem;
margin-bottom: 0.2rem;
}
.forminator-guttenberg .forminator-radio input[type="radio"] {
width: auto;
margin-right: 0.5rem;
margin-bottom: 0;
accent-color: #222;
} .forminator-guttenberg .forminator-file-upload {
width: 100%;
}
.forminator-guttenberg .forminator-button-upload {
background-color: transparent;
color: #222;
padding: 0.25rem 0.45rem;
cursor: pointer;
font-style: italic;
font-size: 1em;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-decoration: underline;
}
.forminator-guttenberg .forminator-button-upload:hover,
.forminator-guttenberg .forminator-button-upload:focus {
background-color: transparent;
color: #222;
}  .forminator-ui.forminator-custom-form[data-design="basic"] .forminator-file-upload {
gap: 10px;
}
.forminator-ui.forminator-custom-form[data-design="basic"] .forminator-file-upload button {
margin-left: 0;
text-decoration: none;
padding: 0.35rem 0.45rem 0.25rem;
}
.forminator-file-upload span {
font-style: italic;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}  .forminator-guttenberg .forminator-col-md-6 {
width: 50%;
box-sizing: border-box;
}
.forminator-guttenberg .forminator-col-6 {
width: 50%;
box-sizing: border-box;
}
.forminator-guttenberg .forminator-col-12 {
width: 100%;
box-sizing: border-box;
} .forminator-guttenberg .forminator-edit-module {
display: none;
} @media screen and (max-width: 768px) {
.forminator-guttenberg form {
padding: 3rem 1rem 1rem;
width: 100%;
}
.forminator-guttenberg .forminator-col-md-6 {
width: 100%;
}
}
.forminator-edit-module {
display: none !important;
}