/*
Theme Name: Qi Child
Theme URI: https://qodeinteractive.com/qi-theme
Description: Qi theme is the latest free offering developed by Qode Interactive, winners of multiple awards and accolades in the fields of web design and development and one of bestselling WordPress theme creators. We approached Qi the same way we do when we develop premium themes - this means that the theme features comprehensive modules for your portfolio, shop, blog, a beautiful selection of contemporary premade inner page templates great for a wide array of purposes, and all the options and functionalities you may ever need to set up a professional website the easy way. Qi theme features 100 beautifully designed starter sites for all types of modern websites. Alongside stunningly designed websites for all types of businesses including spa, beauty salon, medical, SaaS, marketing, gym, and dentist websites, just to name a few, Qi also has a huge collection of sites great for personal uses. Do you wish to create a new CV or a resume, or perhaps you are a restaurant owner, a videographer or an SEO expert? Or maybe you’re just looking for a captivating yet simple way to announce your wedding? Whatever it might be, Qi has you covered! Top all this off with the authentic design style that Qode Interactive collective is known for, and you get a true creative powerhouse that’s fast, reliable and comes with virtually limitless customization options!
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: qi
Template: qi
*/

@import url('https://seanhanrahan.com/core/ui/fonts/fonts.css');
@import url('https://seanhanrahan.com/core/ui/fonts/fontawesome.css');


/*-------------------------------------------------------------------------*/
/*	Globally Applied Styles > Typography
/*-------------------------------------------------------------------------*/

html {
    font-size: 17px;
}

body, p { 
	font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 1rem;
    line-height: 1.4;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
	letter-spacing: 0.01em;
	-moz-font-feature-settings: "ss03";
  	-webkit-font-feature-settings: "ss03";
	font-feature-settings: "ss03";
} 

.qodef-h1, h1, .qodef-h2, h2, .qodef-h3, h3, .qodef-h4, h4, .qodef-h5, h5, .qodef-h6, h6 {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	-moz-font-feature-settings: "ss03";
  	-webkit-font-feature-settings: "ss03";
	font-feature-settings: "ss03";
    margin: 0;
    color: inherit;
}

.rs-layer h1, .rs-layer h2, .rs-layer h3, .rs-layer h4, .rs-layer h5, .rs-layer h6, .rs-layer p {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
    margin: 0;
}      

.text-sm {
    font-size: 1.3rem
}

.text-base {
    font-size: 1.8rem
}

.text-lg {
    font-size: 2.2rem
}

strong,b,p a {
    font-weight: 400;
	text-decoration: underline;
}

main {
    overflow: hidden;
    margin-top: 0;
}

@media (min-width: 48em) {
    main {
    }
}

main strong,main b,main p a {
    font-weight: 400;
    position: relative
}

main strong:before,main b:before,main p a:before {
    width: 100%;
    height: 3px;
    background: var(--color);
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px
}

@media (min-width: 48em) {
    main strong:before,main b:before,main p a:before {
        bottom:1px;
        height: 5px
    }
}

main a {
    text-decoration: none
}
.qodef-mobile-header-navigation>ul>li>a {
	font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 60px;
    font-weight: 700;
    line-height: 1;
	letter-spacing: -0.015em;
    margin-bottom: 10px;
}

#qodef-page-mobile-header-inner {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding: 0 20px;
}

#qodef-page-header-inner {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

a {
    text-decoration: none
}

#site-sidebar .widget-title {
	font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 1.0869565217rem;
	opacity: .25;
}

.widget li {
	font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 1rem;
	display: inline;
	font-weight: normal;
	position: relative;
	padding-right: 0;
	margin-bottom: 0;
}

ul li {
	font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
	word-spacing: 0;
	line-height: 1;
	margin-bottom: 20px;
}

#qodef-page-header .qodef-header-logo-link.qodef-source--textual {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.015em;
    line-height: 1;
    color: inherit;
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link.qodef-source--textual {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 500;
    color: inherit;
    font-size: 22px;
    letter-spacing: -0.01em;
    line-height: 1;
    transition: color .2s ease-out;
}

.qodef-header-navigation {
    font-family:'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 1.05em;
}

.qodef-header-navigation>ul>li>a>.qodef-menu-item-text {
	font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0.08px;
    text-transform: none;
    font-weight: 400;
}

.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul li>a {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 1.3rem;
}

.qodef-header-navigation>ul>li>a>.qodef-menu-item-text:before {
	content: none;
}

.qodef-header-navigation>ul>li>a>.qodef-menu-item-text {
	position: relative;
	padding-left: 0
}

.qodef-fullscreen-menu>ul>li>a {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 120px;
    line-height: 132px;
    color: #fff;
    display: block;
    transform: translateY(110%);
    will-change: transform;
}

@media only screen and (max-width: 1280px) {
    .qodef-fullscreen-menu>ul>li>a {
        font-size: 90px;
        line-height: 110px;
    }
}

.qodef-button.qodef-html--link {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 18px;
    line-height: 34px;
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    width: auto;
    margin: 0;
    text-decoration: none;
    border-radius: 0;
    outline: 0;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
}

.qodef-button.qodef-size--small {
    padding: 8px 18px
}

.qodef-button.qodef-size--large {
    padding: 20px 24px
}

.qodef-button.qodef-size--full {
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 1024px) {
    .qodef-button.qodef-text-break--disabled .qodef-m-text br {
        display:none
    }
}

.qodef-button.qodef-show-arrow--yes .qodef-m-arrow {
    position: relative;
    display: flex;
    bottom: -1px;
    margin-left: 10px;
    overflow: hidden
}

.qodef-button.qodef-show-arrow--yes .qodef-m-arrow svg {
    width: inherit;
    height: inherit;
    transform: translate3d(0,0,0);
    transition: transform .28s cubic-bezier(.4,0,.2,1) .12s;
    will-change: transform
}

.qodef-button.qodef-show-arrow--yes .qodef-m-arrow svg:last-child {
    position: absolute;
    top: 100%;
    left: -100%;
    transform: translate3d(0,0,0);
    transition-delay: 0s
}

.qodef-button.qodef-show-arrow--yes:hover .qodef-m-arrow svg {
    transform: translate3d(100%,-100%,0);
    transition-delay: 0s
}

.qodef-button.qodef-show-arrow--yes:hover .qodef-m-arrow svg:last-child {
    transition-delay: .12s
}

.qodef-button.qodef-layout--circle {
    padding: 0!important;
    color: #fff;
    border: 0;
    width: 219px;
    height: 219px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--qode-main-color)
}

@media only screen and (max-width: 1440px) {
    .qodef-button.qodef-layout--circle {
        width:180px;
        height: 180px
    }
}

@media only screen and (max-width: 768px) {
    .qodef-button.qodef-layout--circle {
        width:160px;
        height: 160px
    }
}

@media only screen and (max-width: 680px) {
    .qodef-button.qodef-layout--circle {
        width:120px;
        height: 120px
    }
}

.qodef-button.qodef-layout--circle .qodef-m-text {
    display: inline-block;
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 21px;
    line-height: 1.33em;
    text-transform: none;
    color: #fff;
    transform: rotate(-30deg);
    transform-origin: center;
    text-align: center;
    font-weight: 400;
    transition: transform .44s cubic-bezier(.4,0,.2,1);
    will-change: transform
}

@media only screen and (max-width: 1024px) {
    .qodef-button.qodef-layout--circle .qodef-m-text {
        font-size:18px
    }
}

.qodef-button.qodef-layout--circle.qodef-text-align--left .qodef-m-text {
    text-align: left
}

.qodef-button.qodef-layout--circle.qodef-text-align--center .qodef-m-text {
    text-align: center
}

.qodef-button.qodef-layout--circle.qodef-text-align--right .qodef-m-text {
    text-align: right
}

.qodef-button.qodef-layout--circle:hover .qodef-m-text {
    color: #fff;
    transform: rotate(0)
}

.qodef-button.qodef-layout--circle.qodef-use-gradient-bg--yes {
    background: linear-gradient(135deg,var(--qode-gradient-color-one) 0,var(--qode-gradient-color-middle) 40%,var(--qode-gradient-color-middle) 60%,var(--qode-gradient-color-two) 100%);
    background-size: 110% 110%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.qodef-button.qodef-layout--circle.qodef-use-gradient-bg--yes:before {
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle,#376091 0,rgba(55,96,145,.75) 12.5%,rgba(55,96,145,.5) 25%,rgba(55,96,145,.25) 37.5%,rgba(55,96,145,0) 50%) top right/250% 250%;
    animation: qodef-button-gradient 15s infinite alternate linear;
    z-index: 1
}

.qodef-button.qodef-layout--circle.qodef-use-gradient-bg--yes:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: repeat;
    z-index: 2;
    border-radius: 50%
}

.qodef-button.qodef-layout--circle.qodef-use-gradient-bg--yes .qodef-m-text {
    position: relative;
    color: var(--qode-main-color);
    z-index: 3
}

.qodef-button.qodef-layout--circle.qodef-use-gradient-bg--yes:hover .qodef-m-text {
    color: var(--qode-main-color)
}

.qodef-qi-button.qodef-layout--filled {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    background-color: #131619;
    border: 1px solid transparent;
    border-radius: 50px;
    padding: 12px 16px
}

.qodef-button.qodef-layout--filled.qodef-show-arrow--yes:not(.qodef-size--large),.qodef-button.qodef-layout--filled.qodef-show-arrow--yes:not(.qodef-size--small) {
    padding: 12px 16px
}

.qodef-button.qodef-layout--filled.qodef-html--link {
    color: #fff;
    background-color: #131619;
    border: 1px solid transparent;
    border-radius: 50px
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover {
    color: #fff;
    background-color: var(--qode-main-color)
}

.qodef-button.qodef-layout--filled.qodef-html--link.qodef-use-gradient-bg--yes {
    background: linear-gradient(135deg,var(--qode-gradient-color-one) 0,var(--qode-gradient-color-middle) 40%,var(--qode-gradient-color-middle) 60%,var(--qode-gradient-color-two) 100%);
    background-size: 110% 110%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.qodef-button.qodef-layout--filled.qodef-html--link.qodef-use-gradient-bg--yes .qodef-m-arrow,.qodef-button.qodef-layout--filled.qodef-html--link.qodef-use-gradient-bg--yes .qodef-m-text {
    color: var(--qode-main-color)
}

.qodef-button.qodef-layout--filled.qodef-html--link.qodef-use-gradient-bg--yes:hover .qodef-m-arrow,.qodef-button.qodef-layout--filled.qodef-html--link.qodef-use-gradient-bg--yes:hover .qodef-m-text {
    color: var(--qode-main-color)
}

.qodef-button.qodef-layout--outlined {
    color: var(--qode-main-color);
    background-color: transparent;
    border: 1px solid var(--qode-main-color);
    border-radius: 50px
}

.qodef-button.qodef-layout--outlined:hover {
    color: #fff;
    background-color: var(--qode-main-color);
    border-color: var(--qode-main-color)
}

.qodef-button.qodef-layout--outlined.qodef-use-gradient-bg--yes {
    border-color: transparent;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(135deg,var(--qode-gradient-color-one) 0,var(--qode-gradient-color-two) 100%)
}

.qodef-button.qodef-layout--textual {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 0!important;
    color: #000;
    background-color: transparent;
    border: 0
}

.qodef-button.qodef-layout--textual.qodef-text-underline .qodef-m-text {
    position: relative
}

.qodef-button.qodef-layout--textual.qodef-text-underline .qodef-m-text:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform: scaleX(1)
}

.qodef-button.qodef-layout--textual.qodef-text-underline.qodef-textual--large .qodef-m-text:before {
    bottom: 8px
}

.qodef-button.qodef-layout--textual.qodef-text-underline:hover .qodef-m-text:before {
    animation: qodef-underline 1.2s forwards cubic-bezier(.215,.61,.355,1)
}

.qodef-button.qodef-layout--textual .qodef-m-text {
    display: inline-block
}

.qodef-button.qodef-layout--textual:hover {
    color: var(--qode-main-color)
}

.button__tags {
    margin: 10px 5px 10px 0;
}
   
.qodef-portfolio-single .qodef-portfolio-info .qodef-e-category a {
    border-radius: 5em;
    border: 1px solid #000;
    margin-right: 8px;
    padding: 0;
    margin-bottom: 4px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.01em;
}

.banner__minimal p {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.5);
    letter-spacing: 0.08px;
    margin: 5px;
}

.typography-footer-item {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.1;
    color: inherit;
    text-transform: none;
    display: inline-block;
    position: relative;
    letter-spacing: -.01em;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

.typography-footer-item a {
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
}

.qodef-section-title .qodef-m-subtitle, .typography-section-title {
	font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: inherit;
    text-transform: none;
    display: inline-block;
    position: relative;
    letter-spacing: .005em;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

.qodef-qi-timeline .qodef-e-title {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 24px;
    letter-spacing: -0.01em;
    font-weight: 500;
}

.qodef-qi-timeline .qodef-e-text {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

.project-list__item {
    width: 100%;
    grid-column-end: span 6;
    font-size: 1.5rem;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.66%;
    position: relative
}

.project-list__item>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 48em) {
    .project-list__item {
        grid-column-end:span 12
    }
}

@media (min-width: 64em) {
    .project-list__item {
        grid-column-end:span 6
    }
}

.project-list__item-cover {
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 66.66%
}

.project-list__item-cover picture,.project-list__item-cover video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.project-list__item a {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.project-list__item h2 {
    font-weight: 400;
    margin: 0
}

@media (min-width: 64em) {
    .project-list__item {
        font-size: 2rem
    }
}

.project-list__item-title {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: var(--background);
    transition: opacity 0.2s ease-in-out
}

.project-list__item:hover .project-list__item-title {
    opacity: 1
}

.project__content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 0.75rem;
    grid-column-end: span 6
}

@media (min-width: 48em) {
    .project__content {
        grid-template-columns:repeat(12, 1fr);
        grid-gap: 2rem
    }
}

@media (min-width: 48em) {
    .project__content {
        grid-column-end:span 12
    }
}

.related-projects {
    grid-column-end: span 6;
    font-size: 1.5rem;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 48em) {
    .related-projects {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 48em) {
    .related-projects {
        grid-column-end:span 12;
        font-size: 4rem
    }
}

.related-projects span {
    display: none
}

@media (min-width: 90em) {
    .related-projects span {
        display:inline-block;
        margin: 0 1rem
    }
}

.related-projects svg {
    height: 20px;
    overflow: visible;
    width: auto;
    transition: all 0.2s ease-in-out
}

@media (min-width: 48em) {
    .related-projects svg {
        height:50px
    }
}

.related-projects a {
    display: inline-flex;
    align-items: center
}

.related-projects__prev div,.related-projects__next div {
    opacity: 0;
    transition: opacity 0.2s ease-in-out
}

.related-projects__prev a:hover div,.related-projects__next a:hover div {
    opacity: 1
}

.related-projects__prev {
    grid-column: 1 / span 3;
    grid-row: 1
}

@media (min-width: 48em) {
    .related-projects__prev {
        grid-column:1 / span 6
    }
}

.related-projects__prev svg {
    stroke-width: 3;
    margin-right: 0.5rem
}

@media (min-width: 48em) {
    .related-projects__prev svg {
        stroke-width:2
    }
}

.related-projects__next {
    grid-column: 4 / span 3;
    grid-row: 1;
    text-align: right
}

@media (min-width: 48em) {
    .related-projects__next {
        grid-column:7 / span 6
    }
}

.related-projects__next svg {
    stroke-width: 3;
    margin-left: 0.5rem
}

@media (min-width: 48em) {
    .related-projects__next svg {
        stroke-width:2
    }
}

.project__intro {
    grid-column-end: span 6;
    display: flex;
    flex-direction: column
}

@media (min-width: 48em) {
    .project__intro {
        grid-column-end:span 12;
        min-height: 75vh
    }
}

.typography-project-hero-title {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 44px;
    font-weight: 600;
	padding: 0;
    line-height: 1.1;
    letter-spacing: -0.01em;
    flex-grow: 2;
    -moz-font-feature-settings: "ss03";
  	-webkit-font-feature-settings: "ss03";
	font-feature-settings: "ss03";
	margin: 0 0 20px 0
}

@media (min-width: 48em) {
    .typography-project-hero-title {
        font-family: 'Real Head Pro', 'Helvetica', sans-serif;
        font-size: 72px;
        font-weight: 600;
        padding: 0;
        line-height: 1.1;
        letter-spacing: -0.01em;
        flex-grow: 2;
        -moz-font-feature-settings: "ss03";
          -webkit-font-feature-settings: "ss03";
        font-feature-settings: "ss03";
        margin: 0 0 20px 0
    }
}


.typography-article-title {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 52px;
    font-weight: 600;
	padding: 0;
    line-height: 1.1;
    letter-spacing: -0.01em;
    flex-grow: 2;
    -moz-font-feature-settings: "ss03";
  	-webkit-font-feature-settings: "ss03";
	font-feature-settings: "ss03";
	margin: 0 0 20px 0
}

.typography-article-headline {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
	font-size: 44px;
    font-weight: 500;
	padding: 0;
    line-height: 1.1;
    letter-spacing: -0.01em;
    flex-grow: 2;
    -moz-font-feature-settings: "ss03";
  	-webkit-font-feature-settings: "ss03";
	font-feature-settings: "ss03";
	margin: 0 0 20px 0
}

.typography-headline-standalone {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 88px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -0.015em;
}

@media (min-width: 48em) {
    .typography-headline-standalone {
        font-size: 96px;
        line-height: 1.05;
        letter-spacing: -0.015em;
        font-weight: 600;
    }
}

.typography-headline-welcome {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.015em;
}

@media (min-width: 48em) {
    .typography-headline-welcome {
        font-size: 80px;
        line-height: 1.05;
        letter-spacing: -0.015em;
        font-weight: 600;
    }
}

.typography-headline-welcome-reduced {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 52px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.015em;
}

@media (min-width: 48em) {
    .typography-headline-welcome-reduced {
        font-size: 64px;
        line-height: 1.05;
        letter-spacing: -0.015em;
        font-weight: 600;
    }
}

.section-welcome .section-header-headline {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 72px;
    font-weight: 600;
    letter-spacing: -0.015em;
	line-height: 1;
    color: inherit;
}

@media (min-width: 48em) {
    .section-welcome .section-header-headline {
        font-family: 'Real Head Pro', 'Helvetica', sans-serif;
        font-size: 80px;
        font-weight: 600;
        letter-spacing: -0.015em;
        line-height: 1.05;
        color: inherit;
    }
}

.section-welcome .section-header {
    padding-bottom: 80px;
}

.section-header .section-header-headline {
    flex-grow: 1;
}

@media (min-width: 735px) {
    .section-header .section-header-headline {
        max-width: 75%;
        min-width: 50%;
    }
}

.typography-section-header-headline {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -0.015em;
	line-height: 54px;
    color: inherit;
    margin: 0 0 20px 0
}

.typography-section-header-headline-reduced {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.015em;
	line-height: 40px;
    color: inherit;
    margin: 0 0 20px 0
}

@media (min-width: 48em) {
    .typography-section-header-headline {
        font-family: 'Real Head Pro', 'Helvetica', sans-serif;
        font-size: 56px;
        font-weight: 500;
        letter-spacing: -0.01em;
        line-height: 64px;
        color: inherit;
        margin: 0 0 20px 0;
    }
}

.typography-project-title {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 40px;
    color: inherit;
    margin: 0 0 20px 0;
}

@media (min-width: 48em) {
    .typography-project-title {
        font-size: 38px;
        font-weight: 600;
        letter-spacing: -0.005em;
        line-height: 44px;
        color: inherit;
        margin: 0 0 20px 0;
    }
}

.typography-tile-project-title {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 44px;
    color: inherit;
    margin: 0 0 20px 0;
}

@media (min-width: 48em) {
    .typography-tile-project-title {
        font-size: 48px;
        font-weight: 500;
        letter-spacing: -0.01em;
        line-height: 56px;
        color: inherit;
        margin: 0 0 24px 0;
    }
}


.typography-article-headline {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.005em;
    line-height: 44px;
    color: inherit;
    margin: 0 0 20px 0;
}

@media (min-width: 48em) {
    .typography-article-headline {
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.01em;
        line-height: 44px;
        color: inherit;
        margin: 0 0 20px 0;
    }
}

.typography-media-card-gallery-headline {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
	line-height: 32px;
    color: inherit;
    margin: 0 0 10px 0
}

@media (min-width: 48em) {
    .typography-media-card-gallery-headline {
        font-size: 28px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 34px;
        color: inherit;
        margin: 0 0 10px 0;
    }
}

.wp-block-cover {
    box-sizing: border-box;
}

.router {
    margin-top: .5vh;
    margin-bottom: .5vh;
}

.section-features {
    padding: 2vw 5vw;
}

.tile-content {
    padding-right: 2vw;
    padding-left: 2vw;
}

.section-features .features-grid-item {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 310px;
    --p-height: 310px;
}

@media (min-width: 48em) {
    .section-features .features-grid-item {
        display: block;
        width: var(--p-width);
        height: var(--p-height);
        --p-width: 390px;
        --p-height: 390px;
    }
}

.section-features .features-grid {
    display: flex;
    justify-content: space-between;
    margin-top: 95px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.typography-features-label {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.1;
}

.section-features .features-headline {
    padding: 30px 40px 0;
    position: relative;
    z-index: 1;
}

.section-card-item {
    background-color: #fafafa;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section-card-item .inner-wrapper {
    display: flex;
    max-width: 980px;
    justify-content: space-between;
    padding: 0 100px;
    position: relative;
}

.category-content {
    padding: 5px;
}

.text-content {
    padding: 50px 60px 0;
}

.tile-item.theme-dark .grid-item-copy, .tile-item.theme-dark .grid-item-cta a, .tile-item.theme-dark .grid-item-headline {
    color: #fff;
}


.tile-item-cta {
    margin-top: .8em;
}

.tile-item-headline {
    text-align: center;
    margin-top: 10px
}

.tile-item p {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.3;
    text-align: center;
}

.typography-tile-half-headline, .typography-tile-full-headline {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.003em;
    line-height: 1.1;
    color: inherit;
    margin-bottom: 40px;
}

@media (min-width: 48em) {
    .typography-tile-half-headline, .typography-tile-full-headline {
        font-size: 44px;
        font-weight: 500;
        letter-spacing: -0.003em;
        line-height: 1.1;
        color: inherit;
        margin-bottom: 40px;
    }
}

.typography-tile-half-headline-reduced, .typography-tile-full-headline-reduced {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.003em;
    line-height: 1.1;
    color: inherit;
    margin-bottom: 40px;
}

.typography-tile-half-paragraph, .typography-tile-full-headline-paragraph {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2;
    color: inherit;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left: 20px;
}

.typography-eyebrow {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.005em;
    line-height: 1.1;
    margin-bottom: 10px;
}

.typography-tile-eyebrow {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.1;
    margin-bottom: 10px;
    margin-top: 20px;
}

.typography-tile-body, .typography-tile-gallery-body {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

.typography-caption-body {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

.typography-intro-semibold {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.typography-header-reduced-semibold {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3px;
}

.project-meta p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.08px;
}

@media (min-width: 48em) {
    .project__meta p {
        font-size: 19px;
        letter-spacing: .005em;
    }
}

.project-micro p {
    font-family: 'Real Head Pro', 'Helvetica', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
}

@media (min-width: 48em) {
    .project-micro p {
        font-family: 'Real Head Pro', 'Helvetica', sans-serif;
        font-size: 13px;
        letter-spacing: 0;
        font-weight: 400;
    }
}


.aqua-100 {
    color: rgba(63, 182, 204);
}

.blue-100 {
    color: rgba(77, 142, 247);
}

.pink-100 {
    color: rgba(237, 109, 151);
}

.orange-100 {
    color: rgba(237, 117, 75);
}

.yellow-100 {
    color: rgba(247, 208, 109);
}