section, footer{
position:relative;
}
p, a, li, div{
font-size: 22px;
font-family: baskerville-urw;
margin-bottom:0;
line-height:1.4em;
font-weight: 400;
}
body b, body strong{
font-weight: 500;
}
u{
text-decoration-thickness: 1px;
}
ul {
list-style: none;
padding-left: 0;
}
ul:not(.footer-menu):not(.sf-menu) li{
position:relative;
margin-bottom:.3em;
}
ul:not(.footer-menu):not(.sf-menu) li::before {
content: "";
background:var(--m-yel);
display: inline-block;
width: 10px;
height: 10px;
border-radius:10px;
position:absolute;
top:0.7em;
left:-20px;
transform:translatey(-50%);
}
h1, h1 p{
font-size: 50px;
font-family: baskerville-urw;
line-height:1.1
}
h2{
font-size: 50px;
font-family: baskerville-urw;
}
h3, h3 p{
font-size: 36px;
font-family: baskerville-urw;
margin-bottom:36px;
}
h4{
font-size: 30px;
font-family: baskerville-urw;
}
h5{
font-size: 26px;
font-family: baskerville-urw;
}
.site.container{
max-width: 100%;
width: 100%;
}
.site-logo img{
height: 130px;
}
.main-navigation .inside-navigation{
padding: 18px 36px;
font-family:baskerville-urw;
display: flex;
flex-direction: row;
justify-content:flex-start;
}
.main-navigation.has-branding.grid-container .navigation-branding, .main-navigation.has-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding{
margin-left:0;
margin-right:0;
}
.nav-cta{
display:flex;
align-self:flex-end;
background:var(--m-grey);
margin-left: auto;
}
.menu-item.nav-cta a{
color:var(--m-white)!important;
padding: 0 16px !important;
}
.menu-item.nav-cta a:hover{
color:var(--m-grey)!important;
background:#fff;
text-decoration:none;
}
.main-navigation .main-nav{
flex: 1;
display: grid;
margin-left: 48px;
}
.main-navigation .main-nav>ul{
flex: 1;
width: 100%;
}
.main-navigation .main-nav .menu-item{
margin-right: 16px;
}.main-navigation .main-nav .menu-item:first-child{
margin-left: auto;
}
.menu-item a{
position:relative;
font-size: 20px;
padding: 0 4px !important;
}
.menu-item a:before{
height: 1px;
background:var(--m-grey);
width: 100%;
content:'';
position:absolute;
bottom:14px;
left:50%;
transform:translatex(-50%);
opacity:0;
transition:all .3s;
}
#footer-menu .menu-item a:before{
background:#fff;
bottom:0px;
}
.menu-item:hover a:before{
opacity:1;
}
.site #content.site-content{
display: flex;
flex-direction:column;
}
.flex-row{
display: flex;
}
.faux-bg-img {
height: 100%;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
transition: all .3s;
}
.faux-bg-img img{
position: absolute;
width: 101%;
height: 101%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
object-fit: cover;
}
.yel-bg{
background:var(--m-yel);
}
.dg-bg{
background:var(--m-grey);
color:#fff;
}
.title-row{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
text-align:center;
padding: 85px 0px 48px 20px;
}
.title-row > *{
flex: .5;
}
.title-spacer{
height: 1px;
background: var(--m-grey);
}
.title-text{
flex:1;
}
.dg-bg .title-spacer{
background: var(--m-white);
}
.title-img{
text-align:center;
}
.title-img img{
width: 143px;
}
.btn-grey{
color:var(--m-white);
text-decoration:unset;
background:var(--m-grey);
padding: 10px 36px 16px;
display: flex;
transition: all .3s;
}
.btn-grey:hover{
color:var(--m-grey);
background:var(--m-yel);
}
.btn-white{
color:var(--m-grey);
text-decoration:unset;
background:var(--m-white);
padding: 10px 36px 16px;
display: flex;
transition: all .3s;
}
.btn-white:hover{
color:var(--m-grey);
background:var(--m-yel);
}
.btn-yel{
color:var(--m-grey);
text-decoration:unset;
background:var(--m-yel);
padding: 10px 36px 16px;
display: flex;
transition: all .3s;
}
.btn-yel:hover{
color:var(--m-yel);
background:var(--m-grey);
}
.trail{
width:14%;
height:100%;
left: 0;
position: absolute;
display:flex;
align-items:center;
justify-content:center;
bottom:0;
}
.half-trail{
height:50%;
}
.trail:before{
content:'';
height: 100%;
background-image: url(//themarketists.co/wp-content/uploads/2023/11/Line-1.svg);
background-size: 1.5px;
background-repeat:repeat-y;
flex:1;
background-position:center;
}
.trail.white:before{
background-image: url(//themarketists.co/wp-content/uploads/2023/11/Line-2.svg);
}
@media only screen and (max-width:1480px){
.trail{
width:100px;
}
}
@media only screen and (max-width:1280px){
.menu-item a{
font-size: 16px;
}
.site-logo img{
height: 80px;
}
.trail{
width:18px;
}
}
@media only screen and (max-width:1144px){
.menu-item a:before{
display:none !important;
}
.main-navigation.toggled .main-nav li.nav-cta a{
width: 100%;
}
p, a, li, div{
font-size: 18px;
font-family: baskerville-urw;
margin-bottom:0;
line-height:1.3;
font-weight: 400;
}
h1, h1 p{
font-size: 48px;
font-family: baskerville-urw;
}
h2{
font-size: 36px;
font-family: baskerville-urw;
}
h3, h3 p{
font-size: 28px;
font-family: baskerville-urw;
}
h4{
font-size: 24px;
font-family: baskerville-urw;
}
h5{
font-size: 22px;
font-family: baskerville-urw;
}
.site-logo img{
padding:0;
height: 60px;
}
nav.toggled{
background:var(--m-grey);
color:var(--m-white);
}
nav.toggled .main-nav .menu-item a{
text-align:center !important;
color:var(--m-white) !important;
font-size: 20px;
}
.main-navigation.has-branding .menu-toggle{
color:var(--m-white);
font-family:baskerville-urw;
font-weight: bold;
margin-left: auto;
background:var(--m-grey);
border-radius: 100%;
padding: 0 22.5px !important;
}
.main-navigation.has-branding .menu-toggle:hover{
background:var(--m-white);
color:var(--m-grey);
}
.main-navigation .inside-navigation{
width:100%;
flex:1;
align-items:flex-start;
padding:8px 18px 30px;
}
nav.toggled .navigation-branding .site-logo{
filter:invert(1)brightness(2);
}
.main-navigation.toggled .main-nav{
display: flex;
justify-content:center;
align-items:center;
text-align:center;
margin:0;
}
.main-navigation.toggled .main-nav li{
width: auto;
display: flex;
align-items:center;
justify-content:center;
margin:0;
padding: 10px 0;
}
.main-navigation.toggled .main-nav li a{
line-height: 2;
}
.main-navigation.toggled .main-nav li.nav-cta{
background:var(--m-yel);
text-align:center;
align-items:center;
justify-content:center;
margin-top:10px;
}
.main-navigation.toggled .main-nav li.nav-cta a{
color:var(--m-grey) !important;
line-height: 3
}
.title-row{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
text-align:center;
padding: 24px 20px 24px 20px;
}
.title-row > *{
flex: .25;
}
.title-row .title-text{
flex: 1;
}
.title-spacer{
height: 1px;
background: var(--m-grey);
}
.title-space{
flex:.25;
}
.dg-bg .title-spacer{
background: var(--m-white);
}
.title-img{
text-align:center;
}
.title-img img{
width: 143px;
}
}
@media only screen and (max-width: 767px){
.trail{
display: none;
}
.story-group:before{
display:none;
}
.role-group:before, .process-group:before{
display:none;
}
.title-row{
position: relative;
display:flex;
flex-direction:column;
}
.title-row > *{
flex: 0;
}
.title-row .title-text{
flex: 1;
}
.dg-bg .title-spacer{
background: var(--m-white);
}
.title-img{
width: 60px;
height: 60px;
margin-top:24px;
}
.title-img img{
z-index: 0;
}
#the_twist .content{
z-index: 1;
position: relative;
}
} #hero{
position:relative;
overflow-x:hidden;
}
#hero .hero-container{
max-width: calc(1149px + 48px);
padding: 0 24px;
margin: 60px auto 0;
width: 100%;
}
#hero .hero-content{
display: flex;
flex-direction:column;
width: 54%;
padding-top: 60px;
padding-bottom:240px;
}
#hero .hero-img{
mix-blend-mode:multiply;
width: 46%;
display: flex;
position:relative;
}
#hero .hero-img .faux-bg-img img{
object-fit:contain;
}
#hero .hero-title{
margin-bottom: 48px;
display: flex;
flex-direction:column;
}
#hero .point-down{
position: absolute;
bottom:0;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes bobbing {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
#hero .point-down img {
animation: bobbing 1s ease-in-out infinite;
}
#hero .hero-img img{
object-position:center right;
}
#hero .hero-img{
transform:translatex(30%);
}
@media only screen and (max-width:1144px){
.hero-title p{
font-size:40px;
}
#hero .hero-content, #hero .hero-sketch, #hero.short .hero-content{
width:50%;
}
}
@media only screen and (max-width:989px){
.hero-title p{
font-size:36px;
}
#hero .hero-content, #hero.short .hero-content{
width:60%;
} 
#hero .hero-img{
width:40%;
}
#hero .hero-content{
padding-bottom: 120px;
}
}
@media only screen and (max-width:767px){
#hero{
position:relative;
}
.hero-title p{
font-size:36px;
}
#hero .hero-content, #hero.short .hero-content{
width:100% !important;
} 
#hero .hero-img{
position:absolute;
top:0;
right: 0;
opacity: .2;
height: 100%;
width: 100%;
}
} #the_twist .content-grid{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
max-width: calc(1149px + 48px);
margin: auto;
padding: 0 24px;
}
#the_twist .grid-item{
width: calc(50% - 36px);
margin-bottom: 48px;
}
#the_twist .grid-item:last-child h3{
color:var(--m-yel);
}
#the_twist .grid-item h3{
margin-bottom:24px;
}
.twist-sketch{
width: 40%;
position:relative;
}
.twist-sketch .faux-bg-img img{
object-position:top center;
}
.twist-footer{
display: flex;
max-width: calc(1149px + 48px);
margin: auto;
padding: 0 24px;
}
.twist-cta-wrapper{
width: 60%;
display: flex;
flex-direction: column;
padding-right: 48px;
}
.twist-footer .cta-spacer{
width: 0;
height: 234px;
background: var(--m-white);
margin: auto;
}
.twist-cta{
background:var(--m-yel);
color:var(--m-grey);
padding: 48px 24px;
}
.twist-cta-copy{
text-align:center;
padding-bottom: 24px;
}
.twist-cta-btn-wrapper{
display: flex;
justify-content:center;
}
.twist-cta-btn{
color:var(--m-white);
text-decoration:unset;
background:var(--m-grey);
padding: 10px 36px 16px;
display: flex;
transition: all .3s;
}
.twist-cta-btn:hover{
color:var(--m-grey);
background:var(--m-white);
}
@media only screen and (max-width:1144px){
#the_twist .grid-item{
width:calc(50% - 16px);
}
}
@media only screen and (max-width:767px){
#the_twist .grid-item{
width: 100%;
margin-bottom: 36px;
}
.twist-footer{
padding:0;
}
.twist-footer .twist-sketch{
display: none;
}
.twist-footer .twist-cta-wrapper{
width: 100%;
padding-right: 0;
}
.twist-footer .twist-cta-copy{
max-width: 460px;
margin:auto;
}
.twist-footer .cta-spacer{
display:none;
}
} .process-row{
display: flex;
flex-wrap: wrap;
max-width: calc(1149px + 48px);
margin: auto;
padding: 0 24px;
justify-content:space-between;
position:relative;
}
.process-group{
position:relative;
overflow: hidden;
}
.process-group.last-group{
margin-bottom:76px;
}
.process-group .process-row{
max-width: calc(1149px + 48px);
}
.model-left{
width: calc(50% - 36px);
}
.model-content p{
margin-bottom: 24px;
}
#our_process .model-list ul, #our_process .process-item ul{
list-style: none;
margin-left: 48px;
}
#our_process .model-list li, #our_process .process-item li{
position:relative;
margin-bottom:36px;
}
#our_process .model-list li:before, #our_process .process-item li:before{
background:url(//themarketists.co/wp-content/uploads/2023/11/noun-tick-2103587-1.svg);
width: 24px;
height: 24px;
position:absolute;
content:'';
left:-40px;
top: 16px;
background-size: contain;
background-position:center;
background-repeat:no-repeat;
display: block;
}
.model-right{
width: calc(50% - 36px);
}
.model-title-wrapper{
display: flex;
flex-direction: row;
align-items:center;
}
.info-hover{
flex: 1;
display: flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
}
.info-hover img{
width:27px;
}
.process-separator{
display: flex;
justify-content:center;
align-items:center;
height: 200px;
}
.process-separator p{
font-size: 50px;
font-family:baskerville-urw;
font-style: italic;
color:var(--m-light);
margin-bottom:72px;
}
.process-item{
width: calc(50% - 36px);
margin-bottom:72px;
}
.process-item-icon img{
width:122px;
margin-bottom:24px;
}
.process-item-title p{
font-size: 40px;
margin-bottom: 30px;
}
.process-item-content p{
margin-bottom: 24px
}
.process-more{
text-decoration:unset;
background:var(--m-yel);
padding:56px 36px 30px;
position:absolute;
right:0;
top:50%;
transform:translate(40%, -50%) rotate(90deg);
color:var(--m-grey);
font-weight:700;
transition:all .3s;
}
.process-more:hover{
background:var(--m-grey);
color:#fff;
}
.process-more p{
color:inherit;
font-weight:inherit;
}
.process-final-img{
flex:1;
position:absolute;
top:50%;
right:0;
transform: translatey(-50%);
width: 50%;
height: 100%;
}
.retained-model{
position:relative;
}
.process-group:before{
position:absolute;
z-index: 2;
background:url(//themarketists.co/wp-content/uploads/2023/11/Ellipse-5.svg);
background-size: contain;
background-position:center;
background-repeat:no-repeat;
width: 14%;
height: 20px;
content:'';
border-radius: 50px;
left:0;
top:165px;
}
.process-group.no-more .process-row{
padding-right: 24px;
}
.process-group.no-more:before{
top:20px;
}
@media only screen and (max-width:1480px){
.process-group:before{
width: 100px;
}
.process-row{
padding-right: 90px;
}
}
@media only screen and (max-width:1144px){
.process-separator p{
font-size: 36px;
}
}
@media only screen and (max-width:1280px){
.process-group:before{
width: 18px;
}
}
@media only screen and (max-width:989px){
.process-separator{
height:120px;
}
.process-separator p{
margin-bottom:36px;
font-size: 36px;
padding: 0 24px;
}
.process-item-title p{
font-size: 28px;
}
.process-item-icon img{
width: 80px;
}
.process-item{
width: calc(50% - 22px);
margin-bottom:24px;
}
#our_process {
padding-bottom: 24px;
}
}
@media only screen and (max-width: 767px){
.process-row .model-right,  .process-row .model-left,  .process-row .process-item{
width:100%;
margin-bottom: 24px;
}
.process-group .process-row{
padding: 0 24px;
}
.process-final-img{
display:none;
}
.process-group.last-group{
padding-right: 0;
}
.process-group{
padding-right: 0;
}
.process-group .process-more{
display: none;
}
} #cta .btn-grey:hover{
background:#fff;
}
.cta-row{
display:flex;
flex-direction: row;
}
.cta-img{
width: 45%;
position:relative;
background:var(--m-yel);
}
.cta-img .faux-bg-img{
mix-blend-mode:multiply;
}
.cta-content{
width: 55%;
background:var(--m-yel);
color:var(--m-grey);
position: relative;
padding: 62px;
min-height: 580px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin: 36px 0;
}
.cta-content > *{
max-width: 600px;
}
.cta-text{
margin-bottom: 48px;
}
.cta-text p{
font-size: 48px;
}
.cta-logo{
position:absolute;
width: 84px;
top: 20px;
right: 20px;
}
#newsletter .wpcf7-submit:hover{
background:var(--m-white);
color:var(--m-grey);
}
@media only screen and (max-width:1144px){
.cta-text p{
font-size: 36px;
}
}
@media only screen and (max-width: 989px){
#cta .cta-img{
width: 33%;
}
#cta .cta-content{
width: 67%;
}
}
@media only screen and (max-width: 767px){
#cta{
position:relative;
margin-bottom:24px;
}
#cta .cta-content{
width:100%;
padding: 24px;
margin: 0;
min-height:auto;
}
#cta .cta-text{
background:var(--m-yel);
padding:24px;
margin-bottom:14px;
font-size: 30px;
}
#cta .cta-content .btn-grey{
width:100%;
text-align:center;
display: block;
}
#cta .cta-logo{
display: none;
}
#cta .cta-content > *{
z-index: 2;
}
#cta .cta-img{
width: 100%;
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index: 1;
opacity:0.33;
}
#newsletter{
margin-top:68px !important;
}
} .service-grid{
display: flex;
flex-wrap: wrap;
max-width: calc(1149px + 48px);
margin: 36px auto 62px;
padding: 0 24px;
justify-content:space-between;
position:relative;
}
.service-item{
width:calc(33.33% - 24px);
margin-bottom: 62px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.service-img{
width:calc(33.33% - 24px);
display: flex;
justify-content: center;
align-items:center;
margin-bottom: 62px;
}
.service-img img{
width: 240px;
}
.service-item p{
margin-bottom: 24px;
}
.service-item .btn-grey{
width: 100%;
text-align:center;
justify-content:center;
max-width: 320px;
}
@media only screen and (max-width:989px){
.service-item{
width:calc(50% - 48px);
margin-bottom: 48px;
}
.service-img{
width:calc(50% - 48px);
display: flex;
justify-content: center;
align-items:center;
margin-bottom: 48px;
}
}
@media only screen and (max-width:767px){
.service-item{
width:100%;
margin: 0 auto 48px;
}
.service-item h3{
margin-bottom:24px;
}
.service-img{
width:100%;
margin: 24px 0;
display: none;
}
.service-img img{
width: 180px;
}
} .posts.grid{
display: flex;
flex-wrap: wrap;
max-width: calc(1149px + 48px);
margin: 24px auto 62px;
padding: 0 24px;
justify-content:space-between;
position:relative;
}
.post-item{
width:calc(33.33% - 24px);
margin-bottom: 62px;
display:flex;
flex-direction:column;
align-items:flex-start;
transition:all .3s;
}
.post-item > a{
color:unset;
text-decoration:unset;
}
.post-item .btn-yel{
color:var(--m-grey);
}
#posts.blog-grid .post-item:hover{
transform:scale(1.02);
}
.post-item-photo{
position:relative;
background:var(--m-yel);
width: 100%;
margin-bottom: 24px;
}
.post-item-photo:before{
content:'';
padding-top: 56.4%;
display:block;
position:relative;
}
.post-item-photo .faux-bg-img{
filter:grayscale(1);
mix-blend-mode:multiply;
}
.post-item .grid-item-title{
line-height: 1.1;
}
.post-item .btn-white, .post-item .btn-yel{
margin: 28px 0;
width: 100%;
justify-content:center;
margin-top:auto;
}
.post-meta-row{
display:flex;
width: 100%;
}
.post-meta-row > *{
flex: 1;
color:var(--m-yel);
font-size: 16px;
align-items:center;
}
.post-meta-row .separator{
height: 1px;
background: var(--m-white);
margin: 20px;
flex:.8;
}
.post-meta-row .post-date{
display: flex;
justify-content:flex-end;
}
.post-meta-row .post-author{
display: flex;
line-height:1.1;
}
.post-item .btn-white{
margin-top:auto;
}
#posts .grid-item-excerpt{
margin-bottom:24px;
}
@media only screen and (max-width:989px){
#posts .grid-item-title{
font-size: 22px;
}
#posts .grid-item-excerpt{
font-size: 16px;
}
#posts .post-item .btn-white{
font-size: 16px;
padding: 8px 16px;
margin: 14px 0;
}
.post-meta-row > *{
font-size:16px;
flex: 1.25;
}
.post-meta-row .separator{
flex: 1;
}
}
@media only screen and (max-width:767px){
#posts .post-item{
width: 100%;
max-width: 460px;
margin: 0 auto 36px;
}
} .giving-row{
display: flex;
flex-wrap: wrap;
max-width: calc(1149px + 48px);
margin: 0 auto 100px;
padding: 0 24px;
justify-content:space-between;
position:relative;
}
.giving-left{
width: 40%;
padding-right: 62px;
display: flex;
flex-direction:column;
align-items:flex-start;
}
.giving-right{
width: 60%;
}
.giving-subtitle p{
font-size: 36px
}
.giving-left .btn-grey{
width: 280px;
justify-content:center;
margin-top: 48px;
}
.giving-right p{
padding-bottom: 28px;
font-size: 26px;
}
@media only screen and (max-width:1144px){
.giving-subtitle p{
font-size: 36px;
}
.giving-right p{
font-size:24px;
}
}
@media only screen and (max-width: 989px){
#giving_back .title-row{
margin-top:36px;
padding-bottom:0;
}
.giving-left{
padding-right:0;
}
.giving-left .btn-grey{
margin-top:24px;
}
.giving-right p{
text-align:center;
}
}
@media only screen and (max-width: 989px){
.giving-row{
flex-direction:column;
margin-bottom: 0;
}
.giving-left{
width: 100%;
text-align:center;
}
.giving-subtitle p{
font-size: 28px;
}
.giving-left .btn-grey{
margin: auto;
margin-top:24px;
}
.giving-right{
width: 100%;
margin-top:48px;
}
.giving-right p{
font-size: 20px;
padding-bottom:18px;
}
} #newsletter{
background: linear-gradient(0deg, var(--m-grey) 45%, var(--m-white) 55%);
margin-top:-36px;
margin-bottom:-36px;
background:transparent;
z-index:2;
}
.cta-content{
width: 55%;
background:var(--m-yel);
color:var(--m-grey);
position: relative;
padding: 62px;
min-height: 580px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin: 36px 0;
}
#newsletter .cta-title{
margin-bottom: 24px;
font-size: 48px;
}
#newsletter .cta-text p{
font-size: 24px;
}
.cta-logo{
position:absolute;
width: 84px;
top: 20px;
right: 20px;
}
#newsletter .wpcf7-acceptance{
font-size: 16px;
}
#newsletter .wpcf7-acceptance a{
color:var(--m-grey);
font-size: 16px;
}
#newsletter .form-row{
margin-bottom:24px;
}
#newsletter .form-row p{
display: flex;
flex-direction:row;
justify-content:space-between;
}
#newsletter .form-row .wpcf7-form-control-wrap, .wpcf7-submit{
width: calc(33.33% - 8px);
}
#newsletter .form-row input:not(.wpcf7-submit){
width: 100%;
display: flex;
text-align:center;
font-family:baskerville-urw;
font-size: 20px;
border:0;
}
.wpcf7-submit{
display: flex;
font-family:baskerville-urw;
justify-content:center;
font-size: 20px;
border:0;
padding:0 !important;
}
.wpcf7-spinner{
position:absolute;
right:0;
top:0;
}
@media only screen and (max-width:1144px){
#newsletter .cta-title{
font-size: 36px;
}
#newsletter .form-row input:not(.wpcf7-submit){
font-size: 14px;
border:0;
}
#newsletter .cta-text{
margin-bottom:24px;
}
#newsletter .cta-text p{
font-size:20px;
}
.wpcf7-submit{
display: flex;
font-family:baskerville-urw;
justify-content:center;
font-size: 16px;
border:0;
padding:0 !important;
}
}
@media only screen and (max-width: 989px){
#newsletter .cta-img{
width: 33%;
}
#newsletter .cta-content{
width: 67%;
}
}
@media only screen and (max-width: 767px){
#newsletter{
position:relative;
padding:0;
}
#newsletter .cta-content{
width:100%;
margin: 0;
}
#newsletter .cta-content > *{
z-index: 2;
}
#newsletter .cta-img{
width: 100%;
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index: 1;
opacity:0.33;
}
} #footer{
padding-top:62px;
}
.footer-container{
display: flex;
flex-direction:column;
flex-wrap: wrap;
max-width: calc(1149px + 48px);
margin: auto;
padding: 0 24px;
justify-content:space-between;
position:relative;
align-items:flex-start;
}
.footer-menu{
display: flex;
list-style: none;
margin: unset;
padding: 8px 18px;
background:#272727;
margin-bottom: 48px;
margin-top: 48px;
}
.footer-menu .menu-item{
padding: 0 18px;
line-height: 2;
}
.footer-menu .menu-item a{
text-decoration:none;
color:var(--m-white);
font-size: 20px;
}
.footer-row{
width: 100%;
display: flex;
justify-content:space-between;
}
.footer-half{
width: 45%;
display: flex;
flex-direction: column;
}
.footer-sketch{
align-items: flex-end;
}
.footer-contact-row{
display: flex;
justify-content: space-between;
width: 100%;
color: var(--m-yel);
margin-bottom: 28px;
}
.footer-contact-row a{
text-decoration:none;
}
.footer-address-row{
margin-bottom:28px;
}
.footer-logo{
margin-top: 24px;
margin-bottom: 24px;
}
.footer-logo img{
width: 620px;
margin-bottom: 28px;
}
.footer-copyright{
margin-bottom:62px;
}
.footer-copyright p{
font-size: 18px;
margin-bottom:16px;
}
@media only screen and (max-width:1144px){
.footer-menu .menu-item{
padding: 0 18px;
line-height: 2;
}
.footer-menu .menu-item a{
text-decoration:none;
color:var(--m-white);
font-size: 18px;
}
}
@media only screen and (max-width: 989px){
.footer-half{
width: 60%;
}
.footer-half.footer-sketch{
width: 40%;
}
.footer-contact-row{
max-width: 400px;
}
.footer-menu{
padding: 8px 16px;
flex-wrap: wrap;
}
.footer-menu .menu-item{
padding: 0 10px;
}
.footer-menu .menu-item a{
text-decoration:none;
color:var(--m-white);
font-size: 16px;
line-height: 
}
}
@media only screen and (max-width: 767px){
.footer-menu{
margin-top:24px;
}
.footer-menu .menu-item{
padding: 0 5px;
}
.footer-half{
width: 100%;
}
.footer-sketch{
position:absolute;
bottom:48px;
right: 24px;
opacity: .16;
}
.footer-copyright p{
font-size:14px;
}
.footer-copyright p strong{
font-size:16px;
}
} #hero.short{
height: 60vh;
min-height: 360px;
display: flex;
align-items:center;
position:relative;
}
#hero.short .hero-container{
padding: 0 24px;
}
#hero.short .hero-content{
width: 60%;
padding: 60px 0;
}
#hero.short .hero-img{
width: 40%;
position:absolute;
right: 0;
bottom:0;
height: 90%;
}
#hero.short .hero-img img{
object-position:bottom;
}
@media only screen and (max-width:767px){
#hero{
position:relative;
}
.hero-title p{
font-size:36px;
}
#hero .hero-content{
width:100%;
} 
#hero.short .hero-img{
position:absolute;
top:unset;
right: 0;
bottom:0;
opacity: .2;
height: 100%;
width: 100%;
}
} .story-row{
display: flex;
flex-wrap: wrap;
max-width: calc(1149px + 48px);
margin: auto;
padding: 0 24px;
justify-content:space-between;
position:relative;
}
.story-group{
position:relative;
}
.story-group .story-row{
max-width: calc(1149px + 48px);
margin-bottom: 28px;
}
.story-item{
width: calc(60% - 36px);
}
.story-item-title p{
font-size: 40px;
margin-bottom: 30px;
}
.story-item-content p{
margin-bottom: 24px;
font-size: 24px;
line-height: 1.4;
}
.story-final-img{
flex:1;
position:absolute;
top:50%;
right:0;
transform: translatey(-50%);
width: 40%;
height: 100%;
}
.story-group:before{
position:absolute;
z-index: 2;
background:url(//themarketists.co/wp-content/uploads/2023/11/Ellipse-5.svg);
background-size: contain;
background-position:center;
background-repeat:no-repeat;
width: 14%;
height: 20px;
content:'';
border-radius: 50px;
left:0;
top:-100px;
z-index: 99;
}
.story-group .btn-grey, .process-group.no-more .btn-grey{
width: 320px;
justify-content:center;
margin-top: 48px;
}
.story-row.team-grid{
display: flex;
flex-wrap:wrap;
justify-content:space-evenly;
padding-right: 20px;
}
.story-row .team-member{
width: 260px;
margin-bottom:48px;
margin-right: 20px;
}
.story-row .team-member h3{
font-size: 32px;
padding: 10px 0;
margin-bottom:0;
}
.story-row .team-member .speciality{
font-weight: 700;
font-size: 24px;
margin-bottom:12px;
}
#team .link-row{
display: flex;
align-items:center;
margin-top:24px;
}
#team .link-row a{
color:#000;
text-decoration:unset;
margin-right: 16px;
display:flex;
align-items:center;
font-size:20px;
}
#team .link-row a img{
width: 18px;
height: 18px;
margin-right:5px;
}
#team .link-row .author-email img{
width: 30px;
height: 30px;
}
#team .link-row a
@media only screen and (max-width:1480px){
.story-group:before{
width: 100px;
}
}
@media only screen and (max-width:1280px){
.story-group:before{
width: 18px;
}
}
@media only screen and (max-width:989px){
.story-item-title p{
font-size: 28px;
}
.story-item-icon img{
width: 80px;
}
.story-item{
width: calc(50% - 22px);
margin-bottom:24px;
}
}
@media only screen and (max-width: 767px){
.story-row .model-right,  .story-row .model-left,  .story-row .story-item{
width:100%;
margin-bottom: 24px;
}
.story-row{
padding-right: 20px;
}
.story-final-img{
display:none;
}
.story-row .team-member{
width: 100% !important;
max-width: 460px;
}
} .page-template-homepage #services{
padding-top: 62px;
}
#services .story-group .story-row{
margin-bottom:82px;
}
.story-group:before{
top:9.5px;
z-index: 99;
}
.story-group .btn-grey{
width: 320px;
justify-content:center;
margin-top: 48px;
}
.story-group .btn-grey:hover{
background:var(--m-yel);
color:var(--m-grey);
}
.story-row.team-grid{
display: flex;
flex-wrap:wrap;
justify-content:space-evenly;
padding-right: 20px;
}
.story-row .team-member{
width: 260px;
margin-bottom:48px;
margin-right: 20px;
}
#story{
padding-bottom:80px;
}
@media only screen and (max-width:1480px){
.story-group:before{
width: 100px;
}
}
@media only screen and (max-width:1280px){
.story-group:before{
width: 18px;
}
}
@media only screen and (max-width:989px){
.story-item-title p{
font-size: 28px;
}
.story-item-icon img{
width: 80px;
}
.story-item{
width: calc(50% - 22px);
margin-bottom:24px;
}
}
@media only screen and (max-width: 767px){
.story-row .model-right,  .story-row .model-left,  .story-row .story-item{
width:100%;
margin-bottom: 24px;
}
.story-row{
padding-right: 20px;
}
.story-final-img{
display:none;
}
} .blog-grid{
padding-top:60px;
}
.blog-grid .post-author, .blog-grid .post-date{
color:var(--m-grey);
}
.blog-grid .post-meta-row .separator {
height: 1px;
background: var(--m-grey);
margin: 20px;
}
.page-template-givingBack #story .story-group:before{
top:-100px;
}
.blog-grid .post-item .btn-yel{
margin-top:auto;
}
.blog-grid .post-item .btn-yel:hover{
color:#fff;
}
.post-item .btn-white{
color:var(--m-grey);
}
@media only screen and (max-width: 1240px){
.page-template-givingBack #story .story-group:before{
top:-70px;
}
} #givingStats .content{
max-width: calc(1149px + 48px);
width: 100%;
margin: auto;
}
.stats-row{
display: flex;
flex-direction:row;
justify-content:space-between;
padding:48px 24px 72px;
}
.stats-row .stat{
width: calc(33.333% - 24px);
text-align:center;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.stats-row .stat .value{
font-size: 80px;
font-weight: 600;
}
.stats-row .stat-sep{
width: 60%;
height: 1px;
background:var(--m-grey);
margin: 18px auto;
}
#our_process .icon-row{
display: flex;
flex-wrap:wrap;
max-width: calc(1149px + 48px);
padding: 62px 20px;
margin:auto;
justify-content:space-evenly;
}
#our_process .icon-row .icon{
width: 280px;
display: flex;
justify-content:center;
align-items:center;
flex-direction:column;
text-align:center;
font-size: 30px;
margin-bottom:24px;
}
#our_process .icon-row .icon img{
max-width: 120px;
}
#our_process .icon-row .icon p{
font-size: 24px;
margin-top: 18px;
}
@media only screen and (max-width: 767px){
.stats-row{
flex-direction:column;
align-items:Center;
}
.stats-row .stat{
width: 100%;
margin-bottom:24px;
}
} #keep_up .content{
max-width: calc(1149px + 48px);
padding: 0 24px 72px;
margin:auto;
}
#keep_up .keep-up-cta{
padding: 48px 48px 72px;
display: flex;
flex-direction:Column;
align-items:center;
justify-content:center;
}
#keep_up .form-row p{
display: flex;
flex-direction:row;
flex-wrap:no-wrap;
}
#keep_up .form-row p span, #keep_up .form-row .wpcf7-submit{
width: 33.3%;
text-align:center;
}
#keep_up .form-row input{
font-size: 18px !important;
text-align:center !important;
font-family:baskerville-urw;
font-weight: 500 !important;
border:6px solid var(--m-grey);
}
#keep_up .form-row .wpcf7-submit{
background:var(--m-yel);
color:var(--m-grey);
}
#keep_up .wpcf7-list-item{
margin-left:0;
display: flex;
align-items:center;
justify-content:center;
padding-top:8px;
}
#keep_up .wpcf7-list-item-label, #keep_up .wpcf7-list-item-label a{
font-size: 16px !important;
}
@media only screen and (max-width: 1144px){
.story-item-content p{
font-size:18px;
}
}
@media only screen and (max-width: 989px){
#keep_up .form-row p{
display: flex;
flex-direction:column;
flex-wrap:no-wrap;
}
#keep_up .form-row p span, #keep_up .form-row .wpcf7-submit{
width: 100%;
text-align:center;
height: 50px;
}
#keep_up .form-row p span input{
width: 100%;
height: 50px;
}
} .service-halves{
width: 100%;
display:flex;
flex-wrap:wrap;
margin: 0;
justify-content: space-between;
}
.service-halves .half{
width: calc(50% - 24px);
}
.service-halves .process-item-title{
width: 100%;
}
.process-item-title{
margin-bottom:48px;
}
#our_process.service-page .story-group, #our_process.service-page .process-group{
margin-bottom:80px;
margin-top:36px;
}
#our_process.service-page .icon-row{
width: 100%;
padding-bottom:0;
align-items:flex-start;
}
#our_process.service-page .icon-row .icon{
width:260px;
padding: 0 10px;
}
#our_process.service-page .icon-row .icon p{
font-size: 22px;
}
.story-item.full-width{
width: 100%;
}
.image-switcher{
max-width: calc(1149px + 48px);
margin-bottom: 28px;
margin:auto;
}
.image-container{
width: calc(100% - 48px);
margin:48px 24px;
}
.switcher-controls{
display: flex;
align-items:center;
justify-content:center;
}
.switch-button{
background: #F3D740;
opacity: .5;
font-family: baskerville-urw;
color: #000;
font-size: 36px;
font-weight: 400;
width: 200px;
transition: all .5s;
}
.switch-button:hover{
opacity: 1;
color:var(--m-grey);
}
.switch-button.active{
opacity:1;
position:relative;
color:var(--m-grey);
}
.switch-button.active:after{
content: '';
position: absolute;
left: 50%;
bottom: -40px;
border-width: 20px;
border-style: solid;
border-color: var(--m-yel) transparent transparent transparent;
transform: translateX(-50%);
}
#keep_up.narrower .content{
max-width: calc(720px + 48px);
text-align:center;
padding-top:50px;
padding-bottom:125px;
}
#keep_up.narrower .keep-up-cta{
padding: 48px 100px;
}
#keep_up.narrower .keep-up-title{
font-size: 36px;
}
.process-item.full{
width: 100%;
margin:0 auto;
}
.process-item.center{
text-align:center;
}
.story-group.full .story-row{
max-width: 100%;
}
.story-group.full .story-row .process-item{
padding: 0 24px;
max-width: calc(1149px + 48px);
}
.story-group.no-dot:before{
display:none;
}
#our_process .icon-row.full{
max-width: 1260px;
width: 100%;
padding: 62px 36px;
}
.service-table{
display: flex;
flex-direction:column;
margin-bottom:62px;
}
.service-table .service-row{
display: flex;
padding: 48px
}
.service-table .service-row:nth-of-type(even){
background:#f5f5f5;
}
.service-table .service-row .service-meta{
flex: 1;
}
.service-table .service-row .service-meta .row-title{
margin-bottom:16px;
font-size:30px;
}
.service-table .service-row .service-meta .row-step{
margin-bottom:16px;
color:var(--m-yel);
font-size:30px;
}
.service-table .service-row .service-content{
flex: 3;
}
.service-table .service-row .service-content p{
margin-bottom:18px;
margin-left: 24px;
}
.service-table .service-row .service-meta{
display: flex;
flex-direction: column;
padding: 0 24px;
}
.service-table .service-row .service-meta img{
width: 130px;
}
@media only screen and (max-width: 1144px){
.service-table .service-row .service-meta img{
width: 70px;
}
.service-table .service-row .service-meta .row-title{
margin-bottom:16px;
font-size:24px;
}
.service-table .service-row .service-meta .row-step{
font-size:24px;
}
}
@media only screen and (max-width: 767px){
#keep_up.narrower .keep-up-cta{
padding: 48px 24px;
}
.service-table .service-row{
flex-direction:column;
padding: 48px 24px;
}
.service-table .service-row .service-meta .row-title{
margin-bottom:8px;
}
.service-table .service-row .service-meta .row-step{
margin-bottom:24px;
}
} #hero.blogpost .hero-title{
margin-bottom:18px;
}
#hero.blogpost .hero-meta{
font-size: 14px;
text-transform:uppercase;
letter-spacing:5px;
margin-bottom:20px;
}
#hero.blogpost .hero-meta >*{
display: inline;
}
.meta-date, .meta-categories{
font-size: inherit;
}
#hero.blogpost .hero-author{
display: flex;
}
#hero.blogpost .author-image-wrapper{
position:relative;
margin-right: 10px;
width: 55px;
height:55px;
}
#hero.blogpost .author-name{
font-size: 18px;
}
#hero.blogpost .author-linkedin{
color: #3290FF;
text-decoration:none;
font-size: 18px;
}
#postContent{
overflow:hidden;
}
#postContent .container{
max-width: calc(1000px + 48px);
width: 100%;
margin: auto;
padding: 48px 24px;
}
#postContent h2.wp-block-heading{
text-align:left;
padding: 36px 0 24px;
position:relative;
max-width: unset;
margin:auto;
font-size: 36px;
}
#postContent h3.wp-block-heading{
font-size: 30px;
margin:0;
padding: 30px 0 20px;
}
#postContent p{
font-size: 22px;
margin-bottom:30px;
}
#postContent a{
font-size: inherit;
}
#postContent .wp-block-image{
margin: 24px 0;
}
#postContent div:not(.wp-block-column) > .wp-block-image{
margin: 62px 0;
}
#postContent table{
border:unset;
max-width: 960px;
margin: 24px auto 36px;
}
#postContent td{
border:unset;
}
#postContent tr{
border:unset;
background: #F9F7F7;
}
#postContent tr:nth-of-type(even){
background: #F5F3F3;
}
#postContent th, #postContent thead{
background:var(--m-yel);
border:unset;
}
#postContent .wp-block-column .wp-block-image{
height:100% !important;
}
.single-post #posts .post-item, .single-post #posts .grid{
margin-bottom:0;
}
#ez-toc-container{
width: 100%;
max-width: 860px;
margin: 62px auto 62px 0;
border-radius: 0;
border: 1px dashed #000 !important;
padding: 24px 100px;
position:relative;
}
.ez-toc-title-container, .ez-toc-title-container p{
color: #303030;
font-size: 48px;
font-weight: 400 !important;
margin-bottom:10px;
}
#ez-toc-container:before{
background:url(//themarketists.co/wp-content/uploads/2023/11/Livello_4.png);
background-size: contain;
background-position:center;
background-repeat:no-repeat;
width: 40px;
height: 60px;
content:'';
position:absolute;
display: block;
left: 20px;
top: 40px;
}
@media only screen and (max-width: 989px){
#postContent h2.wp-block-heading:before{
display: none;
}
}
@media only screen and (max-width: 767px){
#ez-toc-container:before{
display: none;
}
#ez-toc-container{
padding: 8px 24px 24px;
position:relative;
}
.ez-toc-title-container, .ez-toc-title-container p{
font-size: 36px;
}
} .model-form .submit-row{
margin-bottom:12px;
}
.model-form .submit-row p{
display: flex;
flex-direction:row;
justify-content:space-between;
}
.model-form .wpcf7-form-control-wrap, .model-form .wpcf7-submit{
width: 100%;
}
.page-template-contactUs .model-form .wpcf7-submit{
min-height:48px;
margin-bottom:14px;
}
.model-form input:not(.wpcf7-submit):not(.wpcf7-file):not([type="checkbox"]), .model-form textarea{
width: 100%;
display: flex;
text-align:center;
font-family:baskerville-urw;
font-size: 20px;
border: 1px solid #3D3D3D;
background: #FAFAFA;
margin-bottom:10px;
}
.model-form .submit-row label{
background:var(--m-yel);
font-size: 18px;
padding: 8px 16px;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.model-form .submit-row label, .model-form .submit-row .wpcf7-submit{
width: calc(50% - 5px);
}
.model-form .submit-row label input{
width: 100%;
}
.model-form .wpcf7-list-item{
margin-left:0;
display: flex;
align-items:center;
justify-content:center;
}
.model-form .wpcf7-list-item label, .model-form .wpcf7-list-item-label a{
font-size: 16px !important;
line-height:1.2 !important;
}
.model-form .file-up{
border: 1px solid #3D3D3D;
background: #FAFAFA;
font-size: 18px;
padding: 8px 16px;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
height: 150px; 
}
.model-form .file-up input{
width: 100%;
text-align:center;
margin:auto;
background:rgba(0,0,0,0.05);
padding: 5px;
margin: 8px auto 0 !important;
border-radius: 5px;
}
.model-form .file-up .wpcf7-form-control-wrap{
display :flex;
align-items:center;
justify-content:center;
width: 80%;
min-width: 180px;
}
input[type="file"]::file-selector-button {
border-radius: 4px;
padding: 0 16px;
height: 40px;
cursor: pointer;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.16);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
margin-right: 16px;
transition: background-color 200ms;
}
.roles{
display: flex;
flex-direction:column;
width: 100%;
margin: auto;
padding: 0 0 48px;
}
.role-row{
max-width: calc(1149px + 48px);
width: 100%;
margin: auto;
display: flex;
margin-bottom: 68px;
padding: 0 24px;
}
.role-group{
position:relative;
}
.role-icon-wrapper{
flex: 3;
position:relative;
background: var(--m-yel);
margin-right: 36px;
align-self:flex-start;
}
.role-icon-wrapper:before{
content:'';
display: block;
padding-top: 100%;
}
.role-icon{
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
width: 70%;
height: auto;
}
.role-icon img{
width: 100%;
}
.role-info{
flex: 7;
display: flex;
flex-direction:column;
}
.role-title-row{
display: inline;
margin-bottom:10px;
}
.role-title-row > *{
margin-bottom:0;
font-size: 36px;
display: inline;
}
.role-title-row .role-sep{
padding: 0 12px;
}
.role-item-description p, .role-benefits, .role-salary{
font-size: 20px;
}
.role-salary, .role-benefits, .role-item-description{
margin-bottom:10px;
}
.role-info .btn-grey{
flex: 0;
display: block;
width: 280px;
margin-top: auto;
text-align:center;
margin-bottom:0;
font-size: 20px;
}
.role-info .btn-grey:hover{
background:var(--m-yel);
}
.role-group:before{
position:absolute;
z-index: 2;
background:url(//themarketists.co/wp-content/uploads/2023/11/Ellipse-5.svg);
background-size: contain;
background-position:center;
background-repeat:no-repeat;
width: 14%;
height: 20px;
content:'';
border-radius: 50px;
left:0px;
top:165px;
}
#author .content{
max-width: calc(1149px + 96px);
padding: 0 24px 72px;
margin: auto;
}
#author .author-row{
display:flex;
}
#author .author-container{
background:#F5F3F3;
padding: 28px 24px;
}
#author .author-img-wrapper{
width: 25%;
position:relative;
overflow:hidden;
}
#author .author-img{
width: 100%;
}
#author .author-info{
width: 80%;
padding-left: 36px;
}
#author .author-name{
font-size:36px;
margin-bottom:8px;
}
#author .author-role{
font-size:28px;
margin-bottom:18px;
}
#author .author-bio{
margin-bottom:24px;
}
#author .author-bio p {
font-size: 18px;
margin-bottom:18px
}
#author .link-row{
display: flex;
align-items:center;
}
#author .link-row a{
margin-right: 20px;
color:#3290FF;
text-decoration:none;
display: inline-flex;
align-items:center;
}
#author .link-row img{
height: 20px;
width: 20px;
margin-right: 8px;
}
#author .author-email img{
height: 30px;
width: 30px;
}
@media only screen and (max-width:1480px){
.role-group:before{
width: 100px;
}
}
@media only screen and (max-width:1280px){
.role-group:before{
width: 20px;
}
}
@media only screen and (max-width:989px){
#author .author-img-wrapper{
width: 33.33%;
}
#author .author-info{
width: 66.66%;
}
#author .author-name{
font-size: 28px;
}
#author .author-role{
font-size: 22px;
}
}
@media only screen and (max-width: 767px){
.role-row{
flex-direction: column;
padding: 0 36px;
}
.role-icon-wrapper{
width: 200px;
margin: 0 0 16px;
}
.role-group:before{
top: 80px;
}
#author .author-row{
flex-direction:column;
}
#author .author-img-wrapper{
width: 160px;
height:160px;
margin: 0 auto 24px;
}
#author .author-info{
width: 100%;
text-align:center;
}
#author .link-row a{
margin: 0 20px;
color:#3290FF;
text-decoration:none;
}
.role-title-row{
display:flex;
flex-direction:column;
}
.role-title-row .role-sep{
display:none;
}
.role-title-row .role-title{
font-size: 35px;
}
.role-title-row .role-location{
font-size: 25px;
}
} .jobs-template-default .story-group:before{
top: 60px;
}
.jobs-template-default #story{
padding-bottom:0;
}
.story-group .job-content{
display: flex;
}
.story-group .job-content ul{
columns:3;
margin-left: 18px;
column-gap:48px;
}
.story-group .job-content ul li{
break-inside:avoid;
}
.what-we-like h3{
text-align:center;
}
.what-we-like-block, .what-we-like .sidebar-form-block{
background:#F5F3F3;
padding: 12px 24px;
margin-bottom: 36px;
}
.what-we-like .sidebar-form-block{
padding: 24px 30px
}
.what-we-like-block ul{
margin-left: 24px;
}
.what-we-like-block ul li{
font-size: 20px;
}
.sidebar-form-block .wpcf7-form-control-wrap, .sidebar-form-block .wpcf7-submit{
width: 100%;
}
.sidebar-form-block .wpcf7-submit, .model-form .wpcf7-submit{
min-height:48px;
margin-bottom:14px;
}
.sidebar-form-block input:not(.wpcf7-submit):not(.wpcf7-file):not([type="checkbox"]){
width: 100%;
display: flex;
text-align:center;
font-family:baskerville-urw;
font-size: 20px;
border: 1px solid #3D3D3D;
background: #FAFAFA;
margin-bottom:10px;
}
.sidebar-form-block .file-up{
border: 1px solid #3D3D3D;
background: #FAFAFA;
font-size: 18px;
padding: 8px 16px;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
height: 150px; 
}
.sidebar-form-block .file-up input{
width: 100%;
text-align:center;
margin:auto;
background:rgba(0,0,0,0.05);
padding: 5px;
margin: 8px auto 0 !important;
border-radius: 5px;
}
.sidebar-form-block .file-up .wpcf7-form-control-wrap{
display :flex;
align-items:center;
justify-content:center;
width: 80%;
min-width: 180px;
}
input[type="file"]::file-selector-button {
border-radius: 4px;
padding: 0 16px;
height: 40px;
cursor: pointer;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.16);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
margin-right: 16px;
transition: background-color 200ms;
}
.sidebar-form-block .wpcf7-list-item{
margin-left:0;
display: flex;
align-items:center;
justify-content:center;
}
.sidebar-form-block .wpcf7-list-item label, .sidebar-form-block .wpcf7-list-item-label a{
font-size: 16px !important;
line-height:1.2 !important;
}
.for-me-grid{
max-width: calc(1149px + 48px);
width: 100%;
margin: auto;
padding: 0 24px 48px;
display: flex;
flex-wrap: wrap;
}
.for-me-grid .icon {
flex-basis: 25%;
text-align: center;
box-sizing: border-box;
padding: 24px;
}
.for-me-grid .icon img{
width: 120px;
}
@media only screen and (max-width:989px){
.for-me-grid .icon {
flex-basis: 50%;
}
.story-group .job-content{
flex-direction:column;
}
.story-group .job-content ul{
columns:2;
column-gap:36px;
}
.for-me-grid{
justify-content:space-evenly;
}
.for-me-grid .icon{
padding: 18px !important;
width: 33.3% !important;
max-width: unset;
flex-basis:unset !important;
}
.for-me-grid .icon img{
width: 80px;
}
.mobile-drop{
display: block;
}
h3.model-title{
margin-bottom:24px;
}
.process-group.last-group{
margin-bottom:0;
}
.page-template-homepage #services{
padding-top: 18px;
}
.page-template-homepage #services .service-grid{
margin-top:0;
}
}
@media only screen and (max-width: 767px){
.for-me-grid .icon{
padding: 18px !important;
width: 50% !important;
max-width: unset;
flex-basis:unset !important;
}
}
.hide-mob{
display: none;
}
.hide-desk{
display: inline-flex;
}
.page-template-services #services{
padding-bottom:86px;
}
.story-group .job-content .job-left{
width: 60%;
padding-right: 36px;
}
.story-group .job-content .job-right{
width: 40%;
}
.story-group .job-content .job-right ul{
columns:unset;
}
@media only screen and (max-width: 989px){
.hide-mob{
display: inline-block;
margin:0 auto 86px;
text-align:center;
}
.hide-desk{
display: none;
}
.giving-right{
display: flex;
flex-direction:column;
}
#newsletter .form-row p{
flex-direction:column;
}
#newsletter .form-row .wpcf7-form-control-wrap, #newsletter .wpcf7-submit{
width: 100%;
margin-bottom:8px;
}
#newsletter .form-row br{
display:none;
}
#newsletter .wpcf7-submit{
padding: 8px 10px !important;
}
#footer .footer-nav{
width: 100%;
}
#footer-menu{
display: flex;
flex-direction:column;
width: 100%;
}
.page-template-services #services{
padding-bottom:24px;
}
.story-group .job-content .job-left{
width: 100%;
padding-right: 0;
}
.story-group .job-content .job-right{
width: 100%;
}
}
@media only screen and (max-width: 767px){
.hide-mob{
display: inline-block;
margin:0 auto;
text-align:center;
}
.page-template-services #newsletter{
margin-top:0 !important;
}
.page-template-services #services .story-group .story-row{
margin-bottom:48px;
}
.title-img img{
margin-bottom:24px;
}
.story-group .job-content ul{
columns:1;
}
} .twist-cta-wrapper {
width: 100%;
display: flex;
flex-direction: column;
padding-right: 48px;
}
.twist-cta-copy {font-size: 26px; line-height: 41px;}
.twist-footer {
display: block;
max-width: calc(1149px + 48px);
margin: auto;
padding: 0px;
}
.twist-cta-wrapper {
width: 100%;
display: block;
padding-right: 0px;
margin: 30px auto 0px;
max-height: 400px
}
.service-item-content {min-height: 325px;}
.hero-img:not(.home-hero-img){
left:45%
}
.footer-address-row {
margin-bottom: 28px;
font-size: 20px;
}
.story-row .team-member .speciality {
font-weight: 700;
font-size: 18px;
margin-bottom: 12px;
}
.for-me-grid .icon {
flex-basis: 25%;
text-align: center;
box-sizing: border-box;
padding: 40px;
}
.sidebar-form-block .wpcf7-submit, .model-form .wpcf7-submit {
min-height: 48px;
margin-bottom: 14px;
margin-top: 10px;
}
.footer-contact-row a:hover {
text-decoration: none;
color: #eee;
}
.model-form .submit-row{
margin-bottom:12px;
}
.model-form .submit-row p{
display: flex;
flex-direction:row;
justify-content:space-between;
}
.model-form .wpcf7-form-control-wrap, .model-form .wpcf7-submit{
width: 100%;
}
.page-template-contactUs .model-form .wpcf7-submit{
min-height:48px;
margin-bottom:14px;
}
#postContent form input:not(.wpcf7-submit):not(.wpcf7-file):not([type="checkbox"]), #postContent form textarea{
width: 100%;
display: flex;
text-align:center;
font-family:baskerville-urw;
font-size: 20px;
border: 1px solid #3D3D3D;
background: #FAFAFA;
margin-bottom:10px;
}
#postContent form .wpcf7-list-item{
margin-left:0;
display: flex;
align-items:center;
justify-content:center;
}
#postContent form  .wpcf7-list-item label, #postContent form  .wpcf7-list-item-label a{
font-size: 16px !important;
line-height:1.2 !important;
}
#postContent form  .file-up{
border: 1px solid #3D3D3D;
background: #FAFAFA;
font-size: 18px;
padding: 8px 16px;
display: flex;
flex-direction:column;
align-items:center;
justify-content:center;
height: 150px; 
}
#postContent form  .file-up input{
width: 100%;
text-align:center;
margin:auto;
background:rgba(0,0,0,0.05);
padding: 5px;
margin: 8px auto 0 !important;
border-radius: 5px;
}
#postContent form  .file-up .wpcf7-form-control-wrap{
display :flex;
align-items:center;
justify-content:center;
width: 80%;
min-width: 180px;
}
#postContent form .wpcf7-submit{
width:100%;
padding: 8px !important;
}
#postContent form p{
margin-bottom:10px;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 0.8em;}
.menu-item-86 a:hover {text-decoration: none;font-style: normal;}
.info-hover img:hover {}
.story-group .job-content ul li {
break-inside: avoid;
margin-bottom: 20px;
}
.menu-item-86 a:before {
height: 1px;
background: transparent;}
.footer-copyright p {
font-size: 15px;
margin-bottom: 16px;
}
.legal-menu { padding: 0px; margin: 0px 0px 20px;}
.legal-menu-container ul li::before {content:none!important;}
.legal-menu-container ul li {list-style:none; display:inline-block;margin-right:20px;}
.legal-menu-container ul li:nth-child(2) a {color: #0a66c2!important;}
.legal-menu-container ul li a {
font-size: 16px;
color: #f3d840;
text-decoration: none;
}.navigation-branding,.site-logo.mobile-header-logo{display:flex;align-items:center;order:0;margin-right:10px}.navigation-branding img,.site-logo.mobile-header-logo img{position:relative;padding:10px 0;display:block;transition:height .3s ease}.navigation-branding>div+.main-title{margin-left:10px}.navigation-branding .main-title{transition:line-height .3s ease}.navigation-branding .main-title a{font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:unset}.main-navigation.mobile-header-navigation{display:none;float:none;margin-bottom:0}.mobile-header-navigation.is_stuck{box-shadow:0 2px 2px -2px rgba(0,0,0,.2)}.main-navigation .menu-toggle{flex-grow:1;width:auto}.main-navigation.has-branding .menu-toggle,.main-navigation.has-sticky-branding.navigation-stick .menu-toggle{flex-grow:0;padding-right:20px;order:2}.main-navigation:not(.slideout-navigation) .mobile-bar-items+.menu-toggle{text-align:left}.main-navigation.has-sticky-branding:not(.has-branding):not(.navigation-stick) .navigation-branding{display:none}.nav-align-right .navigation-branding{margin-right:auto}.main-navigation.has-branding:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation,.main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation{justify-content:flex-start}.main-navigation.has-branding:not([class*=nav-align-]):not(.mobile-header-navigation) .menu-bar-items,.main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .menu-bar-items{margin-left:auto}.nav-float-right .main-navigation.has-branding:not(.mobile-header-navigation) .menu-bar-items,.nav-float-right .main-navigation.has-sticky-branding.navigation-stick:not(.mobile-header-navigation) .menu-bar-items{margin-left:0}.mobile-header-navigation.has-menu-bar-items .mobile-header-logo{margin-right:auto}.rtl .navigation-branding>div+.main-title{margin-right:10px}.rtl .main-navigation.nav-align-right:not(.mobile-header-navigation) .navigation-branding{order:-10}.rtl .nav-align-right .navigation-branding{margin-right:10px}.rtl .navigation-branding,.rtl .site-logo.mobile-header-logo{margin-left:auto;margin-right:0}.rtl .nav-align-center .navigation-branding,.rtl .nav-align-center .site-logo.mobile-header-logo,.rtl .nav-align-right .navigation-branding,.rtl .nav-align-right .site-logo.mobile-header-logo{margin-left:10px}.rtl .nav-align-right .menu-bar-items{margin-right:auto}.rtl .mobile-header-navigation.has-menu-bar-items .site-logo{margin-left:auto}