html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover, a:focus, a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
} button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
img, video, iframe {
max-inline-size: 100%;
block-size: auto;
}
.lock-screen .content-container-close {
display: none;
}
.site .site-header .hamburger-menu-mobile {
display: block;
}
@media screen and (min-width: 1025px) {
.site .site-header .hamburger-menu-mobile {
display: none;
}
}
.site .site-header .desktop-menu {
display: none;
}
@media screen and (min-width: 1025px) {
.site .site-header .desktop-menu {
display: block;
}
}
.site .site-header .desktop-menu #site-navigation-2 {
right: 1rem;
top: 1rem;
position: absolute;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li a:after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 4px;
bottom: -0.5rem;
left: 0;
background-color: #2A589D;
transform-origin: center center;
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
opacity: 0.05;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li a:after {
background-color: #eb0675;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li > a:after {
background-color: #0C7979;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li > a:after {
background-color: #eb0675;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li > a:after {
background-color: #062e92;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li > a:after {
background-color: #eb0675;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li + li > a:after {
background-color: #0C7D5D;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li + li > a:after {
background-color: #eb0675;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li a:hover {
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li a:hover:after {
transform: scaleX(0.7);
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
opacity: 1;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a {
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
display: block;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a:hover {
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
transform: translateY(-3.5px);
}
@media screen and (min-width: 1025px) {
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a {
color: #fff;
}
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a:focus {
color: #eb0675;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a:hover {
color: #eb0675;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type > a:hover {
color: #eb0675;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li > a:hover {
color: #eb0675;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li {
padding-right: 2.5rem;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li > a:hover {
color: #eb0675;
}
html .error404 .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li + li > a:hover {
color: #eb0675;
}
@media screen and (min-width: 1025px) {
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 {
display: flex;
margin: 25px;
margin-right: 16px;
margin-top: 38px;
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 25px;
font-weight: 400;
text-decoration: none;
list-style: none;
transition: all ease-in-out 0.25s;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a {
color: #000;
text-decoration: none;
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
position: relative;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a:link, .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a:visited, .site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a:active {
text-decoration: none;
color: black;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a:focus {
color: #0060F0;
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
outline: 0;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li > a:hover {
color: #2A589D;
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type {
padding-right: 2.5rem;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type > a:hover {
color: #2A589D;
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li {
padding-right: 2.5rem;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li > a:hover {
color: #0C7979;
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li {
padding-right: 2.5rem;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li > a:hover {
color: #062e92;
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li + li > a:hover {
color: #0C7D5D;
transition: all cubic-bezier(0.6, 0.21, 0.23, 1.3) 0.25s;
}
}
@media screen and (min-width: 1650px) {
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type {
padding-right: 3.5rem;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li {
padding-right: 3.5rem;
}
.site .site-header .desktop-menu .desktop-navigation .desktop-nav-menu #primary-menu-2 li:first-of-type + li + li {
padding-right: 3.5rem;
}
}
:root {
--intuitColor: #0D40F4;
--duColor: #283387;
--cslColor: #BA0E0E;
}
.description-bodyTwo-wrap .highlight-descriptor {
color: #036310;
text-decoration: none;
}
.description-tag-wrap .its-descriptor {
position: relative;
background: linear-gradient(to bottom, var(--intuitColor) 0%, var(--intuitColor) 100%);
background: linear-gradient(to bottom, var(--intuitColor) 0%, var(--intuitColor) 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 2px 2px;
color: #0D40F4;
text-decoration: none;
transition: background-size 0.25s ease-in-out, color 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.description-tag-wrap .its-descriptor:hover {
background-size: 2px 50px;
color: white;
transition: background-size 0.25s ease-in-out, color 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.description-tag-wrap .du-descriptor {
position: relative;
background: linear-gradient(to bottom, var(--duColor) 0%, var(--duColor) 100%);
background: linear-gradient(to bottom, var(--duColor) 0%, var(--duColor) 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 2px 2px;
color: #283387;
text-decoration: none;
transition: background-size 0.25s ease-in-out, color 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.description-tag-wrap .du-descriptor:hover {
background-size: 2px 50px;
color: white;
transition: background-size 0.25s ease-in-out, color 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.description-tag-wrap .csl-descriptor {
position: relative;
background: linear-gradient(to bottom, var(--cslColor) 0%, var(--cslColor) 100%);
background: linear-gradient(to bottom, var(--cslColor) 0%, var(--cslColor) 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 2px 2px;
color: #BA0E0E;
text-decoration: none;
transition: background-size 0.25s ease-in-out, color 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.description-tag-wrap .csl-descriptor:hover {
background-size: 2px 50px;
color: white;
transition: background-size 0.25s ease-in-out, color 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.site-branding .site-title > a {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 25px;
font-weight: bold;
text-decoration: none;
color: #000;
}
@media screen and (min-width: 370px) {
.site-branding .site-title > a {
font-size: 32px;
}
}
@media screen and (min-width: 1025px) {
.site-branding .site-title > a {
font-size: 55px;
}
}
.site-branding .site-title {
margin-top: 0;
margin-bottom: 0;
}
img[data-fancybox=gallery] {
cursor: pointer;
}
html.with-fancybox .site-header {
z-index: 100;
}
.site-header {
z-index: 100000;
top: 0;
width: 100%;
background-color: white;
}
.error404 .site-header {
background-color: #202020;
}
.error404 .site {
background-color: #202020;
overflow-x: hidden;
}
.error404 .site-header .toggle-nav {
color: #FFF;
border: 2.5px white solid;
}
.error404 .site-header .toggle-nav:link, .error404 .site-header .toggle-nav:visited, .error404 .site-header .toggle-nav:hover, .error404 .site-header .toggle-nav:active {
text-decoration: none;
color: #FFF;
}
html .error404 .error-pin {
display: block;
margin-top: -1rem;
}
html .error404 .reg-pin {
display: none;
}
html body .reg-pin {
display: block;
margin-top: -1rem;
}
html body .error-pin {
display: none;
}
.error404 .site-branding .location .site-description {
color: #FFF;
}
.error404 .site-branding .site-title > a {
color: #FFF;
}
.error404 .main-navigation ul li {
float: none;
display: block;
position: relative;
top: 0px;
right: 0px;
margin-top: 1.5rem;
min-width: 200px;
background: #202020;
text-align: right;
}
.site-header .toggle-nav {
display: flex;
justify-content: flex-end;
margin: 25px;
border-radius: 8px;
border: 2.5px solid black;
margin-right: 0.5rem;
margin-top: 1rem;
padding: 4px;
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 21px;
font-weight: 400;
text-decoration: none;
color: #000;
transition: color ease-in-out 0.25s;
position: absolute;
right: 1rem;
top: 1rem;
}
@media screen and (min-width: 330px) {
.site-header .toggle-nav {
padding: 8px;
}
}
@media screen and (min-width: 410px) {
.site-header .toggle-nav {
padding: 12px;
}
}
@media screen and (min-width: 1025px) {
.site-header .toggle-nav {
font-size: 25px;
}
}
.site-header .toggle-nav:link, .site-header .toggle-nav:visited, .site-header .toggle-nav:active {
text-decoration: none;
color: black;
}
.site-header .toggle-nav:focus {
color: #203759;
transition: color ease-in-out 0.25s;
outline: 0;
}
.site-header .toggle-nav:hover {
color: #3D5982;
transition: color ease-in-out 0.25s;
}
.lock-screen .site-header .toggle-nav {
transition: color ease-in-out 0.25s;
}
.lock-screen .site-header .toggle-nav:hover {
color: red;
transition: color ease-in-out 0.25s;
}
.main-navigation {
display: inline-block;
position: relative;
background: #fff;
text-align: left;
}
.main-navigation .menu-toggle {
display: none;
}
html.lock-screen .site-header .site-branding {
opacity: 0;
transition: all 0.025s ease-in-out;
}
html.lock-screen .site-header .toggle-nav {
display: flex;
justify-content: flex-end;
margin: 25px;
border: 2.5px solid white;
padding: 4px;
margin-right: 0.5rem;
margin-top: 1rem;
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 21px;
font-weight: 400;
text-decoration: none;
color: #fff;
transition: color linear 0.25s;
}
@media screen and (min-width: 330px) {
html.lock-screen .site-header .toggle-nav {
padding: 8px;
}
}
@media screen and (min-width: 410px) {
html.lock-screen .site-header .toggle-nav {
padding: 12px;
}
}
@media screen and (min-width: 1025px) {
html.lock-screen .site-header .toggle-nav {
font-size: 25px;
}
}
html.lock-screen .site-header .toggle-nav:link, html.lock-screen .site-header .toggle-nav:visited, html.lock-screen .site-header .toggle-nav:active {
text-decoration: none;
color: white;
}
html.lock-screen .site-header .toggle-nav:focus {
color: rgb(226, 224, 224);
transition: color ease-in-out 0.25s;
outline: 0;
}
html.lock-screen .site-header .toggle-nav:hover {
color: rgb(226, 224, 224);
transition: color ease-in-out 0.25s;
}
html .site-header .site-branding {
transition: all 0.025s ease-in-out;
opacity: 1;
}
.main-navigation ul {
display: none;
position: absolute;
overflow: auto;
top: 2.5rem;
right: 0px;
z-index: 999;
padding-right: 25px;
margin-top: 1rem;
}
html.lock-screen .main-navigation ul {
transform: translateY(-60px);
}
.main-navigation ul li {
float: none;
display: block;
position: relative;
top: 0px;
right: 0px;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
min-width: 200px;
text-align: right;
}
.main-navigation li:after {
content: none;
}
html #site-navigation {
display: none;
}
html.lock-screen #site-navigation {
display: block;
}
html.lock-screen .main-navigation a {
color: white;
font-size: 40px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
}
.site-branding .site-title {
padding-top: 0.9rem;
padding-left: 1.9rem;
}
.site-branding .site-description {
padding-left: 0.5rem;
margin-top: 0;
font-size: 18px;
}
.site-branding .location {
display: flex;
align-items: center;
padding-left: 1.9rem;
}
html .main-navigation a {
color: white;
}
.toggle-nav-bg-overlay {
width: 100%;
height: 100vh;
background: #3D5982;
display: block;
transition: all 0.35s ease-in-out;
}
.lock-screen {
overflow-y: hidden !important;
overflow-x: hidden !important;
}
.main-home-projects-wrap {
padding: 0 2rem;
}
@media screen and (min-width: 1025px) {
.main-home-projects-wrap {
padding: 0 4rem;
}
}
.its-arrow {
display: block;
position: absolute;
top: -2rem;
left: 1.5rem;
z-index: 12;
transform: scale(0.8) !important;
}
@media screen and (min-width: 561px) {
.its-arrow {
top: 0;
transform: scale(1) !important;
}
}
.its-project {
display: flex;
width: 100%;
justify-content: flex-start;
}
.svnr-project {
display: flex;
width: 100%;
justify-content: flex-end;
}
.project-title-wrap {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.project-title-wrap .its-project-descriptor {
width: 100%;
text-align: end;
margin-bottom: 0.5em;
font-size: 18px;
}
@media screen and (min-width: 801px) {
.project-title-wrap .its-project-descriptor {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
.project-title-wrap .its-project-descriptor {
width: 50%;
}
}
.project-title-wrap .svnr-project-descriptor {
width: 100%;
text-align: start;
margin-bottom: 0.5em;
font-size: 18px;
}
@media screen and (min-width: 801px) {
.project-title-wrap .svnr-project-descriptor {
text-align: end;
width: 43%;
margin-left: 2rem;
}
}
@media screen and (min-width: 920px) {
.project-title-wrap .svnr-project-descriptor {
margin-left: 0rem;
}
}
@media screen and (min-width: 1025px) {
.project-title-wrap .svnr-project-descriptor {
width: 100%;
}
}
.project-title-wrap .drexel-project-descriptor {
width: 100%;
text-align: end;
margin-bottom: 0.5em;
font-size: 18px;
}
@media screen and (min-width: 801px) {
.project-title-wrap .drexel-project-descriptor {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
.project-title-wrap .drexel-project-descriptor {
width: 50%;
text-align: start;
}
}
.project-title-wrap .its-project-title .title-stagger {
position: absolute;
top: 0.8rem;
right: 0;
color: #98AFFF;
z-index: -1;
}
.its-project .its-project-card {
width: 100%;
height: 19rem;
border-radius: 20px;
border: 1px solid #0D40F4;
box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.16);
display: flex;
overflow: hidden;
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
background-color: white;
z-index: 10;
}
@media screen and (min-width: 801px) {
.its-project .its-project-card {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
.its-project .its-project-card {
width: 50%;
}
}
@media screen and (min-width: 1650px) {
.its-project .its-project-card {
height: 25rem;
}
}
.its-project .its-project-card:hover {
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.37);
transform: translateY(-1%) scale(1.015);
cursor: pointer;
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.its-project .its-project-card > img {
object-fit: cover;
object-position: 56% 50%;
}
@media screen and (min-width: 1025px) {
.its-project .its-project-card > img {
object-fit: contain;
object-position: unset;
}
}
.project-title-wrap .its-project-title {
width: 100%;
text-align: end;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #0D40F4;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.project-title-wrap .its-project-title {
font-size: 32px;
}
}
@media screen and (min-width: 801px) {
.project-title-wrap .its-project-title {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
.project-title-wrap .its-project-title {
width: 50%;
}
}
.project-title-wrap .svnr-project-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
color: #BCA1F8;
z-index: -1;
}
@media screen and (min-width: 801px) {
.project-title-wrap .svnr-project-title .title-stagger {
right: 0;
}
}
.svnr-project .svnr-project-card {
width: 100%;
height: 19rem;
border-radius: 20px;
border: 1px solid #52137F;
box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.16);
display: flex;
overflow: hidden;
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (min-width: 801px) {
.svnr-project .svnr-project-card {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
.svnr-project .svnr-project-card {
width: 50%;
}
}
@media screen and (min-width: 1650px) {
.svnr-project .svnr-project-card {
height: 25rem;
}
}
.svnr-project .svnr-project-card:hover {
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.37);
transform: translateY(-1%) scale(1.015);
cursor: pointer;
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.svnr-project .svnr-project-card > picture {
width: 100% !important;
}
.svnr-project .svnr-project-card > picture img {
object-fit: cover;
transform: scale(1.15);
width: 100% !important;
height: 100%;
}
.project-title-wrap .svnr-project-title {
width: 100%;
text-align: start;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #52137F;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.project-title-wrap .svnr-project-title {
font-size: 32px;
width: 45%;
}
}
@media screen and (min-width: 801px) {
.project-title-wrap .svnr-project-title {
text-align: end;
margin-left: 1rem;
}
}
@media screen and (min-width: 920px) {
.project-title-wrap .svnr-project-title {
margin-left: -1.1rem;
}
}
@media screen and (min-width: 1025px) {
.project-title-wrap .svnr-project-title {
width: 100%;
margin-left: 0rem;
}
}
.project-title-wrap .drexel-project-title .title-stagger {
position: absolute;
top: 0.8rem;
right: 0;
color: #F9DD9C;
z-index: -1;
}
@media screen and (min-width: 561px) {
.project-title-wrap .drexel-project-title .title-stagger {
left: 0;
}
}
.drexel-project .drexel-project-card {
width: 100%;
height: 19rem;
border-radius: 20px;
border: 1px solid #2A41C7;
box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.16);
display: flex;
overflow: hidden;
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (min-width: 801px) {
.drexel-project .drexel-project-card {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
.drexel-project .drexel-project-card {
width: 50%;
}
}
@media screen and (min-width: 1650px) {
.drexel-project .drexel-project-card {
height: 25rem;
}
}
.drexel-project .drexel-project-card:hover {
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.37);
transform: translateY(-1%) scale(1.015);
cursor: pointer;
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.drexel-project .drexel-project-card > picture img {
object-fit: cover;
object-position: 26% 50%;
height: 100%;
}
@media screen and (min-width: 750px) {
.drexel-project .drexel-project-card > picture img {
transform: scale(1.315);
}
}
@media screen and (min-width: 801px) {
.drexel-project .drexel-project-card > picture img {
transform: none;
}
}
@media screen and (min-width: 950px) {
.drexel-project .drexel-project-card > picture img {
transform: scale(1.315);
}
}
@media screen and (min-width: 1025px) {
.drexel-project .drexel-project-card > picture img {
transform: none;
}
}
.project-group + .project-group + .project-group {
padding-top: 3rem;
margin-bottom: 2.75rem;
}
@media screen and (min-width: 561px) {
.project-group + .project-group + .project-group {
padding-top: 5rem;
margin-bottom: 4rem;
}
}
.project-group + .project-group {
padding-top: 3rem;
}
@media screen and (min-width: 561px) {
.project-group + .project-group {
padding-top: 5rem;
}
}
.project-title-wrap .drexel-project-title {
width: 100%;
text-align: end;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #D89806;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.project-title-wrap .drexel-project-title {
font-size: 32px;
}
}
@media screen and (min-width: 801px) {
.project-title-wrap .drexel-project-title {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
.project-title-wrap .drexel-project-title {
width: 50%;
text-align: left;
}
}
.project-group {
position: relative;
}
.page-template-custom-my-projects .site-main-home .title-tag-wrap h1 {
font-size: 20px;
}
@media screen and (min-width: 345px) {
.page-template-custom-my-projects .site-main-home .title-tag-wrap h1 {
font-size: 22px;
}
}
@media screen and (min-width: 370px) {
.page-template-custom-my-projects .site-main-home .title-tag-wrap h1 {
font-size: 24px;
}
}
@media screen and (min-width: 385px) {
.page-template-custom-my-projects .site-main-home .title-tag-wrap h1 {
font-size: 26px;
}
}
@media screen and (min-width: 414px) {
.page-template-custom-my-projects .site-main-home .title-tag-wrap h1 {
font-size: 28px;
}
}
@media screen and (min-width: 1025px) {
.page-template-custom-my-projects .site-main-home .title-tag-wrap h1 {
font-size: 40px;
}
}
.page-template-custom-my-projects .title-tag-wrap .smallproject-project-title .title-stagger {
top: 0.65rem;
}
@media screen and (min-width: 345px) {
.page-template-custom-my-projects .title-tag-wrap .smallproject-project-title .title-stagger {
top: 0.75rem;
}
}
@media screen and (min-width: 370px) {
.page-template-custom-my-projects .title-tag-wrap .smallproject-project-title .title-stagger {
top: 0.825rem;
}
}
@media screen and (min-width: 390px) {
.page-template-custom-my-projects .title-tag-wrap .smallproject-project-title .title-stagger {
top: 1rem;
}
}
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 12px;
}
@media screen and (min-width: 340px) {
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 14px;
margin-top: 0.25rem;
}
}
@media screen and (min-width: 360px) {
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 15px;
margin-top: 0.5rem;
}
}
@media screen and (min-width: 385px) {
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 16px;
}
}
@media screen and (min-width: 400px) {
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 17px;
}
}
@media screen and (min-width: 425px) {
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 18px;
}
}
@media screen and (min-width: 458px) {
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 20px;
}
}
@media screen and (min-width: 477px) {
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 21px;
}
}
@media screen and (min-width: 501px) {
.page-template-custom-my-projects .main-home-projects-wrap .my-projects-grid .grid-item div {
margin-top: 1rem;
}
}
body.page-template-custom-my-projects .site-main-home {
padding-bottom: 6rem;
}
@media screen and (min-width: 561px) {
body.page-template-custom-my-projects .site-main-home {
padding-bottom: 10rem;
}
}
body.page-template-custom-about .site-main-home {
padding-bottom: 6rem;
}
@media screen and (min-width: 561px) {
body.page-template-custom-about .site-main-home {
padding-bottom: 10rem;
}
}
.site-main-home {
max-width: calc(1260px + 3rem);
padding: 0;
width: 100%;
margin: 0 auto;
padding-bottom: 3rem;
}
@media screen and (min-width: 561px) {
.site-main-home {
padding-bottom: 5rem;
}
}
@media screen and (min-width: 1650px) {
.site-main-home {
max-width: calc(1480px + 3rem);
}
}
.site-main-home .description-bodyTwo-wrap {
padding: 0 2rem;
}
.site-main-home .description-bodyTwo-wrap p {
margin-top: 2.35rem;
font-size: 18px;
line-height: 1.85;
}
@media screen and (min-width: 387px) {
.site-main-home .description-bodyTwo-wrap p {
font-size: 18px;
}
}
@media screen and (min-width: 390px) {
.site-main-home .description-bodyTwo-wrap p {
line-height: 2.25;
}
}
@media screen and (min-width: 801px) {
.site-main-home .description-bodyTwo-wrap p {
padding: 0 2rem 0 2rem;
margin-top: 2.9rem;
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.site-main-home .description-bodyTwo-wrap p {
margin-top: 4rem;
}
}
@media screen and (min-width: 1025px) {
.site-main-home .description-bodyTwo-wrap {
padding: 0 8rem;
}
}
@media screen and (min-width: 1100px) {
.site-main-home .description-bodyTwo-wrap {
padding: 0 10rem;
}
}
.site-main-home .description-tag-wrap {
padding: 0 2rem;
}
.site-main-home .description-tag-wrap p {
text-align: left;
}
@media screen and (min-width: 801px) {
.site-main-home .description-tag-wrap p {
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.site-main-home .description-tag-wrap {
padding: 0 8rem;
}
}
@media screen and (min-width: 1100px) {
.site-main-home .description-tag-wrap {
padding: 0 10rem;
}
}
.site-main-home .title-tag-wrap {
padding: 0 2rem;
}
@media screen and (min-width: 1025px) {
.site-main-home .title-tag-wrap {
padding: 0 8rem;
}
}
@media screen and (min-width: 1650px) {
.site-main-home .title-tag-wrap {
padding: 0 5rem;
}
}
.site-main-home .title-tag-wrap h1 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 28px;
font-weight: bold;
line-height: 1.5;
}
@media screen and (min-width: 801px) {
.site-main-home .title-tag-wrap h1 {
text-align: center;
line-height: 1.75;
}
}
@media screen and (min-width: 1025px) {
.site-main-home .title-tag-wrap h1 {
font-size: 40px;
line-height: 1.65;
}
}
@media screen and (min-width: 1089px) {
.site-main-home .title-tag-wrap h1 {
font-size: 36px;
}
}
@media screen and (min-width: 1162px) {
.site-main-home .title-tag-wrap h1 {
font-size: 40px;
}
}
@media screen and (min-width: 1525px) {
.page-template-custom-my-projects .site-main-home {
max-width: calc(1480px + 3rem);
}
}
.site-main-home .description-tag-wrap p {
font-size: 18px;
margin-top: 3rem;
margin-bottom: 4rem;
line-height: 2.25;
}
@media screen and (min-width: 387px) {
.site-main-home .description-tag-wrap p {
font-size: 15px;
}
}
@media screen and (min-width: 400px) {
.site-main-home .description-tag-wrap p {
font-size: 16px;
}
}
@media screen and (min-width: 420px) {
.site-main-home .description-tag-wrap p {
font-size: 17px;
}
}
@media screen and (min-width: 1025px) {
.site-main-home .description-tag-wrap p {
margin-top: 4rem;
margin-bottom: 2rem;
}
}
.page-template-custom-my-projects .site-main-home .description-tag-wrap p {
margin-bottom: 3rem;
}
.site-main-home .description-tag-wrap {
text-align: center;
}
@media screen and (min-width: 1525px) {
.site-main-home .description-tag-wrap {
margin-bottom: 5rem;
}
}
.main-home-projects-wrap > h2 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 32px;
font-weight: bold;
line-height: 30px;
text-transform: uppercase;
}
.main-home-projects-wrap > h2::after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #0E0B37;
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
}
.first-project-median {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: end;
z-index: -1;
}
@media screen and (min-width: 1025px) {
.first-project-median {
text-align: center;
right: 5rem;
}
}
.first-project-median > img {
z-index: 0;
transform: translate(10px, -49px) scale(0.8);
}
@media screen and (min-width: 375px) {
.first-project-median > img {
transform: translate(10px, -60px) scale(0.8);
}
}
@media screen and (min-width: 561px) {
.first-project-median > img {
transform: translateY(-2px);
}
}
.second-project-median {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: end;
z-index: -1;
}
@media screen and (min-width: 1025px) {
.second-project-median {
text-align: center;
right: 5rem;
}
}
.second-project-median .first-median-img {
z-index: 0;
display: none;
}
@media screen and (min-width: 1025px) {
.second-project-median .first-median-img {
transform: translate(409px, -8px);
display: block;
}
}
@media screen and (min-width: 1120px) {
.second-project-median .first-median-img {
transform: translate(439px, -8px);
display: block;
}
}
@media screen and (min-width: 1340px) {
.second-project-median .first-median-img {
transform: translate(536px, -8px);
display: block;
}
}
@media screen and (min-width: 1650px) {
.second-project-median .first-median-img {
transform: translate(660px, -8px);
display: block;
}
}
.second-project-median .second-median-img {
z-index: 0;
transform: translate(10px, 12px) scale(0.8);
}
@media screen and (min-width: 561px) {
.second-project-median .second-median-img {
transform: translate(-122px, 29px);
}
}
@media screen and (min-width: 1025px) {
.second-project-median .second-median-img {
transform: translate(45px, -217px);
}
}
.content__article-its {
overflow: hidden;
height: 0;
}
.content__article-svnr {
overflow: hidden;
height: 0;
}
.content__article-drexel {
overflow: hidden;
height: 0;
}
.content__article-project-1 {
overflow: hidden !important;
height: 0;
}
.content__article-project-2 {
overflow: hidden !important;
height: 0;
}
.content__article-project-3 {
overflow: hidden !important;
height: 0;
}
.content__article-project-4 {
overflow: hidden !important;
height: 0;
}
.content__article-project-5 {
overflow: hidden !important;
height: 0;
}
.content__article-project-6 {
overflow: hidden !important;
height: 0;
}
.content__article-project-7 {
overflow: hidden !important;
height: 0;
}
.content__article-project-8 {
overflow: hidden !important;
height: 0;
}
.content__article-project-9 {
overflow: hidden !important;
height: 0;
}
.content__article-project-10 {
overflow: hidden !important;
height: 0;
}
.content__article--open {
pointer-events: auto;
padding: 0 0 12vh;
height: auto;
overflow-y: scroll;
}
.content__article--closed {
pointer-events: auto;
padding: 0 0 20vh;
height: 0;
overflow-y: scroll;
display: none;
}
.title-tag-wrap .smallproject-project-title {
width: 100%;
text-align: start;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #3D5982;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.title-tag-wrap .smallproject-project-title {
font-size: 32px;
}
}
@media screen and (min-width: 801px) {
.title-tag-wrap .smallproject-project-title {
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.title-tag-wrap .smallproject-project-title {
width: 100%;
}
}
.title-tag-wrap .smallproject-project-title .title-stagger {
position: absolute;
top: 1rem;
left: 0;
color: #E4E4E4;
z-index: -1;
}
@media screen and (min-width: 801px) {
.title-tag-wrap .smallproject-project-title .title-stagger {
right: 0;
}
}
.small-projects-container {
padding-bottom: 48px;
padding-top: 48px;
display: flex;
justify-content: center;
margin-bottom: 3rem;
position: relative;
}
@media screen and (min-width: 1025px) {
.small-projects-container {
margin-bottom: 6rem;
margin-top: 3rem;
}
}
.small-projects-container a {
font-size: 18px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: 500;
line-height: 28px;
text-decoration: none;
color: black;
padding: 15px 20px 15px 20px;
border-radius: 8px;
border: 4px solid black;
transition: all 0.35s ease-in-out;
}
@media screen and (min-width: 515px) {
.small-projects-container a {
font-size: 21px;
padding: 20px 48px 20px 48px;
}
}
.small-projects-container a:hover {
background-color: #3D5982;
color: white;
}
.small-projects-container a:hover .first-arrow {
margin-top: 1rem;
}
.small-projects-container a:hover .second-arrow {
margin-bottom: 1rem;
}
.page-template-custom-home .small-projects-container a {
width: 90%;
text-align: center;
}
@media screen and (min-width: 801px) {
.page-template-custom-home .small-projects-container a {
width: unset;
text-align: unset;
}
}
.page-template-custom-home .small-projects-container .first-arrow {
margin-left: 0;
left: 0;
}
@media screen and (min-width: 801px) {
.page-template-custom-home .small-projects-container .first-arrow {
margin-left: -2rem;
left: unset;
}
}
.page-template-custom-home .small-projects-container .second-arrow {
margin-right: 0;
right: 0;
}
@media screen and (min-width: 801px) {
.page-template-custom-home .small-projects-container .second-arrow {
margin-right: -23rem;
right: unset;
}
}
.small-projects-container span {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: black;
width: 25px;
height: 25px;
}
.small-projects-container .first-arrow {
position: absolute;
top: 0;
margin-left: -2rem;
transform: scaleY(-1);
transition: all 0.25s ease-in-out;
}
.small-projects-container .second-arrow {
position: absolute;
bottom: 0;
margin-right: -23rem;
transition: all 0.25s ease-in-out;
}
.contact-container {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.contact-container a {
margin-bottom: 2.25rem;
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
color: black;
}
.site-branding .site-title > a {
background-image: -webkit-linear-gradient(-45deg, #99EDD8, #134E5E, #23a6d5, #23d5ab);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
animation: gradient-move-2 10.4s cubic-bezier(0.67, 0.21, 0.52, 1.31) infinite alternate;
-webkit-animation: gradient-move-2 10.4s cubic-bezier(0.67, 0.21, 0.52, 1.31) infinite alternate;
}
@keyframes gradient-move-2 {
0% {
background-position: 0px 0px;
}
50% {
background-position: 350px 15px;
}
100% {
background-position: 0px 0px;
}
}
@-webkit-keyframes gradient-move-2 {
0% {
background-position: 0px 0px;
}
50% {
background-position: 350px 15px;
}
100% {
background-position: 0px 0px;
}
}
@-moz-keyframes gradient-move-2 {
0% {
background-position: 0px 0px;
}
50% {
background-position: 350px 15px;
}
100% {
background-position: 0px 0px;
}
}
.lock-screen #primary-menu {
overflow-x: hidden;
overflow-y: hidden;
}
.lock-screen .nav-menu .menu-item a {
color: #fff;
transform: translateX(0px);
transition: all 0.55s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.lock-screen .nav-menu .menu-item a:focus {
color: rgb(202, 198, 198);
outline: 0;
}
.lock-screen .nav-menu .menu-item:hover a {
color: #b4e916;
transform: translateX(-12.5px);
transition: all 0.55s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.lock-screen .nav-menu #menu-item-6068 a::before {
content: "HOME";
font-size: 43px;
color: #fff;
display: inline-block;
width: 100%;
height: auto;
opacity: 0;
transform: translate(0px, 37px);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.32s;
position: absolute;
}
@media screen and (min-width: 900px) {
.lock-screen .nav-menu #menu-item-6068 a::before {
font-size: 63px;
}
}
@media screen and (min-width: 1048px) {
.lock-screen .nav-menu #menu-item-6068 a::before {
font-size: 83px;
}
}
@media screen and (min-width: 1440px) {
.lock-screen .nav-menu #menu-item-6068 a::before {
font-size: 110px;
}
}
@media screen and (min-width: 1735px) {
.lock-screen .nav-menu #menu-item-6068 a::before {
font-size: 150px;
}
}
@media screen and (min-width: 710px) {
.lock-screen .nav-menu #menu-item-6068:hover a::before {
content: "HOME";
display: inline-block;
width: 100%;
font-size: 43px;
height: auto;
opacity: 1;
left: -28rem;
top: 5rem;
color: #b4e916;
position: absolute;
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.32s;
}
}
@media screen and (min-width: 900px) {
.lock-screen .nav-menu #menu-item-6068:hover a::before {
font-size: 63px;
}
}
@media screen and (min-width: 1048px) {
.lock-screen .nav-menu #menu-item-6068:hover a::before {
font-size: 83px;
}
}
@media screen and (min-width: 1190px) {
.lock-screen .nav-menu #menu-item-6068:hover a::before {
left: -50rem;
top: unset;
}
}
@media screen and (min-width: 1440px) {
.lock-screen .nav-menu #menu-item-6068:hover a::before {
font-size: 110px;
}
}
@media screen and (min-width: 1735px) {
.lock-screen .nav-menu #menu-item-6068:hover a::before {
font-size: 150px;
}
}
.lock-screen .nav-menu #menu-item-6068 a::after {
content: "";
display: inline-block;
width: 8px;
height: 5px;
opacity: 0;
border-radius: 0%;
transform: translate(0px, 37px);
background-color: rgb(246, 246, 246);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
position: absolute;
}
.lock-screen .nav-menu #menu-item-6068:hover a::after {
content: "";
display: inline-block;
width: 108px;
height: 5px;
opacity: 1;
position: absolute;
border-radius: 0%;
background-color: rgb(246, 246, 246);
transform: translate(-112px, 37px);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
}
.lock-screen .nav-menu #menu-item-6697 a::before {
content: "HOME";
font-size: 43px;
color: #fff;
display: inline-block;
width: 100%;
height: auto;
opacity: 0;
transform: translate(0px, 37px);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.32s;
position: absolute;
}
@media screen and (min-width: 900px) {
.lock-screen .nav-menu #menu-item-6697 a::before {
font-size: 63px;
}
}
@media screen and (min-width: 1048px) {
.lock-screen .nav-menu #menu-item-6697 a::before {
font-size: 83px;
}
}
@media screen and (min-width: 1440px) {
.lock-screen .nav-menu #menu-item-6697 a::before {
font-size: 110px;
}
}
@media screen and (min-width: 1735px) {
.lock-screen .nav-menu #menu-item-6697 a::before {
font-size: 150px;
}
}
@media screen and (min-width: 710px) {
.lock-screen .nav-menu #menu-item-6697:hover a::before {
content: "HOME";
display: inline-block;
width: 100%;
font-size: 43px;
height: auto;
opacity: 1;
left: -13rem;
top: 4rem;
color: #b4e916;
position: absolute;
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.32s;
}
}
@media screen and (min-width: 900px) {
.lock-screen .nav-menu #menu-item-6697:hover a::before {
font-size: 63px;
}
}
@media screen and (min-width: 1048px) {
.lock-screen .nav-menu #menu-item-6697:hover a::before {
font-size: 83px;
}
}
@media screen and (min-width: 1190px) {
.lock-screen .nav-menu #menu-item-6697:hover a::before {
left: -24rem;
top: -10rem;
}
}
@media screen and (min-width: 1440px) {
.lock-screen .nav-menu #menu-item-6697:hover a::before {
font-size: 110px;
}
}
@media screen and (min-width: 1735px) {
.lock-screen .nav-menu #menu-item-6697:hover a::before {
font-size: 150px;
}
}
.lock-screen .nav-menu #menu-item-6697 a::after {
content: "";
display: inline-block;
width: 8px;
height: 5px;
opacity: 0;
border-radius: 0%;
transform: translate(0px, 37px);
background-color: rgb(246, 246, 246);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
position: absolute;
}
.lock-screen .nav-menu #menu-item-6697:hover a::after {
content: "";
display: inline-block;
width: 294px;
height: 5px;
opacity: 1;
border-radius: 0%;
background-color: rgb(246, 246, 246);
transform: translate(-292px, 37px);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
position: absolute;
}
.lock-screen .nav-menu #menu-item-6154 a::before {
content: "ABOUT";
font-size: 43px;
color: #fff;
display: inline-block;
width: 100%;
height: auto;
opacity: 0;
transform: translate(0px, 37px);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.32s;
position: absolute;
}
@media screen and (min-width: 900px) {
.lock-screen .nav-menu #menu-item-6154 a::before {
font-size: 63px;
}
}
@media screen and (min-width: 1048px) {
.lock-screen .nav-menu #menu-item-6154 a::before {
font-size: 83px;
}
}
@media screen and (min-width: 1440px) {
.lock-screen .nav-menu #menu-item-6154 a::before {
font-size: 110px;
}
}
@media screen and (min-width: 1735px) {
.lock-screen .nav-menu #menu-item-6154 a::before {
font-size: 150px;
}
}
@media screen and (min-width: 710px) {
.lock-screen .nav-menu #menu-item-6154:hover a::before {
content: "ABOUT";
display: inline-block;
width: 100%;
font-size: 43px;
height: auto;
opacity: 1;
top: -11rem;
color: #b4e916;
position: absolute;
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.32s;
left: -22rem;
}
}
@media screen and (min-width: 900px) {
.lock-screen .nav-menu #menu-item-6154:hover a::before {
font-size: 63px;
top: -15rem;
}
}
@media screen and (min-width: 1048px) {
.lock-screen .nav-menu #menu-item-6154:hover a::before {
font-size: 83px;
}
}
@media screen and (min-width: 1190px) {
.lock-screen .nav-menu #menu-item-6154:hover a::before {
top: -3rem;
}
}
@media screen and (min-width: 1440px) {
.lock-screen .nav-menu #menu-item-6154:hover a::before {
font-size: 110px;
left: -62rem;
}
}
@media screen and (min-width: 1735px) {
.lock-screen .nav-menu #menu-item-6154:hover a::before {
font-size: 150px;
left: -73rem;
}
}
.lock-screen .nav-menu #menu-item-6154 a::after {
content: "";
display: inline-block;
width: 8px;
height: 5px;
opacity: 0;
border-radius: 0%;
transform: translate(0px, 37px);
background-color: rgb(246, 246, 246);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
position: absolute;
}
.lock-screen .nav-menu #menu-item-6154:hover a::after {
content: "";
display: inline-block;
width: 133px;
height: 5px;
opacity: 1;
border-radius: 0%;
background-color: rgb(246, 246, 246);
transform: translate(-134px, 37px);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
}
.lock-screen .nav-menu #menu-item-6698 a::before {
content: "CONTACT";
font-size: 43px;
color: #fff;
display: inline-block;
width: 100%;
height: auto;
opacity: 0;
transform: translate(0px, 37px);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.32s;
position: absolute;
}
@media screen and (min-width: 900px) {
.lock-screen .nav-menu #menu-item-6698 a::before {
font-size: 63px;
}
}
@media screen and (min-width: 1048px) {
.lock-screen .nav-menu #menu-item-6698 a::before {
font-size: 83px;
}
}
@media screen and (min-width: 1440px) {
.lock-screen .nav-menu #menu-item-6698 a::before {
font-size: 110px;
}
}
@media screen and (min-width: 1735px) {
.lock-screen .nav-menu #menu-item-6698 a::before {
font-size: 150px;
}
}
@media screen and (min-width: 710px) {
.lock-screen .nav-menu #menu-item-6698:hover a::before {
content: "CONTACT";
display: inline-block;
width: 100%;
font-size: 43px;
height: auto;
opacity: 1;
left: -21rem;
top: -10rem;
color: #b4e916;
position: absolute;
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.32s;
}
}
@media screen and (min-width: 900px) {
.lock-screen .nav-menu #menu-item-6698:hover a::before {
font-size: 63px;
}
}
@media screen and (min-width: 1048px) {
.lock-screen .nav-menu #menu-item-6698:hover a::before {
font-size: 83px;
left: -12rem;
}
}
@media screen and (min-width: 1190px) {
.lock-screen .nav-menu #menu-item-6698:hover a::before {
left: -46rem;
top: -17rem;
}
}
@media screen and (min-width: 1440px) {
.lock-screen .nav-menu #menu-item-6698:hover a::before {
font-size: 110px;
}
}
@media screen and (min-width: 1735px) {
.lock-screen .nav-menu #menu-item-6698:hover a::before {
font-size: 150px;
}
}
.lock-screen .nav-menu #menu-item-6698 a::after {
content: "";
display: inline-block;
width: 8px;
height: 5px;
opacity: 0;
border-radius: 0%;
transform: translate(0px, 37px);
background-color: rgb(246, 246, 246);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
position: absolute;
}
.lock-screen .nav-menu #menu-item-6698:hover a::after {
content: "";
display: inline-block;
width: 178px;
height: 5px;
opacity: 1;
border-radius: 0%;
background-color: rgb(246, 246, 246);
transform: translate(-175px, 37px);
transition: all 0.67s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-left: 0.5rem;
margin-top: -0.5rem;
vertical-align: middle;
position: absolute;
}
.content-drexel-mid .team-container {
transform: translateY(-26px) !important;
}
@media screen and (min-width: 1915px) {
.content-drexel-mid .team-container {
transform: translateY(-90px) !important;
}
}
.content-drexel-mid .team-container .content__text-its {
transform: translateY(-18px);
}
@media screen and (min-width: 1025px) {
.content-drexel-mid .team-container .content__text-its {
transform: translateY(-25px);
}
}
img[data-fancybox=gallery] {
transition: all 0.25s ease-in-out; }
@media screen and (min-width: 1025px) {
img[data-fancybox=gallery]:hover {
transform: translateY(-7.5px) !important;
transition: all 0.25s ease-in-out;
}
}
.content-its-intro-container .content-its-image-container .content__image-1-its[data-fancybox=gallery] {
transition: all 0.25s ease-in-out; }
@media screen and (min-width: 1025px) {
.content-its-intro-container .content-its-image-container .content__image-1-its[data-fancybox=gallery]:hover {
transform: translateY(190.5px) !important;
transition: all 0.25s ease-in-out;
}
}
.content-its-intro-container .content-its-image-container .content__image-2-its[data-fancybox=gallery] {
transition: all 0.25s ease-in-out; }
@media screen and (min-width: 1025px) {
.content-its-intro-container .content-its-image-container .content__image-2-its[data-fancybox=gallery]:hover {
transform: translateY(133.5px) !important;
transition: all 0.25s ease-in-out;
}
}
.project-its-group .item__excerpt-link-its {
cursor: default;
}
.project-svnr-group .item__excerpt-link-svnr {
cursor: default;
}
.project-drexel-group .item__excerpt-link-drexel {
cursor: default;
}
@keyframes gradient-move-1 {
0% {
background-position: 0px 0px;
}
50% {
background-position: 150px 25px;
}
100% {
background-position: 0px 0px;
}
}
@-webkit-keyframes gradient-move-1 {
0% {
background-position: 0px 0px;
}
50% {
background-position: 150px 25px;
}
100% {
background-position: 0px 0px;
}
}
@-moz-keyframes gradient-move-1 {
0% {
background-position: 0px 0px;
}
50% {
background-position: 150px 25px;
}
100% {
background-position: 0px 0px;
}
}
.email-highlight {
transition: all 0.45s ease-in-out;
letter-spacing: 0.25;
transform: scale(1);
background-image: -webkit-linear-gradient(-45deg, #000, #000, #000, #000);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
letter-spacing: 0.5px;
animation: gradient-move-1 4s cubic-bezier(0.67, 0.21, 0.52, 1.31) infinite alternate;
-webkit-animation: gradient-move-1 4s cubic-bezier(0.67, 0.21, 0.52, 1.31) infinite alternate;
}
.email-highlight:hover {
transform: scale(1.15);
background-image: -webkit-linear-gradient(-45deg, #99EDD8, #134E5E, #23a6d5, #23d5ab);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
animation: gradient-move-1 4s cubic-bezier(0.67, 0.21, 0.52, 1.31) infinite alternate;
-webkit-animation: gradient-move-1 4s cubic-bezier(0.67, 0.21, 0.52, 1.31) infinite alternate;
}
.contact-container #eapps-instagram-feed-1 > a::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
cursor: default !important;
}
.site-footer {
background-color: black;
position: relative;
}
.page-template-custom-my-projects .site-footer {
opacity: 0;
}
.site-footer .footer-mark-container img {
margin-top: 2rem;
position: relative;
width: 100px;
height: 100px;
}
@media screen and (min-width: 620px) {
.site-footer .footer-mark-container img {
position: absolute;
margin-top: unset;
width: 75px;
height: 75px;
right: 0.75rem;
top: 1.75rem;
}
}
@media screen and (min-width: 730px) {
.site-footer .footer-mark-container img {
right: 1.75rem;
}
}
@media screen and (min-width: 1150px) {
.site-footer .footer-mark-container img {
right: 1.75rem;
top: 1.75rem;
}
}
@media screen and (min-width: 1261px) {
.site-footer .footer-mark-container img {
width: 150px;
height: 150px;
}
}
.site-footer .footer-mark-container {
text-align: center;
}
.site-footer .footer-mark-container > a img {
transition: all 0.35s cubic-bezier(0.6, 0.21, 0.23, 1.3);
}
.site-footer .footer-mark-container > a img:hover {
transition: all 0.35s cubic-bezier(0.6, 0.21, 0.23, 1.3);
transform: rotate(360deg);
}
:root {
--mainColor: #3755E5;
}
.site-footer .footer-links {
position: relative;
}
@media screen and (min-width: 620px) {
.site-footer .footer-links {
background: linear-gradient(to bottom, var(--mainColor) 0%, var(--mainColor) 100%);
background: linear-gradient(to bottom, var(--mainColor) 0%, var(--mainColor) 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 2px 2px;
color: #000;
text-decoration: none;
transition: background-size 0.2s;
}
}
.site-footer .footer-links:hover {
background-size: 2px 50px;
color: rgba(255, 212, 188, 0.922);
}
.site-footer .footer-links span > svg .st0 {
fill: white;
transition: all 0.25s ease-in-out;
}
.site-footer .footer-links:hover span > svg .st0 {
fill: rgba(255, 212, 188, 0.922);
}
.site-footer .footer-links span > svg .st1 {
fill: white;
transition: all 0.25s ease-in-out;
}
.site-footer .footer-links:hover span > svg .st1 {
fill: rgba(255, 212, 188, 0.922);
}
.site-footer .footer-links span > svg .st2 {
fill: white;
transition: all 0.25s ease-in-out;
}
.site-footer .footer-links:hover span > svg .st2 {
fill: rgba(255, 212, 188, 0.922);
}
.site-footer .footer-links svg {
position: absolute;
left: -1.8rem;
margin-top: 0.15rem;
left: 29.5%;
width: 20px;
height: 20px;
}
@media screen and (min-width: 385px) {
.site-footer .footer-links svg {
left: 33%;
}
}
@media screen and (min-width: 518px) {
.site-footer .footer-links svg {
left: 37%;
}
}
@media screen and (min-width: 620px) {
.site-footer .footer-links svg {
left: -1.8rem;
}
}
@media screen and (min-width: 1150px) {
.site-footer .footer-links svg {
left: -2.5rem;
}
}
@media screen and (min-width: 385px) {
.instagram-footer {
padding-left: 0.25rem;
}
}
@media screen and (min-width: 460px) {
.instagram-footer {
padding-left: unset;
}
}
@media screen and (min-width: 385px) {
.site-footer .footer-links .svg-insta {
left: 31%;
}
}
@media screen and (min-width: 460px) {
.site-footer .footer-links .svg-insta {
left: 33%;
}
}
@media screen and (min-width: 518px) {
.site-footer .footer-links .svg-insta {
left: 35%;
}
}
@media screen and (min-width: 561px) {
.site-footer .footer-links .svg-insta {
left: 37%;
}
}
@media screen and (min-width: 620px) {
.site-footer .footer-links .svg-insta {
left: -1.8rem;
}
}
@media screen and (min-width: 1150px) {
.site-footer .footer-links .svg-insta {
left: -2.65rem;
}
}
.site-footer .footer-heading {
color: white;
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 30px;
font-weight: bold;
text-decoration: none;
margin-bottom: 0;
text-align: center;
padding: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.site-footer .footer-heading::after {
content: "";
width: 100%;
display: inline-block;
border-bottom: 1px solid white;
}
.site-footer .footer-descriptor {
width: 100%;
color: white;
text-align: center;
margin: 0;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 750px) {
.site-footer .footer-descriptor {
margin-bottom: 0;
}
}
.site-footer .footer-subheading {
color: white;
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 25px;
font-weight: bold;
text-decoration: none;
text-align: center;
margin: 0;
}
.site-footer .footer-links-container {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.site-footer .footer-links-container > a {
color: white;
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 18px;
font-weight: 400;
text-decoration: none;
}
.site-footer .footer-links-container > a:active {
color: white;
}
.site-footer .footer-links-container a:first-child + a {
margin: 1.5rem 0;
}
@media screen and (min-width: 1261px) {
.site-footer .footer-links-container a:first-child + a {
margin: 1.75rem 0;
}
}
@media screen and (min-width: 1400px) {
.site-footer .footer-links-container a:first-child + a {
margin: 2rem 0;
}
}
.site-footer .footer-subheading--menu {
margin-top: 2.25rem;
margin-bottom: 0.8rem;
}
.site-footer .footer-links-container--menu {
padding-bottom: 4rem;
}
@media screen and (min-width: 620px) {
.site-footer .site-info {
display: flex;
}
}
@media screen and (min-width: 1261px) {
.site-footer .site-info {
justify-content: center;
max-width: 1200px;
}
}
@media screen and (min-width: 1600px) {
.site-footer .site-info {
max-width: 1400px;
}
}
@media screen and (min-width: 620px) {
.site-footer .site-info .site-info--chat {
width: 40%;
}
}
@media screen and (min-width: 1070px) {
.site-footer .site-info .site-info--chat {
width: 42%;
}
}
@media screen and (min-width: 1650px) {
.site-footer .site-info .site-info--chat {
width: 40%;
}
}
@media screen and (min-width: 620px) {
.site-footer .site-info .site-info--links {
display: flex;
width: 50%;
justify-content: space-around;
}
}
@media screen and (min-width: 620px) {
.site-footer .site-info .site-info--chat h4 {
margin-top: 1.5rem;
}
}
.site-footer .site-info .site-info--links .site-info--links-container > p {
margin-bottom: 2rem;
}
@media screen and (min-width: 620px) {
.site-footer .site-info .site-info--links .site-info--links-container {
margin-top: 2.5rem;
}
}
.site-info--chat {
padding-bottom: 3rem;
}
@media screen and (min-width: 620px) {
.site-info--chat {
padding-bottom: 1rem;
}
}
.site-footer .footer-copyright {
color: #fff;
text-align: center;
padding-top: 2rem;
font-weight: 200;
display: none;
}
@media screen and (min-width: 620px) {
.site-footer .footer-copyright {
display: block;
padding-left: 2rem;
padding-right: 2rem;
}
}
@media screen and (min-width: 1025px) {
.site-footer .footer-copyright {
padding-right: 2rem;
padding-left: 0rem;
}
}
@media screen and (min-width: 1093px) {
.site-footer .footer-copyright {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1150px) {
.site-footer .footer-copyright {
font-size: 15px;
}
}
@media screen and (min-width: 1235px) {
.site-footer .footer-copyright {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1600px) {
.site-footer .footer-copyright {
font-size: 16px;
padding-right: 3rem;
padding-left: 0;
}
}
@media screen and (min-width: 1650px) {
.site-footer .footer-copyright {
padding-right: 1rem;
}
}
.site-info--footer-mobile .footer-copyright {
display: block;
margin-top: 0;
padding-top: unset;
padding-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
@media screen and (min-width: 430px) {
.site-info--footer-mobile .footer-copyright {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media screen and (min-width: 620px) {
.site-info--footer-mobile .footer-copyright {
display: none;
}
}
.dot-controls {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
margin-bottom: 4.5rem;
padding-left: 0;
}
.dot {
--size: 1.25rem;
--gap: 0.35rem;
--border: 0.25rem;
--dur: 200ms;
--tf: cubic-bezier(0.215, 0.61, 0.355, 1);
--color: transparent;
--color-adjacent: transparent;
border: 1px solid black;
--color-active: #3755E5;
--color-active-inner: #3755E5;
flex: 0 0 auto;
display: block;
position: relative;
cursor: pointer;
margin: var(--gap);
width: var(--size);
height: var(--size);
background-color: var(--color);
border-radius: 100%;
transform-origin: 50% 100%;
transition: calc(var(--dur) * 2) var(--tf);
transition-property: transform, background-color;
}
.dot:before {
content: "";
position: absolute;
top: var(--border);
left: var(--border);
width: calc(100% - var(--border) * 2);
height: calc(100% - var(--border) * 2);
background-color: var(--color-active-inner);
border-radius: inherit;
transform: scale(0.001);
transition: transform var(--dur) var(--tf);
}
.dot:hover {
background-color: var(--color-active);
transform: translateY(-5.5px);
}
.dot.previous, .dot.next {
transform: scale(1.15);
background-color: var(--color-adjacent);
}
.dot.previous:hover, .dot.next:hover {
background-color: var(--color-active);
transform: translateY(-5.5px);
}
.dot.active {
transform: scale(1.5);
background-color: var(--color-active);
}
.dot.active:before {
transform: scale(1.001);
transition-delay: var(--dur);
}
.dot-controls .dot.mobile-hide {
display: none;
}
@media screen and (min-width: 643px) {
.dot-controls .dot.mobile-hide {
display: block;
}
}
.dot-controls .dot.mobile-hide-secondary {
display: none;
}
@media screen and (min-width: 390px) {
.dot-controls .dot.mobile-hide-secondary {
display: block;
}
}
.footer-contact-box {
display: flex;
justify-content: space-between;
flex-direction: column;
margin-bottom: 2.5rem;
width: 100%;
}
@media screen and (min-width: 490px) {
.footer-contact-box {
margin-bottom: unset;
flex-direction: row;
}
}
@media screen and (min-width: 620px) {
.footer-contact-box {
flex-direction: column;
}
}
@media screen and (min-width: 750px) {
.footer-contact-box {
flex-direction: row;
margin-top: 1rem;
}
}
.footer-contact-box a {
margin: 0 2rem;
padding: 0.5rem;
border: 1px solid white;
height: fit-content;
margin-top: -0.5rem;
transition: all 0.2s ease-in-out;
text-align: center;
font-weight: 300;
border-radius: 8px;
}
@media screen and (min-width: 490px) {
.footer-contact-box a {
margin: unset;
margin-top: -0.5rem;
margin-right: 2rem;
text-align: center;
width: 35%;
}
}
@media screen and (min-width: 505px) {
.footer-contact-box a {
margin-right: 3rem;
}
}
@media screen and (min-width: 620px) {
.footer-contact-box a {
margin-left: 3.25rem;
width: 60%;
}
}
@media screen and (min-width: 750px) {
.footer-contact-box a {
margin-left: 3rem;
width: 35%;
}
}
@media screen and (min-width: 801px) {
.footer-contact-box a {
width: 50%;
}
}
@media screen and (min-width: 1025px) {
.footer-contact-box a {
width: 30%;
}
}
@media screen and (min-width: 1110px) {
.footer-contact-box a {
width: 25%;
}
}
.footer-contact-box a:link, .footer-contact-box a:visited, .footer-contact-box a:active {
text-decoration: none;
color: #FFF;
}
.footer-contact-box a:hover {
background-color: white;
color: black;
transition: all 0.2s ease-in-out;
}
.site-footer .footer-contact-box .footer-descriptor {
text-align: start;
width: 100%;
font-size: 16px;
font-weight: 200;
text-align: center;
}
@media screen and (min-width: 345px) {
.site-footer .footer-contact-box .footer-descriptor {
font-size: 18px;
}
}
@media screen and (min-width: 490px) {
.site-footer .footer-contact-box .footer-descriptor {
width: 70%;
margin-left: 3rem;
text-align: unset;
}
}
@media screen and (min-width: 561px) {
.site-footer .footer-contact-box .footer-descriptor {
width: 50%;
}
}
@media screen and (min-width: 620px) {
.site-footer .footer-contact-box .footer-descriptor {
width: 60%;
text-align: center;
margin-left: 3.25rem;
}
}
@media screen and (min-width: 750px) {
.site-footer .footer-contact-box .footer-descriptor {
width: 50%;
text-align: start;
margin-left: 3rem;
}
}
@media screen and (min-width: 1025px) {
.site-footer .footer-contact-box .footer-descriptor {
width: 79%;
}
}
@media screen and (min-width: 1084px) {
.site-footer .footer-contact-box .footer-descriptor {
width: 92%;
}
}
@media screen and (min-width: 1110px) {
.site-footer .footer-contact-box .footer-descriptor {
width: 100%;
}
}
* {
box-sizing: border-box;
}
html, body {
height: 100%;
}
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 {
min-height: 175px;
height: 12rem;
}
@media screen and (min-width: 345px) {
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 {
min-height: 196px;
}
}
@media screen and (min-width: 390px) {
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 {
min-height: 225px;
}
}
@media screen and (min-width: 400px) {
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 {
min-height: 240px;
}
}
@media screen and (min-width: 450px) {
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 {
min-height: 265px;
}
}
@media screen and (min-width: 530px) {
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 {
min-height: 310px;
}
}
@media screen and (min-width: 561px) {
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 {
height: 26rem;
}
}
@media screen and (min-width: 801px) {
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 {
height: auto;
min-height: none;
}
}
.main-home-projects-wrap .my-projects-grid .grid-item {
background-color: gray;
position: relative;
display: inline-block;
border-radius: 10px;
border: 1px solid #979797;
box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.16);
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
max-height: 225px;
}
@media screen and (min-width: 400px) {
.main-home-projects-wrap .my-projects-grid .grid-item {
max-height: 275px;
}
}
@media screen and (min-width: 490px) {
.main-home-projects-wrap .my-projects-grid .grid-item {
max-height: 315px;
}
}
@media screen and (min-width: 610px) {
.main-home-projects-wrap .my-projects-grid .grid-item {
max-height: 350px;
}
}
@media screen and (min-width: 680px) {
.main-home-projects-wrap .my-projects-grid .grid-item {
max-height: 400px;
}
}
.main-home-projects-wrap .my-projects-grid .grid-item img {
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (min-width: 780px) {
.main-home-projects-wrap .my-projects-grid .grid-item img {
transform: translateY(-1%) scale(1.015);
}
}
@media screen and (min-width: 801px) {
.main-home-projects-wrap .my-projects-grid .grid-item img {
transform: unset;
}
}
.main-home-projects-wrap .my-projects-grid .grid-item:hover {
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.37);
transform: translateY(-1%) scale(1.015);
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
cursor: pointer;
}
.main-home-projects-wrap .my-projects-grid .grid-item:hover img {
transform: translateY(-1%) scale(1.015);
transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (min-width: 801px) {
.main-home-projects-wrap .my-projects-grid .grid-item {
height: 20.125rem;
}
}
@media screen and (min-width: 1525px) {
.main-home-projects-wrap .my-projects-grid .grid-item {
height: unset;
}
}
.main-home-projects-wrap .my-projects-grid .grid-item img {
height: 100%;
object-fit: cover;
border-radius: 10px;
object-position: top;
}
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-3 img {
object-position: center;
}
.main-home-projects-wrap .my-projects-grid .grid-item div {
font-size: 21px;
font-family: "DM Sans", Arial, Sans-Serif;
line-height: 28px;
color: black;
text-decoration: none;
}
.main-home-projects-wrap .my-projects-grid .grid-item div > span:first-child {
font-weight: medium;
}
.main-home-projects-wrap .my-projects-grid .grid-item div > span:last-child {
font-weight: bold;
}
.main-home-projects-wrap .my-projects-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
margin: 0 auto;
gap: 1rem;
row-gap: 4.5rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 350px) {
.main-home-projects-wrap .my-projects-grid {
row-gap: 5.5rem;
}
}
@media screen and (min-width: 501px) {
.main-home-projects-wrap .my-projects-grid {
row-gap: 7rem;
}
}
@media screen and (min-width: 630px) {
.main-home-projects-wrap .my-projects-grid {
row-gap: 8.5rem;
}
}
@media screen and (min-width: 710px) {
.main-home-projects-wrap .my-projects-grid {
column-gap: 3rem;
}
}
@media screen and (min-width: 801px) {
.main-home-projects-wrap .my-projects-grid {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 9.5rem;
}
}
@media screen and (min-width: 900px) {
.main-home-projects-wrap .my-projects-grid {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 7.5rem;
}
}
@media screen and (min-width: 1025px) {
.main-home-projects-wrap .my-projects-grid {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 8.5rem;
}
}
@media screen and (min-width: 1525px) {
.main-home-projects-wrap .my-projects-grid {
column-gap: 7rem;
}
}
.content__article-its .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 32px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #0D40F4;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.content__article-its .project-content-preview-title {
font-size: 40px;
left: 14%;
text-align: unset;
}
}
@media screen and (min-width: 801px) {
.content__article-its .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-its .project-content-preview-title {
width: 100%;
}
}
.content__article-its .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #98AFFF;
z-index: -1;
}
@media screen and (min-width: 801px) {
.content__article-its .project-content-preview-title .title-stagger {
top: 1rem;
}
}
.its-card-main-projects {
margin-top: 5rem;
transform: scale(2);
margin-left: 1rem;
}
@media screen and (min-width: 370px) {
.its-card-main-projects {
margin-top: 3rem;
transform: scale(1.25);
margin-left: -2.5rem;
}
}
@media screen and (min-width: 470px) {
.its-card-main-projects {
margin-top: 2rem;
}
}
@media screen and (min-width: 517px) {
.its-card-main-projects {
margin-top: 0rem;
}
}
@media screen and (min-width: 607px) {
.its-card-main-projects {
margin-top: -0.5rem;
transform: scale(1);
}
}
@media screen and (min-width: 666px) {
.its-card-main-projects {
margin-top: -1.5rem;
}
}
@media screen and (min-width: 724px) {
.its-card-main-projects {
margin-top: -3.5rem;
}
}
@media screen and (min-width: 801px) {
.its-card-main-projects {
margin-top: -0.5rem;
transform: scale(1.15);
}
}
@media screen and (min-width: 801px) {
.its-card-main-projects {
margin-top: -2.5rem;
}
}
@media screen and (min-width: 950px) {
.its-card-main-projects {
transform: scale(1);
}
}
@media screen and (min-width: 992px) {
.its-card-main-projects {
margin-top: -3.5rem;
}
}
@media screen and (min-width: 1025px) {
.its-card-main-projects {
margin-top: 1.5rem;
transform: scale(1.15);
}
}
@media screen and (min-width: 1158px) {
.its-card-main-projects {
margin-top: -1.5rem;
}
}
@media screen and (min-width: 1650px) {
.its-card-main-projects {
margin-top: -0.5rem;
margin-left: -4rem;
}
}
.content__image-1-its {
max-width: 92%;
margin-left: 1.25rem;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
transform: translateY(50px) !important;
object-position: 50% 10%;
}
@media screen and (min-width: 445px) {
.content__image-1-its {
transform: translateY(61px) !important;
margin-left: 1.5rem;
}
}
@media screen and (min-width: 475px) {
.content__image-1-its {
transform: translateY(81px) !important;
}
}
@media screen and (min-width: 581px) {
.content__image-1-its {
max-width: 72%;
margin-left: 3.5rem;
}
}
@media screen and (min-width: 700px) {
.content__image-1-its {
padding: 1rem;
}
}
@media screen and (min-width: 767px) {
.content__image-1-its {
max-width: 55%;
transform: translateY(111px) !important;
}
}
@media screen and (min-width: 868px) {
.content__image-1-its {
max-width: 51%;
margin-left: 6.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-its {
max-width: 56%;
margin-left: 3rem;
border: 14px solid white;
transform: translateY(299px) !important;
}
}
@media screen and (min-width: 1251px) {
.content__image-1-its {
transform: translateY(250px) !important;
}
}
@media screen and (min-width: 1555px) {
.content__image-1-its {
margin-left: 5rem;
transform: translateY(180px) !important;
}
}
@media screen and (min-width: 1806px) {
.content__image-1-its {
max-width: 46%;
margin-left: 8rem;
transform: translateY(180px) !important;
}
}
.content__image-2-its {
max-width: 80%;
object-fit: contain;
border: 5px solid white;
transform: translateY(68px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-its {
transform: translateY(94px) !important;
}
}
@media screen and (min-width: 445px) {
.content__image-2-its {
transform: translateY(94px) !important;
margin-left: 2rem;
}
}
@media screen and (min-width: 475px) {
.content__image-2-its {
transform: translateY(125px) !important;
}
}
@media screen and (min-width: 581px) {
.content__image-2-its {
transform: translateY(82px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-its {
padding: 1.5rem;
}
}
@media screen and (min-width: 767px) {
.content__image-2-its {
margin-left: 0rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-its {
max-width: 93%;
border: 14px solid white;
transform: translateY(230px) !important;
margin-left: -2.5rem;
}
}
@media screen and (min-width: 1251px) {
.content__image-2-its {
transform: translateY(158px) !important;
}
}
@media screen and (min-width: 1806px) {
.content__image-2-its {
margin-left: -4.5rem;
}
}
.content__image-3-its {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
}
@media screen and (min-width: 700px) {
.content__image-3-its {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-3-its {
border: 14px solid white;
}
}
.content__image-4-its {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 700px) {
.content__image-4-its {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-4-its {
max-width: 93%;
border: 14px solid white;
margin-left: 3.5rem;
}
}
.content-its-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-its-intro-container {
margin-top: 3rem;
}
}
@media screen and (min-width: 1025px) {
.content-its-intro-container {
flex-direction: unset;
}
}
.content-its-image-container {
width: 100%;
display: flex;
justify-content: center;
background-color: #98AFFF;
margin-bottom: 4rem;
clip-path: polygon(1% 20%, 98% 0%, 92% 440%, 4% 110%);
}
@media screen and (min-width: 1025px) {
.content-its-image-container {
width: 65%;
margin-bottom: unset;
margin-bottom: 7rem;
max-height: 440px;
}
}
.content-its-image-container-2 {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 1rem;
clip-path: polygon(1% 0%, 98% 0%, 105% 444%, 0% 110%);
}
@media screen and (min-width: 1025px) {
.content-its-image-container-2 {
margin-bottom: unset;
margin-bottom: 5rem;
margin-top: 1rem;
}
}
@media screen and (min-width: 1115px) {
.content-its-image-container-2 {
margin-top: 5rem;
}
}
.main-home-projects-wrap .content-its-image-container-2 .content-2-bg {
opacity: 0;
}
.content-its-site-intros-container .site-intros-1 {
transition: all 0.25s ease-in-out;
}
.content-its-site-intros-container .site-intros-1:hover {
color: #bade70;
}
.content-its-site-intros-container .site-intros-1:hover::before {
background-color: white;
border: 1px solid black;
}
.content-its-site-intros-container .site-intros-1::before {
transition: all 0.25s ease-in-out;
background-color: #bade70;
}
.content-its-site-intros-container .site-intros-2 {
transition: all 0.25s ease-in-out;
}
.content-its-site-intros-container .site-intros-2:hover {
color: #213257;
}
.content-its-site-intros-container .site-intros-2:hover::before {
background-color: white;
border: 1px solid black;
}
.content-its-site-intros-container .site-intros-2::before {
transition: all 0.25s ease-in-out;
background-color: #213257;
}
.content-its-site-intros-container .site-intros-3 {
transition: all 0.25s ease-in-out;
}
.content-its-site-intros-container .site-intros-3:hover {
color: #a60411;
}
.content-its-site-intros-container .site-intros-3:hover::before {
background-color: white;
border: 1px solid black;
}
.content-its-site-intros-container .site-intros-3::before {
transition: all 0.25s ease-in-out;
background-color: #a60411;
}
.content-its-site-intros-container .site-intros-4 {
transition: all 0.25s ease-in-out;
}
.content-its-site-intros-container .site-intros-4:hover {
color: #ffd105;
}
.content-its-site-intros-container .site-intros-4:hover::before {
background-color: white;
border: 1px solid black;
}
.content-its-site-intros-container .site-intros-4::before {
transition: all 0.25s ease-in-out;
background-color: #ffd105;
}
.content-its-site-intros-container .site-intros-5 {
transition: all 0.25s ease-in-out;
}
.content-its-site-intros-container .site-intros-5:hover {
color: #2f1608;
}
.content-its-site-intros-container .site-intros-5:hover::before {
background-color: white;
border: 1px solid black;
}
.content-its-site-intros-container .site-intros-5::before {
transition: all 0.25s ease-in-out;
background-color: #2f1608;
}
.content-its-site-intros-container .site-intros-6 {
transition: all 0.25s ease-in-out;
}
.content-its-site-intros-container .site-intros-6:hover {
color: rgb(145, 145, 145);
}
.content-its-site-intros-container .site-intros-6:hover::before {
background-color: black;
border: 1px solid black;
}
.content-its-site-intros-container .site-intros-6::before {
transition: all 0.25s ease-in-out;
background-color: white;
border: 1px solid black;
}
.content-its-site-intros {
width: 100%;
font-size: 18px;
line-height: 1.75;
margin: 1.25rem 0 1.25rem 0;
text-decoration: none;
padding-left: 2rem;
color: black;
}
.content-its-site-intros:visited {
color: black;
}
.content-its-site-intros::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
margin-right: 2rem;
width: 23px;
height: 23px;
vertical-align: middle;
margin-top: 0.25rem;
}
@media screen and (min-width: 1251px) {
.content-its-site-intros::before {
position: relative;
left: unset;
margin-right: 1rem;
margin-top: unset;
}
}
@media screen and (min-width: 1650px) {
.content-its-site-intros::before {
margin-right: 1.5rem;
}
}
@media screen and (min-width: 700px) {
.content-its-site-intros {
padding-left: 3rem;
}
}
@media screen and (min-width: 1025px) {
.content-its-site-intros {
padding-right: 2rem;
padding-left: 2rem;
margin: 0.75rem 0 0.75rem 0;
position: relative;
left: unset;
}
}
@media screen and (min-width: 1070px) {
.content-its-site-intros {
margin: 0.5rem 0 0.5rem 0;
}
}
@media screen and (min-width: 1251px) {
.content-its-site-intros {
font-size: 21px;
line-height: 2.15;
}
}
.content-its-site-intros-container {
display: grid;
width: 100%;
}
@media screen and (min-width: 1650px) {
.content-its-site-intros-container {
justify-content: flex-end;
}
}
@media screen and (min-width: 2100px) {
.content-its-site-intros-container {
margin-right: 5rem;
}
}
.content-its-site-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-its-site-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-its-site-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-its-site-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
@media screen and (min-width: 1025px) {
.content-its-mid > picture {
display: flex;
}
}
.content-its-intro-desc-2 {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-its-intro-desc-2 {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-its-intro-desc-2 {
width: 150%;
}
}
@media screen and (min-width: 1550px) {
.content-its-intro-desc-2 {
width: 78%;
}
}
@media screen and (min-width: 1251px) {
.content-its-intro-desc-2 {
line-height: 2.15;
}
}
@media screen and (min-width: 1524px) {
.content-its-intro-desc-2 {
font-size: 21px;
}
}
@media screen and (min-width: 1719px) {
.content-its-intro-desc-2 {
width: 48%;
margin-left: 4.5rem;
margin-top: 5rem;
}
}
.content-its-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-its-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-its-intro-desc {
width: 35%;
padding-right: 2rem;
padding-left: 2rem;
font-size: 16px;
}
}
@media screen and (min-width: 1100px) {
.content-its-intro-desc {
font-size: 18px;
}
}
@media screen and (min-width: 1251px) {
.content-its-intro-desc {
line-height: 2.15;
}
}
@media screen and (min-width: 1524px) {
.content-its-intro-desc {
font-size: 21px;
}
}
.content-container-next {
right: 0;
top: 2rem;
margin-right: 2.5rem;
background-color: black;
padding: 0.5rem;
width: fit-content;
z-index: 10000000;
border: 1.5px solid white;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
}
.content-container-next:hover > a {
color: green;
}
.content-container-next-fix {
position: fixed;
}
.content-next-its {
font-size: 20px;
color: white;
text-decoration: none;
}
.content-next-its:visited {
color: white;
}
html.with-fancybox .content-container-close {
z-index: 100;
}
html .content-container-close {
right: 0;
bottom: 2rem;
margin-right: 2.5rem;
background-color: black;
border-radius: 100px;
padding: 1.75rem;
width: fit-content;
z-index: 10000000;
border: 1.5px solid white;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
}
html .content-container-close > a:hover {
transition: all 0.25s ease-in-out;
color: red;
}
html .content-container-close a {
transition: all 0.25s ease-in-out;
}
.content-container-close-fix {
position: fixed;
}
.content-close-its {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-its {
font-size: 25px;
}
}
.content-close-its:visited {
color: white;
}
.content-close-svnr {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-svnr {
font-size: 25px;
}
}
.content-close-svnr:visited {
color: white;
}
.content-close-drexel {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-drexel {
font-size: 25px;
}
}
.content-close-drexel:visited {
color: white;
}
.content-2-bg {
background-color: #98AFFF;
height: -webkit-fill-available;
width: 100%;
position: absolute;
z-index: -1;
margin-top: 2rem;
max-height: 38px;
overflow: hidden;
width: 75%;
left: 0;
}
@media screen and (min-width: 475px) {
.content-2-bg {
margin-top: 3rem;
max-height: 100px;
}
}
@media screen and (min-width: 561px) {
.content-2-bg {
margin-top: 4.35rem;
}
}
@media screen and (min-width: 767px) {
.content-2-bg {
margin-top: 3rem;
max-height: 150px;
}
}
@media screen and (min-width: 1025px) {
.content-2-bg {
margin-top: 5rem;
max-height: 190px;
}
}
@media screen and (min-width: 1261px) {
.content-2-bg {
margin-top: 8rem;
max-height: 200px;
}
}
@media screen and (min-width: 1325px) {
.content-2-bg {
max-height: 240px;
}
}
.content-3-bg {
background-color: #98AFFF;
height: -webkit-fill-available;
position: absolute;
z-index: -1;
margin-top: 2rem;
max-height: 38px;
overflow: hidden;
width: 70%;
left: 0;
opacity: 0;
transform: translate(40px, 130px) !important;
}
@media screen and (min-width: 761px) {
.content-3-bg {
transform: translate(10px, 130px) !important;
}
}
.content-3-bg::after {
border-left: 10px solid white;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 19%;
}
@media screen and (min-width: 761px) {
.content-3-bg::after {
left: 27.5%;
}
}
@media screen and (min-width: 1261px) {
.content-3-bg::after {
left: 14%;
}
}
@media screen and (min-width: 801px) {
.content-3-bg {
left: 10rem;
}
}
@media screen and (min-width: 1261px) {
.content-3-bg {
max-height: 72px;
transform: translate(10px, 214px) !important;
}
}
.content-4-bg {
background-color: #98AFFF;
height: -webkit-fill-available;
position: absolute;
z-index: -1;
max-height: 100px;
margin-top: 0;
overflow: hidden;
width: 70%;
right: 0;
opacity: 0;
transform: translate(-43px, 0px) !important;
}
@media screen and (min-width: 761px) {
.content-4-bg {
transform: translate(10px, 0px) !important;
}
}
.content-4-bg::after {
border-left: 15px solid white;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 76%;
}
@media screen and (min-width: 761px) {
.content-4-bg::after {
left: 66.5%;
}
}
@media screen and (min-width: 1261px) {
.content-4-bg::after {
left: 55%;
}
}
@media screen and (min-width: 801px) {
.content-4-bg {
right: 10rem;
}
}
@media screen and (min-width: 1261px) {
.content-4-bg {
max-height: 140px;
transform: translate(10px, 46px) !important;
}
}
.content-5-bg {
background-color: white;
border-radius: 100%;
border: 7px solid #274EA7;
height: 457px;
position: absolute;
z-index: -1;
margin-top: 0;
overflow: hidden;
width: 457px;
opacity: 1;
transform: translate(-43px, 0px) !important;
}
@media screen and (min-width: 761px) {
.content-5-bg {
transform: translate(10px, 0px) !important;
}
}
.content-5-bg::after {
border-left: 15px solid white;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 76%;
}
@media screen and (min-width: 761px) {
.content-5-bg::after {
left: 66.5%;
}
}
@media screen and (min-width: 1261px) {
.content-5-bg::after {
left: 55%;
}
}
@media screen and (min-width: 801px) {
.content-5-bg {
right: 10rem;
width: 257px;
height: 257px;
transform: translate(-40px, 50px) !important;
}
}
@media screen and (min-width: 1261px) {
.content-5-bg {
transform: translate(-190px, -24px) !important;
width: 517px;
height: 517px;
}
}
.content-6-bg {
background-color: white;
border-radius: 100%;
border: 7px solid #274EA7;
height: 457px;
position: absolute;
z-index: -1;
margin-top: 0;
overflow: hidden;
width: 457px;
opacity: 1;
transform: translate(-43px, 0px) !important;
}
@media screen and (min-width: 761px) {
.content-6-bg {
transform: translate(10px, 0px) !important;
}
}
.content-6-bg::after {
border-left: 15px solid white;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 76%;
}
@media screen and (min-width: 761px) {
.content-6-bg::after {
left: 66.5%;
}
}
@media screen and (min-width: 1261px) {
.content-6-bg::after {
left: 55%;
}
}
@media screen and (min-width: 801px) {
.content-6-bg {
width: 257px;
height: 257px;
transform: translate(-120px, 50px) !important;
}
}
@media screen and (min-width: 1261px) {
.content-6-bg {
transform: translate(-190px, -24px) !important;
width: 517px;
height: 517px;
}
}
.content-its-mid {
display: none;
flex-direction: column;
}
@media screen and (min-width: 1025px) {
.content-its-mid {
flex-direction: row;
}
}
.content-its-mid img {
max-width: 100%;
padding: 1rem;
width: 100%;
object-position: 0% 0%;
object-fit: cover;
max-height: 400px;
}
@media screen and (min-width: 380px) {
.content-its-mid img {
max-height: 400px;
}
}
@media screen and (min-width: 480px) {
.content-its-mid img {
max-height: 460px;
}
}
@media screen and (min-width: 561px) {
.content-its-mid img {
max-height: 490px;
}
}
@media screen and (min-width: 650px) {
.content-its-mid img {
align-self: center;
}
}
@media screen and (min-width: 1025px) {
.content-its-mid img {
max-height: unset;
align-self: unset;
object-position: unset;
}
}
@media screen and (min-width: 1555px) {
.content-its-mid img {
max-height: 600px;
}
}
@media screen and (min-width: 1900px) {
.content-its-mid img {
max-width: none;
}
}
.content-its-mid-1 {
display: none;
flex-direction: column;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 1025px) {
.content-its-mid-1 {
flex-direction: row;
margin-bottom: 5.5rem;
}
}
.content__article-its.content__article--open .content-its-mid-2 {
flex-direction: column;
}
@media screen and (min-width: 700px) {
.content__article-its.content__article--open .content-its-mid-2 {
align-items: unset;
flex-direction: row;
}
}
.content-its-mid-2 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: unset;
align-items: center;
}
@media screen and (min-width: 700px) {
.content-its-mid-2 {
align-items: unset;
flex-direction: row;
}
}
.content-its-mid-2 img {
width: 14rem;
object-fit: contain;
margin-bottom: 2rem;
}
@media screen and (min-width: 561px) {
.content-its-mid-2 img {
width: 16rem;
}
}
@media screen and (min-width: 700px) {
.content-its-mid-2 img {
width: 8rem;
margin-bottom: unset;
}
}
@media screen and (min-width: 1025px) {
.content-its-mid-2 img {
width: 12rem;
}
}
.content-its-mid-3 .content-its-pres-split-1 picture:first-of-type {
margin-right: 2rem;
}
@media screen and (min-width: 1025px) {
.content-its-mid-3 .content-its-pres-split-1 picture:first-of-type {
margin-right: 3rem;
}
}
.content-its-mid-3 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: column-reverse;
align-items: center;
}
@media screen and (min-width: 1025px) {
.content-its-mid-3 {
align-items: unset;
flex-direction: row;
}
}
.content-its-mid-3 img {
width: auto;
object-fit: contain;
}
.content-its-mid-3 .content-its-pres-split-1 {
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-its-mid-3 .content-its-pres-split-1 {
width: 60%;
margin-right: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-its-mid-3 .content-its-pres-split-1 {
width: 50%;
}
}
@media screen and (min-width: 1550px) {
.content-its-mid-3 .content-its-pres-split-1 {
width: 44%;
}
}
@media screen and (min-width: 1800px) {
.content-its-mid-3 .content-its-pres-split-1 {
width: 35%;
}
}
.content-its-mid-3 .content-its-pres-split-1 div {
display: flex;
justify-content: space-around;
margin-bottom: 2rem;
}
@media screen and (min-width: 1690px) {
.content-its-mid-3 .content-its-pres-split-1 div {
margin-bottom: 3rem;
}
}
.content-its-mid-3 .content-its-pres-split-1 div > img {
width: 42%;
}
.content-its-mid-3 .content-its-pres-split-1 > img {
width: 100%;
padding: 0 1.5rem;
}
.content-its-mid-3 .content-its-pres-split-2 {
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-its-mid-3 .content-its-pres-split-2 {
width: 40%;
}
}
.content-its-mid-3 .content-its-pres-split-2 p {
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 1613px) {
.content-its-mid-3 .content-its-pres-split-2 p {
font-size: 21px;
line-height: 2.15;
}
}
.content-its-mid-4 .content-image-stagger picture {
display: flex;
justify-content: center;
}
.content-its-mid-4 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: column-reverse;
align-items: center;
}
@media screen and (min-width: 1025px) {
.content-its-mid-4 {
align-items: unset;
flex-direction: row;
}
}
.content-its-mid-4 img {
width: auto;
object-fit: contain;
}
.content-its-mid-4 .content-image-stagger {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
left: 0%;
}
@media screen and (min-width: 801px) {
.content-its-mid-4 .content-image-stagger {
flex-direction: row;
height: 10vh;
left: 10%;
}
}
@media screen and (min-width: 1025px) {
.content-its-mid-4 .content-image-stagger {
flex-direction: row;
height: 20rem;
}
}
@media screen and (min-width: 1261px) {
.content-its-mid-4 .content-image-stagger {
left: 0%;
}
}
@media screen and (min-width: 1550px) {
.content-its-mid-4 .content-image-stagger {
flex-direction: row;
height: 35vh;
}
}
.content-its-mid-4 .content-image-stagger img {
width: 75%;
padding: 1rem;
object-fit: contain;
align-self: center;
}
@media screen and (min-width: 801px) {
.content-its-mid-4 .content-image-stagger img {
align-self: unset;
width: 25%;
position: absolute;
}
}
@media screen and (min-width: 1261px) {
.content-its-mid-4 .content-image-stagger img {
align-self: unset;
width: 35%;
position: absolute;
}
}
@media screen and (min-width: 801px) {
.content-its-mid-4 .content-image-stagger .content__image-11-its {
left: 0%;
}
}
@media screen and (min-width: 801px) {
.content-its-mid-4 .content-image-stagger .content__image-12-its {
margin-top: 4rem;
left: 15%;
}
}
@media screen and (min-width: 801px) {
.content-its-mid-4 .content-image-stagger .content__image-13-its {
margin-top: 4rem;
left: 42%;
z-index: 10;
}
}
@media screen and (min-width: 1261px) {
.content-its-mid-4 .content-image-stagger .content__image-13-its {
left: 50%;
}
}
@media screen and (min-width: 801px) {
.content-its-mid-4 .content-image-stagger .content__image-14-its {
margin-top: 0;
left: 52%;
}
}
@media screen and (min-width: 1261px) {
.content-its-mid-4 .content-image-stagger .content__image-14-its {
left: 65%;
}
}
.content__article-its .content-its-mid-5 {
margin-top: 4rem;
}
@media screen and (min-width: 801px) {
.content__article-its .content-its-mid-5 {
margin-top: 13rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-its .content-its-mid-5 {
margin-top: 6rem;
}
}
@media screen and (min-width: 1261px) {
.content__article-its .content-its-mid-5 {
margin-top: 15rem;
}
}
@media screen and (min-width: 1670px) {
.content__article-its .content-its-mid-5 {
margin-top: 19rem;
}
}
@media screen and (min-width: 2000px) {
.content__article-its .content-its-mid-5 {
margin-top: 25rem;
}
}
@media screen and (min-width: 2200px) {
.content__article-its .content-its-mid-5 {
margin-top: 35rem;
}
}
.content__article-its .content-its-mid-8 {
margin-top: 4rem;
}
@media screen and (min-width: 801px) {
.content__article-its .content-its-mid-8 {
margin-top: 11rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-its .content-its-mid-8 {
margin-top: 2rem;
}
}
@media screen and (min-width: 1261px) {
.content__article-its .content-its-mid-8 {
margin-top: 15rem;
}
}
@media screen and (min-width: 1550px) {
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.content__article-its .content-its-mid-8 {
margin-top: 19.5rem;
}
}
}
}
@media screen and (min-width: 2000px) {
.content__article-its .content-its-mid-8 {
margin-top: 21.5rem;
}
}
@media screen and (min-width: 2150px) {
.content__article-its .content-its-mid-8 {
margin-top: 24rem;
}
}
@media screen and (min-width: 2200px) {
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.content__article-its .content-its-mid-8 {
margin-top: 29rem;
}
}
}
}
@media screen and (min-width: 2350px) {
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.content__article-its .content-its-mid-8 {
margin-top: 33rem;
}
}
}
}
.content-its-mid-5 .content-its-pres-split-1 picture:first-of-type {
margin-right: 5rem;
}
.content-its-mid-5 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: column-reverse;
align-items: center;
}
@media screen and (min-width: 1025px) {
.content-its-mid-5 {
align-items: unset;
flex-direction: row-reverse;
}
}
.content-its-mid-5 img {
width: auto;
object-fit: contain;
border: 1px solid #979797;
border-radius: 5px;
}
.content-its-mid-5 .content-its-pres-split-1 {
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-its-mid-5 .content-its-pres-split-1 {
width: 60%;
}
}
@media screen and (min-width: 1251px) {
.content-its-mid-5 .content-its-pres-split-1 {
width: 50%;
}
}
@media screen and (min-width: 1550px) {
.content-its-mid-5 .content-its-pres-split-1 {
width: 44%;
}
}
@media screen and (min-width: 1800px) {
.content-its-mid-5 .content-its-pres-split-1 {
width: 39%;
}
}
@media screen and (min-width: 2000px) {
.content-its-mid-5 .content-its-pres-split-1 {
width: 35%;
}
}
.content-its-mid-5 .content-its-pres-split-1 div {
display: flex;
justify-content: space-around;
margin-bottom: 2rem;
}
@media screen and (min-width: 1450px) {
.content-its-mid-5 .content-its-pres-split-1 div {
margin-bottom: 5rem;
}
}
.content-its-mid-5 .content-its-pres-split-1 div > img {
width: 42%;
border: 1px solid #979797;
border-radius: 5px;
}
.content-its-mid-5 .content-its-pres-split-1 > img {
width: 100%;
padding: 0 1.5rem;
border: 1px solid #979797;
border-radius: 5px;
}
.content-its-mid-5 .content-its-pres-split-2 {
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-its-mid-5 .content-its-pres-split-2 {
width: 40%;
margin-right: 3rem;
}
}
.content-its-mid-5 .content-its-pres-split-2 p {
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 1251px) {
.content-its-mid-5 .content-its-pres-split-2 p {
font-size: 21px;
line-height: 2.15;
}
}
.content-its-mid-6 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: column-reverse;
align-items: center;
}
@media screen and (min-width: 1025px) {
.content-its-mid-6 {
align-items: unset;
flex-direction: row-reverse;
}
}
.content-its-mid-6 img {
width: auto;
object-fit: contain;
border-radius: 5px;
height: 100%;
max-height: 442px;
object-position: top;
}
@media screen and (min-width: 561px) {
.content-its-mid-6 img {
width: 100%;
object-fit: cover;
max-height: 973px;
}
}
.content-its-mid-7 .content-image-stagger picture {
display: flex;
justify-content: center;
}
.content-its-mid-7 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: column-reverse;
align-items: center;
}
@media screen and (min-width: 1025px) {
.content-its-mid-7 {
align-items: unset;
flex-direction: row;
}
}
.content-its-mid-7 img {
width: auto;
object-fit: contain;
}
.content-its-mid-7 .content-image-stagger {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
left: 0%;
}
@media screen and (min-width: 801px) {
.content-its-mid-7 .content-image-stagger {
flex-direction: row;
height: 10vh;
left: 10%;
}
}
@media screen and (min-width: 1025px) {
.content-its-mid-7 .content-image-stagger {
flex-direction: row;
height: 20rem;
}
}
@media screen and (min-width: 1261px) {
.content-its-mid-7 .content-image-stagger {
left: 0%;
}
}
@media screen and (min-width: 1550px) {
.content-its-mid-7 .content-image-stagger {
flex-direction: row;
height: 35vh;
}
}
.content-its-mid-7 .content-image-stagger img {
width: 75%;
padding: 1rem;
object-fit: contain;
align-self: center;
}
@media screen and (min-width: 801px) {
.content-its-mid-7 .content-image-stagger img {
align-self: unset;
width: 25%;
position: absolute;
}
}
@media screen and (min-width: 1261px) {
.content-its-mid-7 .content-image-stagger img {
align-self: unset;
width: 35%;
position: absolute;
}
}
@media screen and (min-width: 801px) {
.content-its-mid-7 .content-image-stagger .content__image-15-its {
left: 0%;
z-index: 100;
margin-top: 4rem;
}
}
@media screen and (min-width: 801px) {
.content-its-mid-7 .content-image-stagger .content__image-16-its {
left: 15%;
}
}
@media screen and (min-width: 801px) {
.content-its-mid-7 .content-image-stagger .content__image-17-its {
left: 42%;
}
}
@media screen and (min-width: 1261px) {
.content-its-mid-7 .content-image-stagger .content__image-17-its {
left: 50%;
}
}
@media screen and (min-width: 801px) {
.content-its-mid-7 .content-image-stagger .content__image-18-its {
margin-top: 4rem;
left: 52%;
z-index: 10;
}
}
@media screen and (min-width: 1261px) {
.content-its-mid-7 .content-image-stagger .content__image-18-its {
left: 65%;
}
}
.content-its-mid-8 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: column;
align-items: center;
}
.content-its-mid-8 img {
width: 100%;
object-fit: contain;
border: 1px solid #979797;
border-radius: 5px;
margin-bottom: 2.5rem;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
@media screen and (min-width: 801px) {
.content-its-mid-8 img {
width: 90%;
}
}
.content-its-mid-8 .bottom-content {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 2.5rem;
}
@media screen and (min-width: 801px) {
.content-its-mid-8 .bottom-content {
flex-direction: row;
justify-content: center;
}
}
.content__article-its .project-content-body-title {
width: 100%;
text-align: center;
font-size: 21px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: black;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.content__article-its .project-content-body-title {
font-size: 23px;
text-align: unset;
}
}
@media screen and (min-width: 1025px) {
.content__article-its .project-content-body-title {
width: 100%;
}
}
.content__article-its .project-content-body-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #CCCCCC;
z-index: -1;
}
@media screen and (min-width: 801px) {
.content__article-its .project-content-body-title .title-stagger {
top: 1rem;
}
}
.content__article-its.content__article--open .content-its-mid {
display: flex;
}
.content__article-its.content__article--open .content-its-mid-1 {
display: flex;
}
.content__article-its.content__article--open .content-its-mid-2 {
display: flex;
}
.content__article-its.content__article--open .content-its-mid-3 {
display: flex;
}
.content__article-its.content__article--open .content-its-mid-4 {
display: flex;
}
.content__article-its.content__article--open .content-its-mid-5 {
display: flex;
}
.content__article-its.content__article--open .content-its-mid-6 {
display: flex;
}
.content__article-its.content__article--open .content-its-mid-7 {
display: flex;
}
.content__article-its.content__article--open .content-its-mid-8 {
display: flex;
}
.grid-item.gsap-gitem-8 > a > img {
width: 100%;
object-position: top;
}
.svnr-project-content .content__text-its.project-content-body-title.team-svnr-title {
transform: translateY(-20px);
}
@media screen and (min-width: 1025px) {
.svnr-project-content .content__text-its.project-content-body-title.team-svnr-title {
transform: translateY(-25px);
}
}
body.page-template-custom-home {
overflow-x: hidden;
}
body.page-template-custom-my-projects {
overflow-x: hidden;
}
body.page-template-custom-my-projects .site-main-home {
overflow-x: hidden;
}
body.page-template-custom-about {
overflow-x: hidden;
}
body.page-template-custom-about .site-main-home {
overflow-x: hidden;
}
body.error404 {
overflow-x: hidden;
}
html.lock-screen body.page-template-custom-home {
overflow-x: hidden;
overflow-y: hidden;
}
html.lock-screen body.error404 {
overflow-x: hidden;
overflow-y: hidden;
}
html.lock-screen body.page-template-custom-my-projects {
overflow-x: hidden;
overflow-y: hidden;
}
html.lock-screen body.page-template-custom-about {
overflow-x: hidden;
overflow-y: hidden;
}
.gsap-home .gsap-title-text-reveal {
opacity: 0;
}
.gsap-home .gsap-body-text-reveal {
opacity: 0;
}
.gsap-home .its-project {
opacity: 0;
}
.gsap-home .its-project-title {
opacity: 0;
}
.gsap-home .its-project .title-stagger {
opacity: 0;
}
.gsap-home .its-project-descriptor {
opacity: 0;
}
.gsap-home .svnr-project {
opacity: 0;
}
.gsap-home .svnr-project-title {
opacity: 0;
}
.gsap-home .svnr-project .title-stagger {
opacity: 0;
}
.gsap-home .svnr-project-descriptor {
opacity: 0;
}
.gsap-home .my-work {
opacity: 0;
}
.gsap-home .my-work::after {
opacity: 0;
animation: reveal-dot 0.5s ease-in-out forwards 3.3s;
}
.gsap-home .project-its-group .its-arrow {
opacity: 0;
}
.gsap-home .second-project-median .second-median-img {
opacity: 0;
}
.page-template-custom-home .gsap-home .main-home-projects-wrap .small-projects-container {
opacity: 0;
}
.page-template-custom-home .gsap-home .main-home-projects-wrap .contact-container {
opacity: 0;
}
@keyframes reveal-dot {
to {
opacity: 1;
}
}
@keyframes draw-1 {
to {
stroke-dashoffset: 0;
opacity: 1;
}
}
.home-draw-el-1 {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
opacity: 0;
animation: draw-1 1.5s ease-in-out forwards 3s;
transform: translate(0px, -172px);
visibility: hidden;
}
@media screen and (min-width: 362px) {
.home-draw-el-1 {
visibility: visible;
}
}
@media screen and (min-width: 408px) {
.home-draw-el-1 {
transform: translate(-1px, -28px);
}
}
@media screen and (min-width: 460px) {
.home-draw-el-1 {
transform: translate(-11px, -8px);
}
}
@keyframes draw-2 {
to {
stroke-dashoffset: 0;
opacity: 1;
}
}
.home-draw-el-2 {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: draw-2 1.5s ease-in-out forwards 3.6s;
}
@keyframes draw-3 {
to {
stroke-dashoffset: 0;
}
}
.home-draw-el-3 {
transform: translate(-63px, 5px);
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
opacity: 0;
animation: draw-2 1.15s ease-in-out forwards 3.35s;
}
@media screen and (min-width: 408px) {
.home-draw-el-3 {
transform: translate(193px, -119px);
}
}
@media screen and (min-width: 460px) {
.home-draw-el-3 {
transform: translate(159px, -119px);
}
}
@media screen and (min-width: 561px) {
.home-draw-el-3 {
transform: translate(99px, -102px);
}
}
.p6-full-column-project-template {
display: flex;
justify-content: center;
}
.p6-full-column-project-template img {
width: 100%;
}
.gsap-projects .gsap-body-text-reveal {
opacity: 0;
}
.gsap-projects .gsap-title-text-reveal {
opacity: 0;
}
.gsap-projects .gsap-gitem-1 {
opacity: 0;
order: -6;
}
.gsap-projects .gsap-gitem-2 {
opacity: 0;
order: -9;
}
.gsap-projects .gsap-gitem-3 {
opacity: 0;
order: -4;
}
.gsap-projects .gsap-gitem-4 {
opacity: 0;
order: -1;
}
.gsap-projects .gsap-gitem-5 {
opacity: 0;
order: -2;
}
.gsap-projects .gsap-gitem-6 {
opacity: 0;
order: -10;
}
.gsap-projects .gsap-gitem-7 {
opacity: 0;
order: -3;
}
.gsap-projects .gsap-gitem-8 {
opacity: 0;
order: -7;
}
.gsap-projects .gsap-gitem-9 {
opacity: 0;
order: -5;
}
.gsap-projects .gsap-gitem-10 {
opacity: 0;
order: -8;
}
.gsap-about .gsap-about-text-1 {
opacity: 0;
}
.gsap-about .gsap-about-text-2 {
opacity: 0;
margin-bottom: 0.65rem;
}
.gsap-about .gsap-about-text-3 {
opacity: 0;
margin-bottom: 0.65rem;
}
.gsap-about .gsap-body-text-reveal {
opacity: 0;
}
.gsap-about .gsap-title-text-reveal {
opacity: 0;
}
.gsap-about .gsap-gitem-3 .project-content-body-title {
opacity: 0;
}
.gsap-about .gsap-gitem-3 .project-content-body-title .title-stagger {
opacity: 0;
}
.gsap-about .gsap-gitem-6 .project-content-body-title {
opacity: 0;
}
.gsap-about .gsap-gitem-6 .project-content-body-title .title-stagger {
opacity: 0;
}
.gsap-about .gsap-gitem-2 img {
opacity: 0;
}
.gsap-about .gsap-gitem-1 {
opacity: 0;
text-align: center;
}
.gsap-about .gsap-gitem-2 {
opacity: 0;
}
.gsap-about .gsap-gitem-3 {
opacity: 0;
}
.gsap-about .gsap-gitem-4 {
opacity: 0;
text-align: center;
}
.gsap-about .gsap-gitem-5 {
opacity: 0;
}
.gsap-about .gsap-gitem-6 {
opacity: 0;
}
.gsap-about .gsap-gitem-7 {
opacity: 0;
}
.gsap-about .gsap-gitem-8 {
opacity: 0;
}
.gsap-about .gsap-gitem-9 {
opacity: 0;
}
.gsap-about .gsap-gitem-10 {
opacity: 0;
}
.main-home-projects-wrap .about-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
margin: 0 auto;
gap: 1rem;
row-gap: 6rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 710px) {
.main-home-projects-wrap .about-grid {
column-gap: 5.5rem;
}
}
@media screen and (min-width: 801px) {
.main-home-projects-wrap .about-grid {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 12.5rem;
}
}
@media screen and (min-width: 900px) {
.main-home-projects-wrap .about-grid {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 8rem;
}
}
@media screen and (min-width: 1025px) {
.main-home-projects-wrap .about-grid {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 8rem;
}
}
.main-home-projects-wrap .about-grid .grid-item {
background-color: #FCF6F6;
position: relative;
display: inline-block;
border-radius: 10px;
border: 1px solid #FCF6F6;
}
.about-graphic {
border-radius: 20px;
height: 100%;
object-fit: cover;
max-height: 370px;
object-position: 50% 10%;
}
@media screen and (min-width: 405px) {
.about-graphic {
max-height: 425px;
}
}
@media screen and (min-width: 480px) {
.about-graphic {
max-height: 500px;
}
}
@media screen and (min-width: 1025px) {
.about-graphic {
max-height: 680px;
}
}
@media screen and (min-width: 1650px) {
.about-graphic {
max-height: 640px;
}
}
.about-graphic-2 {
border-radius: 20px;
height: 100%;
object-fit: cover;
max-height: 320px;
}
@media screen and (min-width: 551px) {
.about-graphic-2 {
max-height: 370px;
}
}
@media screen and (min-width: 801px) {
.about-graphic-2 {
max-height: 450px;
}
}
@media screen and (min-width: 1650px) {
.about-graphic-2 {
max-height: 390px;
}
}
.about-graphic-3 {
height: 100%;
object-fit: cover;
transition: all 0.35s cubic-bezier(0.6, 0.21, 0.23, 1.3);
}
.about-graphic-3:hover {
transition: all 0.35s cubic-bezier(0.6, 0.21, 0.23, 1.3);
transform: rotate(360deg);
}
.grid-item.clear-bg.mobile {
display: none;
}
@media screen and (min-width: 801px) {
.grid-item.clear-bg.mobile {
display: block;
}
}
.main-home-projects-wrap .about-grid .grid-item.clear-bg {
background-color: transparent;
border: 0;
}
@media screen and (min-width: 1025px) {
.main-home-projects-wrap .about-grid .grid-item.clear-bg {
margin-bottom: 2rem;
}
}
.about-intro-text p {
font-size: 18px;
line-height: 2;
font-weight: 500;
margin-top: 0;
}
@media screen and (min-width: 561px) {
.about-intro-text p {
font-size: 21px;
}
}
@media screen and (min-width: 801px) {
.about-intro-text p {
font-size: 16px;
}
}
@media screen and (min-width: 1025px) {
.about-intro-text p {
font-size: 20px;
}
}
@media screen and (min-width: 1080px) {
.about-intro-text p {
font-size: 21px;
}
}
@media screen and (min-width: 1251px) {
.about-intro-text p {
line-height: 2.15;
}
}
.about-intro-text {
padding: 2rem 1rem 2rem 1rem;
}
@media screen and (min-width: 801px) {
.about-intro-text {
padding: 2rem;
}
}
.about-intro-text.bottom {
padding: 2rem 1rem 2rem 1rem;
background-color: #FCF6F6;
border: 1px solid #FCF6F6;
}
.about-grid .project-content-body-title.career-text {
margin-top: -1.5rem;
}
.about-grid .project-content-body-title {
width: 100%;
text-align: center;
font-size: 21px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: black;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 350px) {
.about-grid .project-content-body-title {
font-size: 24px;
}
}
@media screen and (min-width: 460px) {
.about-grid .project-content-body-title {
font-size: 32px;
}
}
@media screen and (min-width: 561px) {
.about-grid .project-content-body-title {
font-size: 26px;
text-align: unset;
}
}
@media screen and (min-width: 1025px) {
.about-grid .project-content-body-title {
width: 100%;
}
}
.about-grid .intro-height {
margin-bottom: 2rem;
}
.about-grid .project-content-body-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #E4E4E4;
z-index: -1;
}
@media screen and (min-width: 801px) {
.about-grid .project-content-body-title .title-stagger {
top: 1rem;
}
}
.about-grid .its-arrow {
display: none;
}
@media screen and (min-width: 801px) {
.about-grid .its-arrow {
display: block;
position: absolute;
top: 112%;
left: 50%;
transform: scale(3);
}
}
@media screen and (min-width: 1025px) {
.about-grid .its-arrow {
display: block;
top: 132%;
transform: scale(4);
}
}
.about-grid .about-arrow {
display: none;
}
@media screen and (min-width: 801px) {
.about-grid .about-arrow {
display: block;
position: absolute;
top: 112%;
left: 50%;
transform: scale(3) !important;
}
}
@media screen and (min-width: 1025px) {
.about-grid .about-arrow {
display: block;
top: 122%;
transform: scale(4) !important;
}
}
.grid-item.intro-height {
min-height: unset;
max-height: unset;
}
@media screen and (min-width: 1025px) {
.grid-item.intro-height {
min-height: 655px;
max-height: 562px;
}
}
@media screen and (min-width: 1075px) {
.grid-item.intro-height {
min-height: 625px;
max-height: 485px;
}
}
@media screen and (min-width: 1180px) {
.grid-item.intro-height {
min-height: 575px;
max-height: 485px;
}
}
@media screen and (min-width: 1261px) {
.grid-item.intro-height {
min-height: 525px;
max-height: 400px;
}
}
@media screen and (min-width: 1650px) {
.grid-item.intro-height {
min-height: 470px;
max-height: 400px;
}
}
.site-main-home.site-main-about .description-tag-wrap {
padding: 0 2rem;
}
.site-main-home.site-main-about .description-tag-wrap p {
text-align: left;
margin-bottom: 3rem;
margin-top: 2rem;
}
@media screen and (min-width: 801px) {
.site-main-home.site-main-about .description-tag-wrap p {
text-align: center;
}
}
html .error404 {
overflow-x: hidden;
}
.title-tag-wrap-404 {
padding: 0 2rem;
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404 {
padding: 0 10rem;
}
}
.title-tag-wrap-404 h1 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 28px;
font-weight: bold;
line-height: 30px;
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404 h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
}
.title-tag-wrap-404 .smallproject-project-title-404 {
width: 100%;
text-align: start;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #FFFFFF;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404 .smallproject-project-title-404 {
font-size: 32px;
}
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404 .smallproject-project-title-404 {
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404 .smallproject-project-title-404 {
width: 100%;
}
}
.title-tag-wrap-404 .smallproject-project-title-404 .title-stagger-404 {
position: absolute;
top: 1rem;
left: 0;
color: #474747;
z-index: -1;
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404 .smallproject-project-title-404 .title-stagger-404 {
right: 0;
}
}
.main-home-projects-wrap .grid-404-main {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
margin: 0 auto;
gap: 1rem;
row-gap: 6rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 710px) {
.main-home-projects-wrap .grid-404-main {
column-gap: 5.5rem;
}
}
@media screen and (min-width: 801px) {
.main-home-projects-wrap .grid-404-main {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 12.5rem;
}
}
@media screen and (min-width: 900px) {
.main-home-projects-wrap .grid-404-main {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 8rem;
}
}
@media screen and (min-width: 1025px) {
.main-home-projects-wrap .grid-404-main {
grid-template-columns: 1fr 1fr;
column-gap: 5rem;
row-gap: 8rem;
}
}
.small-projects-container-404 {
padding-bottom: 48px;
padding-top: 48px;
display: flex;
justify-content: center;
margin-bottom: 3rem;
position: relative;
}
.small-projects-container-404 span {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #FFF !important;
width: 25px;
height: 25px;
}
.small-projects-container-404 .first-arrow {
position: absolute;
top: 0;
margin-left: -2rem;
transform: scaleY(-1);
transition: all 0.25s ease-in-out;
}
.small-projects-container-404 .second-arrow {
position: absolute;
bottom: 0;
margin-right: -23rem;
transition: all 0.25s ease-in-out;
}
.small-projects-container-404 a {
font-size: 13px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: 500;
line-height: 28px;
text-decoration: none;
color: #FFF;
padding: 15px 20px 15px 20px;
border-radius: 8px;
border: 4px solid #FFF;
transition: all 0.35s ease-in-out;
z-index: 100;
}
@media screen and (min-width: 371px) {
.small-projects-container-404 a {
font-size: 16px;
}
}
@media screen and (min-width: 515px) {
.small-projects-container-404 a {
font-size: 21px;
padding: 20px 48px 20px 48px;
}
}
.small-projects-container-404 a:hover {
background-color: #3D5982;
color: white;
}
.small-projects-container-404 a:hover .first-arrow {
margin-top: 1rem;
}
.small-projects-container-404 a:hover .second-arrow {
margin-bottom: 1rem;
}
.small-projects-container-404 span {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: black;
width: 25px;
height: 25px;
}
.small-projects-container-404 .first-arrow {
position: absolute;
top: 0;
margin-left: -2rem;
transform: scaleY(-1);
transition: all 0.25s ease-in-out;
}
.small-projects-container-404 .second-arrow {
position: absolute;
bottom: 0;
margin-right: -23rem;
transition: all 0.25s ease-in-out;
}
.title-tag-wrap-404-big-1 {
height: 17vh;
position: relative;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404-big-1 {
height: 30vh;
}
}
.title-tag-wrap-404-big-1 h1 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 28px;
font-weight: bold;
line-height: 30px;
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-big-1 h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
}
.title-tag-wrap-404-big-1 .smallproject-project-title-404-big-1 {
width: 100%;
text-align: start;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #474747;
z-index: 10;
margin: 0;
font-size: 9em;
opacity: 0.1;
right: 1rem;
top: 3rem;
position: absolute;
bottom: 0;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404-big-1 .smallproject-project-title-404-big-1 {
font-size: 15em;
}
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-big-1 .smallproject-project-title-404-big-1 {
font-size: 20em;
text-align: center;
right: 9rem;
top: 5.5rem;
}
}
@media screen and (min-width: 1161px) {
.title-tag-wrap-404-big-1 .smallproject-project-title-404-big-1 {
font-size: 30em;
right: 25rem;
top: 13rem;
}
}
.title-tag-wrap-404-big-1 .smallproject-project-title-404-big-1 .title-stagger-404-big-1 {
position: absolute;
top: 4rem;
left: 0;
color: #FFFFFF;
z-index: 0;
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-big-1 .smallproject-project-title-404-big-1 .title-stagger-404-big-1 {
right: 0;
}
}
.title-tag-wrap-404-big-2 {
height: 11.5vh;
position: relative;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404-big-2 {
height: 25vh;
}
}
.title-tag-wrap-404-big-2 h1 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 28px;
font-weight: bold;
line-height: 30px;
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-big-2 h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
}
.title-tag-wrap-404-big-2 .smallproject-project-title-404-big-2 {
width: 100%;
text-align: start;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #474747;
font-size: 9em;
opacity: 0.15;
left: 2rem;
top: 1rem;
z-index: 10;
margin: 0;
position: absolute;
bottom: 0;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404-big-2 .smallproject-project-title-404-big-2 {
font-size: 15em;
}
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-big-2 .smallproject-project-title-404-big-2 {
font-size: 20em;
text-align: center;
left: 8rem;
}
}
@media screen and (min-width: 1161px) {
.title-tag-wrap-404-big-2 .smallproject-project-title-404-big-2 {
font-size: 30em;
left: 25rem;
}
}
.title-tag-wrap-404-big-2 .smallproject-project-title-404-big-2 .title-stagger-404-big-2 {
position: absolute;
top: 1rem;
left: 0;
color: #FFFFFF;
z-index: -1;
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-big-2 .smallproject-project-title-404-big-2 .title-stagger-404-big-2 {
right: 0;
}
}
.title-tag-wrap-404-extra-1 h1 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 28px;
font-weight: bold;
line-height: 30px;
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-extra-1 h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
}
.title-tag-wrap-404-extra-1 .smallproject-project-title-404-extra-1 {
width: 100%;
text-align: start;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #FFFFFF;
position: relative;
z-index: 10;
margin: 0;
display: none;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404-extra-1 .smallproject-project-title-404-extra-1 {
font-size: 32px;
}
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-extra-1 .smallproject-project-title-404-extra-1 {
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-extra-1 .smallproject-project-title-404-extra-1 {
width: 100%;
left: 16rem;
top: -8rem;
display: block;
}
}
@media screen and (min-width: 1150px) {
.title-tag-wrap-404-extra-1 .smallproject-project-title-404-extra-1 {
left: 22rem;
}
}
.title-tag-wrap-404-extra-1 .smallproject-project-title-404-extra-1 .title-stagger-404-extra-1 {
position: absolute;
top: 1rem;
left: 0;
color: #474747;
z-index: -1;
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-extra-1 .smallproject-project-title-404-extra-1 .title-stagger-404-extra-1 {
right: 0;
}
}
.title-tag-wrap-404-extra-2 h1 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 28px;
font-weight: bold;
line-height: 30px;
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-extra-2 h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
}
.title-tag-wrap-404-extra-2 .smallproject-project-title-404-extra-2 {
width: 100%;
text-align: start;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #FFFFFF;
position: relative;
z-index: 10;
margin: 0;
opacity: 0.15;
left: 7rem;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404-extra-2 .smallproject-project-title-404-extra-2 {
font-size: 32px;
}
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-extra-2 .smallproject-project-title-404-extra-2 {
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-extra-2 .smallproject-project-title-404-extra-2 {
width: 100%;
left: -23rem;
top: 0rem;
}
}
@media screen and (min-width: 1150px) {
.title-tag-wrap-404-extra-2 .smallproject-project-title-404-extra-2 {
right: 42rem;
}
}
.title-tag-wrap-404-extra-2 .smallproject-project-title-404-extra-2 .title-stagger-404-extra-2 {
position: absolute;
top: 1rem;
left: 0;
color: #474747;
z-index: -1;
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-extra-2 .smallproject-project-title-404-extra-2 .title-stagger-404-extra-2 {
right: 0;
}
}
.title-tag-wrap-404-extra-3 h1 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 28px;
font-weight: bold;
line-height: 30px;
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-extra-3 h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
}
.title-tag-wrap-404-extra-3 .smallproject-project-title-404-extra-3 {
width: 100%;
text-align: start;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #FFFFFF;
position: relative;
z-index: 10;
margin: 0;
opacity: 0.1;
top: -3rem;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404-extra-3 .smallproject-project-title-404-extra-3 {
font-size: 32px;
}
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-extra-3 .smallproject-project-title-404-extra-3 {
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-extra-3 .smallproject-project-title-404-extra-3 {
width: 100%;
left: 25rem;
top: -10rem;
}
}
@media screen and (min-width: 1150px) {
.title-tag-wrap-404-extra-3 .smallproject-project-title-404-extra-3 {
left: 31rem;
}
}
.title-tag-wrap-404-extra-3 .smallproject-project-title-404-extra-3 .title-stagger-404-extra-3 {
position: absolute;
top: 1rem;
left: 0;
color: #474747;
z-index: -1;
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-extra-3 .smallproject-project-title-404-extra-3 .title-stagger-404-extra-3 {
right: 0;
}
}
.title-tag-wrap-404-extra-4 h1 {
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 28px;
font-weight: bold;
line-height: 30px;
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-extra-4 h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
}
.title-tag-wrap-404-extra-4 .smallproject-project-title-404-extra-4 {
width: 100%;
text-align: start;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #FFFFFF;
position: relative;
z-index: 10;
margin: 0;
opacity: 0.05;
left: 8rem;
}
@media screen and (min-width: 561px) {
.title-tag-wrap-404-extra-4 .smallproject-project-title-404-extra-4 {
font-size: 32px;
}
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-extra-4 .smallproject-project-title-404-extra-4 {
text-align: center;
}
}
@media screen and (min-width: 1025px) {
.title-tag-wrap-404-extra-4 .smallproject-project-title-404-extra-4 {
width: 100%;
right: 18rem;
top: -15rem;
}
}
.title-tag-wrap-404-extra-4 .smallproject-project-title-404-extra-4 .title-stagger-404-extra-4 {
position: absolute;
top: 1rem;
left: 0;
color: #474747;
z-index: -1;
}
@media screen and (min-width: 801px) {
.title-tag-wrap-404-extra-4 .smallproject-project-title-404-extra-4 .title-stagger-404-extra-4 {
right: 0;
}
}
.contact-container .insta-game-arrows {
transform: scale(-0.65);
position: absolute;
left: 0;
top: 49%;
display: none;
}
@media screen and (min-width: 720px) {
.contact-container .insta-game-arrows {
display: block;
}
}
@media screen and (min-width: 900px) {
.contact-container .insta-game-arrows {
left: 12%;
}
}
@media screen and (min-width: 1025px) {
.contact-container .insta-game-arrows {
top: 56%;
}
}
@media screen and (min-width: 1251px) {
.contact-container .insta-game-arrows {
left: 20%;
}
}
.contact-container .insta-game-arrows-two {
transform: scale(0.65);
position: absolute;
right: 0;
bottom: 35%;
display: none;
}
@media screen and (min-width: 720px) {
.contact-container .insta-game-arrows-two {
display: block;
}
}
@media screen and (min-width: 900px) {
.contact-container .insta-game-arrows-two {
right: 12%;
}
}
@media screen and (min-width: 1025px) {
.contact-container .insta-game-arrows-two {
bottom: 31%;
}
}
@media screen and (min-width: 1251px) {
.contact-container .insta-game-arrows-two {
right: 20%;
}
}
.insta-home {
margin-bottom: 1.5rem;
margin-top: 0rem;
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
}
.insta-home h4 {
font-size: 1.75rem;
text-align: center;
margin-bottom: 1rem;
}
@media screen and (min-width: 420px) {
.insta-home h4 {
font-size: 2.5rem;
margin-top: 1rem;
}
}
@media screen and (min-width: 1025px) {
.insta-home h4 {
font-size: 2.5rem;
margin-top: 3rem;
}
}
.insta-home a {
padding: 1.5rem 1rem 1.5rem 1rem;
color: #fff;
background-color: #3D5982;
font-weight: 400;
font-size: 16px;
font-family: "DM Sans", Arial, Sans-Serif;
transition: all 0.25s ease-in-out;
border-radius: 8px;
text-decoration: none;
width: fit-content;
align-self: center;
border: 4px solid #3D5982;
}
@media screen and (min-width: 348px) {
.insta-home a {
font-size: 18px;
padding: 1.5rem 1rem 1.5rem 1rem;
}
}
@media screen and (min-width: 370px) {
.insta-home a {
padding: 1.5rem 2rem 1.5rem 2rem;
font-size: 17px;
}
}
@media screen and (min-width: 396px) {
.insta-home a {
font-size: 19px;
}
}
@media screen and (min-width: 420px) {
.insta-home a {
font-size: 21px;
}
}
.insta-home a:hover {
background-color: #FCF6F6;
border: 4px solid #3D5982;
color: #3D5982;
transition: all 0.25s ease-in-out;
}
.resume-home {
margin-bottom: 6rem;
margin-top: 0rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.resume-home a {
padding: 1.5rem 1rem 1.5rem 1rem;
color: #f2f2f2;
font-size: 16px;
font-family: "DM Sans", Arial, Sans-Serif;
transition: all 0.25s ease-in-out;
border-radius: 8px;
text-decoration: none;
border: 4px solid #3D5982;
font-weight: bold;
text-transform: uppercase;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
background: repeating-linear-gradient(-45deg, #8c7414, #8c7414 10px, #000000 10px, #000000 20px);
opacity: 1;
cursor: pointer;
position: relative;
outline: none;
transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 348px) {
.resume-home a {
font-size: 18px;
padding: 1.5rem 1rem 1.5rem 1rem;
}
}
@media screen and (min-width: 370px) {
.resume-home a {
padding: 1.5rem 2rem 1.5rem 2rem;
font-size: 17px;
}
}
@media screen and (min-width: 396px) {
.resume-home a {
font-size: 19px;
}
}
@media screen and (min-width: 420px) {
.resume-home a {
font-size: 22px;
}
}
@media screen and (min-width: 650px) {
.resume-home a {
opacity: 0.9;
}
}
.resume-home a:hover {
border: 4px solid #091220;
color: #3D5982;
transition: all 0.25s ease-in-out;
color: #fff;
opacity: 1;
}
.resume-home p {
padding: 0 2rem;
margin-bottom: 0;
font-family: "DM Sans", Arial, Sans-Serif;
font-size: 21px;
max-width: 900px;
text-align: left;
}
@media screen and (min-width: 1025px) {
.resume-home p {
text-align: center;
}
}
.full-width-resume {
display: flex;
justify-content: center;
margin-top: 2rem;
}
.full-width-resume a {
padding: 2.5rem 2rem 2.5rem 2rem;
color: #fff;
background-color: #3D5982;
font-size: 14px;
font-family: "DM Sans", Arial, Sans-Serif;
transition: all 0.25s ease-in-out;
border-radius: 8px;
text-decoration: none;
border: 4px solid #3D5982;
}
@media screen and (min-width: 335px) {
.full-width-resume a {
font-size: 16px;
}
}
@media screen and (min-width: 348px) {
.full-width-resume a {
font-size: 18px;
padding: 1.5rem 1rem 1.5rem 1rem;
}
}
@media screen and (min-width: 370px) {
.full-width-resume a {
padding: 1.5rem 2rem 1.5rem 2rem;
font-size: 17px;
}
}
@media screen and (min-width: 396px) {
.full-width-resume a {
font-size: 19px;
}
}
@media screen and (min-width: 420px) {
.full-width-resume a {
font-size: 21px;
}
}
@media screen and (min-width: 801px) {
.full-width-resume a {
font-size: 21px;
}
}
.full-width-resume a:hover {
background-color: #FCF6F6;
border: 4px solid #3D5982;
color: #3D5982;
transition: all 0.25s ease-in-out;
}
.content__article-svnr .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 32px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #52137F;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.content__article-svnr .project-content-preview-title {
font-size: 40px;
left: 14%;
text-align: unset;
}
}
@media screen and (min-width: 801px) {
.content__article-svnr .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-svnr .project-content-preview-title {
width: 100%;
}
}
.content__article-svnr .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #BCA1F8;
z-index: -1;
}
@media screen and (min-width: 801px) {
.content__article-svnr .project-content-preview-title .title-stagger {
top: 1rem;
}
}
.content__article-svnr.content__article--open .content-its-mid-2 {
flex-direction: column;
}
@media screen and (min-width: 700px) {
.content__article-svnr.content__article--open .content-its-mid-2 {
align-items: unset;
flex-direction: row;
}
}
.content__article-svnr .project-content-body-title {
width: 100%;
text-align: center;
font-size: 21px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: black;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.content__article-svnr .project-content-body-title {
font-size: 23px;
text-align: unset;
}
}
@media screen and (min-width: 1025px) {
.content__article-svnr .project-content-body-title {
width: 100%;
}
}
.content__article-svnr .project-content-body-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #CCCCCC;
z-index: -1;
}
@media screen and (min-width: 801px) {
.content__article-svnr .project-content-body-title .title-stagger {
top: 1rem;
}
}
.content-svnr-image-container picture {
display: flex;
justify-content: center;
}
@media screen and (min-width: 1025px) {
.content-svnr-image-container picture {
justify-content: start;
}
}
.content-svnr-image-container {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 4rem;
}
@media screen and (min-width: 1025px) {
.content-svnr-image-container {
width: 65%;
margin-bottom: unset;
margin-bottom: 7rem;
justify-content: start;
}
}
.content-svnr-intro-desc {
width: 100%;
padding: 1rem;
font-size: 18px;
line-height: 1.75;
background-color: white;
position: relative;
}
@media screen and (min-width: 620px) {
.content-svnr-intro-desc {
padding: 2rem;
}
}
@media screen and (min-width: 1025px) {
.content-svnr-intro-desc {
width: 48%;
position: absolute;
right: 1.5rem;
padding: 2rem;
margin-top: 1.5rem;
font-size: 18px;
}
}
@media screen and (min-width: 1251px) {
.content-svnr-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.content-svnr-img-2-text .content-svnr-2-text {
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 1025px) {
.content-svnr-img-2-text .content-svnr-2-text {
margin-right: 3rem;
}
}
@media screen and (min-width: 1251px) {
.content-svnr-img-2-text .content-svnr-2-text {
font-size: 21px;
line-height: 2.15;
}
}
.content-svnr-intro-desc-holder {
display: none;
}
@media screen and (min-width: 1025px) {
.content-svnr-intro-desc-holder {
display: flex;
justify-content: center;
width: 35%;
position: relative;
padding: 2rem;
margin-top: 2rem;
font-size: 18px;
}
}
.content-svnr-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
position: relative;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
.content-svnr-intro-container {
margin-top: 5.5rem;
}
}
@media screen and (min-width: 1025px) {
.content-svnr-intro-container {
flex-direction: unset;
margin-bottom: unset;
}
}
.content-svnr-intro-container .svnr-intro-bg {
width: 80%;
height: 121px;
background-color: #521881;
display: block;
position: absolute;
right: -2rem;
top: -2rem;
z-index: -10;
}
@media screen and (min-width: 1025px) {
.content-svnr-intro-container .svnr-intro-bg {
top: 0;
width: 40%;
}
}
.content-svnr-intro-container .bg-pos {
position: relative;
}
@media screen and (min-width: 1025px) {
.content-svnr-intro-container .bg-pos {
position: static;
}
}
.content__image-1-svnr {
max-width: 80%;
}
.content__image-2-svnr {
max-width: 100%;
position: relative;
}
@media screen and (min-width: 1025px) {
.content__image-2-svnr {
top: 62%;
max-width: 54%;
}
}
@media screen and (min-width: 1100px) {
.content__image-2-svnr {
top: 62%;
max-width: 54%;
}
}
@media screen and (min-width: 1100px) {
.content__image-2-svnr {
top: 51%;
max-width: 74%;
}
}
@media screen and (min-width: 1251px) {
.content__image-2-svnr {
top: 60%;
max-width: 54%;
}
}
@media screen and (min-width: 1364px) {
.content__image-2-svnr {
top: 50%;
max-width: 75%;
}
}
@media screen and (min-width: 1470px) {
.content__image-2-svnr {
top: 45.5%;
max-width: 85%;
}
}
@media screen and (min-width: 1550px) {
.content__image-2-svnr {
top: 37.5%;
max-width: 80%;
}
}
.content__image-2-svnr--mobile {
display: block;
max-width: 75%;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.content__image-2-svnr--mobile {
display: none;
}
}
.content-svnr-image-container-2 {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 4rem;
}
@media screen and (min-width: 1025px) {
.content-svnr-image-container-2 {
margin-bottom: unset;
margin-bottom: 4rem;
}
}
.content__image-3-svnr {
max-width: 70%;
margin: 0 auto;
object-fit: contain;
}
.content__image-3-svnr:first-of-type {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1025px) {
.content__image-3-svnr {
max-width: 44%;
}
}
.content__image-4-svnr {
max-width: 70%;
margin: 0 auto;
object-fit: contain;
border: 5px solid white;
}
.content__image-4-svnr:first-of-type {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1025px) {
.content__image-4-svnr {
max-width: 44%;
}
}
.content-svnr-img-2-imgs .content__image-3-svnr {
max-height: 850px;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1025px) {
.content-svnr-img-2-imgs .content__image-3-svnr {
margin-bottom: 0 !important;
}
}
@media screen and (min-width: 1251px) {
.content-svnr-img-2-imgs .content__image-3-svnr {
object-fit: cover;
}
}
@media screen and (min-width: 1500px) {
.content-svnr-img-2-imgs .content__image-3-svnr {
max-height: 650px;
margin-bottom: 2.5rem;
object-fit: contain;
}
}
.motion-svnr-1-column-project-template {
display: flex;
width: 100%;
flex-direction: column;
}
@media screen and (min-width: 700px) {
.motion-svnr-1-column-project-template {
flex-direction: row;
margin-bottom: 1rem;
}
}
@media screen and (min-width: 801px) {
.motion-svnr-1-column-project-template {
margin-bottom: 2rem;
}
}
.content-svnr-mid-3 .motion-svnr-1-column-project-template .content__image-motion-svnr {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 551px) {
.content-svnr-mid-3 .motion-svnr-1-column-project-template .content__image-motion-svnr {
width: 75%;
padding: 0.65rem;
}
}
@media screen and (min-width: 700px) {
.content-svnr-mid-3 .motion-svnr-1-column-project-template .content__image-motion-svnr {
object-fit: cover;
padding: 1rem;
width: 25%;
margin: unset;
}
}
@media screen and (min-width: 1025px) {
.content-svnr-mid-3 .motion-svnr-1-column-project-template .content__image-motion-svnr {
border: 14px solid white;
}
}
.content-svnr-mid-3 .motion-svnr-1-column-project-template .content__image-motion-svnr:last-child {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 700px) {
.content-svnr-mid-3 .motion-svnr-1-column-project-template .content__image-motion-svnr:last-child {
margin-bottom: unset;
}
}
.content-svnr-img-2-imgs .content__image-4-svnr {
max-height: 850px;
}
@media screen and (min-width: 1251px) {
.content-svnr-img-2-imgs .content__image-4-svnr {
object-fit: cover;
}
}
@media screen and (min-width: 1500px) {
.content-svnr-img-2-imgs .content__image-4-svnr {
max-height: 650px;
object-fit: contain;
}
}
.content-svnr-img-2-text {
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-svnr-img-2-text {
width: 50%;
}
}
.content-svnr-img-2-text p {
font-size: 18px;
line-height: 2.15;
}
.content-svnr-img-2-imgs {
width: 100%;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1025px) {
.content-svnr-img-2-imgs {
width: 50%;
justify-content: space-around;
flex-direction: row;
}
}
.content-svnr-img-2-wrap {
display: flex;
width: 100%;
flex-direction: column;
}
@media screen and (min-width: 1025px) {
.content-svnr-img-2-wrap {
flex-direction: row;
}
}
.content-svnr-mid {
display: none;
flex-direction: column;
}
@media screen and (min-width: 1025px) {
.content-svnr-mid {
flex-direction: row;
}
}
.content-svnr-mid .image-container {
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-svnr-mid .image-container {
width: 50%;
}
}
.content-svnr-mid img {
max-width: 100%;
padding: 1rem;
}
.content-svnr-mid-2 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 2rem;
flex-direction: unset;
align-items: center;
}
@media screen and (min-width: 700px) {
.content-svnr-mid-2 {
align-items: unset;
flex-direction: row;
margin-top: 5rem;
}
}
.content-svnr-mid-2 img {
width: 100%;
object-fit: contain;
}
@media screen and (min-width: 1025px) {
.content-svnr-mid-2 img {
object-fit: cover;
height: 100%;
}
}
.team-container {
width: 100%;
}
@media screen and (min-width: 1025px) {
.team-container {
width: 50%;
}
}
.team-container ul {
margin: 0;
font-size: 20px;
padding-left: 2.25rem;
font-size: 20px;
line-height: 2;
}
@media screen and (min-width: 1261px) {
.team-container ul {
font-size: 23px;
}
}
@media screen and (min-width: 1565px) {
.team-container ul {
font-size: 30px;
}
}
.team-container ul li::marker {
font-size: 150%;
color: #52137F;
}
.context-img-container {
width: 100%;
}
@media screen and (min-width: 1025px) {
.context-img-container {
width: 55%;
}
}
.content-svnr-mid-2 .context-text-container p {
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 1251px) {
.content-svnr-mid-2 .context-text-container p {
font-size: 21px;
line-height: 2.15;
}
}
.context-text-container {
width: 100%;
}
@media screen and (min-width: 1025px) {
.context-text-container {
width: 35%;
}
}
.context-text-container p {
line-height: 2.15;
font-size: 18px;
}
.bottom-text {
width: 100%;
}
.bottom-text p {
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 1251px) {
.bottom-text p {
font-size: 21px;
line-height: 2.15;
}
}
.content-svnr-mid-3 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 1025px) {
.content-svnr-mid-3 {
align-items: unset;
}
}
.content-svnr-mid-3 img {
width: auto;
object-fit: contain;
}
.svnr-grid-items {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 430px) {
.svnr-grid-items {
flex-direction: row;
}
}
@media screen and (min-width: 801px) {
.svnr-grid-items {
flex-direction: column;
}
}
.grid-item-1-container picture {
margin-bottom: 1rem;
}
@media screen and (min-width: 801px) {
.grid-item-1-container picture {
margin-right: 3rem;
}
}
.grid-item-1-container {
display: flex;
flex-direction: column;
width: 100%;
}
@media screen and (min-width: 430px) {
.grid-item-1-container {
width: 60%;
}
}
@media screen and (min-width: 801px) {
.grid-item-1-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
}
.grid-item-1-container img {
padding: 1rem;
}
@media screen and (min-width: 801px) {
.grid-item-1-container img {
padding: 2rem;
}
}
.grid-item-1-container img.grid-move {
grid-column-start: 2;
grid-column-end: 4;
}
.grid-item-1-container img:last-of-type {
display: block;
padding: 0;
}
.grid-item-1-container picture:last-of-type {
display: block;
}
@media screen and (min-width: 801px) {
.grid-item-1-container picture:last-of-type {
display: none;
}
}
.grid-item-2-container {
display: flex;
flex-direction: column;
width: 100%;
}
@media screen and (min-width: 430px) {
.grid-item-2-container {
width: 40%;
}
}
@media screen and (min-width: 801px) {
.grid-item-2-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
}
.grid-item-2-container img {
padding: 1rem;
}
@media screen and (min-width: 801px) {
.grid-item-2-container img {
padding: 2rem;
}
}
.middle-grid {
position: absolute;
display: none;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
@media screen and (min-width: 801px) {
.middle-grid {
transform: translateY(350px) scale(1);
display: block;
}
}
@media screen and (min-width: 906px) {
.middle-grid {
transform: translateY(420px);
}
}
@media screen and (min-width: 1025px) {
.middle-grid {
transform: translateY(420px) scale(0.65);
}
}
@media screen and (min-width: 1225px) {
.middle-grid {
transform: translateY(510px) scale(0.65);
}
}
@media screen and (min-width: 1437px) {
.middle-grid {
transform: translateY(650px) scale(0.65);
}
}
@media screen and (min-width: 1550px) {
.middle-grid {
transform: translateY(780px) scale(0.75);
}
}
@media screen and (min-width: 1775px) {
.middle-grid {
transform: translateY(890px) scale(0.75);
}
}
.content-svnr-mid-4 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 5rem;
flex-direction: column-reverse;
align-items: center;
}
@media screen and (min-width: 1025px) {
.content-svnr-mid-4 {
align-items: unset;
flex-direction: row;
}
}
.content-svnr-mid-4 img {
width: auto;
object-fit: cover;
height: 100%;
}
@media screen and (min-width: 801px) {
.content-svnr-mid-4 img {
width: 100%;
}
}
.content-svnr-mid-4 .content__text-promo {
margin-top: 3rem;
margin-bottom: 3rem;
}
.banner-svnr-container {
height: 15rem;
border: 1px solid #dcdcdc;
}
@media screen and (min-width: 801px) {
.banner-svnr-container {
height: 20rem;
text-align: center;
}
}
.content-svnr-mid-3 div p {
font-size: 18px;
line-height: 2.15;
}
@media screen and (min-width: 1251px) {
.content-svnr-mid-3 div p {
font-size: 21px;
line-height: 2.15;
}
}
.content-svnr-mid-4 div p {
font-size: 18px;
line-height: 2.15;
}
@media screen and (min-width: 1251px) {
.content-svnr-mid-4 div p {
font-size: 21px;
line-height: 2.15;
}
}
.content-svnr-mid-4 .content__image-7-svnr {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
max-height: 450px;
}
@media screen and (min-width: 420px) {
.content-svnr-mid-4 .content__image-7-svnr {
max-height: 515px;
}
}
@media screen and (min-width: 490px) {
.content-svnr-mid-4 .content__image-7-svnr {
max-height: 605px;
}
}
@media screen and (min-width: 620px) {
.content-svnr-mid-4 .content__image-7-svnr {
max-height: 750px;
}
}
@media screen and (min-width: 720px) {
.content-svnr-mid-4 .content__image-7-svnr {
max-height: 850px;
}
}
@media screen and (min-width: 801px) {
.content-svnr-mid-4 .content__image-7-svnr {
padding: 2.5rem;
padding-top: 2.5rem;
padding-bottom: 1.5rem;
max-height: 1000px;
}
}
@media screen and (min-width: 900px) {
.content-svnr-mid-4 .content__image-7-svnr {
max-height: 1180px;
}
}
@media screen and (min-width: 1025px) {
.content-svnr-mid-4 .content__image-7-svnr {
padding: 10rem;
padding-bottom: 1.5rem;
max-height: 1300px;
}
}
@media screen and (min-width: 1261px) {
.content-svnr-mid-4 .content__image-7-svnr {
max-height: 120rem;
}
}
.content__article-svnr.content__article--open .content-svnr-mid {
display: flex;
}
.content__article-svnr.content__article--open .content-svnr-mid-2 {
display: flex;
flex-direction: column-reverse;
}
@media screen and (min-width: 1025px) {
.content__article-svnr.content__article--open .content-svnr-mid-2 {
flex-direction: row;
}
}
.content__article-svnr.content__article--open .content-svnr-mid-3 {
display: flex;
}
.content__article-svnr.content__article--open .content-svnr-mid-4 {
display: flex;
flex-direction: column;
margin-bottom: 2.5rem;
}
.content__article-svnr.content__article--open .content-its-mid-5 {
display: flex;
}
.content__article-svnr.content__article--open .content-its-mid-6 {
display: flex;
}
.content__article-svnr.content__article--open .content-its-mid-7 {
display: flex;
}
.content__article-svnr.content__article--open .content-its-mid-8 {
display: flex;
}
.content__article-drexel .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 32px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #D89806;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.content__article-drexel .project-content-preview-title {
font-size: 40px;
left: 14%;
text-align: unset;
}
}
@media screen and (min-width: 801px) {
.content__article-drexel .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-drexel .project-content-preview-title {
width: 100%;
}
}
.content__article-drexel .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #F9DD9C;
z-index: -1;
}
@media screen and (min-width: 801px) {
.content__article-drexel .project-content-preview-title .title-stagger {
top: 1rem;
}
}
.content__article-drexel.content__article--open .content-its-mid-2 {
flex-direction: column;
}
@media screen and (min-width: 700px) {
.content__article-drexel.content__article--open .content-its-mid-2 {
align-items: unset;
flex-direction: row;
}
}
.content__article-drexel .project-content-body-title {
width: 100%;
text-align: left;
font-size: 21px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: black;
position: relative;
z-index: 10;
margin: 0;
}
@media screen and (min-width: 561px) {
.content__article-drexel .project-content-body-title {
font-size: 23px;
text-align: unset;
}
}
@media screen and (min-width: 1025px) {
.content__article-drexel .project-content-body-title {
width: 100%;
}
}
.content__article-drexel .project-content-body-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #CCCCCC;
z-index: -1;
}
@media screen and (min-width: 801px) {
.content__article-drexel .project-content-body-title .title-stagger {
top: 1rem;
}
}
.content-drexel-image-container {
width: 100%;
display: flex;
justify-content: center;
}
@media screen and (min-width: 1025px) {
.content-drexel-image-container {
width: 80%;
margin-bottom: unset;
margin-bottom: 7rem;
justify-content: start;
}
}
.content-drexel-intro-desc {
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
background-color: white;
position: relative;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-drexel-intro-desc {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media screen and (min-width: 1025px) {
.content-drexel-intro-desc {
width: 34%;
position: absolute;
right: 1.5rem;
margin-top: 1.5rem;
}
}
@media screen and (min-width: 1251px) {
.content-drexel-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.content-drexel-intro-desc-holder {
display: none;
}
@media screen and (min-width: 1025px) {
.content-drexel-intro-desc-holder {
display: flex;
justify-content: center;
width: 35%;
position: relative;
padding: 2rem;
margin-top: 2rem;
font-size: 18px;
line-height: 1.75;
}
}
@media screen and (min-width: 1251px) {
.content-drexel-intro-desc-holder {
font-size: 21px;
line-height: 2.15;
}
}
.content-drexel-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
position: relative;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
.content-drexel-intro-container {
margin-top: 5.5rem;
}
}
@media screen and (min-width: 1025px) {
.content-drexel-intro-container {
flex-direction: unset;
margin-bottom: unset;
}
}
.content-drexel-intro-container .drexel-intro-bg {
width: 80%;
height: 111px;
background-color: #EFEFEF;
display: block;
position: absolute;
left: 4.5rem;
top: -10rem;
z-index: -10;
}
@media screen and (min-width: 551px) {
.content-drexel-intro-container .drexel-intro-bg {
top: -13rem;
}
}
@media screen and (min-width: 850px) {
.content-drexel-intro-container .drexel-intro-bg {
top: -18rem;
}
}
@media screen and (min-width: 1025px) {
.content-drexel-intro-container .drexel-intro-bg {
top: 0;
width: 40%;
}
}
.content-drexel-intro-container .drexel-intro-bg-2 {
width: 80%;
height: 111px;
background-color: #F8F5DE;
display: block;
position: absolute;
left: 3rem;
top: -7rem;
z-index: -10;
}
@media screen and (min-width: 551px) {
.content-drexel-intro-container .drexel-intro-bg-2 {
top: -10rem;
}
}
@media screen and (min-width: 850px) {
.content-drexel-intro-container .drexel-intro-bg-2 {
top: -8rem;
}
}
@media screen and (min-width: 1025px) {
.content-drexel-intro-container .drexel-intro-bg-2 {
top: 9rem;
width: 40%;
}
}
.content-drexel-intro-container .bg-pos-drexel {
position: relative;
}
@media screen and (min-width: 1025px) {
.content-drexel-intro-container .bg-pos-drexel {
position: static;
}
}
.content__image-1-drexel {
max-width: 80%;
transform: translateY(11px);
}
@media screen and (min-width: 1025px) {
.content__image-1-drexel {
transform: unset;
}
}
.content__image-2-drexel {
max-width: 100%;
width: 50%;
object-fit: contain;
margin: 0 auto;
margin-bottom: 2.5rem;
}
@media screen and (min-width: 801px) {
.content__image-2-drexel {
margin-bottom: 3.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-drexel {
width: 55%;
padding-top: 12.5rem;
margin-bottom: unset;
}
}
@media screen and (min-width: 1100px) {
.content__image-2-drexel {
top: 52%;
max-width: 54%;
}
}
@media screen and (min-width: 1100px) {
.content__image-2-drexel {
top: 41%;
max-width: 74%;
}
}
@media screen and (min-width: 1261px) {
.content__image-2-drexel {
top: 35.5%;
max-width: 85%;
}
}
@media screen and (min-width: 1550px) {
.content__image-2-drexel {
top: 27.5%;
max-width: 100%;
}
}
.content__image-2-svnr--mobile {
display: block;
max-width: 75%;
margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.content__image-2-svnr--mobile {
display: none;
}
}
.content-drexel-image-container-2 {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 4rem;
}
@media screen and (min-width: 1025px) {
.content-drexel-image-container-2 {
margin-bottom: unset;
margin-bottom: 4rem;
}
}
.content__image-3-svnr {
max-width: 70%;
margin: 0 auto;
object-fit: contain;
}
.content__image-3-svnr:first-of-type {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1025px) {
.content__image-3-svnr {
max-width: 100%;
}
}
.content__image-4-svnr {
max-width: 70%;
margin: 0 auto;
object-fit: contain;
border: 5px solid white;
}
.content__image-4-svnr:first-of-type {
margin-bottom: 2.5rem;
}
@media screen and (min-width: 1025px) {
.content__image-4-svnr {
max-width: 100%;
}
}
.content-drexel-img-2-text > picture {
display: flex;
}
.content-drexel-img-2-text > picture img {
transform: scale(1);
}
@media screen and (min-width: 1025px) {
.content-drexel-img-2-text > picture img {
transform: scale(1.5);
}
}
.content-drexel-img-2-text {
width: 100%;
display: flex;
flex-direction: column-reverse;
}
@media screen and (min-width: 1025px) {
.content-drexel-img-2-text {
flex-direction: row;
}
}
.content-drexel-img-2-text p {
font-size: 18px;
line-height: 2.15;
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-drexel-img-2-text p {
width: 50%;
}
}
@media screen and (min-width: 1251px) {
.content-drexel-img-2-text p {
font-size: 21px;
line-height: 2.15;
}
}
.content-svnr-img-2-imgs picture {
display: flex;
}
@media screen and (min-width: 1025px) {
.content-svnr-img-2-imgs picture {
display: auto;
}
}
.content-svnr-img-2-imgs {
width: 100%;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1025px) {
.content-svnr-img-2-imgs {
width: 50%;
justify-content: space-around;
flex-direction: row;
}
}
@media screen and (min-width: 1025px) {
.content-svnr-image-container-2 .content-svnr-img-2-wrap .content-svnr-img-2-imgs picture:first-of-type {
margin-right: 2rem;
}
}
.content-svnr-img-2-wrap {
display: flex;
width: 100%;
flex-direction: column;
}
@media screen and (min-width: 1025px) {
.content-svnr-img-2-wrap {
flex-direction: row;
}
}
.content-drexel-mid .image-container-split {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 751px) {
.content-drexel-mid .image-container-split {
flex-direction: row;
}
}
@media screen and (min-width: 1525px) {
.content-drexel-mid .image-container-split {
padding: 0 1rem 0 1rem;
}
}
.content-drexel-mid .image-container-split .content__image-5-drexel {
width: 100%;
}
.content-drexel-mid {
display: none;
flex-direction: column;
}
.content-drexel-mid .image-container {
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-drexel-mid .image-container {
width: 50%;
}
}
.content-drexel-mid img {
max-width: 100%;
padding: 1rem;
}
.content-drexel-mid-2 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 2rem;
flex-direction: unset;
align-items: center;
}
@media screen and (min-width: 700px) {
.content-drexel-mid-2 {
align-items: unset;
margin-top: 5rem;
flex-direction: row;
}
}
.content-drexel-mid-2 img {
width: 100%;
object-fit: contain;
}
.content-drexel-mid .team-container {
width: 100%;
}
@media screen and (min-width: 1025px) {
.content-drexel-mid .team-container {
width: 50%;
}
}
.content-drexel-mid .team-container ul {
margin: 0;
font-size: 20px;
padding-left: 2.25rem;
font-size: 20px;
line-height: 2;
}
@media screen and (min-width: 1261px) {
.content-drexel-mid .team-container ul {
font-size: 23px;
}
}
.content-drexel-mid .team-container ul li::marker {
font-size: 150%;
color: #52137F;
}
.context-img-container {
width: 100%;
}
@media screen and (min-width: 1025px) {
.context-img-container {
width: 55%;
}
}
.content-drexel-mid-2 .context-text-container {
width: 100%;
}
.content-drexel-mid-2 .context-text-container p {
line-height: 1.75;
font-size: 18px;
}
@media screen and (min-width: 1251px) {
.content-drexel-mid-2 .context-text-container p {
font-size: 21px;
line-height: 2.15;
}
}
.content-drexel-mid-3 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 3rem;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 1025px) {
.content-drexel-mid-3 {
align-items: unset;
}
}
.content-drexel-mid-3 img {
width: auto;
object-fit: contain;
}
.svnr-grid-items {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 430px) {
.svnr-grid-items {
flex-direction: row;
}
}
@media screen and (min-width: 801px) {
.svnr-grid-items {
flex-direction: column;
}
}
.grid-item-1-container {
display: flex;
flex-direction: column;
width: 100%;
}
@media screen and (min-width: 430px) {
.grid-item-1-container {
width: 60%;
}
}
@media screen and (min-width: 801px) {
.grid-item-1-container {
display: grid;
width: 100%;
}
}
.grid-item-1-container img {
padding: 1rem;
}
@media screen and (min-width: 801px) {
.grid-item-1-container img {
padding: 2rem;
}
}
.grid-item-1-container img.grid-move {
grid-column-start: 2;
grid-column-end: 4;
}
.grid-item-1-container img:last-of-type {
display: block;
padding: 0;
}
.grid-item-2-container {
display: flex;
flex-direction: column;
width: 100%;
}
@media screen and (min-width: 430px) {
.grid-item-2-container {
width: 40%;
}
}
@media screen and (min-width: 801px) {
.grid-item-2-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
}
.grid-item-2-container img {
padding: 1rem;
}
@media screen and (min-width: 801px) {
.grid-item-2-container img {
padding: 2rem;
}
}
.content-drexel-mid-4 {
display: none;
width: 100%;
justify-content: space-around;
margin-top: 1rem;
flex-direction: column-reverse;
align-items: center;
}
.content-drexel-mid-4 h4.project-content-body-title {
text-align: center;
margin-bottom: 2rem;
margin-top: 2rem;
}
.content-drexel-mid-4 p {
width: 100%;
margin: 0 auto;
line-height: 2.15;
font-size: 18px;
}
@media screen and (min-width: 1025px) {
.content-drexel-mid-4 {
align-items: unset;
flex-direction: row;
}
}
.content-drexel-mid-4 img {
width: auto;
object-fit: cover;
height: 100%;
}
@media screen and (min-width: 801px) {
.content-drexel-mid-4 img {
width: 100%;
}
}
.banner-svnr-container {
height: 15rem;
border: 1px solid #dcdcdc;
}
@media screen and (min-width: 801px) {
.banner-svnr-container {
height: 20rem;
text-align: center;
}
}
.drexel-item-grid {
display: block;
}
@media screen and (min-width: 551px) {
.drexel-item-grid {
display: grid;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 801px) {
.drexel-item-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
}
@media screen and (min-width: 1525px) {
.drexel-item-grid {
padding: 0 10rem 0 10rem;
}
}
.drexel-item-grid img {
margin-bottom: 1rem;
}
@media screen and (min-width: 551px) {
.drexel-item-grid img {
margin-bottom: unset;
}
}
.drexel-item-grid picture.long {
grid-column-start: 2;
grid-column-end: 4;
}
@media screen and (min-width: 801px) {
.drexel-item-grid picture.long {
grid-column-start: 1;
grid-column-end: 3;
}
}
.drexel-item-grid picture.long-2 {
grid-column-start: 2;
grid-column-end: 4;
}
.content__image-6-its.long {
grid-column-start: 2;
grid-column-end: 4;
}
@media screen and (min-width: 801px) {
.content__image-6-its.long {
grid-column-start: 1;
grid-column-end: 3;
}
}
.content__image-6-its.long-2 {
grid-column-start: 2;
grid-column-end: 4;
}
.content__article-drexel.content__article--open .content-drexel-mid {
display: flex;
}
.content__article-drexel.content__article--open .content-drexel-mid-2 {
display: flex;
flex-direction: column;
}
.content-drexel-mid-3 .drexel-item-grid .content__image-6-its {
width: 100%;
max-height: 200px;
}
@media screen and (min-width: 420px) {
.content-drexel-mid-3 .drexel-item-grid .content__image-6-its {
max-height: 300px;
}
}
@media screen and (min-width: 801px) {
.content-drexel-mid-3 .drexel-item-grid .content__image-6-its {
max-height: unset;
}
}
.content__article-drexel.content__article--open .content-drexel-mid-3 {
display: flex;
}
.content__article-drexel.content__article--open .content-drexel-mid-4 {
display: flex;
flex-direction: column;
margin-bottom: 2.5rem;
}
.content__article-drexel.content__article--open .content-its-mid-5 {
display: flex;
}
.content__article-drexel.content__article--open .content-its-mid-6 {
display: flex;
}
.content__article-drexel.content__article--open .content-its-mid-7 {
display: flex;
}
.content__article-drexel.content__article--open .content-its-mid-8 {
display: flex;
}
.content-its-mid-8 p {
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 1251px) {
.content-its-mid-8 p {
font-size: 21px;
line-height: 2.15;
}
}
.drexel-conclusion-imgs img {
object-fit: cover;
max-height: 250px;
width: 100%;
}
@media screen and (min-width: 420px) {
.drexel-conclusion-imgs img {
max-height: 350px;
}
}
@media screen and (min-width: 475px) {
.drexel-conclusion-imgs img {
max-height: 420px;
}
}
@media screen and (min-width: 551px) {
.drexel-conclusion-imgs img {
max-height: 470px;
}
}
@media screen and (min-width: 650px) {
.drexel-conclusion-imgs img {
max-height: 530px;
}
}
@media screen and (min-width: 715px) {
.drexel-conclusion-imgs img {
max-height: 610px;
}
}
@media screen and (min-width: 801px) {
.drexel-conclusion-imgs img {
max-height: unset;
}
}
.drexel-conclusion-imgs {
display: grid;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
row-gap: 3rem;
column-gap: 3rem;
}
@media screen and (min-width: 850px) {
.drexel-conclusion-imgs {
grid-template-columns: 1fr 1fr;
}
}
.content-drexel-mid-4 p.last {
margin-bottom: 3rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 1251px) {
.content-drexel-mid-4 p.last {
font-size: 21px;
line-height: 2.15;
}
}
.content__article-project-1 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-1 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-1 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-1 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-1 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-1 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-1 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-1 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-1 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p1-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p1-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p1 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p1 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p1 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p1 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p1 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p1 {
font-size: 25px;
}
}
.content-close-p1:visited {
color: white;
}
.content-p1-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p1-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p1-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p1-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p1-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p1 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
}
@media screen and (min-width: 700px) {
.content__image-1-p1 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p1 {
border: 14px solid white;
}
}
.content__image-2-p1 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p1 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p1 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p1 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p1-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p1-2-column-project-template {
flex-direction: row;
}
}
.p1-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p1-column {
width: 50%;
}
}
.content__article-project-2 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-2 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-2 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-2 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-2 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-2 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-2 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-2 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-2 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p2-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p2-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p2 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p2 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p2 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p2 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p2 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p2 {
font-size: 25px;
}
}
.content-close-p2:visited {
color: white;
}
.content-p2-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 2.15;
}
@media screen and (min-width: 620px) {
.content-p2-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p2-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p2-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p2-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p2 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 551px) {
.content__image-1-p2 {
width: 65%;
}
}
@media screen and (min-width: 700px) {
.content__image-1-p2 {
padding: 1rem;
}
}
@media screen and (min-width: 850px) {
.content__image-1-p2 {
width: 25%;
margin: unset;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p2 {
border: 14px solid white;
}
}
.content__image-1-p2.crop-image {
width: 100%;
height: 100%;
margin: 0 auto;
display: block;
object-fit: cover;
max-height: 740px;
}
@media screen and (min-width: 551px) {
.content__image-1-p2.crop-image {
width: 65%;
}
}
@media screen and (min-width: 850px) {
.content__image-1-p2.crop-image {
padding: 1rem;
width: 56%;
}
}
.p2-column.pos-center {
text-align: center;
}
.content__image-2-p2 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p2 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p2 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p2 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p2-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p2-2-column-project-template {
flex-direction: row;
}
}
.p2-1-column-project-template {
display: flex;
width: 100%;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p2-1-column-project-template {
flex-direction: row;
}
}
.p2-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p2-column {
width: 50%;
}
}
.grid-item.gsap-gitem-2 .item__excerpt-link-p2 img {
object-position: bottom;
}
.its-active .content-close-p1,
.its-active .content-close-p2,
.its-active .content-close-p3,
.its-active .content-close-p4,
.its-active .content-close-p5,
.its-active .content-close-p6,
.its-active .content-close-p7,
.its-active .content-close-p8,
.its-active .content-close-p9,
.its-active .content-close-p10 {
display: none;
}
.its-active .one-project-content .content-container-close,
.its-active .two-project-content .content-container-close,
.its-active .three-project-content .content-container-close,
.its-active .four-project-content .content-container-close,
.its-active .five-project-content .content-container-close,
.its-active .six-project-content .content-container-close,
.its-active .seven-project-content .content-container-close,
.its-active .eight-project-content .content-container-close,
.its-active .nine-project-content .content-container-close,
.its-active .ten-project-content .content-container-close {
display: none;
}
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-11 {
background-color: white;
}
.svnr-active .content-close-p1,
.svnr-active .content-close-p2,
.svnr-active .content-close-p3,
.svnr-active .content-close-p4,
.svnr-active .content-close-p5,
.svnr-active .content-close-p6,
.svnr-active .content-close-p7,
.svnr-active .content-close-p8,
.svnr-active .content-close-p9,
.svnr-active .content-close-p10 {
display: none;
}
.svnr-active .one-project-content .content-container-close,
.svnr-active .two-project-content .content-container-close,
.svnr-active .three-project-content .content-container-close,
.svnr-active .four-project-content .content-container-close,
.svnr-active .five-project-content .content-container-close,
.svnr-active .six-project-content .content-container-close,
.svnr-active .seven-project-content .content-container-close,
.svnr-active .eight-project-content .content-container-close,
.svnr-active .nine-project-content .content-container-close,
.svnr-active .ten-project-content .content-container-close {
display: none;
}
.drexel-active .content-close-p1,
.drexel-active .content-close-p2,
.drexel-active .content-close-p3,
.drexel-active .content-close-p4,
.drexel-active .content-close-p5,
.drexel-active .content-close-p6,
.drexel-active .content-close-p7,
.drexel-active .content-close-p8,
.drexel-active .content-close-p9,
.drexel-active .content-close-p10 {
display: none;
}
.drexel-active .one-project-content .content-container-close,
.drexel-active .two-project-content .content-container-close,
.drexel-active .three-project-content .content-container-close,
.drexel-active .four-project-content .content-container-close,
.drexel-active .five-project-content .content-container-close,
.drexel-active .six-project-content .content-container-close,
.drexel-active .seven-project-content .content-container-close,
.drexel-active .eight-project-content .content-container-close,
.drexel-active .nine-project-content .content-container-close,
.drexel-active .ten-project-content .content-container-close {
display: none;
}
.content__article-project-3 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-3 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-3 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-3 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-3 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-3 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-3 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-3 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-3 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p3-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p3-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p3 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p3 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p3 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p3 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p3 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p3 {
font-size: 25px;
}
}
.content-close-p3:visited {
color: white;
}
.content-p3-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p3-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p3-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p3-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p3-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p3 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
}
@media screen and (min-width: 700px) {
.content__image-1-p3 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p3 {
border: 14px solid white;
}
}
.p3-2-column-project-template .break-column-2 > img {
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 1251px) {
.p3-2-column-project-template .break-column-2 > img {
width: 37%;
object-fit: contain;
}
}
.content__image-2-p3 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p3 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p3 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p3 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p3-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p3-2-column-project-template {
flex-direction: row;
}
}
.p3-column .idm-live-poster {
height: -webkit-fill-available;
object-fit: cover;
}
.p3-column {
width: 100%;
}
@media screen and (min-width: 1450px) {
.p3-column {
width: 70%;
}
}
.p3-column.break-column > img {
height: 40rem;
object-fit: cover;
}
@media screen and (min-width: 1261px) {
.p3-column.break-column > img {
height: auto;
object-fit: contain;
}
}
.p3-column.break-out {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.p3-column.break-out img {
width: 100%;
border: none;
padding: 0;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
@media screen and (min-width: 1261px) {
.p3-column.break-out img {
width: 98%;
}
}
@media screen and (min-width: 1261px) {
.p3-column.break-out {
display: flex;
flex-direction: row;
justify-content: space-around;
}
}
.p3-column.break-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p3-column.break-column {
width: 100%;
}
}
@media screen and (min-width: 1261px) {
.p3-column.break-column-2 {
text-align: center;
z-index: -1;
}
}
@media screen and (min-width: 850px) {
.p3-2-column-project-template.break-row {
flex-direction: row;
}
}
.content__article-project-4 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-4 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-4 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-4 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-4 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-4 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-4 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-4 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-4 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p4-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p4-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p4 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p4 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p4 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p4 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p4 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p4 {
font-size: 25px;
}
}
.content-close-p4:visited {
color: white;
}
.content-p4-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p4-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p4-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p4-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p4-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p4 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
width: 100%;
}
@media screen and (min-width: 700px) {
.content__image-1-p4 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p4 {
border: 14px solid white;
}
}
.content__image-2-p4 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p4 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p4 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p4 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p4-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1250px) {
.p4-2-column-project-template {
flex-direction: row;
}
}
.p4-column {
width: 100%;
}
@media screen and (min-width: 1650px) {
.p4-column {
width: 50%;
}
}
.p4-column.break-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p4-column.break-column {
width: 100%;
}
}
.content__article-project-5 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-5 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-5 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-5 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-5 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-5 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-5 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-5 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-5 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p5-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p5-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p5 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p5 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p5 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p5 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p5 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p5 {
font-size: 25px;
}
}
.content-close-p5:visited {
color: white;
}
.content-p5-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p5-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p5-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p5-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p5-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p5 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
}
@media screen and (min-width: 700px) {
.content__image-1-p5 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p5 {
border: 14px solid white;
}
}
.content__image-2-p5 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p5 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p5 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p5 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p5-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p5-2-column-project-template {
flex-direction: row;
}
}
.p5-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p5-column {
width: 50%;
}
}
.p5-column .inner-split {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.p5-column .inner-split > img {
width: 48%;
}
.content__article-project-6 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-6 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-6 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-6 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-6 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-6 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-6 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-6 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-6 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p6-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p6-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p6 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p6 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p6 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p6 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p6 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p6 {
font-size: 25px;
}
}
.content-close-p6:visited {
color: white;
}
.content-p6-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p6-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p6-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p6-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.content-p6-intro-desc.d2 {
margin-top: 0;
}
.p6-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p6 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
}
@media screen and (min-width: 700px) {
.content__image-1-p6 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p6 {
border: 14px solid white;
}
}
.content__image-2-p6 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p6 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p6 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p6 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p6-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p6-2-column-project-template {
flex-direction: row;
}
}
.p6-column {
width: 100%;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p6-column {
width: 50%;
}
}
.p6-column .content__image-1-p6.mobile-shrink {
padding: 1rem;
}
@media screen and (min-width: 850px) {
.p6-column .content__image-1-p6.mobile-shrink {
padding: 8rem;
}
}
.content__article-project-7 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-7 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-7 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-7 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-7 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-7 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-7 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-7 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-7 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p7-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p7-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p7 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p7 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p7 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p7 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p7 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p7 {
font-size: 25px;
}
}
.content-close-p7:visited {
color: white;
}
.content-p7-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p7-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p7-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p7-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p7-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p7 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
}
@media screen and (min-width: 700px) {
.content__image-1-p7 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p7 {
border: 14px solid white;
}
}
.content__image-2-p7 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p7 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p7 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p7 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p7-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p7-2-column-project-template {
flex-direction: row;
}
}
.p7-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p7-column {
width: 50%;
}
}
.content__article-project-8 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-8 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-8 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-8 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-8 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-8 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-8 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-8 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-8 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-8 .content__text-p8 {
font-size: 19px;
}
@media screen and (min-width: 414px) {
.content__article-project-8 .content__text-p8 {
font-size: 22px;
}
}
@media screen and (min-width: 419px) {
.content__article-project-8 .content__text-p8 {
font-size: 23px;
}
}
@media screen and (min-width: 561px) {
.content__article-project-8 .content__text-p8 {
font-size: 28px;
}
}
.content-p8-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p8-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p8 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p8 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p8 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p8 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p8 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p8 {
font-size: 25px;
}
}
.content-close-p8:visited {
color: white;
}
.content-p8-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p8-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p8-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p8-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p8-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p8 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
}
@media screen and (min-width: 700px) {
.content__image-1-p8 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p8 {
border: 14px solid white;
}
}
.content__image-2-p8 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p8 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p8 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p8 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p8-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p8-2-column-project-template {
flex-direction: row;
}
}
.p8-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p8-column {
width: 50%;
display: flex;
flex-direction: column;
}
}
.content__image-1-p8.logo {
margin: 0 auto;
text-align: center;
display: block;
width: 100%;
}
.content__image-1-p8.app-icon {
padding: 0;
margin: 0;
width: 19%;
}
@media screen and (min-width: 850px) {
.content__image-1-p8.app-icon {
width: 25%;
}
}
@media screen and (min-width: 1450px) {
.content__image-1-p8.app-icon {
width: 19%;
}
}
.p8-column .watchlist-icons {
width: 100%;
display: flex;
justify-content: space-between;
margin: 1.5rem 0 1.5rem 0;
}
@media screen and (min-width: 850px) {
.p8-column .watchlist-icons {
margin: unset;
}
}
.p8-1-column-project-template {
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.p8-1-column-project-template {
flex-direction: row;
}
}
.p8-1-column-project-template img {
width: 90%;
}
@media screen and (min-width: 768px) {
.p8-1-column-project-template img {
width: 34%;
}
}
.content__article-project-9.content__article--open {
padding: 0 0 28.2vh;
}
@media screen and (min-width: 1025px) {
.content__article-project-9.content__article--open {
padding: 0 0 36.7vh;
}
}
.content__article-project-9 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-9 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-9 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-9 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-9 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-9 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-9 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-9 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-9 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p9-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p9-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p9 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p9 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p9 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p9 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p9 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p9 {
font-size: 25px;
}
}
.content-close-p9:visited {
color: white;
}
.content-p9-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p9-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p9-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p9-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p9-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p9 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
}
@media screen and (min-width: 700px) {
.content__image-1-p9 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p9 {
border: 14px solid white;
}
}
.content__image-2-p9 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p9 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p9 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p9 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p9-1-column-project-template {
display: flex;
flex-direction: column;
width: 100%;
}
.p9-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p9-2-column-project-template {
flex-direction: row;
}
}
.p9-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p9-column {
width: 50%;
display: flex;
flex-direction: column;
}
}
.content__article-project-10 .project-content-preview-title {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 561px) {
.content__article-project-10 .project-content-preview-title {
font-size: 28px;
text-align: unset;
}
}
@media screen and (min-width: 620px) {
.content__article-project-10 .project-content-preview-title {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 801px) {
.content__article-project-10 .project-content-preview-title {
top: 2.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-10 .project-content-preview-title {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
}
.content__article-project-10 .project-content-preview-title .title-stagger {
position: absolute;
top: 0.8rem;
left: 0;
right: 0;
color: #C6C6C6;
z-index: -1;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 801px) {
.content__article-project-10 .project-content-preview-title .title-stagger {
top: 1rem;
}
}
@media screen and (min-width: 620px) {
.content__article-project-10 .project-content-preview-title .title-stagger {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__article-project-10 .project-content-preview-title .title-stagger {
padding-right: 2rem;
padding-left: 2rem;
}
}
.content-p10-intro-container {
display: flex;
margin-top: 2rem;
flex-direction: column;
}
@media screen and (min-width: 801px) {
.content-p10-intro-container {
margin-top: 3rem;
}
}
.content__image-2-p10 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p10 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p10 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p10 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.content-close-p10 {
font-size: 21px;
color: white;
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.content-close-p10 {
font-size: 25px;
}
}
.content-close-p10:visited {
color: white;
}
.content-p10-intro-desc {
width: 100%;
padding-right: 0rem;
padding-left: 0rem;
font-size: 18px;
line-height: 1.75;
}
@media screen and (min-width: 620px) {
.content-p10-intro-desc {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content-p10-intro-desc {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1251px) {
.content-p10-intro-desc {
font-size: 21px;
line-height: 2.15;
}
}
.p10-desc-text {
padding-left: 1rem;
margin-left: 14px;
margin-bottom: 0;
border-bottom: 0;
}
.content__image-1-p10 {
max-width: 100%;
object-fit: contain;
border: 5px solid white;
padding: 0.45rem;
object-position: 50% 10%;
width: 100%;
}
@media screen and (min-width: 700px) {
.content__image-1-p10 {
padding: 1rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p10 {
border: 14px solid white;
}
}
.p10-1-column-project-template {
display: flex;
width: 100%;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p10-1-column-project-template {
flex-direction: row;
}
}
.content__image-2-p10 {
max-width: 46%;
object-fit: contain;
border: 5px solid white;
transform: translateY(44px) !important;
padding: 0.5rem;
margin-left: 1.5rem;
object-position: 50% 7%;
}
@media screen and (min-width: 400px) {
.content__image-2-p10 {
transform: translateY(54px) !important;
}
}
@media screen and (min-width: 700px) {
.content__image-2-p10 {
padding: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.content__image-2-p10 {
max-width: 58%;
border: 14px solid white;
transform: translateY(140px) !important;
margin-left: 3.5rem;
}
}
.p10-2-column-project-template {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 850px) {
.p10-2-column-project-template {
flex-direction: row;
}
}
.p10-column {
width: 100%;
}
@media screen and (min-width: 850px) {
.p10-column {
width: 50%;
display: flex;
flex-direction: column;
}
}
.grid-item.gsap-gitem-9 .item__excerpt-link-p9 img {
width: 100%;
object-position: bottom;
}
.gsap-projects .grid-item > div span:last-child {
transition: all 1.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) alternate;
}
.gsap-projects .grid-item > div span:first-child {
transition: all 0.75s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.gsap-projects .grid-item:hover > div span:first-child {
animation: fade-out 0.75s cubic-bezier(0.67, 0.21, 0.52, 1.31) infinite alternate;
}
.gsap-projects .grid-item:hover > div span:last-child {
animation: fade-out 0.75s cubic-bezier(0.67, 0.21, 0.52, 1.31) infinite alternate 0.25s;
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.project-title-milestone {
width: 100%;
text-align: center;
font-size: 23px;
font-family: "DM Sans", Arial, Sans-Serif;
text-transform: none !important;
font-weight: bold;
line-height: 30px;
color: #061E42;
position: relative;
z-index: 10;
padding-left: 2rem;
padding-right: 2rem;
}
.project-title-milestone::after {
display: none !important;
}
@media screen and (min-width: 561px) {
.project-title-milestone {
font-size: 28px;
text-align: unset;
}
}
.grid-container--health {
display: grid;
grid-template-areas: "img1 img3 img3" "img2 img3 img3";
grid-gap: 10rem;
margin-top: 1.25rem;
margin-bottom: 5rem;
}
@media (min-width: 600px) {
.grid-container--health {
grid-gap: unset;
}
}
.grid-item--health {
height: 300px;
max-height: 320px;
color: white;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 2100px) {
.grid-item--health:first-child {
margin-bottom: 8rem;
}
}
.grid-item-large {
grid-area: img3;
}
@media screen and (min-width: 600px) {
.grid-item-large img {
margin-top: 15rem;
}
}
@media (max-width: 600px) {
.grid-container--health {
grid-template-areas: "img1" "img2" "img3";
}
}
.grid-container--pma-research {
display: grid;
grid-template-areas: "img1 img2";
grid-gap: 20px;
}
.grid-item--research {
width: 100%;
height: 35rem;
}
.content__image-1-p2.research {
max-width: 100%;
object-fit: cover;
border: 5px solid white;
padding: 0.45rem;
width: 100%;
height: 100%;
margin: 0 auto;
}
@media screen and (min-width: 700px) {
.content__image-1-p2.research {
padding: 1rem;
}
}
@media screen and (min-width: 850px) {
.content__image-1-p2.research {
margin: unset;
}
}
@media screen and (min-width: 1025px) {
.content__image-1-p2.research {
border: 14px solid white;
}
}
@media (max-width: 600px) {
.grid-container--pma-research {
grid-template-areas: "img1" "img2";
}
}
.grid-container--inspiration {
display: grid;
grid-template-areas: "img1 img1 img1" "img2 img3 img4";
grid-gap: 20px;
}
.grid-item--inspiration {
width: 100%;
height: 100%;
}
.grid-item--inspiration img {
object-fit: cover;
width: 100%;
height: 100%;
}
.img1-inspiration {
grid-area: img1;
}
.img2-inspiration {
grid-area: img2;
}
.img3-inspiration {
grid-area: img3;
}
.img4-inspiration {
grid-area: img4;
}
@media (max-width: 600px) {
.grid-container--inspiration {
grid-template-areas: "img1" "img2" "img3" "img4";
}
}
.grid-container--pma {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.grid-item--pmaex img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1200px) {
.grid-container--pma {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {
.grid-container--pma {
grid-template-columns: 1fr;
}
}
.grid-container--sport-mobile {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 20px;
justify-items: center;
}
.grid-item--sport img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 850px) and (max-width: 1375px) {
.grid-container--sport-mobile {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
}
}
@media screen and (max-width: 849px) {
.grid-container--sport-mobile {
grid-template-columns: 1fr;
grid-template-rows: repeat(7, 1fr);
}
}
.grid-container--sport-desktop {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.grid-item--sport-desktop img {
width: 100%;
height: auto;
}
@media screen and (max-width: 1275px) {
.grid-container--sport-desktop {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 850px) {
.grid-container--sport-desktop {
grid-template-columns: 1fr;
}
}
.grid-container--sport-hifi {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 300px; grid-gap: 20px;
}
.grid-item--sport-hifi img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 1275px) {
.grid-container--sport-hifi {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 850px) {
.grid-container--sport-hifi {
grid-template-columns: 1fr;
}
}
.grid-container--csketches {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 20px;
margin: 0 auto;
}
.grid-item--csketches {
width: 100%;
height: 0;
padding-bottom: 75%; position: relative;
overflow: hidden;
}
.grid-item--csketches img {
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--csketches {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
}
@media screen and (min-width: 900px) {
.grid-container--csketches {
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
}
.grid-container--csvg {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 20px;
margin: 0 auto;
}
.grid-item--csvg {
width: 100%;
height: 0;
padding-bottom: 75%; position: relative;
overflow: hidden;
}
@media screen and (min-width: 800px) {
.grid-item--csvg {
padding-bottom: 35%;
}
}
@media screen and (min-width: 1800px) {
.grid-item--csvg {
padding-bottom: 75%;
}
}
.grid-item--csvg img {
object-fit: contain;
object-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--csvg {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
}
@media screen and (min-width: 900px) {
.grid-container--csvg {
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
}
.grid-container--chifi {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 20px;
margin: 0 auto;
}
.grid-item--chifi {
width: 100%;
height: 0;
padding-bottom: 75%; position: relative;
overflow: hidden;
}
.grid-item--chifi img {
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--chifi {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
}
@media screen and (min-width: 900px) {
.grid-container--chifi {
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
}
.grid-container--trophy {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 20px;
}
.grid-item--trophy {
width: 100%;
height: 0;
padding-bottom: 115%;
position: relative;
overflow: hidden;
}
.grid-item--trophy img {
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--trophy {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 1fr);
}
.grid-item--trophy {
padding-bottom: 75%;
}
}
@media screen and (min-width: 900px) {
.grid-container--trophy {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.grid-item--trophy {
padding-bottom: 115%;
}
}
.grid-container--isosketches {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.grid-item--isosketches {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.grid-item--isosketches img {
object-fit: cover;
object-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--isosketches {
grid-template-columns: 1fr;
}
.grid-item--isosketches {
padding-bottom: 75%;
}
}
@media screen and (min-width: 900px) {
.grid-container--isosketches {
grid-template-columns: repeat(3, 1fr);
}
.grid-item--isosketches {
padding-bottom: 100%;
}
}
.grid-container--isohi {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.grid-item--isohi {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.grid-item--isohi img {
object-fit: cover;
object-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--isohi {
grid-template-columns: 1fr;
}
.grid-item--isohi {
padding-bottom: 75%;
}
}
@media screen and (min-width: 900px) {
.grid-container--isohi {
grid-template-columns: repeat(3, 1fr);
}
.grid-item--isohi {
padding-bottom: 100%;
}
}
.grid-container--hifiex {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.grid-item--hifiex {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.grid-item--hifiex img {
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--hifiex {
grid-template-columns: 1fr;
}
.grid-item--hifiex {
padding-bottom: 75%;
}
}
@media screen and (min-width: 900px) {
.grid-container--hifiex {
grid-template-columns: repeat(2, 1fr);
}
.grid-item--hifiex {
padding-bottom: 100%;
}
}
.grid-container--svnrintro {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.grid-item--svnrintro {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.grid-item--svnrintro img {
object-fit: cover;
object-position: bottom;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--svnrintro {
grid-template-columns: 1fr;
}
.grid-item--svnrintro {
padding-bottom: 75%;
}
}
@media screen and (min-width: 900px) {
.grid-container--svnrintro {
grid-template-columns: repeat(2, 1fr);
}
.grid-item--svnrintro {
padding-bottom: 100%;
}
}
.grid-container--svnrhifi {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.grid-item--svnrhifi {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.grid-item--svnrhifi img {
object-fit: cover;
object-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--svnrhifi {
grid-template-columns: 1fr;
}
.grid-item--svnrhifi {
padding-bottom: 75%;
}
}
@media screen and (min-width: 900px) {
.grid-container--svnrhifi {
grid-template-columns: repeat(2, 1fr);
}
.grid-item--svnrhifi {
padding-bottom: 100%;
}
}
.main-home-projects-wrap .my-projects-grid .grid-item.gsap-gitem-5 img {
object-position: center;
}
.grid-container--svnrslide {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.grid-item--svnrslide {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.grid-item--svnrslide img {
object-fit: cover;
object-position: 75%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width: 600px) {
.grid-container--svnrslide {
grid-template-columns: 1fr;
}
.grid-item--svnrslide {
padding-bottom: 75%;
}
}
@media screen and (min-width: 900px) {
.grid-container--svnrslide {
grid-template-columns: repeat(2, 1fr);
}
.grid-item--svnrslide {
padding-bottom: 100%;
}
}
.project-tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 2.25rem;
}
@media screen and (min-width: 620px) {
.project-tags {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media screen and (min-width: 800px) {
.project-tags {
margin-top: 6rem;
padding-right: unset;
}
}
@media screen and (min-width: 1025px) {
.project-tags {
padding-left: 2rem;
}
}
.tag {
background-color: #fff;
color: #121212;
padding: 4px 12px;
border-radius: 20px; font-size: 14px;
flex: 0 1 auto;
margin-bottom: 6px;
transition: all 0.3s ease; border: 1.75px solid #121212;
} @media (max-width: 480px) {
.project-tags {
gap: 7px;
}
.tag {
font-size: 12px;
padding: 5px 10px;
}
}