}.text-container {
width: 60%;
margin: auto;
margin-top: 11em;
margin-bottom: 6em;
max-width: 1100px;
}
.single .text-container {
width: 60%;
margin: auto;
margin-top: 0em;
margin-bottom: 6em;
max-width: 1100px;
position: relative;
height: auto;
padding-top: 11em;
}
.page-template-text-only-no-slider .text-container {
width: 60%;
margin: auto;
margin-top: 0em;
margin-bottom: 6em;
max-width: 1100px;
position: relative;
height: auto;
padding-top: 11em;
}
.text-container a {
color: #c2d500;
text-decoration: none;
}
.text-container p {
font-size: calc( 14px + 5 * ((100vw - 768px) / 1152) );
line-height: 1.5;
color: #333;
}
.text-container ul li {
font-size: calc( 14px + 5 * ((100vw - 768px) / 1152) );
line-height: 1.5;
color: #333;
margin-bottom: 0.5em;
text-transform: lowercase;
}
.text-container h3, .text-container .h3 {
font-size: 1.5rem;
text-transform: lowercase;
font-weight: 400;
margin-bottom: 1em;
}
.text-container h2, .text-container .h2 {
text-transform: lowercase;
}
.text-container h1, .text-container .h1 {
font-size: calc( 60px + 22 * ((100vw - 1920px) / 1080) );
font-weight: 800;
margin-bottom: 0.2em;
}
.text-container h2, .text-container .h2 {
font-size: calc( 14px + 5 * ((100vw - 768px) / 1152) );
font-weight: bolder;
margin-bottom: 2em;
color: #c2d500;
}
#homepage-hero .swiper-slide .main-container .text-container {
position: relative;
z-index: 100000;
padding-top: 13vh;
}
#main-text-block a:hover{
color: #000000;
}
#main-text-block h1{
text-transform: lowercase;
}
.text-container ul li {
font-size: calc(13px + 5*((100vw - 768px) / 1152));
line-height: 1.5em;
color: #333;
background-image: url(//immaculate.co.uk/images/green-dot.png);
background-repeat: no-repeat;
background-position: 0% 12%;
padding-left: 1em;
margin-left: 0px;
}
.text-container ul {
padding-left: 0px;
margin-bottom: 2em
}
.text-container p {
font-size: calc(13px + 5*((100vw - 768px) / 1152));
line-height: 1.5;
color: #333;
margin-bottom: 2em
}
html[data-stroke=green] .contact-popup svg,html[data-stroke=green] .contact-popup svg g,html[data-stroke=green] .contact-popup svg line {
stroke: #c2d500 !important
}
html[data-stroke=green] .contact-popup:hover svg,html[data-stroke=green] .contact-popup:hover svg g,html[data-stroke=green] .contact-popup:hover svg line {
stroke: #000000 !important
}
html[data-stroke=green] .page-template-text-only-page header .nav-link {
color: #c2d500 !important
}
html[data-stroke=green] .page-template-text-only-page header .nav-link:hover {
color: #2d2d2d !important
}
.page-template-text-only-page .mt-auto {
margin-top: 78px;
}
.single .content-contain p, .single .content-contain li {
font-size: 21px;
}
.archive-wall-link {
background-position: center;
background-size: cover;
overflow: hidden;
filter: blur(0px);
transform: translateZ(0);
z-index: 0
}
.archive-wall {
overflow: hidden !important;
transform: translateZ(0);
z-index: 0;
padding-bottom: 5px;
}
#adminmenu a {
cursor: inherit !important;
}
#adminmenu{
cursor: inherit !important;
}
.wall-link-box{
width: 110%;
height: 110%;
filter: blur(3px);
-webkit-filter: blur(3px);
background-position: center;
background-size: cover; position: absolute;
z-index: 1;
overflow: hidden;
background-blend-mode: multiply;
background-color: #cccccc;
transform: translateZ(0);
z-index: 0
}
.wall-link-box:hover{
width: 110%;
height: 110%;
filter: blur(0px);
-webkit-filter: blur(0px);
background-position: center;
background-size: cover; position: absolute;
z-index: 1;
overflow: hidden;
background-blend-mode: multiply;
background-color: #ffffff;
transition: background-color transform 2s;
}
.wall-link-text {
z-index: 2;
color: white;
width: 100%;
}
.wall-link-text:hover{
color: black;
transition: color transform 2s;
}
.cc-bottom {
bottom: 0em !important;
}
.cc-left {
left: 0em !important;
}
.cc-window.cc-floating {
padding: 1.3em;
max-width: 24em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#custom-cursor.cc-window {
background-color: rgba(194, 213, 0, 0.7) !important;
color: rgba(194, 213, 0, 0.7) !important;
border-color: rgba(194, 213, 0, 0.7) !important;
font-weight: bold;
position: absolute;
text-align: center;
line-height: 1.1
}
div.heading p {
font-size: calc(16px + 5*((100vw - 768px) / 1152));
color: #333;
text-align: right;
font-weight: bold;
}
div.heading p a {
color: #c2d500;
}
.sector-row {
float: left;
width: 100%
}
.sector-list {
float: left;
width: 25%;
}
.page-template-text-only-no-slider #footer,
.page-template-text-only #footer{
height: 120vh;
}
.page-template-text-only-no-slider #footer .mt-auto,
.page-template-text-only #footer .mt-auto{
margin-top: 17vh !important;
}
.archive-slider{
padding-left: 80px;
padding-right: 80px;
}
#footer .menu-item a[aria-current=page] {
color: #ffffff !important;
}
.single .content-contain .text-container {
width: 100%;
margin: auto;
margin-top: 3em;
margin-bottom: 0em;
max-width: 1100px;
position: relative;
height: auto;
padding-top: 3em;
padding: 0px;
}
.post-container {
overflow: hidden !important;
}
.blog .post-list{
margin-left: 74px;
margin-right: 74px;
}
#map {
position: relative;
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.cky-content-contain {
z-index: 2000;
position: absolute
}
#custom-cursor{
height: 40px !important;
width: 40px !important;
background-color: #000000;
color: black;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
html[data-stroke=green] #custom-cursor {
height: 40px !important;
width: 40px !important;
background-color: #000000 !important;
color: black;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
html[data-stroke=green] #custom-cursor.header {
height: 40px !important;
width: 40px !important;
background-color: #000000;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
html[data-stroke=green] #custom-cursor.play::before {
height: 40px !important;
width: 40px !important;
background-color: #ffffff;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.undefined{
height: 80px !important;
width: 80px !important;
background-color: #ffffff !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.next-button{
height: 80px !important;
width: 80px !important;
border: 0px solid white;
color: black;
background-color: #ffffff !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.prev-button{
height: 80px !important;
width: 80px !important;
border: 0px solid white;
color: black;
background-color: #ffffff !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
html[data-stroke=green] #custom-cursor.next-button{
height: 80px !important;
width: 80px !important;
background-color: #000000 !important;
border: 0px solid black;
color: #ffffff !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
html[data-stroke=green] #custom-cursor.prev-button{
height: 80px !important;
width: 80px !important;
border: 0px solid black;
background-color: #000000 !important;
color: #ffffff !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.view{
height: 80px !important;
width: 80px !important;
background-color: #ffffff !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
html[data-stroke=green] #custom-cursor.view-more, #custom-cursor.view-more{
height: 80px !important;
width: 80px !important;
background-color: #ffffff !important;
color: #000000 !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.bio, html[data-stroke=green-alt] #custom-cursor.bio{
height: 80px !important;
background-color: rgba(194, 213, 0, 1) !important;
width: 80px !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.play, html[data-stroke=green] #custom-cursor.play{
height: 80px !important;
width: 80px !important;
background-color: #000000 !important;
color: #ffffff !important;
font-size: 4em;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.header, .header-menu-active #custom-cursor.header {
background-color: rgba(194, 213, 0, 0.7) !important;
color: rgba(194, 213, 0, 0.7) !important;
border-color: rgba(255,255,255) !important;
font-weight: bold;
text-align: center;
line-height: 1.1;
height: 40px !important;
width: 40px !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.header .slide-link {
background-color: rgba(194, 213, 0, 0.7) !important;
color: rgba(194, 213, 0, 0.7) !important;
border-color: rgba(255,255,255) !important;
font-weight: bold;
text-align: center;
line-height: 1.1;
height: 40px !important;
width: 40px !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.form {
background-color: rgba(194, 213, 0, 1.0) !important;
color: rgba(194, 213, 0, 1.0) !important;
border-color: rgba(194, 213, 0, 1.0) !important;
height: 40px !important;
width: 40px !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.home{
height: 80px !important;
width: 80px !important;
background-color: #ffffff !important;
color: black;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.foot-link{
height: 40px !important;
width: 40px !important;
background-color: transparent!important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.single-cursor{
height: 80px !important;
width: 80px !important;
background-color: #000000 !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.page-link, html[data-stroke=green] #custom-cursor.page-link {
background-color: rgba(194, 213, 0, 0.7) !important;
color: rgba(194, 213, 0, 0.7) !important;
border-color: rgba(255,255,255) !important;
height: 40px !important;
width: 40px !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.client-cursor{
height: 80px !important;
width: 80px !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
#custom-cursor.prev-button, #custom-cursor.next-button{
height: 80px !important;
width: 80px !important;
border: 0px solid white !important;
transition: width 0.3s, height 0.3s !important;
transition-timing-function: ease;
}
html[data-stroke=green] #custom-cursor.play::before {
background-color: #fff;
font-size: 4em;
}
#custom-cursor.play::before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
-webkit-mask-image: url(//immaculate.co.uk/wp-content/themes/assets/play-cursor.svg);
mask-image: url(//immaculate.co.uk/wp-content/themes/assets/play-cursor.svg);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-color: #1d1d1d
}
.terms a {
color: #c2d500;
text-decoration: underline;
}
.terms a:hover{
color: white;
text-decoration: none;
}
#fs-menu .navbar-nav a {
font-size: 9vh;
line-height: 1.4em;
}
#fs-menu .navbar-nav {
overflow-y: scroll;
max-height: 60vh;
margin-top: 3vh;
margin-bottom: 50px;
}
.bg-word {
z-index: 1;
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
margin-bottom: 6em;
}
.\32xl\:text-73 {
font-size: 4em;
}
.single .content-contain p, .single .content-contain li {
font-size: 1.2em;
}
html[data-stroke=green] .single .fixed-top, 
html[data-stroke=green] .page-template-text-only-no-slider .fixed-top,
html[data-stroke=green] .blog .fixed-top{
position: relative;
top: 0;
right: 0;
left: 0;
z-index: 1030;
padding-bottom: 4em;
}
html[data-stroke=white-alt] .single .fixed-top, 
html[data-stroke=white-alt] .page-template-text-only-no-slider .fixed-top,
html[data-stroke=white-alt] .blog .fixed-top{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
transition: position 0.2s !important;
transition-timing-function: ease;
padding-bottom: 4em;
}
.archive-text{
margin-top: 5em;
min-height: calc(100% - 5em) !important;
}
.archive-links{
position: absolute !important;
bottom: 44px !important;
}
.logo-box{
width: 100%;
height: auto;
margin-bottom: 2em;
}
.logo-box img{
float: left;
}
.text-container a:hover {
color: black;
text-decoration: none;
}
#main-form h3 {
display: inline;
}
@media (min-width: 1600px) {
.\32xl\:text-73 {
font-size: 4em;
}
}
@media only screen and (max-width: 1400px) {
#fs-menu .navbar-nav a {
font-size: 18vh;
}  
}   
@media only screen and (max-width: 900px) {
.home .text-container {
width: 60%;
margin: auto;
margin-top: 0em;
margin-bottom: 10vh;
max-width: 1100px;
}
#homepage-hero .swiper-slide .main-container .text-container {
position: relative;
z-index: 100000;
padding-top: 0vh;
}
.blog .post-list{
margin-left: 34px;
margin-right: 34px;
}
.work-clients h2 {
text-align: left;
margin-top: 1.5em;
}
.work-clients p {
text-align: left;
}
div.heading p {
text-align: left;
}
.px-70 {
padding-left: 70px;
padding-right: 110px;
}
#where #details {
--tw-bg-opacity: 1;
background-color: rgb(20 20 20 / var(--tw-bg-opacity));
margin: 0px;
}
.py-36 {
padding-top: 36px;
padding-bottom: 0px;
}
html[data-stroke=white] .single header svg, 
html[data-stroke=white] .single header svg path, 
html[data-stroke=white] .single header svg rect {
stroke: rgba(194, 213, 0, 1) !important;
fill: rgba(194, 213, 0, 1) !important;
}
html[data-stroke=white] .page-template-text-only-no-slider header svg, 
html[data-stroke=white] .page-template-text-only-no-slider header svg path, 
html[data-stroke=white] .page-template-text-only-no-slider header svg rect {
stroke: rgba(194, 213, 0, 1) !important;
fill: rgba(194, 213, 0, 1) !important;
}
.menu-icon span {
background-color: rgba(194, 213, 0, 1)
}
.home .menu-icon span {
background-color: rgba(255, 255, 255, 1);
}
.text-container {
width: 80%;
margin: auto;
margin-top: 11em;
margin-bottom: 6em;
max-width: 1100px;
}
.single .text-container {
width: 80%;
margin: auto;
margin-top: 0em;
margin-bottom: 6em;
max-width: 1100px;
position: relative;
height: auto;
padding-top: 6em;
}
.page-template-text-only-no-slider .text-container {
width: 80%;
margin: auto;
margin-top: 0em;
margin-bottom: 6em;
max-width: 1100px;
position: relative;
height: auto;
padding-top: 6em;
}
.sector-list {
float: left;
width: 50%;
}
.text-container p {
font-size: 0.9em;
}
.text-container ul li {
font-size: 0.9em;
}
.block {
display: none;
}
.form-content {
display: inline !important;
}
#main-form h3 {
display: none;
}
.text-container h3, .text-container .h3 {
font-size: 1.4rem;
}
.single .content-contain p, .single .content-contain li {
font-size: 0.9em;
}
.text-50 {
font-size: 2em;
}
.mb-40 {
margin-bottom: 1.5em;
}
.min-h-\[80vh\] {
min-height: auto;
height: auto;
}
.content-contain{
position: relative !important;
top: 0px !important;
left: 0px !important;
transform: none !important;
}
.page-logo{
visibility: hidden;
display: none;
}
.mb-100 {
margin-bottom: 0px;
}
.archive-slider {
padding-left: 10vw;
padding-right: 10vw;
}
#who-intro .copy-text, #who-intro .copy-text p {
text-align: left !important;
}
.who-block h2 {
text-align: left !important;
}
#fs-menu .navbar-nav a {
font-size: 2.3em;
line-height: 1.1em;
}
#fs-menu .navbar-nav {
max-height: 60dvh;
margin-top: 0px;
margin-bottom: 0;
}
.grid{
margin-top: 25px;
margin-bottom: 50px;
}
.project-archive-link{
display: block;
}
.pt-199 {
padding-top: 2em;
}
.site-page .top-container p {
color: #707070;
font-size: 0.9em;
}
#smooth-content .translate-y-\[100vh\] {
--tw-translate-y: 100vh;
transform: none;
}
#smooth-content .opacity-0 {
opacity: 1;
}
#search-filter-form-2738{
display: none;
}
.sm\:w-1\/2 {
width: 50%;
float: left;
max-height: 11em;
}
.post-list__entry h4 {
font-size: 1.3em;
}
.taglinks{
display: none; 
}
h4 br{
display: none;
}
.post-list .sm\:w-1\/2:last-child,
.post-list .sm\:w-1\/2:nth-last-child(2):nth-child(odd) {
width: 100%;
float: left;
max-height: 11em;
margin-bottom: 0.1em
}
.post-list .sm\:w-1\/2 {
width: 100%;
float: left;
max-height: 11em;
margin-bottom: 0.1em
}
.single .w-screen {
width: 80vw;
margin-left: 0vw;
}
.video {
display: block;
}
.sp-pcp-post .sp-pcp-post-thumb-area img {
max-width: 100%;
width: 100%;
transition: ease all .3s;
height: auto;
}
.archive-slider {
padding-left: 10vw;
padding-right: 10vw;
}
.px-35 {
padding-left: 10vw;
padding-right: 10vw;
}
.text-container ul li {
font-size: calc(13px + 5*((100vw - 768px) / 1152));
line-height: 1.5em;
color: #333;
background-image: url(//immaculate.co.uk/images/green-dot.png);
background-repeat: no-repeat;
background-position: 0% -3px;
padding-left: 1em;
margin-left: 0px;
}
}
}
}