/*!
Theme Name: One Sixteen
Author: 116 & West
Author URI: https://116andwest.com
Description: A helpful starter template.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: one-sixteen

One Sixteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Vast+Shadow&display=swap');
@import url('https://use.typekit.net/swo7bjj.css');

/* =============== */
/* === General === */
/* =============== */

html {
    scroll-behavior:smooth;

    /* colors */
    --light-green:#0D675B;
    --dark-green:#113A3E;
}

h1 {
    font-size:60px;
    line-height: 60px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-size:35px;
    font-weight:bold;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 1.75px;
}

.sub-title-home-page{
	font-size: 30px;
}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
    font-size:28px;
	line-height: 30px;
	letter-spacing: 1.25px;
	text-transform: uppercase;
}

h4 {
	font-family: 'Oswald Bold', sans-serif;
    font-size:20px;
    letter-spacing:1.75px;
	font-weight:bold;
    text-transform:uppercase;
}
h5 {
	font-family: 'Oswald Bold', sans-serif;
    font-size:16px;
    line-height:22px;
    letter-spacing:1.75px;
	 text-transform:uppercase;
}

@media (max-width: 768px) {
	h1{
		font-size:46px;
    	line-height: 46px;
    	font-family: 'Roboto Condensed', sans-serif;
    	text-transform: uppercase;
	}
	h2{
		font-family: 'Oswald', sans-serif;
    	font-size:24px;
    	font-weight:bold;
    	line-height: 30px;
    	text-transform: uppercase;
    	letter-spacing: 1.75px;
	}
	h3 {
		font-family: 'Roboto Condensed', sans-serif;
    	font-size:22px;
		line-height: 30px;
		letter-spacing: 1.25px;
		text-transform: uppercase;
	}
	h4 {
		font-family: 'Oswald Bold', sans-serif;
    	font-size:18px;
   	 	letter-spacing:1.75px;
		font-weight:bold;
   		text-transform:uppercase;
}
	
}
/* h5 {
    font-size:16px;
    line-height:16px;
    font-weight:500;
    letter-spacing:1px;
    font-style:italic;
    font-family:'Playfair Display', serif;
} */


body {
    font-size:16px;
    line-height:1.5;
    letter-spacing:0;
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
}

body.menu-open {
    overflow-y:hidden;
}

#page {
    z-index:0;
    position:relative;
    opacity:1.0;
    transition:opacity 0.2s ease-in-out;
}

body.menu-open #page {
    opacity:0.2;
    transition:opacity 0.6s ease-in-out;
}

body.menu-open #page > #content {
    pointer-events:none;
}

p {
    margin-bottom:25px;
    line-height:1.55;
}

ul {
    margin-bottom:25px;
}

li {
    line-height:1.75;
}

a {
    color:#0b8b7c;
}

a:hover {
    color:#08675C;
}

a:focus,
button:focus {
    outline:none;
}

/* button:focus {
	outline: 1px dashed #fff;
  outline-offset: 5px;
} */

body strong {
    font-weight:600;
}

.h1-to-h4 {
    font-size:16px;
    letter-spacing:3px;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    font-weight:600;
}

section {
    width:100%;
    clear:both;
}

blockquote {
    padding-left:20px;
    border-left:2px solid #efefef;
}

.container-fluid {
    max-width:2000px;
}

.gutter {
    padding-left:16.666667%;
    padding-right:16.666667%;
}

.gutter.narrow {
    padding-left:25%;
    padding-right:25%;
}

.link {
    clear:both;
    display:inline-block;
    color:var(--dark-green);
    font-size:1rem;
    line-height:16px;
    font-weight:500;
    letter-spacing:1px;
    text-decoration:none;
    padding:0 0 5px 0;
    border-bottom:1px solid transparent;
    font-family:'Playfair Display', serif;
    transition:all 0s ease-in-out !important;
    font-style:italic;
}

.link:hover {
    text-decoration:underline;
    text-underline-offset:5px;
}

.pointer{
	cursor: pointer;
}

.link.button {
    color:#fff;
    background-image:linear-gradient(to left, #2e665d, #0d3133);
    background-color:#2e665d;
    padding:17px 40px 16px 40px;
    border-radius:30px;
    border:none;
    font-family:'Hind', serif;
    text-transform:uppercase;
    font-style:normal;
    white-space:nowrap;
    font-weight:500;
    letter-spacing:0.08em;
    font-size:0.9375rem;
    text-decoration:underline;
    text-decoration-color:transparent;
    min-width:200px;
    text-align:center;
}

.link.button:hover {
    text-decoration:underline;
    font-style:italic;
    background-image:linear-gradient(to left, #0d3133, #2e665d);
    transition:none !important;
    font-family:"Playfair Display", serif;
    padding:15px 38px 18px 38px;
    text-underline-offset:auto;
    letter-spacing:0.08em;
    text-transform:none;
    font-size:1rem;
}

.link.button_inverse {
    color:var(--light-green);
    background-color:#fff;
    padding:17px 40px 15px 40px;
    border-radius:30px;
    border:3px solid #2e665d;
    font-family:'Hind', serif;
    text-transform:uppercase;
    font-style:normal;
    white-space:nowrap;
    font-weight:500;
    letter-spacing:0.08em;
    font-size:0.9375rem;
    text-decoration:underline;
    text-decoration-color:transparent;
    min-width:200px;
    text-align:center;
    min-height:54px;
}

.link.button_inverse:hover {
    text-decoration:underline;
    font-style:italic;
    transition:none !important;
    font-family:"Playfair Display", serif;
    padding:14px 38px 17px 38px;
    text-underline-offset:auto;
    letter-spacing:0.06em;
    background-color:var(--light-green);
    color:#fff;
    text-transform:none;
    font-size:1rem;
}

.link.button.ghost {
    border:3px solid #fff;
    background-color:transparent;
    background-image:none;
    padding:17px 40px 14px 40px;
    text-align:center;
    min-width:200px;
}

.link.button.ghost:hover {
    color:#000;
    background-color:#fff;
    font-weight:600;
    padding:15px 38px 16px 38px;
    text-transform:none;
    letter-spacing:0.08em;
    font-size:1rem;
}

.link.button.ghost.dark {
    color:#113A3E;
    border:1px solid #113A3E !important;
    background-color:#ffffff;
    background-image:none;
}

.link.button.ghost.dark:hover {
    color:#ffffff;
    background-color:#113A3E;
}

.link .arrow {
    margin-top:-4px;
    padding-left:10px;
    height:12px;
    display:inline-block;
}


.link.back .arrow {
    transform:scaleX(-1);
    fill:#000;
}

.link.back:hover .arrow {
    transform:scaleX(-1);
    fill:var(--light-green);
}

.pdf-link {
    clear:both;
    display:inline-block;
    color:#000;
    font-size:16px;
    line-height:16px;
    font-weight:500;
    letter-spacing:1px;
    padding:0 0 5px 0;
    border-bottom:1px solid transparent;
    font-style:italic;
    font-family:'Playfair Display', serif;
}

.pdf-link:hover {
    color:#000;
    border-bottom:1px solid #000;
    text-decoration:none;
}

.pdf-link .fas {
    font-size:20px;
    margin-right:10px;
}

#vert-cta .link.default {
    display:block;
    visibility:visible;
}

#vert-cta .link.creative {
    display:none;
    visibility:hidden;
}

#gform_wrapper_9 .gform_heading {
    display:none;
}


.subheading {
    font-family:'hind', sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:2.5rem;
    font-weight:600;
    line-height:1.1;
}

.subheading_sub {
    font-family:'roboto condensed', sans-serif;
    font-size:1.5rem;
    line-height:1.3;
    margin-bottom:3.25rem;
}

/* =============================== */
/* === For Screen Readers only === */
/* =============================== */

.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* ==================================================================== */
/* === Ratio Helpers for Responsive Embeds Borrowed from Boostrap 5 === */
/* ==================================================================== */

.ratio { position:relative; width:100%; }
.ratio:before { content:""; display:block; padding-top:var(--bs-aspect-ratio); }
.ratio > * { height:100%; left:0; position:absolute; top:0; width:100%; }
.ratio-1x1 { --bs-aspect-ratio:100%; }
.ratio-4x3 { --bs-aspect-ratio:75%; }
.ratio-16x9 { --bs-aspect-ratio:56.25%; }
.ratio-21x9 { --bs-aspect-ratio:42.8571428571%; }

/* ================= */
/* === Keyframes === */
/* ================= */

@keyframes Gradient {
    0% {
        background-position:0 50%
    }
    50% {
        background-position:100% 50%
    }
    100% {
        background-position:0 50%
    }
}

@keyframes MenuOpen {
    0% {
        width:60px;
        height:60px;
        opacity:0;
        border-radius:100%;
    }
    25% {
        width:60px;
        height:60px;
        opacity:1;
        border-radius:100%;
    }
    50% {
        width:60px;
        height:60px;
        border-radius:100% 0 100% 50%;
    }
    75% {
        width:100%;
        height:100%;
        border-radius:100% 0 100% 0;
    }
    100% {
        border-radius:0;
    }
}

@keyframes MenuClose {
    0% {
        z-index:50;
        width:100%;
        height:100%;
        opacity:1;
        border-radius:0;
    }
    20% {
        width:100%;
        height:100%;
        opacity:1;
        border-radius:0 0 0 50%;
    }
    40% {
        width:50%;
        height:50%;
        opacity:1;
        border-radius:100% 0 100% 50%;
    }
    60% {
        width:60px;
        height:60px;
        opacity:1;
        border-radius:100%;
    }
    80% {
        opacity:1;
    }
    99% {
        opacity:0;
    }
    100% {

        z-index:-1;
    }
}

@keyframes MenuCloseIndex {
    0% {
        z-index:50;
    }
    99% {
        z-index:50;
    }
    100% {
        z-index:-1;
    }
}

@keyframes NavSlideIn {
    0% {
        opacity:0;
        margin-left:-60px;
    }
    100% {
        opacity:1;
        margin-left:0;
    }
}

@keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        transform:translateX(0);
    }
    40% {
        transform:translateX(8px);
    }
    60% {
        transform:translateX(4px);
    }
}

@keyframes FrontFadeIn {
    0% {
        opacity:0;
        transform:scale(0.9);
    }
    100% {
        opacity:1;
        transform:scale(1);
    }
}

/* ================= */
/* === Site Logo === */
/* ================= */

#site-logo {
    /* height: 50px;
	width: 100px; */
    top:15px;
    left:15px;
    z-index:10;
    position:fixed;
}

#site-logo a {
    display:block;
    height:32px;
    width:50px;
}

#site-logo svg {
    position:absolute;
}

#site-logo.lighten svg {
    fill:#fff;
}

#site-logo #logo-small {
    height:100% !important;
    width:auto !important;
}

/* .home #site-logo #logo-small {
	width: 50px !important;
	fill: #fff;
	opacity: 0;
	transition: all 0.3s ease-in-out;
} */

/* .home #site-logo.scrolled #logo-small {
	opacity: 1;
	transition: all 0.3s ease-in-out;
} */

/* .home #site-logo svg {
	width: 150px;
	transition: all 0.3s ease-in-out;
} */

/* #site-logo svg,
.home #site-logo.scrolled svg {
	width: 90px;
	transition: all 0.3s ease-in-out;
} */

/* .home #site-logo svg #Path_11437,
.home #site-logo svg #Path_11438 {
	opacity: 1;
	transition: all 0.3s ease-in-out;
} */

#site-logo svg #Path_11437,
#site-logo svg #Path_11438 {
    opacity:0;
    transition:all 0.3s ease-in-out;
}

/* .home #site-logo.scrolled svg #Path_11437,
.home #site-logo.scrolled svg #Path_11438 {
	opacity: 0;
	transition: all 0.3s ease-in-out;
} */

#site-logo .st0 {
    fill:#000;
}

/* .home #site-logo .st0 {
	fill: #fff;
} */

#site-logo .st1 {
    fill:#00B2BF;
}

/* =============== */
/* === Navlink === */
/* =============== */

#navlink {
    top:15px;
    right:15px;
    z-index:100;
    text-align:right;
    position:fixed;
}

#navlink button {
    padding:0;
    /*outline: none !important;*/
}

#navlink button:hover {
    opacity:1;
}

#navlink button .hamburger-box {
    width:30px;
    height:27px;
}

#navlink button:hover .hamburger-box {
    width:30px;
    height:27px;
}

#navlink button .hamburger-inner,
#navlink button .hamburger-inner::before,
#navlink button .hamburger-inner::after {
    width:30px;
    height:3px;
    border-radius:0;
    right:0;
    transition:all 0.3s ease-in-out;
}

/* .home #navlink button .hamburger-inner,
.home #navlink button .hamburger-inner::before,
.home #navlink button .hamburger-inner::after {
	background-color: #fff;
	transition: all 0.3s ease-in-out;
} */

/*#navlink button:focus .hamburger-inner,
#navlink button:focus .hamburger-inner::before,
#navlink button:focus .hamburger-inner::after {
	background-color: #e7b03c;
	transition: all 0.3s ease-in-out;
}*/

#navlink button .hamburger-inner,
#navlink button .hamburger-inner::before,
#navlink button .hamburger-inner::after {
    background-color:#000;
    transition:all 0.3s ease-in-out;
}

#navlink.lighten button .hamburger-inner,
#navlink.lighten button .hamburger-inner::before,
#navlink.lighten button .hamburger-inner::after {
    background-color:#fff;
}

#navlink button:hover .hamburger-inner {
    right:-6px;
    transition:all 0.3s ease-in-out;
}

#navlink button:hover .hamburger-inner::before {
    right:12px;
    transition:all 0.3s ease-in-out;
}

#navlink button:hover .hamburger-inner::after {
    right:12px;
    transition:all 0.3s ease-in-out;
}

/* .home #navlink button.is-active .hamburger-inner,
.home #navlink button.is-active .hamburger-inner::before,
.home #navlink button.is-active .hamburger-inner::after {
	background-color: #000;
} */

#navlink button.is-active .hamburger-inner,
#navlink button.is-active .hamburger-inner::before,
#navlink button.is-active .hamburger-inner::after {
    background-color:#fff;
    right:0 !important;
}

.front-page-happy-lines-wrapper {
    display:grid;
}

.front-page-happy-lines-wrapper img {
    justify-self:end;
    transform:rotatey(180deg) translateY(-50%);
}

.header-happy-lines-wrapper {
    display:flex;
    align-items:center;
    justify-content:end;
    transform:translateY(calc(100% + 14px));
    position:relative;
    z-index:2;
}

@media (width < 550px) {
    .front-page-happy-lines-wrapper img {
        transform:rotatey(180deg) translate(-25%, -50%) scale(0.75);
    }

    .header-happy-lines-wrapper img {
        transform:translate(14%, -14%) scale(0.75);
    }
}

/* ================= */
/* === Main Menu === */
/* ================= */

#main-menu {
    position:fixed;
    top:0;
    right:0;
    width:600px;
    bottom:0;
    opacity:1;
    z-index:-1;
}

#main-menu.open {
    z-index:50;
}

#main-menu.close {
    z-index:-1;
    animation-name:MenuCloseIndex;
    animation-duration:0.5s;
}

/* .home #main-menu .menu-wrapper {
	background-color: #fff;
	background-image: url("/wp-content/themes/vault/images/light_texture.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 80%;
} */

#main-menu .menu-wrapper {
    position:absolute;
    background-image:url("/wp-content/themes/vault/images/flower-texture-1.png"), linear-gradient(#08675C, #11393D);
    background-position:bottom right, center center;
    background-repeat:no-repeat, no-repeat;
    background-size:cover, 100%;
    top:0;
    right:0;
    width:60px;
    height:60px;
    opacity:0;
    z-index:-1;
}

#main-menu .menu-inner {
    padding:120px 120px 0;
    position:relative;
    float:left;
    width:100%;
    height:100vh;
    /* enable scrolling at 650px high */
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    overflow-y:auto;
}

#main-menu.open .menu-wrapper {
    width:100%;
    height:100%;
    opacity:1;
    border-radius:0;
    z-index:50;
    animation-name:MenuOpen;
    animation-duration:0.5s;
    animation-timing-function:linear;
    animation-play-state:paused;
}

#main-menu.close .menu-wrapper {
    width:60px;
    height:60px;
    opacity:0;
    z-index:-1;
    border-radius:100%;
    animation-name:MenuClose;
    animation-duration:0.5s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
    animation-play-state:paused;
}

#navigation .link {
    color:#fff;
    font-size:30px;
    font-weight:600;
    font-style:normal;
    line-height:1;
    letter-spacing:3.75px;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    margin-bottom:30px;
    padding:0 60px 10px 15px;
    clear:both;
    float:left;
    opacity:0;
    border:none !important;
    text-decoration:none;
}

/* #navigation .link:hover {
	color: #0b8b7c;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
} */

#navigation .link:hover {
    color:#F1A900;
    font-family:'Playfair Display', serif;
    font-style:italic;
    background-size:100% 65%;
    transition:all 0s ease-in-out !important;
}

#main-menu.open .link {
    opacity:0;
    /* margin-left: -60px; */
    animation-name:NavSlideIn;
    animation-duration:0.4s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
}

#main-menu.open .link.l1 {
    animation-delay:0.5s;
}

#main-menu.open .link.l2 {
    animation-delay:0.6s;
}

#main-menu.open .link.l3 {
    animation-delay:0.7s;
}

#main-menu.open .link.l4 {
    animation-delay:0.8s;
}

#main-menu.open .link.l5 {
    animation-delay:0.9s;
}

#site-info {
    margin-bottom:2rem;
    padding-left:1.15rem;
    opacity:0;
}

#main-menu.open #site-info {
    opacity:0;
    margin-left:-60px;
    animation-name:NavSlideIn;
    animation-duration:0.25s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
    animation-delay:1s;
}

/* .home #site-info a {
	color: #000;
} */

/* .home #site-info a:hover {
	color: #08675C;
} */

#site-info a {
    color:#fff;
    /* transition: all 0.5s ease-in-out; */
}

#site-info a:hover {
    color:#e7b03c;
    text-decoration:none;
    /* transition: all 0.5s ease-in-out; */
}

#site-info .social {
    margin-bottom:10px;
}

#site-info .social a {
    display:inline-block;
    margin-right:7px;
}

/* .home #site-info .social a i {
	color: #000;
} */

/* .home #site-info .social a:hover i {
	color: #08675C;
} */

#site-info .social a i {
    color:#fff;
    font-size:18px;
    /* transition: all 0.5s ease-in-out; */
}

#site-info .social a:hover i {
    color:#e7b03c;
    /* transition: all 0.5s ease-in-out; */
}

#site-info .column .phone a {
    font-weight:400;
}

/* ======================= */
/* === Header - Mobile === */
/* ======================= */

#nav-bg {
    position:fixed;
    width:100%;
    top:0;
    left:0;
    height:60px;
    z-index:5;
    opacity:1;
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(20px);
    background-color:rgba(255, 255, 255, 0.5);
    transition:opacity 0.2s ease-in-out;
}

body.menu-open #nav-bg {
    opacity:0;
    transition:opacity 0.6s ease-in-out;
}

/* .menu-open #nav-bg {
	width: calc(100% - 600px);
	transition: width 0.8s ease-in-out;
}

@media (max-width: 767.98px) {
	.menu-open #nav-bg {
		width: 100%;
	}
} */

/* #nav-bg.hide {
	opacity: 0;
	margin-top: -65px;
	transition: all 0.5s ease-in-out;
} */

/* #navlink.mobile,
#site-logo.mobile {
	opacity: 1;
	margin-top: 0;
	transition: all 0.5s ease-in-out;
} */

/* #navlink.mobile.hide,
#site-logo.mobile.hide {
	opacity: 0;
	margin-top: -65px;
	transition: all 0.5s ease-in-out;
} */

/* ======================== */
/* === Internal Heading === */
/* ======================== */

#internal-heading {
    position:relative;
    padding-top:140px;
}


#internal-heading p.internal-heading_text {
    width:80%;
    font-size:1.25rem;
    margin-bottom:30px;
}

#internal-heading p.internal-heading_subheading {
    width:80%;
    margin-bottom:30px;
    font-size:1.8rem;
    font-weight:300;
    line-height:1.4;
    letter-spacing:0;
    font-family:'Roboto Condensed', sans-serif;
    text-transform:inherit;
}

@media ( width < 768px ) {

    #internal-heading p.internal-heading_subheading {
        width:100%;
    }
}


#internal-heading .link {
    margin-right:30px;
}

/* About page */


.page-id-78 #internal-heading {
    background-image:url(/wp-content/themes/vault/images/w-bg-1.svg);
    background-position:calc(100% + 400px) -160px;
    background-size:1200px;
    background-repeat:no-repeat;
    object-fit:cover;
    width:100%;
    height:100%;
    padding-bottom:300px;
    position:relative;
    z-index:1;
}

#internal-heading .pdf-wrap {
    margin-top:25px;
    display:inline-block;
}

/* ===================== */
/* === Basic Content === */
/* ===================== */


/* ================ */
/* === Backlink === */
/* ================ */

#backlink {
    padding-top:80px;
}

/* ================ */
/* === Programs === */
/* ================ */

#programs {
    background-image:url("/wp-content/themes/vault/images/w-bg-2.png");
    background-position:0 50%;
    background-repeat:no-repeat;
    background-size:auto 90%;
}

#programs .programs {
    display:grid;
    column-gap:55px;
    row-gap:100px;
    --programs-cols:2;
    grid-template-columns: repeat(var(--programs-cols), 1fr);
}

#programs .program {
    text-align:left;
    max-width:300px;
    /* margin-bottom: 80px; */
}

#programs .program .program-logo-wrap {
    min-height:120px;
    display:flex;
    justify-content:flex-start;
    position:relative;
}

#programs .program img {
    height:100%;
    max-height:120px;
    max-width:300px;
    width:auto;
    object-fit:contain;
    margin-right:auto;
    position:static;
    left:0;
    bottom:0;
}

#programs .program h3 {
    margin-top:30px;
    margin-bottom:15px;
}

#programs .program h5 {
    margin-top:20px;
    margin-bottom:0;
    display:inline-block;
}

#programs .program ul {
    padding-left:25px;
    margin-bottom:0;
}

@media (width < 940px) {
    #programs .programs {
        --programs-cols:1;
    }
}

/* ===================== */
/* === Partner Logos === */
/* ===================== */

#partner-logos {
    text-align:center;
    padding:140px 0;
    color:#fff;
    background-image:url("/wp-content/themes/vault/images/w-bg-3.svg"), linear-gradient(175deg, rgba(8, 103, 92, 1) 0%, rgba(17, 57, 61, 1) 100%);
    background-position:calc(100% + 48px) 100%, 50% 50%;
    background-repeat:no-repeat;
    background-size:600px, 100%;
}

/*#partner-logos h4 {
	font-family: 'Oswald', sans-serif;
    font-weight: 500;
	font-size: 60px;
	color: white;
	text-fill-color: transparent;
	text-stroke-width: 1px;
	text-stroke-color: white;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;
}*/

.former-partners {
    font-size:16px;
    letter-spacing:3px;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    font-weight:600;
    margin-bottom:30px !important;
    margin-top:30px;
}

/* #partner-logos h2 {
    margin-bottom:60px;
} */

#partner-logos img {
    width:100%;
}

#partner-logos .viewlink {
    margin-top:40px;
}

/* #partner-logos .viewlink button {
	background: none;
	border: none;
	color: #fff;
	transition: all 0.3s ease-in-out;
}

#partner-logos .viewlink button:hover {
	color: #e7b03c;
	transition: all 0.3s ease-in-out;
	text-decoration: underline;
} */

#partner-logos .viewlink.opened button.more,
#partner-logos .viewlink.closed button.less {
    display:none;
}

#partner-logos .viewlink.closed button.more,
#partner-logos .viewlink.opened button.less {
    display:inline-block;
}

#partner-logos .logo {
    margin-bottom:30px;
}

#partner-logos .secondary-logos.closed .outer {
    height:0 !important;
    overflow:hidden;
    transition:all 0.5s ease-in-out;
}

#partner-logos .secondary-logos.opened .outer {
    overflow:visible;
    transition:all 0.5s ease-in-out;
}

#partner-logos .secondary-logos.closed .logo img {
    opacity:0;
    transform:scale(0.5);
    transition:all 0.5s ease-in-out;
}

#partner-logos .secondary-logos.opened .logo img {
    opacity:1;
    transform:scale(1);
    transition:all 0.5s ease-in-out;
    transition-delay:0.5s;
}

/* ====================== */
/* === Team Aggregate === */
/* ====================== */

#team-aggregate {
    text-align:center;
    background-image:url(/wp-content/themes/vault/images/flower-background.png);
    background-repeat:no-repeat, no-repeat;
    background-size:cover, 100%;
    background-position:top, center;
    margin-top:-175px;
    position:relative;
    z-index:0;
}

.team-pronouns {
    font-family:'Playfair Display', serif;
    font-style:italic;
    color:black;
    margin-top:10px;
}

/* #team-aggregate h2.team-aggregate_heading {
    font-family:'hind', sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:2.5rem;
    font-weight:600;
    margin-bottom:1.25rem;
} */

#team-aggregate p.team-aggregate_subheading {
    font-size:1.5rem;
    line-height:1.5;
    margin-bottom:3.25rem;
}


/********** filter styles **********/

.filter {
    display:flex;
    flex-direction:column;
    margin-bottom:5.5rem;

}

.filter ul {
    list-style:none;
    display:flex;
    justify-content:center;
    gap:1.75rem;
    padding:0;
}

.filter ul button {
    background:none;
    border:none;
    font-family:'hind', sans-serif;
    font-size:1rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    line-height:1.2;
    padding:0;
    white-space:nowrap;
}

.filter ul button:not(.selected-department) {
    color:#000;
}

.filter #offices {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2.6rem;
    transform:translate(-8px, 0);

}


.westie-radio input[type="radio"] {
    display:none; /* Hide the default radio button */
}

.westie-radio label {
    position:relative; /* Establish relative positioning for the label */
    padding-left:25px; /* Add space for the custom radio button circle */
    font-family:'hind', sans-serif;
    color:#116057;
    text-transform:uppercase;
    font-size:0.93rem;
    letter-spacing:1px;
    font-weight:600;
    cursor:pointer;
    margin-bottom:0;
    white-space:nowrap;
}

.westie-radio label::before {
    content:""; /* Create the pseudo-element for the custom circle */
    position:absolute; /* Position the circle relative to the label */
    left:1px;
    top:1px;
    width:16px; /* Set the size of the custom circle */
    height:16px;
    border:2px solid #116057; /* Customize the border of the circle */
    border-radius:50%; /* Ensure the shape is a circle */
}

/* Optional styles for the checked state */
.westie-radio input[type="radio"]:checked + label::before {
    background-color:#116057; /* Change the background color of the circle */
}

#team-aggregate .member {
    margin-bottom:60px;
}

#team-aggregate .member a {
    display:block;
}

#team-aggregate .member .picture {
    position:relative;
}

#team-aggregate .member .picture img {
    background:#efefef;
    width:100%;
    z-index:1;
    position:relative;
    filter:grayscale(100%);
    transition:all 0.5s ease-in-out;
}

#team-aggregate .member:hover .picture img {
    background:transparent;
    filter:grayscale(0);
    transition:all 1s ease-in-out;
}

#team-aggregate .member:hover a {
    text-decoration:none !important;
}

#team-aggregate .member .picture .bg {
    opacity:0;
    z-index:0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    background:linear-gradient(-45deg, #11393d, #08675c, #3ca2aa, #9edae2);
    background-size:1000% 1000%;;
    animation:Gradient 15s ease infinite paused;
    transition:all 0.5s ease-in-out;
}

#team-aggregate .member:hover .picture .bg {
    opacity:1;
    animation-play-state:running;
    transition:all 1s ease-in-out;
}

#team-aggregate .member h3 {
    margin-top:15px;
    color:#000;
    transition:all 0.5s ease-in-out;
	font-size:26px;
    font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: none;
	
}

#team-aggregate .member h4 {
    margin-bottom:0;
    color:#000;
    transition:all 0.5s ease-in-out;
	font-family: 'Hind', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#team-aggregate .member:hover h3,
#team-aggregate .member:hover h4 {
    color:#0b8b7c;
    transition:all 1s ease-in-out;
}

#team-aggregate .cta > a {
    display:block;
    position:relative;
}

#team-aggregate .cta .front {
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}

#team-aggregate .cta .bg {
    width:100%;
    z-index:0;
    position:relative;
}

#team-aggregate .cta .inner {
    padding:35px;
    text-align:left;
    top:50%;
    transform:translateY(-50%);
    position:relative;
}

/* ============================== */
/* ====about-us media queries ====*/
/* ============================== */

@media only screen and (max-width:846px) {
    .filter {
        width:50%;
        margin:0 auto 2rem auto;
    }

    .filter ul {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        row-gap:1rem;
    }

    .filter ul li:last-child {
        grid-column:1 / 3;
    }

    .filter #offices {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        row-gap:1rem;
    }

    .filter #offices span:last-child {
        grid-column:1 / 3;
    }
}


/* js classes */
.selected-department {
    color:#116057;
    border-bottom:3px solid #116057 !important; /* removed default button border on .department-tabs and need to override that here */
}

.hide-team-member {
    display:none;
}

/* ============================== */
/* === Individual Team Member === */
/* ============================== */

.single-team .team-member {
    padding-top:140px;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .single-team .team-member {
        padding-top:40px;
    }
}

.single-team .team-member .image img {
    width:100%;
    background:#efefef;
}

/* .single-team .team-member h1 {
    margin-top:45px;
    margin-bottom:15px;
} */

.single-team .team-member h4 {
    margin-bottom:30px;
}

.single-team .team-member .quote {
    font-size:26px;
    margin-bottom:60px;
}

.single-team .team-member .bio {

}

.bio-sec {
    font-weight:600;
    font-size:16px;
    letter-spacing:0;
    font-family:'Roboto Condensed', sans-serif;
    line-height:1.75;
    text-transform:none;
    margin-bottom:0 !important;
}

.single-team .team-member .backlink {
    margin-bottom:30px;
}

.single-team .team-member .column.left .inner {
    height:100%;
    display:flex;
    /* justify-content: space-around; */
    align-items:flex-start;
}

.single-team .team-member .column.left .inner .sticky {
    position:sticky;
    top:60px;
    width:100%;
}

/* Post Navigation */

.posts-navigation {
    width:100%;
    float:left;
    clear:both;
    margin-top:100px;
    margin-bottom:140px
}

.post-link {
    width:50%;
    overflow:hidden;
    pointer-events:none;
}

.post-link.prev {
    float:left;
}

.post-link.next {
    float:right;
}

.post-link:hover {
    pointer-events:all;
}

/* Arrow */

.post-link .trigger {
    width:40px;
    z-index:1;
    position:relative;
}

.post-link.prev .trigger {
    float:left;
}

.post-link.next .trigger {
    float:right;
}

.post-link .trigger .arrow {
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    display:inline-block;
    margin:auto;
    padding:0 10px;
    fill:#fff;
    pointer-events:all;
    background-image:url("/wp-content/themes/vault/images/arrow-bg.jpg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 40%;
    transition:all 0.25s ease-in-out;
    transition-delay:0.25s;
}

.post-link.prev .trigger .arrow {
    transform:scaleX(-1);
}

.post-link:hover .trigger .arrow {
    background-size:100% 100%;
    transition:all 0.25s ease-in-out;
}

/* Info */

.post-link .info {
    width:calc(100% - 40px);
    max-width:400px;
    background:#08675C;
    z-index:0;
    opacity:0.5;
    transform:scale(0.75);
    transition:all 0.25s ease-in-out;
}

.post-link.prev .info {
    float:left;
}

.post-link.next .info {
    float:right;
}

.post-link .info .inner {
    float:left;
    width:100%;
    padding:15px;
}

.post-link .info .image {
    float:left;
    width:90px;
}

.post-link .info .image img {
    width:100%;
}

.post-link .info .text {
    float:left;
    width:calc(100% - 90px);
    padding-left:15px;
}

.post-link .info .text div {
    color:#fff;
    text-decoration:none !important;
}

.post-link .info .text .sub {
    color:#fff;
    font-size:10px;
    font-weight:500;
    text-transform:uppercase;
    border-bottom:1px solid #fff;
    padding-bottom:2px;
}

.post-link .info .text .name {
    font-size:18px;
    line-height:20px;
    font-weight:400;
    padding-top:10px;
    margin-bottom:5px;
}

.post-link .info .text .title {
    font-size:9px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    font-weight:500;
}

.post-link.prev .info {
    margin-left:-100%;
    transition:all 0.25s ease-in-out;
}

.post-link.next .info {
    margin-right:-100%;
    transition:all 0.25s ease-in-out;
}

.post-link:hover .info {
    margin-left:0;
    margin-right:0;
    opacity:1;
    transform:scale(1);
    transition:all 0.25s ease-in-out;
    transition-delay:0.25s;
}

.post-template-default iframe {
    width:100%;
    /*height: auto;*/
}

/* ============================= */
/* === words from the westies=== */
/* ============================= */

#westie-words {
    outline:1px solid #000;
    background-color:#11393D;
    padding:5rem 0 3.1875rem 0;
}

.westie-words-heading {
    color:#fff;
    text-transform:uppercase;
    font-size:1.25rem;
    margin-bottom:0;
    font-family:'Hind', sans-serif;
    font-weight:500;
    letter-spacing:1px;
    text-align:center;
}

.westie-quote-wrap {
    padding-top:40px;
}

.quoted-westie {
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:50px;
}

.small-circle {
    width:92px;
    height:92px;
    border-radius:50%;
    background-color:#40A1A8;
    margin:0 auto;
}

.westie-quote-wrap p {
    color:#fff;
    font-size:2rem;
    font-family:'Roboto Condensed', sans-serif;
    letter-spacing:1px;
    font-weight:300;
    text-align:center;
    line-height:1.2;
    margin-bottom:0;
}

.westie-quote {
    height:80px;
}

@media (width < 768px) {
    .westie-quote {
        min-height:160px;
    }
}

@media (width < 500px) {
    .westie-quote {
        min-height:225px;
        height:fit-content;
    }
}

.westie-name p {
    font-family:'Playfair Display', serif;
    font-size:1rem;
    font-style:italic;
    font-weight:400;
    text-align:left;
    margin-left:30px;
    margin-bottom:0;
}

.fade-in {
    opacity:0;
    animation:fade-in-animation 4s ease-in forwards;
}

@keyframes fade-in-animation {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.fade-out {
    opacity:1;
    animation:fade-out-animation 4s ease-out forwards;
}

@keyframes fade-out-animation {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

/* =========================== */
/* === Accreditation Logos === */
/* =========================== */

.accreditation-logo-grid {
    --alg-img-width:200px;
    --alg-img-height:200px;
    display:grid;
    --alg-cols:4;
    grid-template-columns: repeat(var(--alg-cols), 1fr);
    --alg-row-gap:1rem;
    row-gap:var(--alg-row-gap);
    --alg-col-gap:2rem;
    column-gap:var(--alg-col-gap);
}

.accreditation-logo-grid > * {
    display:grid;
    place-items:center;
}

.accreditation-logo img {
    height:auto;
    max-height:var(--alg-img-height);
    max-width:var(--alg-img-width);
}

@media (width > 1500px) {
    .accreditation-logo-grid {
        --alg-img-width:250px;
        --alg-img-height:250px;
    }
}

@media (width < 950px) {
    .accreditation-logo-grid {
        --alg-cols:2;
        --alg-col-gap:2rem;
        --alg-row-gap:0;
    }

    .accreditation-logo-grid > * {
        justify-self:center;
    }
}

@media (width < 600px) {
    .accreditation-logo-grid {
        --alg-img-width:150px;
        --alg-img-height:150px;
    }
}

/* ====================== */
/* === Work Aggregate === */
/* ====================== */

#work-aggregate .work {
    margin-bottom:30px;
    background-color:#000;
}

#work-aggregate .work a {
    color:#fff;
}


#work-aggregate .work.w1 .bg {
    background-position:top left;
}

#work-aggregate .work.w2 .bg {
    background-position:top center;
}

#work-aggregate .work.w3 .bg {
    background-position:center center;
}

#work-aggregate .work.w4 .bg {
    background-position:bottom center;
}

#work-aggregate .work.w5 .bg {
    background-position:center center;
}

#work-aggregate .work.w6 .bg {
    background-position:bottom center;
}

#work-aggregate .work.w7 .bg {
    background-position:bottom center;
}

#work-aggregate .work.w8 .bg {
    background-position:bottom center;
}

#work-aggregate .work.w9 .bg {
    background-position:bottom center;
}

#work-aggregate .work.w10 .bg {
    background-position:center center;
}

#work-aggregate .work.w11 .bg {
    background-position:bottom center;
}

#work-aggregate .biglink {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:5;
}


#work-aggregate .zoomblock {
    display:block;
}


/* ================== */
/* === Zoomblocks === */
/* ================== */

.zoomblock {
    background:#000;
    color:#fff;
    width:100%;
    position:relative;
    overflow:hidden;
}

.zoomblock.small {
    height:285px;
}

.zoomblock.medium {
    height:400px;
}

.zoomblock.tall {
    height:600px;
}

.zoomblock .bg {
    width:100%;
    height:100%;
    background-size:cover;
    background-position:bottom center;
    background-repeat:no-repeat;
    position:absolute;
    z-index:0;
    opacity:1;
    transform:scale(1);
    transition:all 0.5s ease-in-out;
}

.zoomblock:hover .bg {
    opacity:0.5;
    transform:scale(1.05);
    transition:all 1s ease-in-out;
}

.zoomblock .info {
    left:30px;
    right:30px;
    bottom:30px;
    z-index:1;
    position:absolute;
}

.zoomblock .info a {
    color:#fff !important;
}

.zoomblock .info h4 {
    font-size:12px;
    margin-bottom:0;
    transition:all 0.5s ease-in-out;
}

.zoomblock:hover .info h4 {
    margin-bottom:5px;
    transition:all 0.5s ease-in-out;
}

.zoomblock .info h2 {
    font-size:28px;
    line-height:0;
    margin-bottom:0;
    opacity:0;
    overflow:hidden;
    transition:all 0.5s ease-in-out;
} 

.zoomblock:hover .info h2 {
    line-height:34px;
    margin-bottom:20px;
    opacity:1;
    transition:all 0.5s ease-in-out;
}

.zoomblock .info p {
    font-size:14px;
    line-height:0;
    opacity:0;
    margin-bottom:0;
    overflow:hidden;
    transition:all 0.5s ease-in-out;
}

.zoomblock:hover .info p {
    font-size:14px;
    line-height:22px;
    opacity:1;
    overflow:hidden;
    transition:all 0.5s ease-in-out;
}

.zoomblock .info .link {
    line-height:0;
    opacity:0;
    color:#fff;
    display:inherit;
    overflow:hidden;
    transition:all 0.5s ease-in-out !important;
}

.zoomblock .info .link:hover {
    color:#fff;
    border-bottom:1px solid transparent !important;
}

.zoomblock .info .link .arrow {
    height:0;
    opacity:0;
    transition:all 0.5s ease-in-out;
}

.zoomblock .info .link .arrow path {
    fill:#fff;
}

.zoomblock .info .link:hover .arrow path {
    fill:#fff;
}

.zoomblock:hover .info .link {
    line-height:14px;
    opacity:1;
    transition:all 0.5s ease-in-out;
}

.zoomblock:hover .info .link .arrow {
    height:12px;
    opacity:1;
    transition:all 0.5s ease-in-out;
}

/* ====================== */
/* === Call to Action === */
/* ====================== */

#call-to-action .inner {
    width:75%;
    margin:auto;
    text-align:center;
}

#call-to-action .inner h2.subheading {
    margin-bottom:10px;
}

#call-to-action .inner p.subheading_sub {
    margin-bottom:40px;
}

#call-to-action.black {
    background:#000;
}

#call-to-action.black h2,
#call-to-action.black .inner p.subheading_sub {
    color:#fff;
}

#call-to-action.black .link {
    color:#fff;
}

#call-to-action.black .link .arrow path {
    fill:#fff;
}

/* =================== */
/* === Padding Row === */
/* =================== */

#padding-row.black {
    background:#000;
    border:1px solid #000;
    outline:1px solid #000;
}

/* =============== */
/* === Careers === */
/* =============== */

#careers-posting .posting {
    float:left;
    margin-bottom:80px;
    width:100%;
}

#careers-posting .posting h4 {
    margin-bottom:20px;
}

#careers-posting .posting p {
    margin-bottom:30px;
}

#careers-form h2 {
    margin-bottom:40px;
}

#careers-header h2 {
    margin-bottom:40px;
}

/* ====================== */
/* === Contact Blocks === */
/* ====================== */

#contact-blocks .column.left {
    margin-top:130px;
}

#contact-blocks .location {
    margin-bottom:30px;
}

#contact-blocks .cta {
    height:auto;
    width:100%;
    position:relative;
}

#contact-blocks .cta .text {
    width:70%;
    padding-top:60px;
    padding-bottom:30px;
}

#contact-blocks .cta .links {
    text-align:right;
    padding-right:30px;
    padding-bottom:50px;
}

#contact-blocks .cta .links .link {
    margin-bottom:10px;
}

#contact-blocks .cta .bg {
    width:80%;
    height:100%;
    top:0;
    right:0;
    bottom:0;
    z-index:-1;
    position:absolute;
    background:#E5E5E5;
}

/* ========================= */
/* === Contact Blocks V2 === */
/* ========================= */

#contact-blocks-v2 .image {
    padding-right:90px;
    z-index:0;
    position:relative;
}

#contact-blocks-v2 .image img {
    width:100%;
}

#contact-blocks-v2 .cta {
    width:500px;
    float:right;
    background:#f3d4aa;
    margin-top:-180px;
    z-index:1;
    position:relative;
}

#contact-blocks-v2 .cta .inner {
    padding:60px;
}

#contact-blocks-v2 .cta .inner .text {
    margin-bottom:30px;
}

#contact-blocks-v2 .cta .inner .links {
    text-align:right;
}


/* ============================== */
/* === Contact / Careers Form === */
/* ============================== */

.gform_wrapper ul.gform_fields li.gfield {
    padding-right:0 !important;
}

.field-captcha .gfield_label {
    display:none !important;
}

body .field-captcha {
    opacity:0 !important;
}

.field-captcha .ginput_recaptcha {
    float:right;
}

#colophon .ginput_recaptcha {
    margin-top:16px !important;
    margin-bottom:16px !important;
}

#field_2_1,
#field_5_1 {
    margin-bottom:0;
}

#input_2_1_3_container,
#input_2_1_6_container,
#input_5_1_3_container,
#input_5_1_6_container {
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}

#input_2_1_3_container input,
#input_2_1_6_container input,
#input_5_1_3_container input,
#input_5_1_6_container input {
    margin-top:0;
    margin-bottom:20px;
}

.gform_wrapper li.hidden_label input,
body .gform_wrapper .top_label div.ginput_container {
    margin-top:0 !important;
}

#input_2_5,
#input_2_11 {
    background-image:url("/wp-content/themes/vault/images/icon-down-arrow-dark.svg");
    background-size:18px;
    background-repeat:no-repeat;
    background-position:calc(100% - 15px);
}

#field_2_8 {
    float:right;
}

#field_5_9,
#field_5_10 {
    width:50%;
    float:left;
    clear:none;
}

#field_5_9 input,
#field_5_10 input {
    width:100%;
    border:none;
    box-shadow:none;
}

#field_5_9 .ginput_container {
    padding-right:8px;
}

#field_5_10 .ginput_container {
    padding-left:8px;
}

.gform_wrapper .gform_footer {
    margin-top:30px !important;
    padding-top:0 !important;
}

.gform_body .gform_button,
.gform_footer .gform_button {
    color:#fff;
    background-image:linear-gradient(to left, #2e665d, #0d3133);
    background-color:#2e665d;
    padding:17px 40px 16px 40px;
    border-radius:30px;
    border:none;
    font-family:'Hind', serif;
    text-transform:uppercase;
    font-style:normal;
    white-space:nowrap;
    font-weight:500;
    letter-spacing:0.08em;
    font-size:0.9375rem;
    text-decoration:underline;
    text-decoration-color:transparent;
    min-width:142px;
    width:auto !important;
}

.gform_footer .gform_button:hover {
    text-decoration:underline;
    font-style:italic;
    background-image:linear-gradient(to left, #0d3133, #2e665d);
    transition:none !important;
    font-family:"Playfair Display", serif;
    padding:15px 39px 18px 39px;
    text-underline-offset:auto;
    letter-spacing:0.08em;
    text-transform:none;
}

.gform_wrapper .validation_error {
    display:none;
}

.gform_wrapper .gfield_error {
    border-top:0 !important;
    padding-top:0 !important;
    border-bottom:0 !important;
    background:none !important;
}

.gform_wrapper .validation_message {
    padding-top:5px !important;
}

.gform_wrapper .gform_ajax_spinner {
    display:none !important;
}

#label_5_13_1 {
    color:black;
    font-style:inherit;
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:16px;
    padding-left:10px;
}

#label_2_9_1 {
    font-style:inherit;
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:16px;
    padding-left:10px;
    color:#000;
}

.page-id-16432 #label_2_9_1 {
    color:#fff;
}

/* ======================= */
/* === Newsletter Form === */
/* ======================= */

.gform_page_footer {
    padding-top:0 !important;
    margin-top:20px !important;
    margin-bottom:0 !important;
    border:none !important;
}

.gform_wrapper .gf_page_steps {
    display:none !important;
}

.gform_page_footer input {
    clear:both;
    display:inline-block;
    color:#fff;
    font-size:14px;
    line-height:14px;
    font-weight:500;
    letter-spacing:1px;
    padding:0;
    border:none;
    background:none;
    border-radius:0;
    margin-right:0 !important;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    transition:all 0.3s ease-in-out;
}

.gform_page_footer input:hover {
    color:#0b8b7c;
    text-decoration:none;
    transition:all 0.3s ease-in-out;
}

.gform_page_footer .gform_previous_button {
    width:50% !important;
    float:left;
    text-align:left;
    clear:none;
    margin:0 !important;
}

.gform_page_footer .gform_next_button,
.gform_page_footer #gform_submit_button_6 {
    width:50% !important;
    float:right;
    text-align:right;
    clear:none;
    margin:0 !important;
    background:none !important;
}

.gform_page_fields .gfield {
    padding:0 !important;
    margin:0 !important;
    max-width:100% !important;
}

.gform_page_fields .gfield input {
    width:100%;
    background:none;
    border:none;
    border-bottom:2px solid #fff;
    box-shadow:none !important;
    padding:0 !important;
    color:#fff;
    height:40px !important;
}

.gform_page_fields .gfield_error,
.gform_wrapper.gform_validation_error .gform_body .gform_page_fields ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    width:100% !important;
    max-width:100% !important;
}

.gform_page_fields .gfield_error input {
    border:none !important;
    border-bottom:2px solid #fff !important;
    box-shadow:none !important;
}


.gform_page_fields .gfield ::placeholder {
    color:#fff;
    opacity:1;
}

.gform_page_fields .gfield :-ms-input-placeholder {
    color:#fff;
}

.gform_page_fields .gfield ::-ms-input-placeholder {
    color:#fff;
}

/* =========== */
/* === 404 === */
/* =========== */

.error404 .image {
    text-align:center;
    margin-top:100px;
    margin-bottom:100px;
}

.error404 .image img {
    width:100%;
    height:auto;
}

/* ================= */
/* === News Page === */
/* ================= */

#news-posts {
    padding-top:60px;
    padding-bottom:120px;
}

#news-posts .post {
    margin-bottom:40px;
}

#news-posts .post .inner a {
    display:block;
    text-decoration:none !important;
}

#news-posts .post .inner .zoom {
    width:100%;
    position:relative;
    overflow:hidden;
}

#news-posts .post .inner .zoom:after {
    content:"";
    display:block;
    padding-bottom:100%;
}

#news-posts .post .inner .zoom .img {
    width:100%;
    height:100%;
    transform:scale(1);
    position:absolute;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transition:all 0.5s ease-in-out;
}

#news-posts .post:hover .inner .zoom .img {
    transform:scale(1.05);
    transition:all 0.5s ease-in-out;
}

#news-posts .post .inner h4 {
    color:#000;
    margin-top:15px;
    margin-bottom:10px;
    transition:all 0.5s ease-in-out;
	font-size: 16px;
	font-family: 'Hind', sans-serif;
	letter-spacing: 3px;
	
}

#news-posts .post .inner h3 {
    color:#000;
    margin-bottom:20px;
    transition:all 0.5s ease-in-out;
	text-transform: none;
	font-weight: 300;
	font-size: 26px;
	letter-spacing: 0;
}

#news-posts .post:hover .inner h4 {
    color:#08675C;
    transition:all 0.5s ease-in-out;
}

#news-posts .post:hover .inner h3 {
    color:#08675C;
    text-decoration:underline;
    transition:all 0.5s ease-in-out;
}

#news-posts .navigation {
    clear:both;
    width:100%;
    margin-top:80px;
}

#news-posts .navigation .nav-links {
    margin:auto;
    display:flex;
}

#news-posts .navigation h2 {
    display:none;
}

#news-posts .navigation .page-numbers {
    color:#000;
    font-size:1rem;
    font-weight:500;
    letter-spacing:1px;
    padding:0 5px;
    font-family:'Hind', sans-serif;
    transition:all 0.5s ease-in-out;
}

#news-posts .navigation .page-numbers:hover {
    color:#08675C;
    text-decoration:none;
    transition:all 0.5s ease-in-out;
}

/* pagination next and prev buttons */

#news-posts .navigation .prev.page-numbers,
#news-posts .navigation .next.page-numbers {
    color:var(--dark-green);
    font-size:1rem;
    font-weight:500;
    letter-spacing:1px;
    padding:0 5px;
    font-family:'Playfair Display', sans-serif;
    font-style:italic;
    transition:all 0.5s ease-in-out;
}

#news-posts .navigation .prev-button,
#news-posts .navigation .next-button {
    display:flex;
    gap:5px;
}

#news-posts .navigation .prev.page-numbers:hover .pagination-text,
#news-posts .navigation .next.page-numbers:hover .pagination-text {
    text-decoration:underline;
}

#news-posts .navigation .prev.page-numbers:hover::before,
#news-posts .navigation .next.page-numbers:hover::before {
    text-decoration-skip-ink:auto;
}


#news-posts .navigation .page-numbers.current {
    text-decoration:underline;
}

#news-filter {
    width:100%;
    clear:both;
    margin-top:100px;
    margin-bottom:60px;
}

#news-filter ul {
    display:flex;
    margin:0;
    padding:0;
}

#news-filter select {
    -webkit-appearance:none;
    width:200px;
    border-radius:0;
    border:none;
    background-color:transparent;
    border-bottom:2px solid #000;
    padding-left:0;
    font-size:14px;
    text-align:left;
    padding-bottom:4px;
    background-image:url("/wp-content/themes/vault/images/icon-down-arrow.svg");
    background-position:right center;
    background-repeat:no-repeat;
    background-size:10px;
    margin-bottom:1rem;
    color:inherit;
    font-family:inherit;
}

#news-filter input[type=submit] {
    color:#fff;
    background-image:linear-gradient(to left, #2e665d, #0d3133);
    background-color:#2e665d;
    padding:8px 30px 5px 30px;
    border-radius:30px;
    border:none;
    font-family:'Hind', serif;
    text-transform:uppercase;
    font-style:normal;
    white-space:nowrap;
    font-weight:500;
    letter-spacing:0.08em;
    font-size:0.9375rem;
    text-decoration:underline;
    text-decoration-color:transparent;
    text-align:center;
    min-width:120px;
}

#news-filter input[type=submit]:hover {
    text-decoration:underline;
    font-style:italic;
    background-image:linear-gradient(to left, #0d3133, #2e665d);
    transition:none !important;
    font-family:"Playfair Display", serif;
    padding:5px 29px 8px 29px;
    text-underline-offset:auto;
    letter-spacing:0.08em;
    text-transform:none;
}

/* ======================= */
/* === Individual News === */
/* ======================= */

#single-news {
    padding-top:80px;
    padding-bottom:120px;
}

#single-news .link.back {
    margin-bottom:40px;
}

#single-news img {
    width:100%;
    height:auto;
}

#single-news h1 {
    width:80%;
    margin-bottom:30px;
	font-weight: 300;
	text-transform: none;
	line-height: 1.2;

}

#single-news .date {
    margin-top:60px;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: 600;
	font-family: 'Hind', sans-serif;
}

#single-news .author {
    margin-bottom:60px;
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: 600;
	font-family: 'Hind', sans-serif;
}

#single-news .social-sharing {
    margin-top:60px;
    text-align:right;
	
}

#single-news .postnav {
    width:100%;
    float:left;
    clear:both;
    padding:100px 0;
    display:flex;
    justify-content:space-between;
}

#single-news .postnav .new {
    display:flex;
    justify-content:end;
}

#single-news .postnav .old {
    display:flex;
    justify-content:start;
}

#single-news .postnav:hover .old a,
#single-news .postnav:hover .new a {
    text-decoration:none;
}

#single-news .postnav .old:hover .pagination-text,
#single-news .postnav .new:hover .pagination-text {
    text-decoration:underline;
}

/* ================== */
/* === Site Links === */
/* ================== */

#vert-social,
#vert-cta {
    display:none;
}

.home #vert-cta a,
.home #vert-social a {
    color:#fff;
    /* transition: all 0.5s ease-in-out; */
}

.home #vert-social a:hover,
.home #vert-social a:focus {
    border-bottom:1px solid #fff;
    /* transition: all 0.5s ease-in-out; */
}

.home #vert-cta .link .arrow path {
    fill:#fff;
}


.side-link {
    position:fixed;
}

#vert-social {
    position:fixed;
    left:15px;
    bottom:60px;
    z-index:10;
}

#vert-social a {
    display:block;
    margin-top:15px;
    color:#0b8b7c;
    text-align:center;
    border-bottom:1px solid transparent;
    /* transition: all 0.5s ease-in-out; */
}

#vert-social a:hover,
#vert-social a:focus {
    border-bottom:1px solid #0b8b7c;
    /* transition: all 0.5s ease-in-out; */
}

#vert-cta {
    right:-75px;
    bottom:160px;
    transform:rotate(-90deg);
    z-index:10;
}

#vert-cta .link {
    color:#0b8b7c;
}

.home #vert-cta .link:hover {
    border-bottom:1px solid #fff;
}


#vert-cta .link:hover {
    border-bottom:1px solid #0b8b7c;
}

#vert-cta.lighten .link {
    color:#fff;
}

#vert-cta .link .arrow {
    /* position: absolute; */
    margin:0;
    padding-left:15px;
}

#vert-cta .link .arrow path {
    fill:#0b8b7c;
}

#vert-cta.lighten .link .arrow path {
    fill:#fff;
}

/* ======================= */
/* === Internal Portal === */
/* ======================= */

#portal {

}

#portal #internal-heading {
    padding-bottom:80px;
}

#portal #restricted {
    padding-bottom:180px;
}

#portal .section {
    padding-bottom:20px;
}

#portal .section h2 {
    margin-bottom:5px;
}

#portal .section .resource {
    background:#efefef;
    margin-bottom:20px;
}

#portal .section .resource .inner {
    padding:30px;
}

#portal .section .resource .title {
    margin-bottom:5px;
    font-weight:700;
}


#portal .section .resource .links {
    margin-top:15px;
}

#portal .section .resource .link {
    display:block;
    font-size:12px;
    margin-bottom:5px;
    border:none !important;
}

#portal .section .resource .link:nth-last-child(1) {
    margin-bottom:0;
}

#portal .section .resource .link a {
    color:#08675c;
    font-style:normal;
    font-family:'Hind', sans-serif;
    text-transform:uppercase;
    transition:all 0.5s ease-in-out;
}

#portal .section .resource .link a:hover {
    color:#3ca2aa;
    transition:all 0.5s ease-in-out;
}


#portal .closure {
    border-bottom:2px solid #efefef;
    margin-bottom:20px;
    padding-bottom:20px;
}

#portal .closure:nth-last-child(1) {
    border-bottom:none;
}


#portal .closure .occasion {
    font-weight:700;
    margin-bottom:5px;
}

#portal #restricted .form {
    margin-top:40px;
}

#portal #restricted .form .login-username,
#portal #restricted .form .login-password {

}

#portal #restricted .form .login-username label,
#portal #restricted .form .login-password label {
    font-size:12px;
    margin-bottom:5px;
}

#portal #restricted .form .login-username input,
#portal #restricted .form .login-password input {
    display:block;
    padding:10px;
    border:1px solid #3C3C3B;
    width:300px;
}

#portal #restricted .form .login-submit input {
    clear:both;
    display:inline-block;
    color:#000;
    font-size:14px;
    line-height:14px;
    font-weight:500;
    letter-spacing:2.5px;
    padding:0;
    border:none;
    background:none;
    border-radius:0;
    margin-right:0 !important;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    transition:all 0.3s ease-in-out;
}

#portal #restricted .form .login-submit input:hover {
    color:#0b8b7c;
    text-decoration:none;
    transition:all 0.3s ease-in-out;
}

/* =================== */
/* === Agency Reel === */
/* =================== */

#agency-reel {
    background:#000;
    padding-top:120px;
    padding-bottom:120px;
}

/* #agency-reel h2 {
    color:#fff;
    font-size:45px;
    line-height:45px;
    margin-bottom:30px;
} */

#agency-reel .text {
    margin-bottom:60px;
}

#agency-reel .text .link {
    color:#fff;
    display:none;
}

#agency-reel .link .arrow path {
    fill:#fff;
}

#agency-reel .snippet {
    display:block;
    margin-bottom:60px;
}

#agency-reel .snippet video {
    width:100%;
    height:auto;
}

/* ============== */
/* === Footer === */
/* ============== */

#colophon {
    color:#fff;
    clear:both;
    position:relative;
    background:transparent linear-gradient(240deg, #11393D 0, #08675C 100%, #08675C 100%) 0 0 no-repeat padding-box;
}

#colophon .happy-lines {
    left:0;
    top:-20px;
    position:absolute;
    height:40px;
    z-index:2;
}

#colophon a {
    color:#fff;
    text-decoration:underline;
    transition:all 0.3s ease-in-out;
}

#colophon a:hover {
    color:#e7b03c;
    transition:all 0.3s ease-in-out;
}

#colophon .inner {
    padding:80px 0;
}

#colophon .form h3 {
    margin-bottom:30px;
}

#colophon .info .attr {
    font-size:12px;
    margin-top:30px;
}

#colophon .gform_page_footer .button:hover {
    color:#e7b03c;
}

#colophon .social a {
    text-decoration:none;
    font-size:20px;
    margin-right:8px;
    margin-top:-5px;
}

/* ========================= */
/* === Services Template === */
/* ========================= */

/* Heading */

#services-heading {
    padding-top:140px;
    margin-bottom:80px;
}
/* 
#services-heading h1 {
    font-size:3.125rem;
    letter-spacing:3px;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    font-weight:600;
    margin-bottom:15px;
} */

#services-heading p {
    margin-bottom:30px;
}

#services-heading p.internal-heading_subheading {
    width:80%;
    margin-bottom:30px;
    font-size:1.8rem;
    font-weight:300;
    line-height:1.4;
    letter-spacing:0;
    font-family:'Roboto Condensed', sans-serif;
    text-transform:inherit;

}

#services-heading p.internal-heading_text {
    width:80%;
    font-size:1.25rem;
    margin-bottom:30px;
}

/* V1 Heading */

#services-heading.v1 p.internal-heading_text {
    font-size:1.25rem;
}

/* V2 Heading */

#services-heading.v2 p.internal-heading_subheading {
    padding-right:60px;
}

#services-heading.v2 p.internal-heading_text {
    font-size:1.25rem;
    width:400px;
    margin-bottom:0;
}

/* Image - Big */

#services-image-big {
    margin-bottom:60px;
}

#services-image-big img {
    width:100%;
}

/* Image - Parallax */

#services-image-parallax {
    height:700px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:fixed;
    margin-bottom:100px;
    display:inline-block;
}

/* Our Services */

#services-our-services {
    margin-bottom:120px;
}

#services-our-services .service {
    margin-bottom:60px;
}

#services-our-services .service:nth-last-child(1) {
    margin-bottom:0;
}

#services-our-services h3 {
    margin-bottom:20px;
}

#services-our-services h3 a {
    color:#212529;
    text-decoration:underline;
	
    pointer-events:none;
}

#services-our-services p {
    font-size:18px;
    margin-bottom:0;
}

/* Our Expertise */

#services-our-expertise {
    margin-bottom:80px;
}

#services-our-expertise .text {
    margin-bottom:40px;
}

#services-our-expertise .text p {
    font-size:22px;
}

#services-our-expertise ul {
    margin-bottom:0;
}

#services-our-expertise ul li {
    font-size:18px;
    margin-bottom:8px;
}

/* Big Text */

#services-big-text {
    margin-top:-84px;
    margin-bottom:60px;
}

/* #services-big-text h2 {
    font-size:180px;
    color:#F5F5F5;
    line-height:1;
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:2.5px;
    margin:0;
} */

/* Contact Form */

#services-contact-form {
    margin-bottom:100px;
    padding-top:20px;
}

#services-contact-form h3 {
    margin-bottom:40px;
}

#gform_fields_10 {
    display:block;
}

#gform_fields_10 .ginput_container input,
#gform_fields_10 .ginput_container select,
#gform_fields_10 .ginput_container textarea {
    font-size:16px;
}

#field_10_1 {
    margin-bottom:0;
}

#input_10_1_3_container,
#input_10_1_6_container {
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}

#input_10_1_3_container input,
#input_10_1_6_container input {
    margin-top:0;
    margin-bottom:20px;
}

#input_10_5 {
    background-image:url("/wp-content/themes/vault/images/icon-down-arrow-dark.svg");
    background-size:18px;
    background-repeat:no-repeat;
    background-position:calc(100% - 15px);
}

/* Partner Logos */

#services-partner-logos {
    text-align:center;
    padding:140px 0 130px;
    color:#fff;
    background-image:url("/wp-content/themes/vault/images/w-bg-3.svg"), linear-gradient(175deg, rgba(8, 103, 92, 1) 0%, rgba(17, 57, 61, 1) 100%);
    background-position:calc(100% + 48px) 100%, 50% 50%;
    background-repeat:no-repeat;
    background-size:600px, 100%;
    margin-bottom:120px;
}

/* #services-partner-logos h2 {
    margin-bottom:40px;
} */

#services-partner-logos img {
    width:100%;
}

#services-partner-logos .logo {
    margin-bottom:30px;
}

/* Call to action */

#services-cta {
    margin-top:60px;
    margin-bottom:120px;
    display:inline-block;
}

#services-cta .inner {
    width:75%;
    margin:auto;
    text-align:center;
}

#services-cta .inner h4 {
    margin-bottom:10px;
}

#services-cta .inner h2 {
    margin-bottom:40px;
}

#services-cta.black {
    background:#000;
}

#services-cta.black h4,
#services-cta.black .inner h2 {
    color:#fff;
}

#services-cta.black .link {
    color:#fff;
}

#services-cta.black .link .arrow path {
    fill:#fff;
}

#services-cta.black .link:hover {
    color:#0b8b7c;
}

#services-cta.black .link:hover .arrow path {
    fill:#0b8b7c;
}

#services-cta .link:hover {
    text-decoration:underline;
}

/* Mobile */

@media (max-width:1449.98px) {

    /* Big Text */
    #services-big-text {
        margin-top:-80px;
    }
/* 
    #services-big-text h2 {
        font-size:150px;
    } */
}

@media (max-width:1322.98px) {
    /* V2 Heading */
    #services-heading.v2 h4 {
        padding-right:0;
    }

    #services-heading.v2 .column {
        width:70%;
    }

    #services-heading.v2 p {
        width:100%;
    }

    /* Big Text */
    #services-big-text {
        margin-top:-78px;
    }

    /* #services-big-text h2 {
        font-size:140px;
    } */

    /* Image - Parallax */
    #services-image-parallax {
        height:600px;
    }
}

@media (max-width:1199.98px) {
    /* V1 Heading */
    #services-heading.v1 .inner {
        width:80%;
    }

    /* V2 Heading */
    #services-heading.v2 .column {
        width:100%;
    }

    /* Big Text */
    #services-big-text {
        margin-top:-73px;
    }

    /* #services-big-text h2 {
        font-size:110px;
    } */

    /* Image - Parallax */
    #services-image-parallax {
        height:500px;
    }
}

@media (max-width:991.98px) {
    /* V1 Heading */
    #services-heading.v1 .inner {
        width:90%;
    }

    /* Our Services */
    #services-our-services .column.first {
        margin-bottom:60px;
    }

    /* Image - Big */
    #services-image-big {
        margin-bottom:80px;
    }

    /* Big Text */
    #services-big-text {
        margin-top:-91px;
    }

    #services-big-text h2 {
/*         font-size:90px; */
    }

    /* Our Services */
    #services-our-services {
        margin-bottom:80px;
    }

    /* Image - Parallax */
    #services-image-parallax {
        height:400px;
        margin-bottom:80px;
        background-attachment:unset;
    }
}

@media (max-width:767.98px) {
    /* V1 Heading */
    #services-heading.v1 .inner {
        width:100%;
    }

    /* V2 Heading */
    #services-heading.v2 h4 br {
        display:none;
    }

    /* Big Text */
    #services-big-text {
        margin-top:-89px;
    }

    /* #services-big-text h2 {
        font-size:70px;
    } */

    /* Image - Parallax */
    #services-image-parallax {
        height:300px;
    }
}

/* ============================= */
/* === Services Section Pages === */
/* ============================= */

.page-template-single-service-holder .intro,
.page-template-single-service-holder .service-pages,
.page-template-single-service-holder .content-block,
.single-service-type .backlink,
.single-service-type .intro,
.single-service-type .content-block,
.single-service-type .inline-img,
.single-service-type .inline-video,
.single-service-type .link-group .col { max-width:992px; margin-right:auto; margin-left:auto; }

.page-template-single-service-holder .content-block.holds-form .col,
.single-service-type .content-block.holds-form .col { margin-right:auto; margin-left:auto; }

.page-template-single-service-holder .content-block .col p:last-child,
.single-service-type .content-block .col p:last-child { margin-bottom:0; }

.page-template-single-service-holder h3,
.single-service-type h3 { font-family:'Hind', sans-serif; font-weight:700; margin-top:35px; margin-bottom:10px; } */

.page-template-single-service-holder h2,
.single-service-type h2 { font-size:40px; line-height:1.125; letter-spacing:0; text-transform:uppercase; } 

.page-template-single-service-holder h3,
.single-service-type h3 { font-size:20px; letter-spacing:0.45px; text-transform:uppercase; } */

.page-template-single-service-holder article,
.single-service-type article { background-color:#fff; background-image:url('images/services/116-and-West-flower-bkgd.gif');background-repeat:repeat-y; background-position:-200px -100px; background-size:1700px; }

/* .page-template-single-service-holder .intro h1,
.single-service-type .intro h1 { width:75%; font-size:3.125rem; letter-spacing:.5px; text-transform:uppercase; font-family:'Hind', sans-serif; font-weight:600; margin-bottom:15px; }  */

.page-template-single-service-holder article:after,
.single-service-type #hero:after { content:''; position:absolute; top:0; right:0; left:0; height:200vh; pointer-events:none; background-color:transparent; background-image:url('images/services/Background-Graphic-W-Transparent.png'); background-repeat:no-repeat; background-position:-150% top; background-size:490px; }



.page-template-single-service-holder .gform_wrapper,
.single-service-type .gform_wrapper { margin-top:45px;}

.page-template-single-service-holder .gform_wrapper h2.gform_title,
.single-service-type .gform_wrapper h2.gform_title { display:none !important; } 

.page-template-single-service-holder .gform_wrapper .gfield,
.single-service-type .gform_wrapper .gfield { margin-bottom:0; margin-top:20px; }
.page-template-single-service-holder .gform_wrapper .gfield:last-child,
.single-service-type .gform_wrapper .gfield:last-child { margin-top:0; }

.page-template-single-service-holder .gform_wrapper .gfield:last-child input,
.single-service-type .gform_wrapper .gfield:last-child input { margin-right:0; margin-left:auto; }

.page-template-single-service-holder .gform_footer.top_label,
.single-service-type .gform_footer.top_label { position:absolute; }

/* ============================= */
/* === Service Holder Page === */
/* ============================= */

.page-template-single-service-holder article { font-size:30px; padding:0 30px 138px 30px; }

.text-shadow-white { text-shadow: 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 10px #FFF, 0px 0px 10px #FFF;
}

 .page-template-single-service-holder .intro h1 { margin-top:135px; } 

.page-template-single-service-holder .intro h3 {text-transform:none; max-width:unset; } 

/* .page-template-single-service-holder .intro h3 { font-size:18px; line-height:1.6666; font-weight:300; } */

.page-template-single-service-holder #call-to-action { padding-top:40px; padding-bottom:40px; }

.page-template-single-service-holder .teasers { margin-top:65px; justify-content: space-between;}
.page-template-single-service-holder .teasers .teaser { margin-bottom:65px; display:block; }

.page-template-single-service-holder .teasers .teaser,
.page-template-single-service-holder .teasers .teaser p:hover,
.page-template-single-service-holder .teasers .teaser h2:hover { text-decoration:none; }

.page-template-single-service-holder .teasers .teaser p { font-size:18px; line-height:1.666; letter-spacing:0.45px; max-width:34ch; color:#15141A; }

/* .page-template-single-service-holder .teasers .teaser h2 { font-family: 'Hind', sans-serif; text-transform:uppercase; letter-spacing:2px; font-size:2.5rem; font-weight:600; line-height:1.1; color:#15141A; } */

.page-template-single-service-holder .teasers .teaser .link { font-size:20px; line-height:1.5; }
.page-template-single-service-holder .teasers .teaser .link:hover { text-decoration:underline; color:var(--light-green); }
.page-template-single-service-holder .teasers .teaser .link:hover .arrow { fill:var(--light-green); }

/* ============================= */
/* === Service Type Page === */
/* ============================= */

.single-service-type { font-size:20px; line-height:1.5; }
.single-service-type .site-footer { font-size:15px; line-height:1.5; }

.single-service-type #hero { position:relative; z-index:0; }
.single-service-type #hero img { height:35vh; width:auto; }

.single-service-type .backlink { margin-top:52px; padding-right:15px; padding-left:15px; }
.single-service-type .backlink .link { font-size:20px; line-height:1.5; margin-bottom:60px; }

.single-service-type .intro { padding-right:15px; padding-left:15px; }
.single-service-type .intro p { font-family:'Roboto Condensed', sans-serif; font-size:1.5rem; line-height:1.3; }
.single-service-type .intro h2 { width:100%; margin-bottom:30px; font-size:1.8rem; font-weight:300; line-height:1.4; letter-spacing:0; font-family:'Roboto Condensed', sans-serif; text-transform:inherit; }
.single-service-type .intro h3 { font-size:16px; line-height:1.5625; }

.single-service-type .intro h3 { font-family:'Hind', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:2px; }

.single-service-type section.full-width { margin-top:50px; margin-bottom:50px; }
.single-service-type section.full-width img { max-width:100%; }

.single-service-type .content-block { padding-right:15px; padding-left:15px; }
.single-service-type .content-block h2 { max-width:39ch; }

.single-service-type .inline-img,
.single-service-type .inline-video { padding-right:15px; padding-left:15px; }

.single-service-type .inline-video + .content-block,
.single-service-type .inline-img + .content-block { margin-top:50px; }

.single-service-type .content-block + .inline-video,
.single-service-type .content-block + .inline-img { margin-top:25px; }

.single-service-type .inline-img img { display:block; max-width:100%; }

.single-service-type .link-group { margin-top:50px; margin-bottom:25px; }
.single-service-type .link-group .col { padding-right:30px; padding-left:30px; }
.single-service-type .link-group .col ul { list-style-type:none; padding-left:0; }
.single-service-type .link-group .col ul li { margin-bottom:25px; }
.single-service-type .link-group .col ul li a { font-size:25px; line-height:1.2; color:#15141A; text-decoration:underline; }

.single-service-type .link-group.green { background-color:rgba(17,58,62,0.75); backdrop-filter:blur(35px); -webkit-backdrop-filter: blur(35px); margin-bottom:0; padding-top:96px; padding-bottom:49px; }
.single-service-type .link-group.green .col h2 { margin-bottom:58px; text-align:center; max-width:100%; color:#fff; }
.single-service-type .link-group.green .col h2,
.single-service-type .link-group.green .col ul li { text-align:center; margin-bottom:41px; }
.single-service-type .link-group.green .col ul li a { color:#fff; }

.single-service-type .link-group h2,
.single-service-type .inline-video h2 { margin-bottom:30px; }

.single-service-type .inline-video + .link-group.green { margin-top:50px; }

.single-service-type .case-studies { max-width:1268px; margin:50px auto; padding:55px 30px 32px 30px; background-color:rgba(255,255,255,0.7); border:1px solid #eaeaea; }
.single-service-type .case-studies .col { max-width:992px; margin-right:auto; margin-left:auto; }
.single-service-type .case-studies h2 { max-width:100%; margin-bottom:57px; letter-spacing:0; }
.single-service-type .case-study a:hover { text-decoration:none; }
.single-service-type .case-studies .img img { width:100%; height:auto; border:#000 1px solid; margin-bottom:45px; }
.single-service-type .case-studies .info h3 { color:#15141A; font-family:Hind, sans-serif; font-weight:700; font-size:40px; line-height:1.125; text-transform:none; margin-bottom:28px; }
.single-service-type .case-studies .info h4 { color:#15141A; font-family:Hind, sans-serif; font-weight:700; font-size:20px; line-height:1.25; text-transform:uppercase; margin-bottom:35px; }
.single-service-type .case-studies .case-study { margin-bottom:50px; }

/* Service Page Desktop/Tablet View Overrides */
@media only screen and (min-width:768px) {
    .page-template-single-service-holder h2,
    .single-service-type h2 { letter-spacing:1px; }

    .page-template-single-service-holder article:after,
    .single-service-type #hero:after { background-position:35vw -1vh; background-size:96vw; }

    .page-template-single-service-holder .content-block.holds-form,
    .single-service-type .content-block.holds-form { width:100%; max-width:2000px; padding-left:16.666667%; padding-right:16.666667%; }

    .single-service-type #hero img { max-width:100%; height:auto; }

    .single-service-type article { background-position:left top;  background-size:100%; }

    .single-service-type .backlink { margin-top:58px; }

    .single-service-type .intro h1 { white-space:nowrap; }
    .single-service-type .intro h2 { width:80%; }
/*     .single-service-type .intro h3 { font-size:20px; line-height:1.5; } */

    .single-service-type .content-block h2 { margin-bottom:15px; }

    .single-service-type .content-block + .inline-video,
    .single-service-type .content-block + .inline-img { margin-top:60px; }

    .single-service-type .inline-video { padding-bottom:9px; }
    .single-service-type .inline-video + .content-block,
    .single-service-type .inline-img + .content-block { margin-top:60px; }

    .single-service-type .link-group { margin-top:129px; margin-bottom:93px; }
    .single-service-type .link-group h2 { text-align:left; }
    .single-service-type .link-group .col ul { column-count:2; column-gap:100px; margin-bottom:0; }
    .single-service-type .link-group .col ul li { page-break-inside:avoid; }
    .single-service-type .link-group .col ul li a { font-size:30px; }
    .single-service-type .link-group .col ul li a:hover { font-style:italic; color:#37A3AC; }

    .single-service-type .link-group + .content-block.holds-form { padding-top:20px; }

    .single-service-type .link-group.green { padding-top:100px; padding-bottom:89px; }
    .single-service-type .link-group.green .col h2 { margin-bottom:55px; text-align:center; }
    .single-service-type .link-group.green .col ul li { margin-bottom:53px; }

    .single-service-type .inline-video + .link-group.green { margin-top:138px; }

    .single-service-type .case-studies { margin-top:138px; margin-bottom:138px; }
    .single-service-type .case-studies .case-study { margin-bottom:55px; }
    .single-service-type .case-studies a { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
    .single-service-type .case-studies h2 { text-align:center; letter-spacing:1px; }
/*     .single-service-type .case-studies .info h3 { margin-bottom:10px; } */
    .single-service-type .case-studies .img { flex:0 0 50%; }
    .single-service-type .case-studies .img img { margin-bottom:0; }
    .single-service-type .case-studies .info { flex:0 0 40%; }

    .page-template-single-service-holder article { background-position:left 280px; background-size:100%; background-repeat:no-repeat; }
    .page-template-single-service-holder article:after { background-position:35vw -2vh; background-size:1664px; }

    .page-template-single-service-holder .intro h1 { margin-top:140px; }
/*     .page-template-single-service-holder .intro h3, */
    .page-template-single-service-holder .teasers .teaser p{ font-family:'Roboto Condensed', sans-serif; font-size:1.5rem; line-height:1.3; margin-bottom:0; }

    .page-template-single-service-holder #call-to-action { padding-top:80px; padding-bottom:80px; }
    .page-template-single-service-holder .teasers { display:flex; flex-direction:row; flex-wrap:wrap; margin-top:100px; }
    .page-template-single-service-holder .teasers .teaser { flex:0 0 45%; border:none; background-color:transparent; margin-bottom:77px; }
}





/* work page template -Hannah */

/* General styling for the hero container */

/* General Hero Container */
.work-hero-container {
    width: 100%;
    position: relative;
    height: 700px; /* Desktop height */
    overflow: hidden;
}

/* Desktop Image Styling */
.work-hero-image {
    width: 100%;
    height: 700px; /* Matches the container height for desktop */
    object-fit: cover; /* Ensures the image covers the container */
}

.large-work-mp4{
	 width=100% ;
     height=700px ;
}
@media (max-width: 767px) {
  .large-work-mp4 {
    height: 325px; /* Height for mobile screens */
  }
}
.work-main-header {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    Padding-top: 50px;
  }
  
.wrkpg-right-details-spacing {
    padding-left: 75px;
    padding-top: 70px;
}

.work-subheader {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 1.75px;
  }
  
.work-body-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 32px;
    padding-top:30px;
    line-height: 45px;
  }


.right-section-header {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    font-style: normal;
  }

 .wrkpg-lg-image{
    height: auto;
    width: 1200px;
    object-fit: cover;
  }

.right-section-blurb {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
  }
/* 
.page-template-work-page-template h5 {
   font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    font-style: normal;
} */


.wrkpg-lg{
    max-height: 700px; /* or your desired max height */
    overflow: hidden; /* to ensure content does not overflow */
}
  
.wrkpg-2part-col {
width: 50%;
}

.wrkpg-2part-row {
    margin-bottom: 0; /* Remove bottom margin */
}
    
.wrkpg-2part-padding {
    width: 100%;
}
  
.wrkpg-2part-side-by-side {
    display: flex;
    margin-bottom: 0; /* Remove bottom margin */
    margin-top: 0; /* Remove top margin */
    padding-top: 0; /* Remove top padding */
    padding-bottom: 0; /* Remove bottom padding */
}
  
  
.wrkpg-2part-img {
    height: 700px;
    width: 100%;
    object-fit: cover;
 }
  
.wrkpg-2part-text-content {
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 55px;
    display: flex;
    align-items: center;
}

.wrkpg-pl{
    padding-left: 15px;
}

.pr-0{
    padding-right: 0;
}

.pl-0{
    padding-left: 0;
}

.wrkpg-pr{
    padding-right: 15px;
}

.lgmedia{
    height: 100%;
	max-height: 700px;
    width: 100%;
    object-fit: cover;
}
.lg-video-mp4 {
    width: 100%;
    height: 700px;
    object-fit: cover;
    border: none;
}

.lgmediavd {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* Ensures the video maintains a 16:9 ratio */
    max-height: 700px;
    border: none;
    object-fit: cover; /* Will attempt to cover the container without distorting the video */
}
#player{
	width: 100% !important;
	height: 100%;
	
}
.mdmedia{
    height: 500px;
    width: 100%;
    object-fit: cover;
}

.mdmediavd{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* This will maintain the aspect ratio */
object-fit: cover;
	max-height: 500px;
}

.smmedia{
    height: 300px;
    width: 100%;
    object-fit: cover;
}


  /* Mobile Work Page*/
 
@media (max-width: 767px) {
   .work-hero-container {
        height: 325px; /* Set the height to 325px for mobile */
    }

    .work-hero-image {
        height: 325px; /* Mobile image height */
    }
    .wrkpg-pl {
       padding-left: 15px;
    }
    .wrkpg-pr {
        padding-right: 15px;
     }
     .img-l{
        padding-top: 30px;
        margin-bottom: 0px;
     }
     .img-r{
        padding-bottom: 30px;
        margin-bottom: 0px;
     }
     .work-page-template p {
        margin-bottom: 0px;
     } 
     .wrkpg-right-details-spacing {
        padding-left: 15px;
    }
}



@media (max-width: 768px) {
    .lgmedia {
    object-fit: contain;
    height: auto;
    }

    .mdmedia {
    object-fit: contain;
    height: auto;
    }
    .smmedia{
        object-fit: contain;
        height: auto;
    }
}

@media (max-width: 991px) {
    .col-lg-5,
    .col-lg-3 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .col-lg-5 {
      order: 2;
    }
    .col-lg-3 {
      order: 1;
      padding-top: 15px;
    }
    .mob-pt{
        padding-top: 30px;
    }
  }

@media (max-width: 768px) {
    .content-section-media {
      height: auto; /* Adjust as needed for mobile */
    }
  }
@media (max-width: 768px) {
    .wrkpg-2part-side-by-side {
      flex-direction: column;
    }

  
.wrkpg-2part-img, .wrkpg-2part-text-content, iframe {
      width: 100%;
      height: auto;
    }

  }


/* ============================= */
/* === Creative Landing Page === */
/* ============================= */

.page-template-template-creative {
    background-color:#000;
    background-image:url("/wp-content/themes/vault/images/116-cteative-bg.png");
    background-size:100% auto;
    background-repeat:no-repeat;
}

.page-template-template-creative #nav-bg.mobile {
    background-color:rgba(0, 0, 0, 0.4);
}

.page-template-template-creative #site-logo svg {
    fill:#fff;
}

.page-template-template-creative #navlink {
    display:none;
    visibility:hidden;
}

.page-template-template-creative #colophon {
    background:none !important;
}

.page-template-template-creative #colophon a {
    text-decoration:none;
}

.page-template-template-creative #colophon a:hover {
    color:#fff;
    text-decoration:underline;
}

.page-template-template-creative #colophon .inner > .spacer,
.page-template-template-creative #colophon .inner > .column:nth-child(1),
.page-template-template-creative #colophon .inner > .column .info > .row {
    display:none;
    visibility:hidden;
}

.page-template-template-creative #colophon .inner > .column:nth-last-child(1) {
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    text-align:center;
}

.page-template-template-creative #colophon .inner > .column:nth-last-child(1) .attr {
    margin:0;
}

.page-template-template-creative .container-fluid {
    z-index:1;
    position:relative;
}

.page-template-template-creative #vert-social a {
    color:#fff;
}

.page-template-template-creative #vert-social a:hover,
.page-template-template-creative #vert-social a:focus {
    border-bottom:1px solid #fff;
}

.page-template-template-creative #vert-cta .link {
    color:#fff;
}

.page-template-template-creative #vert-cta .link .arrow path {
    fill:#fff;
}

.page-template-template-creative .big-title {
    color:#fff;
    opacity:0.1;
    width:80%;
    padding:0 45px;
    display:flex;
    z-index:0;
    justify-content:flex-start;
    flex-direction:column-reverse;
    line-height:1;
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:2.5px;
    position:relative;
    margin-bottom:-20px;
}

.page-template-template-creative .button {
    color:#fff;
    background:transparent;
    padding:0 40px;
    height:45px;
    line-height:42px;
    border:1px solid #fff;
    border-radius:30px;
    font-weight:500;
    letter-spacing:1px;
    font-style:italic;
    display:inline-block;
    font-family:'Playfair Display', serif;
    transition:all 0.3s linear;
}

.page-template-template-creative .button:hover {
    color:#000;
    background:#fff;
    border:1px solid #fff;
}

.page-template-template-creative #vert-cta {
    right:-24px;
    bottom:104px;
}

.page-template-template-creative #vert-cta .link.default {
    display:none;
    visibility:hidden;
}

.page-template-template-creative #vert-cta .link.creative {
    display:block;
    visibility:visible;
}

/* CREATIVE HEADING */

.creative-heading {
    height:min-content;
    color:#fff;
    display:flex;
    justify-content:center;
    flex-direction:column;
    padding-top:200px;
    margin-bottom:120px;
}

/* .creative-heading h2 {
    font-size:45px;
    line-height:1.25;
    margin-bottom:45px;
} */

.creative-heading .links .link {
    color:#fff;
    line-height:45px;
    transition:all 0.3s linear;
}

.creative-heading .links .link path {
    fill:#fff;
    transition:all 0.3s linear;
}

.creative-heading .links .button {
    margin-right:30px;
}

.creative-heading nav ul {
    padding:0;
    margin:0;
}

.creative-heading nav ul li {
    list-style:none;
    font-size:28px;
    line-height:1.25;
    margin-bottom:30px;
}

.creative-heading nav ul li a {
    color:#fff;
}

/* TEXT WITH MEDIA */

.text-with-media {
    color:#fff;
    margin-bottom:120px;
}

/* .text-with-media h3 {
    font-size:.9rem;
    letter-spacing:3px;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    font-weight:600;
    margin-bottom:15px;
} */

.text-with-media p {
    font-size:20px;
    line-height:1.75;
}

.text-with-media .image {
    margin-top:45px;
    margin-bottom:25px;
}

.text-with-media .image img {
    width:100%;
    height:auto;
}

.text-with-media .webvideo {
    position:relative;
    overflow:hidden;
    width:100%;
    padding-top:56.25%;
    margin-top:45px;
    margin-bottom:25px;
}

.text-with-media .webvideo iframe {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
}

.text-with-media .mp4video {
    margin-top:45px;
    margin-bottom:25px;
}

.text-with-media .mp4video video {
    width:100%;
    height:auto;
    object-fit:cover;
    object-position:top;
    border:5px solid #fff;
    border-radius:30px;
    padding-top:12px;
}


/* TEXT WITH COLUMNS */

.text-with-columns {
    color:#fff;
    margin-bottom:120px;
}

.text-with-columns p {
    font-size:20px;
    line-height:1.75;
}

.text-with-columns .image {
    margin-top:45px;
}

.text-with-columns .image.right {
    margin-top:120px;
}

.text-with-columns .image img {
    width:100%;
    height:auto;
}

/* CALL TO ACTION */

.creative-cta {
    color:#fff;
    padding-top:80px;
    padding-bottom:30px;
    text-align:center;
}

/* .creative-cta h3 {
    font-size:.9rem;
    letter-spacing:3px;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    font-weight:600;
    margin-bottom:15px;
} */

.creative-cta p {
    font-size:28px;
    line-height:1.25;
    margin-bottom:40px;
}

/* ============================== */
/* === Work Pages - Overrides === */
/* ============================== */
/* 
#work-page h1,
#work-page h2,
#work-page h3 {
    font-family:'Hind', sans-serif;
    text-transform:uppercase;
    font-weight:600;
} */

/* #work-page h1 {
    font-size:50px;
    letter-spacing:2px;
    margin-bottom:20px;
    line-height:1.1;
} */

/* #work-page h2 {
    font-size:40px;
    letter-spacing:2.5px;
    margin-bottom:10px;
    line-height:1.1;
} */

/* #work-page h3 {
    font-size:20px;
    letter-spacing:2px;
    margin-bottom:15px;
    line-height:1.3;
} */

#work-page #work_page_header {
    margin-bottom:60px;
}

#work-page .ui-text-box {
    margin-top:0;
}

#work-page .ui-container {
    padding-top:60px;
    padding-bottom:40px;
}

#work-page #two_photo_concept_promotion_with_text .video-photo-container {
    margin-bottom:40px;
    height:auto;
}

#work-page #ui_designs,
#work-page #branding_collateral,
#work-page #full_width_image_with_margins,
#work-page #full_width_image_no_margins,
#work-page #two_photo_concept_promotion_with_text {
    margin-bottom:0;
}

#work-page #ui_designs .video-player-tablet {
    margin-bottom:60px;
}

#work-page #video_phone_overlay {
    padding-top:40px;
    padding-bottom:20px;
}

#work-page .youtube-text-below {
    margin-top:40px;
    margin-bottom:0;
}

#work-page .youtube-text-hdr-below {
    margin-bottom:0;
}

#work-page #full_width_hero_photo_top_two_photos_below .bg-texture,
#work-page #full_width_hero_video_top_two_photos_below .bg-texture {
    padding-bottom:0;
}

#work-page #plain_text_section.wide .column {
    flex:0 0 100%;
    max-width:100% !important;
}

#work-page #award_section {
    background:transparent;
}

#work-page #award_section .award svg {
    fill:#0b8b7c;
}

#work-page #award_section .award path,
#work-page #award_section .award polygon {
    stroke:#0b8b7c;
}

#work-page #award_section .award-section-header {
    margin-bottom:40px;
}

#work-page #background_text {
    display:none;
}

/* === Mobile Styles === */

@media (max-width:1199.98px) {

    #work-page .work-header-row {
        flex-direction:column !important;
    }

    #work-page .work-header-row .wrk-pg-hdr-txt {
        margin-bottom:30px;
    }
}

@media (max-width:767.98px) {
    #work-page .video-photo-container {
        height:auto;
    }

    #work-page .full-width-image-no-margin-fixed {
        height:400px;
    }

    #work-page .video-photo-col-left {
        margin-bottom:0;
    }

    #work-page #branding_collateral .collateral-div.para-collateral {

    }
}

@media (max-width:575.98px) {
/* 
    #work-page h2 {
        font-size:30px;
        line-height:43px;
    } */
/* 
    #work-page h3 {
        font-size:18px;
        line-height:28px;
    } */

    #work-page .work-header-row .wrk-pg-hdr-txt {
        margin-bottom:0;
    }

    #work-page .video-photo-col-left {
        padding:0;
    }

    #work-page #two_photo_concept_promotion_with_text .video-photo-container {
        margin-top:0;
        margin-bottom:0;

    }
}

/* ===================== */
/* === Media Queries === */
/* ===================== */

@media only screen and (min-width:768px) {

    /* CREATIVE LANDING PAGE */
    .big-title {
        height:300px;
    }

}

@media (max-width:1459.98px) {

    /* CREATIVE LANDING PAGE */
    .creative-heading .links .button {
        margin-bottom:25px;
    }

}

/* Large devices (desktops, less than 1200px) */
@media (max-width:1199.98px) {

    /* Work page */
    .page-id-15273 #ui_designs .overlay-bg-texture {
        width:900px !important;
        height:auto !important;
    }

    /* CREATIVE LANDING PAGE */
    .page-template-template-creative .big-title {
        height:250px;
    }

}

/* Medium devices (tablets, less than 992px) */
@media (max-width:991.98px) {

    .gutter {
        padding-left:14%;
        padding-right:14%;
    }

    /* Internal heading */
    #internal-heading h4 {
        width:100%;
    }

    /* Newsletter form */
    #field_5_9,
    #field_5_10 {
        width:100%;
    }

    #field_5_9 .ginput_container,
    #field_5_10 .ginput_container {
        padding:0;
    }

    /* Zoom blocks */
    .zoomblock.small {
        height:220px;
    }

    .zoomblock.medium {
        height:220px;
    }

    .zoomblock.tall {
        height:440px;
    }

    /* Call to action */
    #call-to-action .inner {
        width:80%;
    }

    /* Backlink */
    .link.back {
        font-size:8px;
    }

    .link.back .arrow {
        height:8px;
    }

    /* Contact page */
    #contact-blocks .cta .text {
        width:90%;
    }

    /* Work page */
    .page-id-15273 #ui_designs .overlay-bg-texture {
        width:700px !important;
    }

    #contact-blocks-v2 .cta {
        width:350px;
        margin-top:-120px;
    }

    /* CREATIVE LANDING PAGE */
    .creative-heading nav {
        margin-top:45px;
    }

    .page-template-template-creative .big-title {
        height:150px;
        padding:0 75px;
        margin-bottom:-15px;
    }

    .creative-heading nav ul {
        width:370px;
    }

    .creative-heading nav ul li {
        margin-right:30px;
        width:150px;
        display:inline-block;
    }

    #agency-reel .text {
        margin-bottom:40px;
    }

    #agency-reel h2 {
        margin-bottom:40px;
        line-height:1.2;
    }

    #agency-reel .text .link {
        display:block;
    }

    #agency-reel .snippet {
        display:none;
    }

    /* Footer */
    #colophon .contact p {
        margin-bottom:0;
    }

    #colophon .happy-lines {
        top:-15px;
        height:30px;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767.98px) {

/*     #internal-heading h4 {
        font-size:50px;
    } */

    #internal-heading p {
        width:100%;
    }

    /* General */
    .gutter {
        padding-left:30px;
        padding-right:30px;
    }

    .gutter.narrow {
        padding-left:30px;
        padding-right:30px;
    }

    #vert-cta,
    #vert-social {
        display:none;
    }

    #background_text {
        display:none;
    }

    /* Padding */
    #padding-row {
        margin-bottom:-40px;
    }

    /* Backlink */
    .link.back {
        font-size:10px;
    }

    .link.back .arrow {
        height:8px;
    }

    /* Mobile Menu */
    #main-menu {
        width:100%;
    }

    #main-menu .menu-inner {
        padding:80px 60px 0;
    }

    #site-info {
        position:relative;
        left:15px;
        bottom:auto;
        clear:both;
        top:20px;
    }

    /* Zoom blocks */
    .zoomblock.small,
    .zoomblock.medium,
    .zoomblock.tall {
        height:300px;
    }

    .zoomblock .info h4 {
        margin-bottom:5px;
    }

    .zoomblock .info h2 {
        line-height:34px;
        margin-bottom:20px;
        opacity:1;
    }

    .zoomblock .info p {
        line-height:22px;
        opacity:1;
    }

    .zoomblock .info .link {
        line-height:14px;
        opacity:1;
    }

    .zoomblock .info .link .arrow {
        height:12px;
        opacity:1;
    }

    .zoomblock .bg {
        opacity:0.5;
        transform:scale(1.05);
    }

    /* Team member */
    .post-link .equal {
        height:120px !important;
    }

    .post-link .info {
        display:none;
    }

    /* News */
    #single-news h1 {
        width:100%;
    }

    /* Gravity form */
    .gform_footer .button {
        text-align:center;
    }

    /* Work pages */
    #work_page_header {
        padding-top:100px !important;
    }

    #work_page_header .work-header-row {
        padding-top:10px !important;
    }

    /* Work page */
    .page-id-15273 #ui_designs .overlay-bg-texture {
        width:550px !important;
    }

    #contact-blocks-v2 .image {
        padding-right:0;
    }

    #contact-blocks-v2 .cta {
        width:calc(100% - 120px);
        padding-right:0;
        float:none;
        margin-left:auto;
        margin-right:auto;
    }

    #contact-blocks-v2 .cta .inner {
        padding:40px;
    }

    /* CREATIVE LANDING PAGE */
    .page-template-template-creative .container-fluid {
        padding-left:45px;
        padding-right:45px;
    }

    .page-template-template-creative .creative-heading .container-fluid {
        padding-left:15px;
        padding-right:15px;
    }

    .page-template-template-creative .creative-heading .container-fluid > .row {
        width:100%;
    }

    .page-template-template-creative .big-title {
        width:100%;
        padding:0 15px;
    }

    .creative-heading nav {
        margin-top:60px;
    }

    .text-with-columns .image.right {
        margin-top:60px;
    }

    .text-with-media .mp4video video {
        border:2px solid #fff;
    }

    .creative-heading {
        margin-bottom:60px;
    }

    .text-with-media,
    .text-with-columns {
        padding-top:60px;
        margin-bottom:60px;
    }

    #colophon .happy-lines {
        top:-10px;
        height:20px;
    }

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:575.98px) {

    /* Backlink */
    .link.back {
        font-size:14px;
    }

    .link.back .arrow {
        height:12px;
    }

    /* Team member */
    .single-team .team-member .column.left .inner .sticky {
        position:relative;
    }

    .team-member .image {
        margin-bottom:30px;
    }

    /* Contact */
    #contact-blocks .column.left {
        margin-top:0;
    }

    #contact-blocks .cta .text {
        width:70%;
    }

    /* Work page */
    .page-id-15273 #ui_designs .overlay-bg-texture {
        width:400px !important;
    }

    /* CREATIVE LANDING PAGE */
    .page-template-template-creative .big-title {
        height:100px;
        margin-bottom:-10px;
    }

    .creative-heading {
        padding-top:140px;
    }

    .creative-heading h2 {
        font-size:38px;
    }

    .creative-heading nav {
        margin-top:70px;
    }

    .text-with-media .mp4video video {
        border:1px solid #fff;
    }

}


/* ==================================================================================================== */
/* ==================================================================================================== */
/* ==================================================================================================== */
/* ==================================================================================================== */


html {
    scroll-behavior:smooth;
}

body, #page {
    overflow-x:hidden;
}

section {
    width:100%;
    clear:both;
}

@media only screen and (max-width:575px) {
    .gutter-clear {
        padding-left:1rem;
        padding-right:1rem;
    }
}

@media only screen and (min-width:576px) {
    .gutter-clear {
        padding-left:19%;
        padding-right:19%;
    }
}

.work-page .container-fluid {
    max-width:none !important;
}

/******************************************/
/*************** PRELOADER ****************/
/******************************************/

/*.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow-x: hidden;
	overflow-y: hidden;
}

.loading {
	overflow: hidden;
	height: 100vh;
	width: 100vw;
}
*/
/******************************************/
/*************** NAVIGATION ***************/
/******************************************/

.dm-logo {
    background-image:url('assets/DMlogo.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.ham {
    background-image:url('assets/ham.png');
    background-position:center;
    background-size:inherit;
    background-repeat:no-repeat;
    height:100%;
}

.desktop-nav-container {
    height:60px;
    position:fixed;
    top:40px;
    z-index:3;
    mix-blend-mode:multiply;
}

.desktop-nav-row {
    height:100%;
}

/******************************************/
/***************** Company ****************/
/************** Social Media **************/
/******************************************/

.svg-inline--fa {
    color:#08675C;
    height:1rem;
}

.fab-container {
    display:flex;
    justify-content:space-around;
    flex-direction:column;
    height:30vh;
    position:fixed;
    bottom:0;
    padding:10px;
    z-index:3;
    mix-blend-mode:multiply;
    margin-bottom:100px;
}

.fab-div {
    display:flex;
    justify-content:center;
}


/******************************************/
/******** WORK PAGE BACKGROUND TXT ********/
/******************************************/

#background_text {
    position:absolute;
}

.bg-text {
    font-family:'Oswald', sans-serif;
    font-weight:500;
    color:#f2f2f2;
    position:fixed;
    font-size:30rem;
    text-transform:uppercase;
    z-index:-1;
    top:2rem;
    width:max-content;
    margin-left:30vw;
}

.bg-text-mobile {
    font-family:'Hind', sans-serif;
    font-weight:500;
    letter-spacing:3.4px;
    color:#f2f2f2;
    font-size:15rem;
    text-transform:uppercase;
    z-index:-1;
    overflow-y:hidden;
    padding-left:5rem;
}

.bg-container {
    width:100vw;
    height:38rem;
}

.bg-container-mobile {
    width:100vw;
    height:19rem;
    overflow-x:hidden;
    overflow-y:hidden;
    position:absolute;
    top:5vh;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .bg-text {
        font-size:12rem;
        transform:translateX(420px);
        position:absolute;
        right:-15rem;

    }
}

/* Ipad */
@media only screen and (min-width:576px) and (max-width:767px) {
    .bg-text-mobile {
        padding-left:10rem;
    }

    .bg-text {
        font-size:20rem;
        /*top: 15rem;*/
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .bg-text-mobile {
        padding-left:10rem;
    }

    .bg-text {
        font-size:20rem;
        /*top: 15rem;*/
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .bg-text-mobile {
        font-size:20rem;
        top:1rem;
        right:60rem;
        padding-left:11rem;
    }

    .bg-container-mobile {
        height:25rem;
    }
}

@media only screen and (max-height:767px) {
    .bg-text {
        font-size:20rem;
    }
}

/* Bootstrap XL */
@media only screen and (min-width:1200px) {
    .bg-container {
        height:45rem;
    }

    .bg-text {
        top:-2rem;
    }
}

/******************************************/
/************** WORK PAGE TOP *************/
/******************************************/

#work_page_header {
    height:min-content;
    display:flex;
    justify-content:center;
    flex-direction:column;
    margin-bottom:5rem;
}

.wrk-pg-hdr-txt {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.5rem;
    display:flex;
    flex-direction:column;
    padding:5px 5rem 5px 5px;
    height:max-content;
}

.wrk-pg-hdr-txt p {
    margin-bottom:0;
}

.wrk-pg-hdr-side {
    font-family:'Hind', sans-serif;
    font-weight:700;
    letter-spacing:3.4px;
    font-size:.9rem;
    padding-bottom:10px;
}

.wrk-pg-bod-side {
    font-family:'Roboto', sans-serif;
    font-weight:300;
    font-size:1rem;
}

.client {
    display:flex;
    flex-direction:column;
    padding:5px;
}

.deliverables {
    display:flex;
    flex-direction:column;
    padding:5px;
}

.expertise {
    display:flex;
    flex-direction:column;
    padding:5px;
}

.client {
    margin-bottom:10px;
}

.deliverables {
    margin-bottom:10px;
}

.expertise {
    margin-bottom:10px;
}

.work-header-row {
    width:100%;
    height:max-content;
}

.hdr-info {
    padding-left:0;
    /*padding-bottom: 4rem;*/
    height:max-content;
}

@media only screen and (min-width:768px) {
    .header-desk-form {
        height:max-content;
    }
}


/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .work-header-row {
        display:flex;
        flex-direction:column-reverse;
        padding:10px;
    }

    .wrk-pg-hdr-txt {
        padding:40px 2rem 40px 5px;
    }

    #work_page_header {
        height:auto;
        padding-top:200px;
        margin-bottom:0;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    #work_page_header {
        font-size:100px;
        height:max-content;
        display:flex;
        flex-direction:column;
    }

    .work-header-row {
        display:flex;
        flex-direction:column-reverse;
        padding-top:30vh;
    }

    .wrk-pg-hdr-txt {
        padding:40px 5px 5px 5px;
    }

    .hdr-info {
        padding-left:0;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    #work_page_header {
        height:auto;
    }

    .work-header-row {
        display:flex;
        flex-direction:column-reverse;
    }

    .wrk-pg-hdr-txt {
        padding:40px 5px 5px 5px;
    }

    .hdr-info {
        padding-left:0;
    }
}

/* Bootstrap MD and bigger */
@media only screen and (min-width:768px) and (max-width:1999px) {
    .header-desk-form {
        /*padding-bottom: 5rem;*/
        padding-top:15rem;
    }
}

@media only screen and (min-width:1200px) {
    .header-desk-form {
        padding-top:13rem;
    }
}

/******************************************/
/***************** YOUTUBE ****************/
/******************************************/

/*#video_embed{
	padding: 100px 0 100px 0;
}*/

.video-embed-container {
    z-index:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.youtube-container {
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
}

#ytplayer {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.center-video-in-container {
    display:flex;
    justify-content:center;
    z-index:1;
}

.youtube-text {
    padding-left:0;
    margin-bottom:2rem;
}

.youtube-text-below {
    padding-left:0;
    margin-bottom:2rem;
    margin-top:4rem;
    display:flex;
    flex-direction:column;
}

.youtube-text-hdr {
    font-family:'Hind', sans-serif;
    font-weight:700;
    font-size:.9rem;
    letter-spacing:2.5px;
    text-transform:uppercase;
    margin-bottom:10px;
    padding-left:5px;
}

.youtube-text-bdy {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    max-width:40rem;
    padding-left:5px;
}

.youtube-text-hdr-below {
    font-family:'Hind', sans-serif;
    font-weight:700;
    font-size:.9rem;
    letter-spacing:2.5px;
    text-transform:uppercase;
    margin-bottom:18px;
    max-width:50rem;
    padding-left:5px;
}

.youtube-text-bdy-below {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    max-width:50rem;
    padding-left:5px;
}

@media only screen and (max-width:576px) {
    .video-width {
        max-width:100%;
    }

    .youtube-text-below {
        margin-top:2rem;
    }

    .youtube-text {
        padding-left:5px;
    }
}

/******************************************/
/***** WORK PAGE PHOTO LEFT TXT RIGHT *****/
/******************************************/

#photo_left_text_right {
    padding:100px 0 100px 0;
}

.work-page-photo-left {
    height:40rem;
    width:30rem;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.concept-hdr-font {
    font-family:'Hind', sans-serif;
    font-weight:500;
    letter-spacing:2.5px;
    font-size:.9rem;
    padding-bottom:10px;
    margin-bottom:0;
    text-transform:uppercase;
}

.concept-bdy-font {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    max-width:30rem;
}

.text-right-vert-center {
    display:flex;
    justify-content:center;
    flex-direction:column;
    height:100%;
    padding:15px;
}

@media only screen and (max-width:575px) {
    /*	.text-right-vert-center{
		margin-top: 25px;
	}*/
    .work-page-photo-left {
        width:25rem;
        height:31rem;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .concept-box {
        margin-top:50px;
    }

    .work-page-photo-left {
        width:24rem;
        height:30rem;
    }

    .text-right-vert-center {
        margin-top:25px;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .concept-box {
        margin-top:50px;
    }
}


/******************************************/
/********* WORK PAGE PHOTO GALLERY ********/
/******************************************/

.work-gallery-bg {
    background-color:#313131;
    padding:100px 0 100px 0;
}

@media only screen and (max-width:575px) {
    .work-gallery-bg {
        padding:50px 0 10px 0;
    }
}

@media only screen and (min-width:576px) and (max-width:768px) {
    .work-gallery-bg {
        padding:40px 0 40px 0;
    }

    #work_page_photo_gallery .container:nth-child(3n+0) {
        padding-top:2rem;
    }
}

.work-gallery-inner {
    background-image:url('assets/whitearrow.png'), url('assets/whitearrowright.png');
    background-repeat:no-repeat, no-repeat;
    background-position:2rem 39rem, 19.5rem 39rem;
}

.banner-image {
    height:49rem;
    width:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    align-self:center;
}

.gallery-container-small {
    height:19rem;
    width:100%;
    padding:1rem;
}

.twelve-month-gallery {
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    padding:0;
}

.scroll-mobile-outer {
    overflow:scroll;
    width:100%;
    height:13rem;
    margin-top:13px;
}

.scroll-mobile-inner {
    height:13rem;
    width:max-content;
    display:flex;

}

.slider-thumb {
    height:13rem;
    width:19rem;
    margin-right:20px;
    border:1px solid #313131;
}

.slider-thumb:nth-last-child(1) {
    margin-right:0;
}

.fa-arrow-left {
    position:relative;
    left:-2rem;
    top:14rem;
    color:white;
    font-size:1rem;
}

.fa-arrow-right {
    position:relative;
    left:21rem;
    top:14rem;
    color:white;
}

.gallery-arrows {
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.swipe {
    color:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
    font-family:'Hind', sans-serif;
    font-weight:700;
    letter-spacing:3.4px;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .scroll-mobile-outer {
        width:19rem;
    }

    .banner-image {
        height:14.5rem;
    }

    .gallery-container-small {
        height:11rem;
    }

    .twelve-month-gallery {
        height:10rem;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .gallery-container-small:nth-child(odd) {
        padding-left:0;
    }

    .gallery-container-small:nth-child(even) {
        padding-right:0;
    }

    .banner-image {
        height:28rem;
    }

    .gallery-container-small {
        height:14rem;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .gallery-container-small:nth-child(odd) {
        padding-left:0;
    }

    .gallery-container-small:nth-child(even) {
        padding-right:0;
    }

    .gallery-container-small {
        height:18rem;
    }

    .banner-image {
        height:37rem;
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .gallery-container-small {
        height:16rem;
    }
}

/* Bootstrap XL */
@media only screen and (min-width:1200px) {
    .gallery-container-small {
        min-height:300px;
    }

    .banner-image {
        height:57rem;
    }
}

@media only screen and (min-width:992px) {
    .gallery-container-small:nth-child(1) {
        padding-left:0;
    }

    .gallery-container-small:nth-child(3n+4) {
        padding-left:0;
    }

    .gallery-container-small:nth-child(3n) {
        padding-right:0;
    }

    .gallery-container-small {
        height:16rem;
    }
}


/******************************************/
/****** WORK PAGE FULL WIDTH IMAGES *******/
/******************************************/

.full-width-image-no-margin-fixed {
    height:50rem;
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
}

.full-width-wrapper {
    display:inline-block;
    width:100%;
}

.full-width-array {
    width:100%;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .full-width-wrapper {
        width:90%;
    }
}

@media only screen and (max-width:991px) {
    #full_width_image_with_margins {
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
}

@media only screen and (max-width:1239px) {
    #full_width_image_with_margins {
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
}


/******************************************/
/*************** WORK PAGE ****************/
/***** TWO PHOTO CONCEPT PROMO W/ TXT *****/
/******************************************/

/* Styles in "Full Width Video Top Two Photos Below" */

.text-box-concept {
    margin-top:2rem;
    margin-bottom:2rem;
    align-self:flex-end;
    max-width:30rem;
}

.concept-hd-font {
    font-family:'Hind', sans-serif;
    letter-spacing:3.4px;
    font-weight:700;
    font-size:.9rem;
    margin-bottom:10px;
    text-transform:uppercase;
}

.concept-bd-font {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    padding-right:5px;
    line-height:1.75;
}

.video-photo-row-two-concept {
    position:relative;
    /*top: -4rem;*/
}

@media only screen and (max-width:576px) {
    .text-box-concept {
        padding:15px;
    }
}

/******************************************/
/*************** WORK PAGE ****************/
/*********** BACK TO PROJECTS *************/
/******************************************/

#back_to_projects {
    padding:100px 0 100px 0;
}

.back-to-projects-thumb-desktop {
    height:100%;
    width:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transition:all 1s ease;
    transform:scale(1);
}

.back-to-projects-thumb-desktop:hover {
    transform:scale(1.1);
}

.outer {
    overflow:hidden;
    height:23rem;
    width:100%;
}

.back-to-projects-layer-desktop {
    height:100%;
    width:100%;
    background-color:rgb(0, 0, 0, 0);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    transition:all 1s ease;
}

.back-to-projects-layer-desktop:hover {
    background-color:hsla(283, 100%, 0%, 0.5);
}

.project-container {
    padding:50% 10% 15% 13%;
    position:absolute;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.back-to-projects-thumb-mobile {
    height:15rem;
    width:100%;
    background-size:24rem;
    background-position:center;
    background-repeat:no-repeat;
    transition:all 1s ease;
}

.project-boxes {
    width:100%;
    align-self:center;
    max-height: 240px;
}

.back-to-projects-layer-mobile {
    height:100%;
    width:100%;
    background-color:hsla(283, 100%, 0%, 0.5);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    transition:all 1s ease;
}

.next-project {
    font-family:'Hind', sans-serif;
    letter-spacing:3.4px;
    font-weight:700;
    font-size:10px;
    text-transform:uppercase;
    color:#fff0;
    transition:all 1s ease;
    margin-bottom:0;
}

.image-tag {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:2rem;
    display:flex;
    flex-direction:column;
    color:#fff0;
    transition:all 1s ease;
	line-height:2rem;
}

.back-to-projects-thumb-desktop:hover .image-tag {
    color:#fff;
}

.back-to-projects-thumb-desktop:hover .next-project {
    color:#fff;
}

.back-to-projects-btn {
    background-image:url('images/backto.png');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    margin:0;
    max-height:240px;
    cursor:pointer;
}

.back-to-projects-div {
    display:flex;
    justify-content:center;
}


/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:1199px) {
    .projects-btn {
        height:250px;
    }
}


@media only screen and (min-width:1701px) {
    .project-boxes {
        width:62vw;
    }
}

.projects-btn {
    overflow:hidden;
}

.projects-btn a {
    text-decoration:none;
    width:100%;
}

@media only screen and (max-width:768px) {
    .back-to-projects-thumb {
        height:15rem;
        background-size:16rem;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .back-to-projects-btn {
        height:15rem;
    }

    .project-container {
        left:0;
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) and (max-width:1420px) {
    .back-to-projects-btn {
        height:15rem;
    }

    .project-container {
        left:0;
    }
}

/* XXL */
@media only screen and (min-width:1421px) and (max-width:2200px) {
    .back-to-projects-btn {
        height:20rem;
    }
} 

/*mobile back to projects*/

@media only screen and (min-width:769px) {
    #back-to-projects-mobile {
        display:none;
    }
}

@media only screen and (max-width:768px) {
    #back_to_projects {
        display:none;
    }
}

#back-to-projects-mobile {
    padding:100px 0 116px 0;
}

.back-to-projects-mobile-row {
    justify-content:space-around;
}

.back-to-projects-text {
    font-family:'Hind', sans-serif;
    font-weight:700;
    letter-spacing:3px;
    font-size:1rem;
    color:black;
    width:4rem;
    padding-left:5px;
}

.back-to-projects-text-center {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:1rem;
    color:black;
    padding:1rem 1rem 0 1rem;
}

.previous-btn {
    background-image:url('images/arrow.svg');
    background-size:2rem;
    background-position:center;
    background-repeat:no-repeat;
    height:2rem;
    width:3rem;
}

.center-btn {
    background-image:url('images/backbtn.png');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    height:3rem;
}

.next-btn {
    background-image:url('images/arrow.svg');
    background-size:2rem;
    background-position:center;
    background-repeat:no-repeat;
    transform:scaleX(-1);
    height:2rem;
    width:3rem;
}

.next-container {
    flex-direction:row-reverse;
    justify-content:center;
    align-items:center;
}

.previous-container {
    justify-content:center;
    align-items:center;
}


/******************************************/
/*************** WORK PAGE ****************/
/* Full Width Hero Video Two Photos Below */
/******************************************/

/* .full-width-image class also part of this section */

.video-player {
    height:max-content;
    width:100%;
    padding:15px;
    display:flex;
    justify-content:center;
}

.bg-texture {
    background-repeat:no-repeat;
    background-size:50vw;
    background-position:center;
    /*padding-top: 100px;*/
    padding-bottom:100px;
}

.media {
    width:100%;
    height:auto;
}

.video-player-tablet .media {
    width:50rem;
}

.video-photo-one {
    height:auto;
    width:100%;
    max-width:35rem;
    background-repeat:no-repeat;
    background-position-y:center;
    background-size:cover;
    background-position-x:center;
    transition:all 4s ease;
    box-shadow:0 4px 40px rgba(0, 0, 0, 0.2);
}

.video-photo-two {
    height:auto;
    width:100%;
    max-width:35rem;
    background-repeat:no-repeat;
    background-position-x:center;
    background-size:cover;
    transition:all 3s ease;
    box-shadow:0 4px 40px rgba(0, 0, 0, 0.2);
}

.video-photo-container {
    height:max-content;
    width:100%;
    display:block;
    text-align:center;
    padding-top:30px;
}

.vpc-one {
    justify-content:flex-end;
}

.vpc-two {
    justify-content:flex-start;
}

.video-photo-col-left {
    padding:15px;
    justify-content:flex-start;
}

.video-photo-col-right .video-photo-container {
    margin-bottom:8rem;
}

.video-photo-col-right {
    padding:15px;
    display:flex;
}

/* Bootstrap SM */
@media only screen and (max-width:767px) {
    .video-photo-col-right {
        /* 		display: none; */
    }

    .video-photo-col-left {
        padding-top:15px;
    }

    .video-photo-container {
        width:100%;
    }
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .video-photo-col-left {
        padding:15px;
        width:90%;
        margin-bottom:60px;
    }

    .video-photo-col-right {
        padding:15px;
    }

    .video-photo-two {
        margin-top:0;
    }

    .video-photo-row {
        padding-top:0;
    }

    .bg-texture {
        padding-bottom:0;
        padding-top:0;
    }

    .video-player {
        margin-bottom:0;
    }

    .video-photo-col-left {
        justify-content:center;
    }

    .video-photo-col-left .video-photo-container {
        margin-top:2rem;
    }
}

@media only screen and (min-width:400px) and (max-width:575px) {
    .video-photo-container {
        height:25rem;
    }
}

@media only screen and (max-width:400px) {
    .video-photo-container {
        height:20rem;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .video-photo-col-left {
        padding:5px;
    }

    .video-photo-col-right {
        padding:5px;
    }

    .video-photo-col-left .video-photo-container {
        margin-top:1rem;
    }
}

/* Bootstrap MD*/
@media only screen and (min-width:768px) and (max-width:991px) {
    .video-photo-col-left {
        padding-right:10px;
    }

    .video-photo-col-right {
        padding-left:10px;
    }

    .video-photo-container {
        width:97%;
        height:17rem;
    }
}

/* Bootstrap LG and XL */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .video-photo-col-left {
        padding-right:.5rem;
    }

    .video-photo-col-right {
        padding-left:.5rem;
    }

    .video-photo-container {
        height:20rem;
    }
}

/* Bootstrap XL */
@media only screen and (min-width:1200px) and (max-width:1420px) {
    .video-photo-col-left {
        padding-right:.5rem;
    }

    .video-photo-col-right {
        padding-left:.5rem;
    }
}


/*@media only screen and (min-width:1200px) and (max-width:1599px) {*/
/*    .video-photo-container {*/
/*        height:27rem;*/
/*    }*/
/*}*/

/*@media only screen and (min-width:1600px) and (max-width:2000px) {*/
/*    .video-photo-container {*/
/*        height:33rem;*/
/*    }*/
/*}*/

@media only screen and (min-width:2000px) and (max-width:2400px) {
    /*.video-photo-col-left .video-photo-container {*/
    /*    height:35rem;*/
    /*}*/

    /*.video-photo-col-right .video-photo-container {*/
    /*    height:39rem;*/
    /*}*/
}


/******************************************/
/*************** WORK PAGE ****************/
/************** UI Designs ****************/
/******************************************/

#ui_designs {
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    position:relative;
    z-index:1;
}

.text-box {
    margin-top:5rem;
    margin-bottom:5rem;
    align-self:flex-end;
}

.video-player-tablet {
    border-radius:46%;
    height:max-content;
    width:41rem;
    padding:15px;
    display:flex;
    justify-content:center;
}

.ui {
    height:50rem;
    width:100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.ui-container {
    padding-top:50px;
    padding-bottom:100px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.ui-text-box {
    margin:2.5rem 0 1.8rem 0;
    width:50rem;
    max-width:90vw;
}

.ui-header {
    font-family:'Hind', sans-serif;
    letter-spacing:3.4px;
    font-weight:700;
    font-size:.9rem;
    text-transform:uppercase;
    /* width: 30rem;
    max-width: 90vw; */
}

.ui-body {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    padding-right:5px;
    /* width: 30rem;
    max-width: 90vw; */
    line-height:1.75;
}

.desktop-view {
    height:30rem;
    width:60rem;
    background-size:cover;
    background-position:center;
}

.mobile-tablet-view {
    height:auto;
    width:100%;
}

.mobile-mb {
    margin-bottom:5rem;
}

.overlay-bg-texture {
    z-index:-1;
    /*mix-blend-mode: multiply;*/
}

.overlay-bg-texture-mobile {
    z-index:-1;
    mix-blend-mode:multiply;
}

.image-one-mobile {
    background-repeat:no-repeat;
    background-position:top;
    background-size:cover;
    height:40rem;
    width:100%;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .ui-container {
        padding-bottom:0;
    }

    .image-one-mobile {
        height:39rem;
        width:95%;
    }

    .overlay-bg-texture {
        opacity:0;
    }

    .ui {
        height:30rem !important;
        margin-bottom:4rem;
    }

    #ui_designs .media {
        width:100%;
        height:auto;
        /*border-radius: 7%;*/
    }

    #ui_designs .radius {
        border-radius:7%;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .design-two-none {
        display:none !important;
    }

    #ui_designs .media {
        height:17rem;
        width:22rem;
    }

    .overlay-bg-texture {
        opacity:0;
    }

    #ui_designs .radius {
        border-radius:7%;
    }

    .image-one-mobile {
        height:33rem;
        width:23rem;
    }

    .ui {
        height:30rem !important;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    #ui_designs .media {
        height:30rem;
        width:39rem;
    }

    #ui_designs .radius {
        border-radius:6.5%;
    }

    .image-one-mobile {
        height:50rem;
        width:31rem;
    }

    .ui {
        height:40rem !important;
    }
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .video-player-tablet {
        height:max-content;
        margin-bottom:50px;
    }
}

/* Bootstrap XL */
@media only screen and (min-width:1200px) {
    #ui_designs .radius {
        border-radius:6%;
    }

    .video-player-tablet {
        width:max-content;
    }
}

/* Bootstrap XL (max-width: 1420px)*/
@media only screen and (min-width:1200px) and (max-width:1420px) {
    .ui {
        height:43rem !important;
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) and (max-width:1199px) {
    #ui_designs .radius {
        border-radius:6%;
    }
}


/******************************************/
/*************** WORK PAGE ****************/
/******* Logo and Brand Development *******/
/******************************************/


#logo_and_brand_development {
    height:max-content;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    display:flex;
    justify-content:center;
    overflow:hidden;
}

.logo-row {
    height:max-content;
    display:flex;
    justify-content:center;
}

/*.logo-text-margin{
	margin-left: 2rem;
}
*/
.development-background {
    position:absolute;
    height:auto;
    width:50%;
    align-self:center;
}

.desktop-logos {
    height:10rem;
    width:100%;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    margin-top:3rem;
}

.mobile-logos {
    height:25rem;
    width:100%;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}


/* Bootstrap XS */
@media only screen and (max-width:767px) {
    .mobile-logos {
        display:flex;
    }

    .desktop-logos {
        display:none;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:768px) {
    .mobile-logos {
        display:none;
    }

    .desktop-logos {
        display:flex;
    }
}

/* Bootstrap SM */
@media only screen and (max-width:767px) {
    .logo-row {
        margin:1rem;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .logo-row {
        height:max-content;
    }
}

@media only screen and (min-width:1400px) {
    .desktop-logos {
        height:16rem;
        max-width:80rem;
    }
}

.logo-font-hdr {
    font-family:'Hind', sans-serif;
    letter-spacing:3.4px;
    font-weight:700;
    font-size:1rem;
    text-transform:uppercase;
    padding:10px 7px 5px 7px;
}

.logo-font-bdy {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    padding:10px 7px 10px 7px;
}

.fonts-swatch-div {
    display:flex;
    justify-content:center;
    margin-top:3rem;
}

/* Bootstrap MD */
/*@media only screen and (max-width : 991px){
	.fonts-swatch-div{
		justify-content: center;
	}
}*/

.logo-brand-container {
    height:100%;
}

.brand-font-text {
    font-family:'Hind', sans-serif;
    letter-spacing:3.4px;
    font-weight:700;
    font-size:.9rem;
    padding-bottom:10px;
    text-transform:uppercase;
}

.alphabet {
    letter-spacing:.5rem;
    font-size:1.5rem;
}

.font-sample {
    padding:1.5rem 0 1.5rem 0;
    display:flex;
}

.font-box {
    margin-bottom:4rem;
    width:max-content;
    align-self:start;
}

#logo_and_brand_development {
    height:max-content;
}

.color-box {
    height:100%;
    width:100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    min-height:30rem;
    position:relative;
    top:-4rem;
}

.logo-brand-hdr {
    font-family:'Hind', sans-serif;
    letter-spacing:3.4px;
    font-weight:700;
    font-size:.9rem;
    padding-bottom:10px;
    text-transform:uppercase;
}

.logo-brand-bdy {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:200;
    font-size:1.2rem;
    text-align:center;
    color:white;
}

.logo-brand-txt-bdy {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:200;
    font-size:1.2rem;
}

.logo-brand-box-text {
    padding:30px 0 0 0;
}

.logo-mock-up {
    height:18rem;
    width:100%;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.logo-mock-up-only-one-font {
    height:18rem;
    width:100%;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.logo-hdr-bdy-standard {
    justify-content:space-around;
}

.logo-var-one-font {
    justify-content:start;
    padding:0 15px 0 15px;
}

@media only screen and (max-width:500px) {
    .alphabet {
        font-size:1rem;
    }
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .font-sample {
        padding:1.5rem;
    }

    .logo-brand-box-text {
        padding:15px;
    }

    .logo-mock-up {
        height:16rem;
        margin-top:20px;
    }

    .logo-hdr-bdy-standard {
        flex-direction:column-reverse;
    }

    .font-box {
        align-self:center;
        margin-top:2rem;
    }

    .color-box {
        top:0;
    }

    .logo-text-margin {
        margin-left:1.5rem;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .logo-hdr-bdy-standard {
        flex-direction:column-reverse;
    }

    .margin-bot {
        margin-bottom:3rem;
    }

    .font-box {
        align-self:center;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .margin-bot {
        margin-bottom:3rem;
    }

    .font-box {
        align-self:center;
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .alphabet {
        font-size:1.2rem;
    }
}

@media only screen and (min-width:1200px ) and (max-width:1860px) {
    .alphabet {
        font-size:1.5rem;
    }
}

/* XXL */
@media only screen and (min-width:1861px) {
    .alphabet {
        font-size:2.5rem;
    }
}

/******************************************/
/*************** WORK PAGE ****************/
/********** Plain Text Section  ***********/
/******************************************/

#plain_text_section img {
    width:100%;
    height:auto;
}

.plain-text-heading {
    width:75%;
    font-size:.9rem;
    letter-spacing:3px;
    text-transform:uppercase;
    font-family:'Hind', sans-serif;
    font-weight:600;
    margin-bottom:15px;
}

.work-page-body p {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    line-height:1.75;
    padding-right:5px;
}


/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .small-pad {
        padding:10px;
    }
}


/******************************************/
/*************** WORK PAGE ****************/
/********** Branding Collateral ***********/
/******************************************/

#branding_collateral {
    position:relative;
    z-index:1;
}

.collateral-photos-one-two {
    /*min-height: 50rem;*/
    width:98%;
    height:43rem;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    align-self:flex-end;
}

.collateral-photo-three {
    height:30rem;
    width:24rem;
    background-repeat:no-repeat;
    background-position:center;
    box-shadow:0 3px 11px rgba(0, 0, 0, .1);
    margin-bottom:1rem;
}

.right-col-branding {
    padding:0;
}

.collateral-div {
    width:27rem;
    margin-bottom:3rem;
}

.collateral-width-pad {
    max-width:100%;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .collateral-div {
        margin-bottom:0;
        padding:15px;
    }

    .collateral-photos-one-two {
        /*width: 120%;*/
        height:40rem;
    }

    .collateral-div {
        width:auto;
    }

    .collateral-width-pad {
        max-width:30rem;
        padding:0 10px 0 15px;
    }
}

/* Bootstrap MD */
@media only screen and (max-width:991px) {
    .collateral-container .row {
        flex-direction:column-reverse;
        display:flex;
    }

    .collateral-container .small-portrait-video-branding {
        align-self:center;
    }

    .collateral-container .collateral-photos-one-two {
        align-self:center;
    }

    .video-query {
        align-self:center;
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .collateral-photos-one-two {
        width:100%;
    }
}

/* Bootstrap XL (max-width: 1420px)*/
@media only screen and (min-width:1200px) and (max-width:1640px) {
    .collateral-photos-one-two {
        /*width: 25rem;*/
        /*height: 50rem;*/
    }

    .collateral-photo-three {
        height:30rem;
        width:24rem;
    }
}

/* XXXL */
@media only screen and (min-width:1641px) {
    .collateral-photos-one-two {
        width:35rem;
        height:60rem;
    }

    .collateral-photo-three {
        height:40rem;
        width:32rem;
    }
}


.collateral-hd-font {
    font-family:'Hind', sans-serif;
    letter-spacing:3.4px;
    font-weight:700;
    font-size:.9rem;
    text-transform:uppercase;
    margin-bottom:10px;
}

.collateral-bd-font {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    padding-right:5px;
}

.collateral-bd-font p {
    line-height:1.75;
}

.small-portrait-video-branding {
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    border-radius:38px;
    height:29.6rem;
    width:14.6rem;
    position:relative;
    z-index:1;
}

.border-container {
    border-radius:38px;
}

.col-collateral, .col-collateral2 {
    padding:0;
}


@media only screen and (max-width:383px) {
    .collateral-photo-three {
        height:440px;
        width:98%;
        align-self:center;
        background-size:contain;
        transform:translateY(0px);
        margin-bottom:0;
    }

    .right-col-branding {
        padding-left:0;
    }

    .collateral-col-left {
        padding:0 0 0 0;
    }
}

/* Bootstrap XS */
@media only screen and (min-width:384px) and (max-width:575px) {
    .collateral-photo-three {
        height:27rem;
        width:22rem;
        margin-top:0;
        align-self:center;
    }

    .right-col-branding {
        padding-right:0;
        padding-left:0;
    }

    .collateral-text-box {
        margin-top:10px;
    }
}

@media only screen and (max-width:575px) {
    .col-collateral {
        padding:0 30px 0 16px;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .collateral-photo-three {
        /*		height: 40rem;
		margin: 0 0 20px 0;
		z-index: 1;
		width: 100%;*/
        height:30rem;
        width:24rem;
        z-index:1;
        align-self:center;
        margin:0 0 20px 0;
    }

    .right-col-branding {
        padding:0;
    }

    .logo-mock-up-res {
        margin-top:3rem;
    }

    .collateral-div {
        margin-bottom:0;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .collateral-photo-three {
        height:29rem;
        width:23rem;
        align-self:center;
    }

    .collateral-photos-one-two {
        width:23rem;
    }

    .collateral-div {
        margin-bottom:3rem;
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .collateral-text-box {
        padding-right:7rem;
    }
}

/* Bootstrap XL */
@media only screen and (min-width:1200px) {
    .collateral-text-box {
        padding-right:7rem;
    }
}


/******************************************/
/*************** WORK PAGE ****************/
/************* Logo Variants **************/
/******************************************/


/* Bootstrap SM */
@media only screen and (max-width:767px) {
    .logo-variants-row {
        align-items:center;
        padding:5rem 0 5rem 0;
    }

    #logo_variants {
        height:max-content;
        z-index:-1;
    }
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .logo-variant-two {
        margin:2rem 0 2rem 0;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .logo-variant-two {
        margin:2rem 0 2rem 0;
    }
}


/******************************************/
/*************** WORK PAGE ****************/
/*********** Two Photo Overlay ************/
/********** Video Phone Overlay ***********/
/******************************************/

#two_photo_overlay {
    height:max-content;
    margin:100px 0 0 0;
}

#video_phone_overlay {
    padding-bottom:5rem;
}

.two-photo-overlay-container {
    height:max-content;
}

.two-photo-overlay-row {
    height:max-content;
}

/* Bootstrap MD */
@media only screen and (max-width:991px) {
    .two-photo-overlay-row {
        margin-bottom:10rem;
    }
}

.large-portrait-photo {
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    height:60rem;
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
}

.small-portrait-photo {
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    height:30rem;
    width:15rem;
    position:relative;
    z-index:1;
}

.small-portrait-video {
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    border-top-left-radius:38px;
    border-top-right-radius:38px;
    border-bottom-right-radius:38px;

    height:450px;
    width:224px;
    position:relative;
    z-index:2;
    align-self:flex-end;
    overflow:hidden;
}

.side-phone-container {
    height:min-content;
    width:min-content;
    overflow:hidden;
    border-bottom-left-radius:38px;
    margin-bottom:11rem;
    position:absolute;
    left:40rem;
    top:50%;
}

.mobile-phone-overlay {
    height:inherit;
    width:inherit;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    z-index:2;
    position:relative;
}

/*.phone-over-text{
	padding: 0 30px 0 30px;
}*/

/* Target Firefox */
@-moz-document url-prefix() {
    .small-portrait-video {
        border-radius:38px;
    }
}

/*@media only screen and (min-width: 2250px){
	.side-phone-container{
		left: 50rem;
	}
}*/

/* Bootstrap SM */
@media only screen and (max-width:575px) {
    #two_photo_overlay {
        margin:100px 0 0 0;
    }

    .large-portrait-photo {
        height:33rem;
        display:flex;
        justify-content:center;
    }

    .small-portrait-video {
        height:300px;
        width:144px;
        border-top-left-radius:30px;
        border-top-right-radius:30px;
        border-bottom-right-radius:30px;
    }

    .side-phone-container {
        height:300px;
        width:144px;
        align-self:center;
        margin-bottom:-2rem;
        top:83%;
        left:30%;
        border-bottom-left-radius:30px;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .small-portrait-photo {
        right:0;
        top:-15rem;
    }

    .side-phone-container {
        left:auto;
        border-bottom-left-radius:31px;
        height:min-content;
        width:min-content;
        align-self:center;
        margin-bottom:0;
    }

    .small-portrait-video {
        height:400px;
        width:200px;
        border-top-left-radius:32px;
        border-top-right-radius:32px;
        border-bottom-right-radius:32px;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .small-portrait-photo {
        bottom:10rem;
    }

    .side-phone-container {
        align-self:center;
        top:40%;
        left:30%;
        height:400px;
        width:200px;
    }

    .small-portrait-video {
        height:388px;
        width:200px;
    }

    .two-photo-overlay-row {
        margin-top:2rem;
    }

    .large-portrait-photo {
        height:39rem;
    }

    .small-portrait-video {
        height:400px;
        width:200px;
        border-top-left-radius:32px;
        border-top-right-radius:32px;
        border-bottom-right-radius:32px;
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .small-portrait-photo {
        right:9rem;
        top:9rem;
    }

    .side-phone-container {
        left:35rem;
        top:0;
        border-bottom-left-radius:32px;
    }

    .small-portrait-video {
        height:400px;
        width:200px;
        border-top-left-radius:32px;
        border-top-right-radius:32px;
        border-bottom-right-radius:32px;
    }
}


@media only screen and (min-width:1200px) and (max-width:1500px) {
    .small-portrait-photo {
        right:9rem;
        top:9rem;
    }

    .side-phone-container {
        left:36rem;
        top:15%;
    }
}

/* XXXL */
@media only screen and (min-width:1501px) and (max-width:1860px) {
    .small-portrait-photo {
        right:9rem;
        top:9rem;
    }

    .side-phone-container {
        left:36rem;
        top:10%;
    }
}

/* XXXXL */
@media only screen and (min-width:1861px) {
    .small-portrait-photo {
        right:9rem;
        top:9rem;
    }

    .side-phone-container {
        left:50rem;
        top:10%;
    }
}

/******************************************/
/*************** WORK PAGE ****************/
/********** Vertical Label Slider *********/
/******************************************/

/*#vertical_label_slider{
	padding-top: 100px;
}*/

.wine-bg {
    height:80%;
    width:100%;
    background-color:#60B3C3;
    z-index:-1;
    position:absolute;
}

#cf {
    position:relative;
    height:34rem;
    width:15rem;
}

#cf div {
    height:100%;
    width:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    position:absolute;
    left:0;
    transition:all .4s;
}

.cf-text-col {
    display:flex;
    justify-content:center;
    flex-direction:column;
    padding:4rem 4rem 0 4rem;
}

.cf-header-txt {
    font-family:'Hind', sans-serif;
    font-weight:700;
    letter-spacing:3.4px;
    font-size:.9rem;
    padding-bottom:10px;
    text-transform:uppercase;
}

.cf-body-txt {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:200;
    font-size:1.2rem;
    line-height:1.75;
    padding-right:5rem;
}

.mySlides {
    opacity:0;
}

.vert-label-row {
    overflow:hidden;
    padding-right:30px;
}

.label-bg {
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    #vertical_label_slider {
        height:max-content;
    }

    #cd div {
        height:22rem;
        width:10rem;
    }

    .div-center {
        align-items:center;
    }

    .cf-text {
        width:auto;
    }

    .cf-body-txt {
        padding-right:0;
    }

    #cf {
        height:31rem;
        width:14rem;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .vert-label-row {
        padding-right:0;
    }

    #cf {
        position:relative;
        height:31rem;
        width:14rem;
        align-self:center;
        margin-left:0;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    #cf {
        margin-left:0;
        height:30rem;
        width:13.5rem;
    }

    #cd div {
        height:22rem;
        width:10rem;
    }

    .div-center {
        align-items:center;
    }

    .cf-text-col {
        padding:0;
    }
}

/* Bootstrap XL (max-width: 1420px)*/
@media only screen and (min-width:1200px) {
    .cf-body-txt-container {
        width:80%;
    }
}


/******************************************/
/*************** WORK PAGE ****************/
/*************** Wine Row *****************/
/******************************************/

.wine-row .col-3 {
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}


/******************************************/
/*************** WORK PAGE ****************/
/****** Desktop Image With Text Field *****/
/******************************************/

.desktop-cont-bg {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    width:100%;
    height:40rem;
    flex-direction:column;
}

.desktop-width {
    width:27rem;
    align-self:flex-end;
    padding:15px;
}

.desktop-width-btm {
    width:27rem;
    align-self:flex-start;
    padding:15px;
}

.desktop-hdr {
    font-family:'Hind', sans-serif;
    font-weight:700;
    letter-spacing:3.4px;
    font-size:.9rem;
    text-transform:uppercase;
    padding-bottom:10px;
}

.desktop-bdy {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    line-height:1.75;
}

.desktopview-container {
    height:min-content;
}

.dsktp-btm {
    align-self:flex-end;
    height:min-content;
}


/* Bootstrap XS */
@media only screen and (max-width:575px) {
    /*	.desktopview-container{
		height: 35rem;
	}*/
    .desktop-cont-bg {
        background-size:90%;
        height:20rem;
    }

    .desktop-width {
        width:100%;
    }

    .desktop-width-btm {
        width:100%;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) and (max-width:767px) {
    .desktop-width {
        width:100%;
    }
}


/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .desktopview-container {
        align-self:flex-start;
    }

    .desktop-cont-bg {
        height:30rem;
    }

    .desktop-width {
        width:100%;
    }

    .desktop-width-btm {
        width:100%;
    }
}

/******************************************/
/************** Full Width ****************/
/************* iPhone Layer ***************/
/******************************************/

.big-iphone-div {
    overflow:hidden;
    border-radius:50px;
    -moz-border-radius:50px 50px 50px 50px;
    -webkit-border-radius:50px;
    background-clip:padding-box;
    height:600px;
    width:296px;
}

.big-iphone {
    height:100%;
    width:100%;
    border-radius:50px;
    -moz-border-radius:50px 50px 50px 50px;
    -webkit-border-radius:50px;
}

.force-radius {
    border-top-left-radius:50px;
    overflow:hidden;
}

.big-phone-col {
    margin-top:10rem;
    margin-bottom:10rem;
}

.iphone-bg-texture {
    background-size:30rem;
    background-repeat:no-repeat;
    background-position-y:10rem;
    background-position-x:50%;
}

/******************************************/
/*************** WORK PAGE ****************/
/************ Results Section *************/
/******************************************/

.results-hdr {
    font-family:'Hind', sans-serif;
    font-weight:700;
    letter-spacing:3.4px;
    font-size:.9rem;
    text-transform:uppercase;
    padding:10px 30px 10px 30px;
}

.results-bdy {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:1.2rem;
    padding:10px 30px 10px 30px;
}

/******************************************/
/*************** WORK PAGE ****************/
/******** Internet Explorer Crap **********/
/******************************************/


@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
    .video-embed-container {
        display:block !important;
    }
}


/******************************************/
/************* Parallax Group *************/
/******** Internet Explorer Crap **********/
/******************************************/

#group2 {
    z-index:3;
}

.parallax__layer {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.parallax__layer--base {
    transform:translateZ(0);
    z-index:4;
}

.parallax__layer--back {
    transform:translateZ(-300px) scale(2);
    z-index:3;
}

/******************************************/
/************* Parallax Group *************/
/************** Full Row Gif **************/
/******************************************/

.gif {
    height:50rem;
    width:100%;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.gif-text {
    margin-bottom:1rem;
}

.iphone-player-image-mobile {
    /*width: 250px;*/
    height:500px;
}

@media only screen and (max-width:575px) {
    .gif {
        height:30rem !important;
    }

    .gif-text {
        margin-left:5px;
    }

}

/******************************************/
/************* Internship Page ************/
/******************************************/

.page-id-16432 {
    background-color:black;
}

.layer-one-internship {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    font-size:20px;
    color:white;
    background-size:cover;
    opacity:1;
}

.layer-two-internship {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    font-size:20px;
    color:white;
}


.page-id-16432 .gform_footer .gform_button {
    color:#fff;
    background-image:linear-gradient(to left, #2e665d, #0d3133);
    background-color:#2e665d;
    padding:17px 40px 16px 40px;
    border-radius:30px;
    border:none;
    font-family:'Hind', serif;
    text-transform:uppercase;
    font-style:normal;
    white-space:nowrap;
    font-weight:500;
    letter-spacing:0.08em;
    font-size:0.9375rem;
    text-decoration:underline;
    text-decoration-color:transparent;
}

.page-id-16432 .gform_footer .gform_button:hover {
    text-decoration:underline;
    font-style:italic;
    background-image:linear-gradient(to left, #0d3133, #2e665d);
    transition:none !important;
    font-family:"Playfair Display", serif;
    padding:15px 38px 18px 38px;
    text-underline-offset:auto;
    letter-spacing:0.05em;
}

/* Bootstrap XS */
@media only screen and (max-width:800px) {
    .date-parallax-internship {
        display:none;
    }
}

/* Bootstrap XS */
/*@media only screen and (min-width: 575px) and (max-width : 1066px){
	.form-container{
		padding: 0 3rem;
	}
}
*/
.layer-two-internship .svg {
    position:absolute;
}

.clipped {
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    /*position: absolute;*/
    /*background-position-y: 120%;*/
    /*left: 0;*/
    -webkit-clip-path:url(#my-clip-path);
    clip-path:url(#my-clip-path);
}

#hero_design {
    width:100%;
    padding-bottom:70%; /* 16:9 */
    position:relative;
}

#hero_design_mobile {
    background-image:url('/wp-content/themes/vault/images/mobile-hero-3.png');
    background-position:center;
    background-size:cover;
    height:40rem;
    width:100vw;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    #hero_design {
        display:none;
    }

    .internship-hero {
        font-size:12vw !important;
        line-height:12vw !important;
        text-shadow:-2px 2px black;
        top:22rem !important;
        left:1rem;
    }
}

/* Bootstrap SM */
@media only screen and (min-width:576px) {
    #hero_design_mobile {
        display:none;
    }
}

.hero-design-inner {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.internship-hero {
    text-align:left;
    font:Bold 193px/216px Oswald;
    letter-spacing:4.83px;
    color:#F3D4AA;
    opacity:1;
    position:absolute;
    right:22vw;
    text-transform:uppercase;
    top:30vh;
    font-size:7vw;
    line-height:7vw;
}

.body-text-header-internship {
    text-align:left;
    font:300 60px/65px Roboto Condensed;
    letter-spacing:0;
    color:#FFFFFF;
    opacity:1;
    font-size:3.5rem;
    margin-bottom:60px;
}

#field_7_10 .gfield_description {
    margin-bottom:1.5rem;
}

.intern-gravity-form {
    padding-bottom:100px;
}

.intern-gravity-form .gform_footer {
    margin-top:3rem;
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .body-text-header-internship {
        font-size:2.5rem;
    }
}

.body-text-internship {
    text-align:left;
    font:300 22px/32px Roboto Condensed;
    letter-spacing:0.55px;
    color:#FFFFFF;
    opacity:1;
    font-size:20px;
}

.deets-internship {
    text-align:left;
    font:300 22px/32px Roboto Condensed;
    letter-spacing:0.55px;
    color:#FFFFFF;
    opacity:1;
    font-size:1rem;
}

.dates-border-internship {
    border:2px solid #F3D4AA;
    opacity:1;
    margin-top:5rem;
    max-width:300px;
    height:fit-content;
    min-width:220px;
    padding-bottom:43px;
}

.internship-box-headers {
    font-family:'Hind', sans-serif;
    font-weight:700;
    letter-spacing:3.4px;
    font-size:1rem;
    color:#F3D4AA;
    /*min-width: 200px;*/
}

.internship-box-info {

}

.internship-deets {
    padding:20% 20% 0 20%;
}

.container-aspect-internship {
    position:relative;
    width:100%;
    padding-top:70%;
}

.position-layer-absolute {
    position:absolute;
    width:100vw;
    height:100vh;
}

.large-date-text-internship {
    font:Bold 358px/530px Oswald;
    letter-spacing:8.95px;
    color:#F3D4AA;
    opacity:1;
    font-size:20vw;
    margin-bottom:5rem;
    position:relative;
}

.large-date-container {
    width:max-content;
    position:relative;
}

.gfield_checkbox input[type=checkbox] {
    /*background: yellow;*/
    height:20px;
    width:20px !important;
    margin:0;
    /*border-radius: 30px;*/
}

.gfield_checkbox input[type=checkbox]:checked {
    /*background: blue;*/
    background-image:url("/wp-content/themes/vault/images/checkmark.png");
    background-size:1rem;
    background-position:center;
    background-repeat:no-repeat;
}

.apply-intern, .page-id-16432 .gfield_label,
.page-id-16432 .gform_wrapper ul.gfield_checkbox li label,
.page-id-16432 .gform_wrapper .field_description_below .gfield_description,
.page-id-16432 .gform_wrapper form li, .page-id-16432 .gform_wrapper li {
    text-align:left;
    font:300 40px/53px Roboto Condensed;
    letter-spacing:0;
    color:#fff;
    opacity:1;
    font-size:1rem;
}

.page-id-16432 .gform_wrapper ul.gfield_checkbox li label {
    font-size:18px;
    padding-top:3px;
}

.margin-top-twenty {
    margin-top:5rem;
}

.apply-intern-description {
    text-align:left;
    letter-spacing:0;
    color:#FFFFFF;
    opacity:1;
    font-size:18px;
    margin-top:2rem;
    margin-bottom:2rem;
}

.page-id-16432 #navlink button .hamburger-inner,
.page-id-16432 #navlink button .hamburger-inner::before,
.page-id-16432 #navlink button .hamburger-inner::after {
    background-color:#F3D4AA;
}

/*HERE*/

.page-id-16432 svg#logo-small {
    fill:#F3D4AA;
    stroke:#000;
    stroke-width:0.5px;
}

.page-id-16432 #nav-bg {
    background-color:#00000087;
}

.page-id-16520 #logo-small {
    fill:#F3D4AA;
}

.page-id-16520 #nav-bg {
    background-color:#00000087;
}

.page-id-16520 #navlink button .hamburger-inner,
.page-id-16520 #navlink button .hamburger-inner::before,
.page-id-16520 #navlink button .hamburger-inner::after {
    background-color:#F3D4AA;
}

.page-id-16432 .gfield_checkbox {
    flex-wrap:wrap;
    height:max-content;
    display:flex;
}

.page-id-16432 .gfield_checkbox li {
    width:50%;
}

.page-id-16432 .gfield_label {
    font-family:'Roboto Condensed', sans-serif;
    color:white;
    font-weight:400 !important;
    font-size:1.5rem !important;
}

.page-id-16432 .gform_wrapper label {
    /*font-style: 'Roboto Condensed', sans-serif;*/
    font-weight:300;
    font-style:normal !important;
    /*font-size: 1rem !important;*/
}

/* .page-id-16432 .gform_footer .gform_button{
	height: max-content;
    width: max-content;
    background-color: #07655b;
    color: white;
    font-style: normal !important;
    font-size: 1rem !important;
    padding: 1rem 2rem 1rem 2rem;
    margin-bottom: 10rem;
    margin-top: 5rem;
    transition: all 1s ease;
} */

.page-id-16432 #gfield_description_7_5 {
    font-size:20px;
    margin-bottom:2rem;
}

#field_7_5, #field_7_7, #field_7_8 {
    border-top:2px solid #F3D4AA;
    padding-top:5rem;
    margin-top:5rem !important;
}

.page-id-16432 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width:100%;
}

.page-id-16432 .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text] {
    margin-bottom:0;
}

.page-id-16432 .gform_wrapper .field_description_below .gfield_description {
    font-size:1.3rem;
}

.page-id-16432 .gform_wrapper .gfield_description {
    font-size:18px;
}

.page-id-16432 #input_7_3 {
    width:100%;
}

/****************************************************/
/****************Form Field Styles*******************/
/******************Apply Today**********************/

.page-id-16432 .gfield_required .gfield_required_asterisk {
    color:white;
}

.page-id-16432 .ginput_container_select {
    position:relative;
    appearance:none;
    -webkit-appearance:none;
}

.page-id-16432 .ginput_container_select::after {
    color:black;
    content:'⌄';
    font-size:1rem;
    top:11px;
    right:11px;
    position:absolute;
}

.page-id-16432 #input_7_14, #input_7_3 {
    padding:8px;
}

.page-id-16432 #gform_wrapper_2 {
    padding-bottom:120px;
}



#gfield_description_7_8 {
    margin-bottom:2rem;
}

.page-id-16432 .gfield_checkbox li label {
    padding-left:20px !important;
}


@media only screen and (max-width:641px) {
    .page-id-16432 #input_7_1_3_container {
        padding-bottom:10px;
    }
}

@media only screen and (max-width:515px) {
    .page-id-16432 .gfield_checkbox li {
        display:flex;
        justify-content:center;
        align-items:center;
    }

    .page-id-16432 .gfield_checkbox li label {
        padding-left:10px !important;
    }
}

.page-id-16432 .apply-intern-description li {
    /* text-indent: -26px; */
    /* margin-left: 30px; */
}

/* .page-id-16432 .gform_footer .gform_button:hover,
.page-id-16432 .gform_footer .gform_button:focus{
	background-color: #F3D4AA;
	color: black;
	text-decoration: underline;
} */

.page-id-16432 #field_7_7 {
    list-style:none !important;
}

.video-bullet + li + li, .video-bullet + li + li {
    font-size:1.3rem !important;
}

#bullet-over {
    list-style:inside !important;
    font-size:18px !important;
    font-style:italic;
    text-indent:-26px;
    margin-left:30px !important;
}

/************************************************************/
/***********Internship Confirmation Page Styles**************/
/************************************************************/

#internship-confirmation {
    background-image:url("/wp-content/themes/vault/images/confirmation_page.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:100vh;
    width:100vw;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

.confirmation-content {
    background-color:rgba(0, 0, 0, 0.7);
    background-color:#000000B3;
    padding:1rem;
    height:fit-content;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.internship-confirmation-header {
    color:white;
    max-width:40rem;
}

.internship-confirmation-body {
    color:white;
    max-width:40rem;
    font-size:1.3rem;
}

#gform_fields_7 {
    margin-bottom:1.5rem !important;
}

.page-id-16432 .ginput_container input {
    padding:8px !important;
}

@media only screen and (max-width:575px) {
    .gutter-clear-internship {
        padding-left:2rem;
        padding-right:2rem;
    }

    .form-container {
        padding-left:2rem;
        padding-right:2rem;
    }
}

@media only screen and (min-width:576px) {
    .gutter-clear-internship {
        padding-left:16.666667%;
        padding-right:16.666667%;
    }
}

/* Bootstrap MD */
@media only screen and (min-width:768px) and (max-width:991px) {
    .internship-tablet {
        padding:0 2.5rem 0 2.5rem;
    }
}

@media only screen and (min-width:643px) {
    #gform_fields_7 {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:flex-start;
    }

    #field_7_1, #field_7_2 {
        width:100%;
    }

    #field_7_4 {
        width:50%;
        padding-right:8px !important;
        margin-right:-2px;
    }

    #field_7_3 {
        width:50%;
        margin-left:-1px !important;
        padding-left:10px;
    }

    #field_7_7 {
        width:100%;
    }

    #field_7_14 {
        width:50%;
        padding-right:8px !important;
        margin-right:-2px;
    }

    #bullet-over {
        width:100%;
    }
}

/* Award Section */

#award_section {
    background-position:calc(100% + 48px) 100%, 50% 50%;
    background-repeat:no-repeat;
    background-size:600px, 100%;
    background-image:url(/wp-content/themes/vault/images/w-bg-3.svg), linear-gradient(175deg, rgba(8, 103, 92, 1) 0%, rgba(17, 57, 61, 1) 100%);
}

.lines {
    fill:white;
}

.award-svg-container svg {
    height:120px;
}

.award-svg-container {
    display:flex;
    justify-content:center;
    margin:0 0 30px 0;
}

.award-head {
    font-family:'Roboto Condensed', sans-serif;
    font-weight:500;
    font-size:17px;
    font-style:inherit;
}

.award-section-header {
    font-family:'Hind', sans-serif;
    letter-spacing:3.4px;
    font-weight:700;
    font-size:.9rem;
    text-transform:uppercase;
    margin-bottom:10px;
}

/* Partner 116 */

.page-id-16979 {
    background-color:black;
}

.page-id-16979 #gform_9 .gform_title {
    display:none;
}

.page-id-16979 #gform_9 #gform_submit_button_9 {
    color:white;
}

.page-id-16979 #gform_9 #gform_submit_button_9:hover {
    color:#9EDAE2;
}

#hero_section {
    background-position:left;
    background-size:cover;
    max-height:1000px;
    height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:900px;
}

.partner116-head {
    font-family:'Oswald', sans-serif;
    font-size:200px;
    color:white;
    text-transform:uppercase;
    font-weight:900;
    text-shadow:2px 2px 2px #00000038;
    margin-top:14vh;
}

.move-left {
    left:0;
    position:relative;
    transition:all;
}

.move-right {
    right:0;
    position:relative;
}

.partner116-subhead {
    color:white;
    font-size:32px;
    font-family:'Roboto Condensed', sans-serif;
    border-bottom:2px solid #F3D4AA;
    width:max-content;
    font-style:italic;
    text-shadow:2px 2px 2px #00000038;
}

.partner116-cta {
    background-color:white;
    border-radius:25px;
    height:48px;
    width:230px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.partner116-cta span {
    color:black;
}

.partner116-cta svg {
    fill:black !important;
}

.partner116-cta:hover {
    background-color:#9EDAE2;
}

.partner116-cta:hover span {
    color:black;
}

.partner116-cta:hover svg {
    fill:black;
}


.partner116-cta svg {
    fill:#08675C;
    width:40px;
    padding-left:10px;
    transition:all 1s ease;
}

.partner116-cta:hover svg {
    transform:translateX(10px);
    transition:all 1s ease;
}

.partner116-cta span {
    font-family:'Playfair Display', serif;
    font-style:italic;
}

.partner116-main-text {
    color:white;
    font-size:32px;
    max-width:600px;
    margin:150px 0 100px 0;
    font-weight:300;
}

.fifty-gs {
    border-bottom:2px solid #3CA2AA;
}

.partner116-svg svg {
    height:85px;
}

.partner116-svg {
    margin-top:20px;
}

.partner116-lines {
    fill:#F3D4AA;
}

.partner116-svg-description {
    color:white;
    font-size:26px;
    text-align:center;
    line-height:26px;
}

#gform_fields_8 {
    display:flex;
    flex-wrap:wrap;
}

#gform_wrapper_8 .gform_heading {
    display:none;
}

.gchoice_8_9_1, .gchoice_8_9_2 {
    display:flex;
    align-items:center;
}

.page-id-16979 #gform_wrapper_8 .gfield_error label {
    color:#df0202;
}

.page-id-16979 #gform_wrapper_8 .gfield_error .gfield_description {
    color:#df0202;
}

.page-id-16979 #gform_wrapper_8 .gfield_error .gfield_required {
    color:#df0202;
}


@media only screen and (min-width:768px) {
    #gform_fields_8 li:not(.gf_left_half):not(.gf_right_half) {
        width:100%;
    }

    #gform_fields_8 .gf_left_half, #gform_fields_8 .gf_right_half {
        width:50%;
    }

    #gform_fields_8 .gf_left_half {
        padding-right:8px !important;

    }

    #gform_fields_8 .gf_right_half {
        padding-left:8px !important;

    }

}

@media only screen and (max-width:768px) {
    #gform_fields_8 li {
        width:100%;
    }

    #hero_section {
        min-height:700px;
    }
}

.partner116-form-header {
    font-family:'Oswald', sans-serif;
    font-size:60px;
    color:white;
    text-transform:uppercase;
    font-weight:900;
    max-width:550px;
    line-height:60px;
    letter-spacing:2px;
}

.partner116-form-description {
    font-family:'Roboto Condensed', sans-serif;
    color:white;
    font-size:18px;
    max-width:575px;
}

#input_8_2 {
    width:100%;
}

#gform_fields_8 .gfield_label {
    text-transform:uppercase;
    letter-spacing:4px;
    font-family:'Hind', sans-serif;
    font-size:16px;
    font-weight:700;
}

#gform_fields_8 .ginput_complex span label {
    text-transform:uppercase;
    letter-spacing:4px;
    font-family:'Hind', sans-serif;
    font-size:16px;
    text-decoration:none;
    font-style:inherit;
    font-weight:700;
}

#gform_8 .gfield_required {
    color:white;
}

#gform_8 .gfield_checkbox label {
    font-style:inherit;
    margin-left:10px;
    margin-right:20px;
}

#gform_submit_button_8 {
    background-color:white;
    height:50px;
    width:250px;
    border-radius:25px;
    font-family:'Playfair Display', serif;
    font-style:italic;
    text-align:center;
    text-transform:capitalize;
    letter-spacing:0;
    transition:all 1s ease;
}

#gform_submit_button_8:hover {
    background-color:#9EDAE2;
    transition:all 1s ease;
    color:black;
}

.partner116-site {
    width:100%;
    padding-bottom:56.25%; /* 16:9 */
    position:relative;
    margin-bottom:50px;
}

.partner116-site-inner {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

#past_partnerships {
    margin-bottom:100px;
}

.past-partners {
    font-family:'Oswald', sans-serif;
    font-size:110px;
    line-height:110px;
    color:white;
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:2px;
}

.past-partner-thumb {
    text-transform:uppercase;
    letter-spacing:3px;
    font-family:'Hind', sans-serif;
    font-size:16px;
    text-decoration:none;
    font-style:inherit;
    font-weight:700;
    color:white;
    line-height:40px;
    margin-bottom:20px;
    transition:background-size 1s ease;
    max-width:max-content;
    background-image:url(/wp-content/themes/vault/images/beigeline.png);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:0 3px;
}

.past-partner-thumb:hover {
    color:white;
    text-decoration:none;
    background-size:100% 3px;
    transition:background-size 1s ease;
}

.partner-view {
    font-family:'Playfair Display', serif;
    font-style:italic;
    display:inline-block;
    color:white;
    font-size:16px;
    line-height:40px;
    font-weight:500;
    letter-spacing:1px;
    padding:0;
    border:none;
    transition:all 0.3s ease-in-out;

    width:max-content;
    background-image:url(/wp-content/themes/vault/images/beigeline.png);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:0 3px;
}

.partner-view:hover {
    color:white;
    text-decoration:none;
    background-size:100% 3px;
    transition:background-size 1s ease;
}

.partner-view .arrow {
    margin-top:-4px;
    padding-left:10px;
    height:12px;
    display:inline-block;
    transition:all 0.3s ease-in-out;
}

.partner-view .arrow path {
    fill:#fff;
}

#yt-partner-116-one {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#yt-partner-116-two {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#kind_words_section {
    margin:200px 0 200px 0;
}

.kind-words-header {
    font-family:'Oswald', sans-serif;
    font-size:60px;
    color:white;
    text-transform:uppercase;
    font-weight:500;
    line-height:60px;
    letter-spacing:2px;
}

#partner_pattern {
    background-image:url(/wp-content/themes/vault/images/partner-pattern.png);
    background-size:95%;
    background-repeat:no-repeat;
    background-position:center;
    padding:50px 0 50px 0;
}

.partner116-name {
    font-size:32px;
    color:white;
    font-weight:300;
    font-family:'Roboto Condensed', sans-serif;
    margin-bottom:10px;

}

.partner116-title {
    font-family:'Hind', sans-serif;
    text-transform:uppercase;
    color:white;
    font-size:16px;
    letter-spacing:4px;
    font-weight:700;
}

/* Bootstrap MD */
@media only screen and (min-width:768px) {
    .padding-lg {
        padding-left:20px;
    }
}

.partner116-replace {
    background-image:url(/wp-content/themes/vault/images/partner116replace.png);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    height:70px;
    width:9vw;
    min-width:150px;
}

.page-id-16979 .link:hover .arrow {
    padding-left:0;
    transition:all 1s ease-in-out;
    transform:translateX(10px);
}

.page-id-16979 #site-logo #logo-small {
    fill:#fff;
}

.page-id-16979 #navlink button .hamburger-inner, .page-id-16979 #navlink button .hamburger-inner::before, .page-id-16979 #navlink button .hamburger-inner::after {
    background-color:white;
}

.page-id-16979 #vert-cta a, .page-id-16979 #vert-social a {
    color:#fff;
}

.page-id-16979 #vert-cta .link .arrow path {
    fill:#fff;
}

.page-id-16979 #site-logo {
    top:11px;
}

.one-gold-dub {
    background-image:url(/wp-content/themes/vault/images/partner116dub.png);
    background-position:center;
    background-size:contain;
    width:40vw;
    max-width:620px;
    min-width:340px;
    height:376px;
    background-repeat:no-repeat;
    position:absolute;
    right:10%;
    transform:translateY(-170px);
}

/* Bootstrap XS */
@media only screen and (max-width:575px) {
    .one-gold-dub {
        background-position:130px 50%;
        width:80vw;
        right:0;
    }
}

/* Bootstrap SM */
@media only screen and (max-width:991px) {
    .partner116-head {
        font-size:19vw;
    }

    .partner116-replace {
        min-width:140px;
        background-position:top;
    }

    .page-id-16979 #nav-bg {
        background-color:#00000080;
    }
}

/* Bootstrap SM */
@media only screen and (max-width:767px) {
    .partner116-subhead {
        font-size:5vw;
    }

    #partner_pattern {
        background-image:none;
    }

    .select-flip {
        flex-direction:column-reverse !important;
    }

    .padding-lg {
        margin-top:20px;
    }

    .past-partners {
        font-size:50px;
        line-height:50px;
    }

    .kind-words-header {
        font-size:50px;
    }

    .partner116-form-header {
        font-size:50px;
    }

    .partner116-main-text {
        font-size:26px;
    }
}

/* Bootstrap LG */
@media only screen and (min-width:992px) {
    .partner116-head {
        line-height:200px;
    }
}

.link-116 {
    color:#000;
    font-size:16px;
    line-height:16px;
    font-weight:500;
    letter-spacing:1px;
    font-style:italic;
    font-family:'Playfair Display', serif;
}

.link-116:hover {
    color:#0b8b7c;
    text-decoration:underline;
    transition:all 0.3s ease-in-out;
}

.link-116:hover .arrow path {
    fill:#0b8b7c;
    transition:all 0.3s ease-in-out;
}

.link-116 .arrow path {
    fill:#000;
    transition:all 0.3s ease-in-out;
}

.form-confirmation-partner116 {
    max-width:490px;
    font-size:26px;
}

.confirmation-116-u {
    border-bottom:2px solid #F3D4AA;
}

/* Bootstrap MD */
@media only screen and (min-width:768px) {
    .form-confirmation-partner116 {
        margin-left:300px;
    }
}

/* Bootstrap MD */
@media only screen and (max-width:641px) {
    #input_8_3_3_container {
        width:100% !important;
    }

    #input_8_3_4_container {
        width:100% !important;
    }

    #input_8_3_5_container {
        width:100% !important;
    }

    #input_8_3_6_container {
        width:100% !important;
    }
}


#input_8_3 {
    display:flex;
    flex-wrap:wrap;
}

#input_8_3_1_container {
    width:100%;
}

#input_8_3_2_container {
    width:100%;
}

#input_8_3_3_container {
    width:50%;
}


.grecaptcha-badge {
    visibility:hidden;
}

/*

>>>>>>>>>>> FONT REFERENCE <<<<<<<<<<<<


font-family: 'Oswald', sans-serif;

font-family: 'Raleway', sans-serif;

font-family: 'Noto Serif', serif;

font-family: 'Montserrat', sans-serif;

font-family: 'Roboto Condensed', sans-serif;

font-family: 'Playfair Display', serif;

font-family: 'Hind', sans-serif;


font-family: adobe-caslon-pro, serif;

font-weight: 600;

font-style: normal;



font-family: adobe-caslon-pro, serif;

font-weight: 700;

font-style: normal;



font-family: adobe-caslon-pro, serif;

font-weight: 400;

font-style: normal;


*/