@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
} :root {
--app-height: 100%;
}
body { --lightColor: #fff;
--lightGray: #ededed;
--darkColor: #000; --displayHead: 5.875rem;
--primaryHead: 4.125rem;
--secondaryHead: 1.875rem;
--tertiaryHead: 1.875rem;
--largerParagraphs: 1.875rem;
--paragraphs: 1.5rem;
--smallerParagraphs: 1.125rem;
}
@media screen and (max-width: 1199px) {
body {
--displayHead: 4.125rem;
}
}
@media screen and (max-width: 991px) {
body { --displayHead: 2.325rem;
--primaryHead: 2.325rem;
--secondaryHead: 1.3875rem;
--tertiaryHead: 1.3875rem;
--largerParagraphs: 1.3875rem;
--paragraphs: 1.125rem;
--smallerParagraphs: 0.9375rem;
}
} html {
padding: env(safe-area-inset);
}
html, body {
height: calc(100% - 0px);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
body {
margin: 0px;
padding: 0px;
font-size: 100%;
line-height: 1.25;
}
html,
body {
margin: 0px;
padding: 0px;
height: 100% !important;
width: 100% !important;
color: var(--darkColor);
}
@media screen and (max-width:1199px) {
body {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
}
.overallwrapper {
overflow: hidden;
} h1, h2, h3, h4, h5, h6, ul, li, p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
h1, .h1 h2 {
font: normal 800 var(--primaryHead) 'DM Sans', sans-serif;
line-height: 125%;
margin: 0;
margin-bottom: 20px !important;
position: relative;
}
h2, .h2 h1 {
font: normal 800 var(--secondaryHead) 'DM Sans', sans-serif;
line-height: 125%;
margin-bottom: 20px !important;
position: relative;
}
h3, .h3 {
font: normal 800 var(--tertiaryHead) 'DM Sans', sans-serif;
line-height: 125%;
}
h4, .h4, .h4 p {
font: normal 800 var(--largerParagraphs) 'DM Sans', sans-serif;
line-height: 125%;
clear: both;
margin: 0 0 20px 0 !important;
}
h5, .h5 {
font: normal 800 var(--paragraphs) 'DM Sans', sans-serif;
line-height: 125%;
clear: both;
margin: 0 0 20px 0 !important;
}
h6, .h6 {
font: normal 800 var(--smallerParagraphs) 'DM Sans', sans-serif;
line-height: 125%;
clear: both;
margin: 0 0 20px 0;
}
.medium-head h2,
h2.medium-head {
font: normal 800 2.75rem 'DM Sans', sans-serif;
}
.head-no-margin h1,
.head-no-margin h2,
.head-no-margin h3 {
margin-bottom: 0px !important;
}
.center {
text-align: center !important;
}
.display-none {
display: none;
}
p {
font: normal 500 var(--paragraphs) 'DM Sans', sans-serif;
line-height: 125%;
margin: 0px 0 0px 0;
}
.largerParagraphs p {
font: normal 500 var(--tertiaryHead) 'DM Sans', sans-serif;
}
.smallerParagraphs p,
small {
font: normal 400 var(--smallerParagraphs) 'DM Sans', sans-serif;
}
p strong {
font-weight: 800;
}
p a {
font-weight: 800;
color: #9D86BF;
}
p a:hover {
opacity: 0.5;
}
p:not(:last-of-type) {
margin-bottom: 30px;
}
p code {
background-color: var(--primaryColor);
padding: 0 2.5px;
}
#container li {
line-height: 125%;
margin: 20px 0 20px 0;
padding-left: 40px;
list-style-type: none;
position: relative;
}
@media screen and (max-width:991px) {
#container li {
margin: 15px 0 15px 0;
padding-left: 30px;
}
.medium-head h2 {
font: normal 800 2rem 'DM Sans', sans-serif;
}
} #container ul li {
font: 600 normal var(--paragraphs) 'DM Sans', sans-serif;
color: var(--darkColor);
padding-left: 22.5px;
margin-left: 15px;
position: relative;
}
#container ul li:before {
content: "• ";
color: var(--darkColor);
display: inline-block;
position: absolute;
left: 0;
top: 0px
}
#container ol {
list-style: none;
padding: 0 0 0 0px;
counter-reset: item;
}
#container ol li {
font: 500 normal var(--paragraphs) 'DM Sans', sans-serif;
counter-increment: item;
margin-bottom: 5px;
padding-left: 45px;
position: relative;
}
#container ol li:before {
margin-right: 10px;
padding-left: 2.5px;
font: 500 normal var(--paragraphs) 'DM Sans', sans-serif;
content: counter(item)".";
background: var(--darkColor);
border-radius: 50%;
color: white;
width: 30px;
height: 32.5px;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0px
}
#container .white-text ul li::before {
color: var(--lightColor);
}
@media screen and (max-width:1199px) {
#container ol li {
padding-left: 40px;
}
#container ul li {
margin-left: 0px !important;
padding-left: 15px;
}
#container ol li:before {
padding-left: 2px;
width: 25.5px;
height: 27.5px;
top: -2px;
}
} .wpb_image_grid .wpb_image_grid_ul {
text-align: right;
height: auto !important;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
margin: 0 0 0 20px !important;
padding: 0 !important;
left: 0 !important;
position: relative !important;
float: none !important;
display: inline-block;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item a:hover {
opacity: 1;
}
.wpb_single_image img {
width: 100%;
}
.vc_separator {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
@media screen and (max-width:1199px) {
.wpb_image_grid .wpb_image_grid_ul .isotope-item img {
height: 102.5px !important;
width: auto !important;
}
}
@media screen and (max-width:991px) {
.wpb_image_grid .wpb_image_grid_ul {
text-align: left;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
margin: 0 20px 0 0px !important;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item img {
height: 93.5px !important;
}
.vc_separator {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
} .home .wpb-content-wrapper {
margin-top: 250px !important;
}
.wpb-content-wrapper {
margin-top: 125px !important;
}
.vc_row-fluid:not(.vc_inner) {
padding-top: 100px;
padding-bottom: 100px;
}
.vc_row-fluid {
padding-left: 20px;
padding-right: 20px;
}
.vc_row-fluid:not(.vc_inner):not([data-vc-full-width-init="true"])>div {
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
float: none;
}
@media screen and (max-width: 1199px) {
.wpb-content-wrapper {
margin-top: 105px !important;
}
.home .wpb-content-wrapper {
margin-top: 200px !important;
}
}
@media screen and (max-width: 991px) {
.wpb-content-wrapper,
.home .wpb-content-wrapper {
margin-top: 95px !important;
}
.vc_row-fluid:not(.vc_inner) {
padding-top: 75px;
padding-bottom: 75px;
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 767px) {
.vc_row-fluid:not(.vc_inner) {
padding-top: 60px;
padding-bottom: 60px;
}
.col_reverse {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-wrap: wrap;
}
.col_height {
min-height: 250px !important;
background-position: center center !important;
background-size: cover !important;
padding-bottom: 0px !important;
}
body #container .wpb_single_image:not(.no-marginbottom-mobile) {
margin-bottom: 25px !important;
}
.wpb-content-wrapper,
.home .wpb-content-wrapper {
margin-top: 90px !important;
}
} .badge {
margin-top: 25px;
}
@media screen and (max-width:767px) {
.badge {
margin-top: 40px;
}
.badge {
max-width: 175px
}
} body #container .vc_do_btn {
margin-top: 32.5px;
margin-bottom: 0;
}
#container .vc_do_btn a,
#container .vc_do_btn button,
.btn {
font: normal 800 1.125rem 'DM Sans', sans-serif !important;
padding: 5px 17.5px;
line-height: 1;
border-width: 2px;
border-radius: 5px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.vc_btn3-color-btn-custom1 {
color: var(--lightColor) !important;
background-color: #9D86BF !important;
}
.vc_btn3-color-btn-custom2 {
color: var(--lightColor) !important;
background-color: #F2A9A6 !important;
}
.vc_btn3-color-btn-custom3 {
color: var(--lightColor) !important;
background-color: #00AFDB !important;
}
@media screen and (max-width:991px) {
#container .vc_do_btn a,
#container .vc_do_btn button,
.btn {
font: normal 800 1.125rem 'DM Sans', sans-serif !important;
padding: 5px 10px;
}
} body .bg-bottom {
background-position: center bottom !important;
} .p-0 {
padding: 0px !important;
}
.p-h-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.p-v-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.p-t-0 {
padding-top: 0px !important;
}
.p-b-0 {
padding-bottom: 0px !important;
}
.p-t-small {
padding-top: 50px !important;
}
.p-t-large {
padding-top: 100px !important;
}
.p-b-small {
padding-bottom: 50px !important;
}
.p-b-large {
padding-bottom: 100px !important;
}
@media screen and (max-width:991px) {
.p-t-small {
padding-top: 35px !important;
}
.p-t-large {
padding-top: 75px !important;
}
.p-b-small {
padding-bottom: 35px !important;
}
.p-b-large {
padding-bottom: 95px !important;
}
}
@media screen and (max-width:767px) {
.p-t-small {
padding-top: 25px !important;
}
.p-t-large {
padding-top: 60px !important;
}
.p-b-small {
padding-bottom: 25px !important;
}
.p-b-large {
padding-bottom: 60px !important;
}
}
.gradient {
background-color: pink;
} .label {
margin: 0 10px 10px 0;
display: inline-flex;
height: 25px;
padding: 0 10px;
align-items: center;
justify-content: center;
color: var(--lightColor);
font: normal 800 1rem 'DM Sans', sans-serif !important;
border-radius: 5px;
min-width: 100px;
}
body .post-item .label a {
color: var(--lightColor);
} .p-r {
position: relative;
}
*:focus {
outline: none;
} .white-bg {
background-color: var(--lightColor);
}
.white-text,
.white-text p,
.white-text h4,
.white-text h3,
.white-text h2,
.white-text h1,
.white-text li {
color: var(--lightColor) !important;
} .box>div>div {
padding: 30px 10px;
}
@media screen and (max-width:767px) {
.box>div {
padding: 0px 10px;
width: calc(100% - 40px) !important;
margin: 0px 20px 10px 20px;
}
.col_reverse .box>div {
margin: 0px 20px 30px 20px;
}
.box>div>div {
padding: 20px 0px;
}
} .bg-text p {
background-color: var(--lightColor);
padding: 0 2.5px;
color: var(--darkColor) !important;
font-weight: 800;
display: inline;
box-shadow: 10px 0px 0px 0px var(--lightColor), -10px 0px 0px 0px var(--lightColor);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
} .overline p {
border-top: 4px solid var(--darkColor);
display: inline-block;
margin-right: 45px;
padding-top: 10px;
margin-top: 40px;
margin-bottom: 10px;
transform: translateY(5px);
}
.white-text .overline p,
.white-text.overline p {
border-top: 4px solid var(--lightColor);
}
@media screen and (max-width:991px) {
.overline p {
border-top: 3px solid var(--darkColor);
}
.white-text .overline p,
.white-text.overline p {
border-top: 3px solid var(--lightColor);
}
} @media screen and (min-width:768px) {
body .fluid-image img {
position: absolute !important;
width: 50%;
height: 100%;
top: 0;
object-fit: cover !important;
}
body .fluid-image {
position: relative;
min-height: 600px;
}
body .fluid-image * {
position: static !important;
}
body .right-fluid-image img {
right: 0;
}
body .left-fluid-image img {
left: 0;
}
body .right-fluid-image .text-box>div {
padding-right: 60px !important;
}
body .left-fluid-image .text-box>div {
padding-left: 60px !important;
}
}
@media screen and (max-width:767px) {
body .fluid-image {
padding-top: 0px !important;
}
body #container .fluid-image .wpb_single_image {
width: calc(100% + 60px);
transform: translateZ(0px) translateX(-30px);
}
body #container .fluid-image .vc_figure,
body #container .fluid-image .vc_single_image-wrapper {
width: 100%;
}
} svg,
svg:hover,
svg path,
svg path:hover,
svg rect,
svg rect:hover,
svg:hover path {
transition: 0.5s all;
}
.full-width-img {
width: 100%;
height: auto;
line-height: 1;
}
.img-wrap,
.video-wrap {
display: flex;
position: relative;
overflow: hidden;
width: 100%;
}
.img-wrap::before,
.video-wrap:before {
content: '';
float: left;
padding-bottom: 56.25%;
}
.vc_row .video-wrap:before {
padding-bottom: 0;
}
.img-wrap.wrap-square::before {
content: '';
float: left;
padding-bottom: 100% !important;
}
.img-wrap img,
.img-wrap video,
.video-wrap video,
.video-wrap iframe,
.video-wrap img,
img.stretch-parent {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
border: none;
}
.full-width-image-spacer,
.full-width-image-placeholder {
min-height: 625px
}
.row-spacer {
min-height: 475px
}
.image-spacer>div>div {
min-height: 375px
}
@media screen and (max-width:1191px) {
.full-width-image-spacer,
.full-width-image-placeholder {
min-height: 575px
}
.row-spacer {
min-height: 450px
}
}
@media screen and (max-width:991px) {
.full-width-image-spacer,
.full-width-image-placeholder,
.row-spacer {
min-height: 375px
}
} img.alignright, .wp-caption.alignright {
float: right;
margin: 7.5px 0 22.5px 30px;
display: inline;
}
img.alignleft, .wp-caption.alignleft {
float: left;
margin: 7.5px 30px 22.5px 0;
display: inline;
}
img.aligncenter, .wp-caption.aligncenter {
display: block;
margin: 0px 0px 30px 0;
margin-left: auto;
margin-right: auto
}
a img.alignright {
float: right;
margin: 7.5px 0 22.5px 30px
}
a img.alignleft {
float: left;
margin: 7.5px 30px 22.5px 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption-text {
font: normal 400 var(--smallerParagraphs) 'DM Sans', sans-serif;
margin-top: 10px !important;
}
.wp-caption {
margin: 50px 0;
max-width: 100%;
}
.wp-caption img {
height: auto !important;
}
.wp-caption.size-large,
.wp-caption.size-full,
.wp-caption img,
.wp-caption img {
width: 100%;
}
.wp-caption:not(.size-large),
.wp-caption:not(.size-full) {
width: 50% !important;
}
img.aligncenter:not(.wp-caption img.aligncenter):not(.size-large):not(.size-full),
img.alignleft:not(.wp-caption img.alignleft):not(.size-large):not(.size-full) {
width: 50% !important;
height: auto !important;
}
@media screen and (max-width:1199px) {
.wp-caption {
margin: 25px 0;
}
}
@media screen and (max-width:576px) {
.wp-caption:not(.size-large),
.wp-caption:not(.size-full) {
width: 100% !important;
}
img.aligncenter:not(.wp-caption img.aligncenter):not(.size-large):not(.size-full),
img.alignleft:not(.wp-caption img.alignleft):not(.size-large):not(.size-full) {
width: 100% !important;
}
} blockquote {
margin: 60px 0;
position: relative;
z-index: 2;
transform-style: preserve-3d;
}
blockquote:after {
width: 250px;
height: 250px;
content: "";
top: 50%;
transform: translateY(-50%);
right: -16.6666%;
background-image: url(//www.co-do-lab.org/wp-content/themes/FGR/_img/BG-Shapes-03.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
z-index: -1;
}
@media screen and (max-width:1199px) {
blockquote:after {
width: 200px;
height: 200px;
right: -45px;
}
}
@media screen and (max-width:991px) {
blockquote:after {
width: 175px;
height: 175px;
}
blockquote {
margin: 30px 0;
}
}
@media screen and (max-width:767px) {
blockquote:after {
width: 150px;
height: 150px;
}
}  .head-bg h1,
.head-bg .h1,
.head-bg h2,
.head-bg .h2,
.head-bg h3,
.head-bg .h3 {
position: relative;
z-index: 1;
transform-style: preserve-3d;
}
.head-bg h1:after,
.head-bg .h1:after,
.head-bg h2:after,
.head-bg .h2:after {
position: absolute;
height: 47.5px;
width: 400px;
left: 90px;
top: 32.5px;
content: "";
z-index: 0;
transform: translateZ(-1px);
}
.head-bg-pink h1:after,
.head-bg-pink .h1:after,
.head-bg-pink h2:after,
.head-bg-pink .h2:after {
background-color: #F2A9A6;
}
.head-bg-white h1:after,
.head-bg-white .h1:after,
.head-bg-white h2:after,
.head-bg-white .h2:after {
background-color: var(--lightColor);
}
.head-bg-green h1:after,
.head-bg-green .h1:after,
.head-bg-green h2:after,
.head-bg-green .h2:after {
background-color: #20B593;
}
.head-bg-purple h1:after,
.head-bg-purple .h1:after,
.head-bg-purple h2:after,
.head-bg-purple .h2:after {
background-color: #9D86BF;
}
.head-bg-blue h1:after,
.head-bg-blue .h1:after,
.head-bg-blue h2:after,
.head-bg-blue .h2:after {
background-color: #00AFDB;
}
@media screen and (max-width:991px) {
.head-bg h1:after,
.head-bg .h1:after,
.head-bg h2:after,
.head-bg .h2:after,
.head-bg h3:after,
.head-bg .h3:after {
position: absolute;
height: 32.5px;
width: 250px;
left: 15px;
top: 25px;
}
} .hero-sub>div {
padding-top: 50px;
padding-bottom: 50px;
} body #container .vc_tta-container {
margin-bottom: 0px;
}
body #container .vc_tta-panel-heading {
background-color: rgba(0, 0, 0, 0);
}
body #container .vc_tta-panel-heading a {
color: var(--darkColor);
}
body #container .vc_tta.vc_general .vc_tta-panel-title>a {
padding: 20px;
}
body #container .white-text .vc_tta-panel-heading a {
color: var(--lightColor);
}
body #container .vc_tta-panel-heading h3 {
margin: 0;
padding-right: 30px;
}
body #container .vc_tta-panel-heading h3 i {
right: -10px;
}
body #container .vc_tta-panel-body {
padding-top: 0;
}
body #container .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
border-width: 3px 0 0 0;
border-color: var(--darkColor);
}
body #container .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
border-width: 0 0 0 3px;
border-color: var(--darkColor);
}
body #container .white-text .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after,
body #container .white-text .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
border-color: var(--lightColor);
}
body #container .vc_tta .vc_do_btn {
margin-top: 25px;
}
@media screen and (min-width:768px) {
.inner-acc {
margin-left: calc(8.3333% + 0px);
margin-right: calc(8.3333% + 0px);
}
} .image-slider * {
padding: 0 !important;
}
.wpb_gallery .flex-control-nav,
.wpb_gallery .flex-direction-nav {
display: none !important;
}
.flexslider {
margin: 0 !important;
border: none !important
}
#container .flexslider li {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px !important;
height: 100%;
max-height: 600px;
list-style-type: none;
}
#container .flexslider li::before {
display: none !important;
}
#container .flexslider li:before {
display: none;
}
#container .flexslider li img {
object-fit: cover;
height: 600px !important;
}
@media screen and (max-width:991px) {
#container .flexslider li img {
height: 375px !important;
}
} .feed-wrap h3,
.feed-wrap .h3 {
margin-top: 15px !important;
}
.feed-wrap p,
.feed-wrap h3,
.feed-wrap .h3,
.feed-wrap .h5,
.feed-wrap .h6 {
margin-bottom: 15px !important;
color: var(--darkColor);
}
.feed-wrap .vc_row,
.feed-wrap .row {
margin-top: -15px;
margin-bottom: -15px;
}
.feed-wrap .vc_row>div,
.feed-wrap .row>div {
margin-top: 15px;
margin-bottom: 15px;
}
.feed-wrap .img-wrap {
overflow: visible;
}
.feed-wrap .img-wrap::before {
padding-bottom: 75%;
}
.feed-wrap .wpb_single_image a img,
.feed-wrap .img-wrap img {
transition: 0.35s all;
}
.feed-wrap .wpb_single_image a:hover img,
.feed-wrap .img-wrap:hover img {
transform: scale(1.1);
} #contact .img-wrap {
width: 185px;
overflow: visible;
z-index: 11;
}
#contact a img {
transition: 0.35s all;
}
#contact a:hover img {
transform: scale(1.1);
}
.btn-arrow a {
font: normal 800 2.75rem 'DM Sans', sans-serif;
padding-left: 105px;
color: #20B593;
text-decoration: none !important;
background: url(//www.co-do-lab.org/wp-content/themes/FGR/_img/Codo-Arrow.svg) no-repeat left calc(0% + 7.5px);
background-size: 90px 45px;
display: inline-block;
opacity: 1 !important;
text-decoration-color: #000 !important;
margin-top: 25px;
}
#contact h2 {
font-size: 2.75rem;
}
.btn-arrow a:hover {
text-decoration: underline !important;
text-decoration-color: #000 !important;
text-decoration-thickness: 4px !important;
text-underline-offset: 10px !important;
}
body #contact .wpb_single_image,
body #contact .img-wrap {
margin-top: 25px;
}
@media screen and (max-width:991px) {
.btn-arrow a {
padding-left: 75px;
background-size: 60px 30px;
}
.btn-arrow a,
#contact h2 {
font: normal 800 2rem 'DM Sans', sans-serif;
}
.btn-arrow a:hover {
text-decoration-thickness: 3px !important;
text-underline-offset: 7.5px !important;
}
}
@media screen and (max-width:767px) {
body #container #contact .wpb_single_image {
margin-bottom: 0px !important;
}
body #contact .wpb_single_image,
body #contact .img-wrap {
margin-top: 0px;
}
} #container .bg-image-row {
background-position: calc(100% - 50px) calc(100% - 50px) !important;
background-size: 250px auto !important;
}
@media screen and (max-width:1199px) {
#container .bg-image-row {
background-size: 200px auto !important;
}
}
@media screen and (max-width:991px) {
#container .bg-image-row {
background-size: 175px auto !important;
}
}
@media screen and (max-width:767px) {
#container .bg-image-row {
background-size: 150px auto !important;
}
} .marquee {
margin: 0 auto;
max-width: 1800px;
overflow: hidden;
}
.marquee ul.flex {
display: flex;
align-items: center;
}
.marquee ul.flex li {
flex-shrink: 0;
width: 300px;
height: 150px;
padding: 0 !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
border-radius: 5px;
line-height: 150px;
text-align: center;
font-size: 38px;
color: #fff;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}
.marquee ul.flex li::before {
display: none !important;
}
.marquee ul.flex li img {
width: 100%;
height: auto;
max-height: 75px;
object-fit: contain;
}
.marquee-wrapper {
width: 100%;
overflow: hidden;
position: relative;
}
.marquee:after,
.marquee:before {
height: 100%;
width: 150px;
content: "";
top: 0;
position: absolute;
z-index: 11;
}
.marquee {
position: relative;
}
@media screen and (min-width:768px) {
.marquee:after {
right: 0;
background-image: linear-gradient(to left, var(--lightColor) 0%, rgba(255, 255, 255, 0) 100%);
}
.marquee:before {
left: 0;
background-image: linear-gradient(to right, var(--lightColor) 0%, rgba(255, 255, 255, 0) 100%);
}
}
.marquee-h {
overflow: hidden;
}
.marquee-h .marquee-wrapper {
height: 300px;
overflow: hidden;
}
.marquee-h ul li {
padding: 20px 0;
text-align: center;
color: #fff;
font-size: 38px;
background-image: linear-gradient(#1e3c72, #2a5298 100%)
} footer {
background: #00AFDB;
color: #fff;
}
.vcta {
background-color: #F4E914;
color: var(--darkColor);
right: 0;
position: fixed;
top: 50%;
margin: auto 0;
height: 40px;
transform: rotate(90deg);
transform-origin: top right;
font: normal 700 1.5rem 'DM Sans', sans-serif !important;
height: 50px;
display: inline-flex;
align-items: center;
line-height: 1;
padding: 0 20px;
z-index: 1111;
border-radius: 5px;
}
@media screen and (max-width:1280px) {
.vcta {
font-size: 1.125rem !important;
height: 40px;
}
}
@media screen and (max-width:767px) {
.vcta {
display: none;
}
}  .single-team-member .post-wrap .img-wrap.wrap-square {
max-width: 345px;
margin-bottom: 35px !important;
}
.single .link-area p,
.single .link-area a {
font-weight: 700;
}
.single .link-area a {
font: normal 800 1.5rem 'DM Sans', sans-serif;
padding-left: 55px;
color: var(--darkColor);
text-decoration: none !important;
background: url(//www.co-do-lab.org/wp-content/themes/FGR/_img/Codo-Arrow.svg) no-repeat left calc(0% + 5px);
background-size: 45px 22.5px;
display: block;
opacity: 1 !important;
text-decoration-color: #000 !important;
margin-top: 20px;
}
.single .link-area a:hover {
text-decoration: underline !important;
text-decoration-color: #000 !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 5px !important;
}
.single .link-area p {
margin-bottom: 10px;
}
.single h1 {
margin-bottom: 0px !important;
}
.single .about {
margin-top: 50px;
}
@media screen and (max-width:991px) {
.single .link-area a {
font: normal 800 1rem 'DM Sans', sans-serif;
padding-left: 45px;
background: url(//www.co-do-lab.org/wp-content/themes/FGR/_img/Codo-Arrow.svg) no-repeat left calc(0% + 2.5px);
background-size: 35px 17.5px;
margin-top: 15px;
}
.single .about {
margin-top: 35px;
}
.single-team-member .img-wrap {
max-width: 250px;
}
}
@media screen and (max-width:767px) {
.single-team-member h1 {
margin-top: 50px !important;
}
}
.single .interview {
margin-top: 100px;
}
@media screen and (min-width:992px) {
.single #container .row {
margin: 0;
}
}
.single .interview {
columns: 2;
column-gap: 40px;
column-fill: balance;
margin-bottom: -30px;
}
@media screen and (max-width: 991px) {
.single .interview {
margin-top: 75px;
}
}
@media screen and (max-width: 767px) {
.single .interview {
margin-top: 75px;
}
}
.single .interview_segment {
break-inside: avoid-column;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.single .interview {
columns: 1;
}
}
.single .interview p {
padding-bottom: 30px;
margin: 0 !important;
}
.single .interview_section .interview:nth-of-type(even) p {
color: var(--darkColor);
}
.single .additional-links-wrap .container {
max-width: 1200px !important;
}
.single .additional-links {
display: flex;
align-items: center;
}
.single .additional-links:before {
width: 115px;
height: 112px;
flex: 0 0 115px;
margin-right: 40px;
background: url(//www.co-do-lab.org/wp-content/themes/FGR/_img/codo-bildmarke.svg) no-repeat left center;
background-size: contain;
content: "";
display: inline-block;
}
.single .additional-links p {
margin-top: 4px;
}
@media screen and (max-width:991px) {
.single .additional-links:before {
width: 90px;
height: 85px;
flex: 0 0 90px;
margin-left: -20px;
margin-right: 30px;
}
}
@media screen and (max-width:767px) {
.single .additional-links {
align-items: flex-start;
}
.single .additional-links:before {
width: 75px;
height: 70px;
flex: 0 0 75px;
margin-right: 20px;
}
.single .additional-links p {
margin-top: 0px;
}
}
.close {
background-size: contain;
width: 50px;
height: 42.5px;
float: right;
margin-top: -50px;
background: url(//www.co-do-lab.org/wp-content/themes/FGR/_img/close.svg) no-repeat center center;
} .tile-wrap {
height: 100%;
}
.tile-wrap-inner {
width: 100%;
display: flex;
position: relative;
align-items: center;
justify-content: center;
height: 100%;
}
.tile-wrap-inner:before {
content: '';
float: left;
padding-bottom: calc(100% + 40px);
}
.tile-wrap-inner .img-wrap img {
transition: 0.35s all;
}
.tile-wrap-inner .img-wrap {
width: 175px;
overflow: visible;
margin: 0 auto 20px auto;
}
.tile-wrap-inner .img-wrap:hover img {
transform: scale(1.1);
}
.tile-wrap-inner>div {
padding: 20px;
}
.tile-wrap-inner>div>div {
display: flex;
justify-content: center;
}
.tile-wrap h3,
.tile-wrap p,
.tile-wrap a {
color: var(--darkColor) !important;
margin: 0;
}
.white-text .tile-wrap h3,
.white-text .tile-wrap p,
.white-text .tile-wrap a {
color: var(--lightColor) !important;
}
.tile-wrap h3 a:hover {
opacity: 0.5;
}
.tile-wrap p {
font-size: var(--smallerParagraphs);
font-weight: 400;
line-height: 1.35;
}
.tile-wrap h3 {
font-weight: 800;
}
.quote-tile h3 {
font-size: var(--secondaryHead) !important;
margin-bottom: 0px !important;
letter-spacing: -0.25px;
}
#team-overview .row {
margin: 0;
}
@media screen and (max-width: 991px) {
.close {
width: 40px;
height: 35px;
margin-top: -20px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
body.archive #container .wpb_single_image {
margin-bottom: 0px !important;
margin-top: 45px !important;
}
#team-overview {
padding-bottom: 60px;
}
.tile-wrap-inner .img-wrap {
width: 160px;
}
.archive h1 {
margin-bottom: 35px !important;
}
} .audio-columns .audio-toggle .audio-toggle-btn {
opacity: 0;
pointer-events: none;
}
.audio-columns .audio-tile:not(.audio-toggle) .audio-toggle-btn-off {
opacity: 0;
pointer-events: none;
}
.audio-columns .mejs-container {
height: 1px !important;
width: 1px !important;
min-width: 1px !important;
position: absolute;
opacity: 0;
pointer-events: none;
}
.audio-tile .tile-wrap svg {
margin-left: 12.5px;
margin-top: 4px;
width: 40px !important;
height: 29px !important;
}
.audio-tile .tile-wrap svg .audio-toggle-btn,
.audio-tile .tile-wrap svg .audio-toggle-btn-off {
fill: var(--darkColor) !important
} .filter-team {
margin-top: -20px;
margin-bottom: -20px;
}
.filter-team>div {
padding: 0 45px;
margin: 20px 0;
}
.filter-team a {
color: var(--darkColor);
width: 100%;
height: 50px;
display: inline-flex;
justify-content: space-between;
}
.filter-team a.current-tax:after {
content: "✕";
}
.filter-team a.white-text {
color: var(--lightColor);
}
#team-overview .row>div:not(.pagination-wrap),
.single .post-wrap.tax-term {
background-color: #ccc;
}
@media screen and (max-width:1399px) {
.filter-team>div {
padding: 0 30px;
}
}
@media screen and (max-width:991px) {
.filter-team {
margin-top: -10px;
margin-bottom: -10px;
}
.filter-team>div {
margin: 10px 0;
}
.filter-team>div {
padding: 0 20px;
}
} .single-team-member .post-wrap .img-wrap {
background-color: var(--lightGray);
}
.single-team-member .img-wrap img {
mix-blend-mode: multiply;
}  .label {
color: var(--darkColor);
}
.label.white-text {
color: var(--lightColor);
}
#post-overview .row {
margin-top: -20px;
margin-bottom: -20px;
}
#post-overview .row>div {
margin-top: 20px;
margin-bottom: 20px;
}
#post-overview .post-item .label.label-7 a {
color: var(--darkColor);
}
#post-overview .post-item a h2 {
color: var(--darkColor);
margin-bottom: 5px !important;
}
#post-overview .img-wrap:before {
padding-bottom: 75%;
}
#post-overview .img-wrap {
margin-bottom: 10px;
}
#post-overview .post-item h2 {
margin-bottom: 5px;
}
#post-overview .post-item p {
font-size: var(--smallerParagraphs);
font-weight: 400;
margin-bottom: 15px;
}
.archive-head {
margin-top: 125px;
}
.archive-head h1 {
font-size: var(--displayHead);
}
@media screen and (min-width:1200px) {
.archive-head h1:after {
top: 60px;
}
}
.archive-head p {
font-size: var(--secondaryHead);
}
@media screen and (max-width: 991px) {
.archive-head {
margin-top: 90px;
}
} .single-post .vc_row-fluid:not(.vc_inner):not([data-vc-full-width-init="true"])>div {
max-width: 1200px !important;
}
.single-post .post-wrap {
background-color: #EBEADD;
}
.single .post-wrap .img-wrap {
max-width: 100%;
margin-bottom: 60px;
}
.single .single-head {
margin-bottom: 50px;
}
.single:not(.single-team-member) .video-wrap {
margin: 30px 0 30px 0;
width: 100%;
}
@media screen and (min-width:992px) {
.single:not(.single-team-member) .video-wrap {
margin: 50px 0 50px calc(-8.333% - 30px);
width: calc(108.333% + 30px);
}
}
@media screen and (min-width:768px) {
.single:not(.single-team-member) .video-wrap {
margin: 50px 0 50px calc(-8.333% - 20px);
width: calc(108.333% + 20px);
}
}
@media screen and (max-width:991px) {
.single .single-head {
margin-bottom: 30px;
}
}
@media screen and (max-width:767px) {
.single .post-wrap .img-wrap {
max-width: 100%;
margin-bottom: 30px;
}
} .post-type-archive-pioneering-places .feed-wrap h2 {
margin-bottom: 0 !important;
margin-top: 15px !important;
}
.post-type-archive-pioneering-places .tile-wrap-inner {
height: auto;
align-items: flex-start;
}
.post-type-archive-pioneering-places .tile-wrap-inner:before {
padding-bottom: calc(75% + 0px);
}
.post-type-archive-pioneering-places .tile-wrap-inner h3 {
margin-top: 0 !important;
} .single-pioneering-places .post-wrap {
background-color: #fff;
}
.single-pioneering-places .vc_row-fluid:not(.vc_inner):not([data-vc-full-width-init="true"])>div {
max-width: 1200px !important;
}
.single-pioneering-places .close {
background: url(//www.co-do-lab.org/wp-content/themes/FGR/_img/close-dark.svg) no-repeat center center;
}
.single-pioneering-place .vc_row-fluid:not(.vc_inner):not([data-vc-full-width-init="true"])>div {
max-width: 1200px !important;
}
.single-pioneering-places .subline {
margin-bottom: 20px;
}
@media screen and (min-width:768px) {
.single p img.size-full {
height: auto !important;
max-height: 575px;
width: calc(100vw + 30px);
position: relative;
left: calc(58.33333% - 30px);
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
object-fit: cover;
margin-top: 30px;
margin-bottom: 30px;
}
}
@media screen and (max-width:767px) {
.single p img.size-full {
width: calc(100% + 40px);
object-fit: cover;
height: auto !important;
margin-left: -20px;
}
} .screen-reader-text {
font: normal 800 var(--paragraphs) 'DM Sans', sans-serif;
margin: 0 25px 0 0 !important;
}
.pagination-row .page-numbers {
font: normal 800 var(--paragraphs) 'DM Sans', sans-serif;
margin: 0 7.5px;
padding: 0 2.5px;
display: inline-block;
color: var(--darkColor);
}
.pagination-row .page-numbers svg {
width: 16px;
height: 16px;
object-fit: contain;
}
.pagination-row .page-numbers svg path {
fill: var(--darkColor);
}
.pagination-row .page-numbers.current {
border-bottom: 3px solid var(--darkColor);
}
.pagination-row a.page-numbers:hover {
color: #9D86BF;
border: none;
}
.pagination-row a.page-numbers:hover svg path,
.pagination-row .page-numbers.current svg path,
.pagination-row a.page-numbers:hover svg polygon,
.pagination-row .page-numbers.current svg polygon {
fill: #9D86BF;
border: none;
}
.pagination-row .page-numbers.next,
.pagination-row .page-numbers.prev {
font: normal 800 var(--paragraphs) 'DM Sans', sans-serif;
}
.pagination-row .nav-links {
display: flex;
margin: 0 -5px;
}
.pagination-row .pagination {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 100%;
padding-top: 50px;
padding-bottom: 0px;
}
@media screen and (max-width:1199px) {
.pagination-row .pagination {
padding-top: 30px;
}
}
@media screen and (max-width:991px) {
.screen-reader-text {
margin: 0 0 10px 0 !important;
flex: 0 0 100%;
text-align: left;
}
.pagination-row .page-numbers svg {
width: 12.5px;
height: 12.5px;
object-fit: contain;
}
.pagination-row .page-numbers.current {
border-bottom: 2px solid var(--darkColor);
}
.pagination-row .page-numbers {
margin: 0 5px;
}
} .page-imprint h1,
.page-privacy-policy h1 {
margin-bottom: 30px;
}
.page-privacy-policy h2 {
font: normal 700 var(--secondaryHead) 'DM Sans', sans-serif;
}
.page-privacy-policy h3 {
font: normal 700 var(--tertiaryHead) 'DM Sans', sans-serif;
margin: 0 0 30px 0 !important;
}
.page-privacy-policy h4 {
font: normal 700 var(--paragraphs) 'DM Sans', sans-serif;
margin: 0 0 30px 0 !important;
}
.error404 h1 {
margin-bottom: 20px !important;
}  .single:not(.single-team-member) ._brlbs-content-blocker {
padding-bottom: 56.25%;
position: relative;
position: relative;
width: 100%;
height: 30px;
margin: 50px 0;
}
@media screen and (max-width:991px) {
.single ._brlbs-content-blocker {
margin: 30px 0;
}
}
#BorlabsCookieBox h3, #BorlabsCookieBox ._brlbs-h3 {
font: normal 800 var(--smallerParagraphs) 'DM Sans', sans-serif !important;
}
#BorlabsCookieBoxWrap * {
font-family: 'DM Sans', sans-serif !important;
font-style: normal !important;
}
#BorlabsCookieBoxWrap p {
font: normal 400 var(--paragraphs) 'DM Sans', sans-serif !important;
}
#BorlabsCookieBox ._brlbs-btn {
border-radius: 5px !important;
font: normal 800 var(--smallerParagraphs) 'DM Sans', sans-serif !important;
max-width: 150px;
background-color: #9D86BF !important;
padding: 8px 10px !important;
font-size: var(--smallerParagraphs) !important;
}
#BorlabsCookieBox ._brlbs-manage a,
#BorlabsCookieBox .bcac-item a,
#BorlabsCookieBox .bcac-item a:hover,
#BorlabsCookieBox ._brlbs-manage a:hover {
color: #9D86BF !important;
}
#BorlabsCookieBox .cookie-box ._brlbs-btn:hover {
opacity: 1 !important;
background-color: #9D86BF !important;
}
#BorlabsCookieBox #CookieBoxTextDescription {
line-height: 125% !important;
}
#BorlabsCookieBox #CookieBoxTextDescription ._brlbs-paragraph {
margin-bottom: 0px !important;
}
.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator {
border-radius: 0px !important;
}
#BorlabsCookieBox ._brlbs-bar ul.show-cookie-logo {
justify-content: flex-start !important;
}
#BorlabsCookieBox ._brlbs-flex-left {
margin: 0 0 .75em 0 !important;
} .BorlabsCookie * {
font-family: 'DM Sans', sans-serif !important;
}
._brlbs-embed._brlbs-video-vimeo {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
._brlbs-embed._brlbs-video-vimeo ._brlbs-caption {
background-color: rgba(0, 0, 0, 0) !important;
}
._brlbs-embed._brlbs-video-vimeo ._brlbs-caption p {
font: normal 400 var(--smallFS) 'DM Sans', sans-serif !important;
}
._brlbs-embed._brlbs-video-vimeo ._brlbs-caption p a:not(._brlbs-btn) {
text-decoration: underline;
color: var(--lightColor) !important;
}
._brlbs-embed._brlbs-video-vimeo ._brlbs-caption p a._brlbs-btn:hover {
opacity: 1 !important;
}
._brlbs-embed._brlbs-video-vimeo ._brlbs-caption p a._brlbs-btn {
border-radius: 30px !important;
} #container form.post-password-form {
margin-top: 150px;
margin-bottom: 60px;
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
#container form input[type="password"] {
display: block;
border: 0px solid transparent;
border-bottom: 2px solid #000;
margin: 15px 0 10px 0;
padding: 15px !important;
font-size: 22px;
font-size: 1.325rem;
width: calc(50% - 15px) !important;
}
#container form input[type="submit"] {
appearance: none;
-webkit-appearance: none;
font: normal 500 1.5rem 'DM Sans', sans-serif !important;
line-height: 1.5 !important;
background-color: #fff;
border: 2px solid black;
margin-top: 15px;
display: inline-block;
color: black;
transition: 0.35s all;
padding: 5px 10px;
margin-top: 40px;
text-decoration: none !important;
}
#container form input[type="submit"]:hover {
background-color: #F4E914;
opacity: 1 !important;
}
@media screen and (max-width: 1240px) and (min-width:992px) {
#container form.post-password-form {
padding: 0 45px;
}
} .shariff-wrap {
display: flex;
align-items: center;
}
.overallwrapper .shariff-wrap ul {
display: flex !important;
margin-left: 10px !important;
}
.overallwrapper .shariff-wrap ul li {
margin: 7.5px !important;
}
@media screen and (max-width:1199px) {
.overallwrapper .shariff-wrap li {
width: 45px !important;
height: 45px !important;
}
.overallwrapper .shariff-wrap li a {
width: 45px !important;
height: 45px !important;
}
.overallwrapper .shariff-wrap li a svg {
transform: scale(0.7) translateX(-1px);
}
} #container .searchandfilter ul {
margin: 0;
padding: 0;
}
#container .searchandfilter ul li {
list-style-type: none !important;
display: inline-block !important;
margin: 0 40px 0 0;
padding: 0;
}
#container .searchandfilter ul li:before {
display: none !important;
}
#container .searchandfilter select {
border-radius: 5px;
font: normal 800 1.125rem 'DM Sans', sans-serif !important;
display: inline-flex;
height: 50px;
align-items: center;
color: var(--darkColor);
border: none;
appearance: none;
-webkit-appearance: none;
padding: 5px 45px 5px 10px;
background: #EBEADD url(//www.co-do-lab.org/wp-content/themes/FGR/_img/dropdown.svg) no-repeat;
background-position: calc(100% - 10px) center;
background-size: 17px 8.5px;
}
@media screen and (max-width:576px) {
#container .searchandfilter ul li {
margin: 10px 0;
width: 100%;
}
#container .searchandfilter select,
.searchandfilter label {
width: 100%;
}
} .gallery {
max-width: 100vw !important;
}
.gallery-size-medium .slick-list {
overflow: visible;
}
.gallery-size-medium {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.gallery-size-medium,
.gallery-size-large,
.gallery-full-large {
width: 100%;
}
.gallery-size-medium dl,
.gallery-size-large dl,
.gallery-size-full dl {
width: 100% !important;
margin: 0 !important;
float: left;
}
.gallery-size-medium dt,
.gallery-size-large dt,
.gallery-size-full dt {
position: relative;
padding-bottom: 75%;
}
.gallery-size-large dt,
.gallery-size-full dt {
padding-bottom: 56.25%;
}
.gallery-size-medium img,
.gallery-size-large img,
.gallery-size-full img,
.gallery-size-medium A,
.gallery-size-large A,
.gallery-size-full A {
border: none !important;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
}
.gallery .gallery-caption {
position: absolute;
bottom: 20px;
left: 22.5px;
display: inline;
z-index: 11;
color: var(--lightColor) !important;
font-weight: 800;
max-width: calc(100% - 45px);
font: normal 400 var(--smallerParagraphs) 'DM Sans', sans-serif !important;
}
@media screen and (max-width:991px) {
.gallery-size-medium {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
} .gallery-size-large {
margin: 50px 0 50px 0 !important;
width: 100%;
}
@media screen and (min-width:992px) {
.gallery-size-large {
margin: 50px 0 50px calc(-8.333% - 30px) !important;
width: calc(108.333% + 30px);
}
}
@media screen and (min-width:768px) {
.gallery-size-large {
margin: 50px 0 50px calc(-8.333% - 20px) !important;
width: calc(108.333% + 20px);
}
}
@media screen and (max-width:767px) {
.gallery-size-large {
margin: 30px 0 30px 0 !important;
width: 100%;
}
} .gallery-size-full dl,
.gallery-size-full img {
max-height: 575px;
}
@media screen and (max-width:767px) {
.gallery-size-full dl,
.gallery-size-full img {
max-height: 375px;
}
}
@media screen and (min-width:768px) {
.gallery-size-full {
width: calc(100vw + 0px) !important;
position: relative !important;
left: calc(58.33333% - 20px) !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
object-fit: cover !important;
margin-top: 50px !important;
margin-bottom: 50px !important;
}
}
@media screen and (min-width:1200px) {
.gallery-size-full {
width: calc(100vw + 0px) !important;
position: relative !important;
left: calc(58.33333% - 22px) !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
object-fit: cover !important;
margin-top: 50px !important;
margin-bottom: 50px !important;
}
}
@media screen and (max-width:767px) {
.gallery-size-full {
width: calc(100% + 40px) !important;
object-fit: cover !important;
margin-left: -20px !important;
margin-right: auto !important;
margin-top: 30px !important;
margin-bottom: 30px !important;
}
} .slick-slider {
-ms-touch-action: pan-y !important;
touch-action: pan-y !important;
}
* {
min-height: 0;
min-width: 0;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: 1;
position: relative;
}
.slick-slide>div,
.slick-slide>div>div,
.slick-slide>div>div>div {
height: 100%;
}
@media screen and (max-width:767px) {
.slick-slide {
margin: 0px 0px;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
display: flex !important;
}
.slick-slide {
height: inherit !important;
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
zoom: 1;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
.slick-slide img {
display: block;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-slide>.slick-slider-img {
margin: 0 15px;
padding: 2%;
position: relative;
display: block;
width: 100%;
}
.slick-slide .image {
padding: 10px;
}
.slick-slide img:not(.btn-img) {
display: block;
width: 100%;
}
.slick-slide img.slick-loading {
display: none;
} .slick-dots {
display: flex;
justify-content: center;
margin-top: 29px !important;
}
.slick-dots li {
display: inline-block;
margin-right: 10px;
margin-left: 0px !important;
margin-bottom: 5px;
padding: 0px !important;
border: 3px solid var(--lightColor);
height: 20px;
width: 20px;
border-radius: 50%;
text-transform: uppercase;
cursor: pointer;
transition: 0.35s all;
}
.slick-dots li.slick-active {
background: var(--lightColor);
border: 1px solid var(--lightColor);
color: var(--ctaColor) !important;
}
.slick-dots li:not(.slick-active):hover {
background: var(--light Color);
}
.slick-dots li button {
display: none;
}
.slick-dots li:before {
display: none !important;
}
.slick-dots {
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (max-width:991px) {
.slick-dots {
margin-top: 20px;
}
.slick-dots li {
margin-right: 7.5px;
height: 15px;
width: 15px;
}
}
@media screen and (max-width:767px) {
.slick-dots {
margin-top: 15px;
}
.slick-dots li {
margin-right: 6px;
border: 1px solid var(--lightColor);
height: 12.5px;
width: 12.5px;
}
} .slick-prev, .slick-next {
position: absolute;
bottom: -30;
width: 30px;
height: 30px;
border-radius: 0;
background-color: transparent;
border: none;
font-size: 0px;
cursor: pointer;
transform: translate3d(0, 0, 0);
}
.slick-arrow {
transform: translateX(0);
transition: 0.1s ease-in;
}
.slick-disabled {
opacity: 0.3;
}
.slick-prev {
left: -90px;
}
.slick-next {
right: -90px;
}
.slick-prev::before, .slick-next::before {
display: none;
}
.slick-prev, .slick-next {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
display: block;
height: 30px;
width: 100px;
appearance: none;
line-height: 0;
font-size: 0;
cursor: pointer;
bottom: -0px;
padding: 0;
outline: none;
z-index: 11;
border: none;
background-color: var(--lightColor);
background: var(--lightColor) url(//www.co-do-lab.org/wp-content/themes/FGR/_img/arrow-slider-right.svg) no-repeat calc(50% + 2.5px) center;
background-size: 12.5px 22.5px;
transition: 0.35s all;
border-radius: 5px;
}
.slick-prev {
background-image: url(//www.co-do-lab.org/wp-content/themes/FGR/_img/arrow-slider-left.svg);
background-position: calc(50% - 2.5px) center;
}
@media screen and (max-width: 1599px) {
.slick-prev {
left: 10px;
top: auto;
}
.slick-next {
right: 10px;
top: auto;
}
}
@media screen and (max-width: 1199px) {
.slick-prev, .slick-next {
height: 45px;
width: 45px;
background-size: 10px 18.5px;
}
} body .trp_language_switcher_shortcode{
display: inline-block;
}
body .trp-language-switcher{
width: auto;
height: auto;
margin-right: 15px;
transform: translateY(6px);
}
body  .trp-language-switcher > div,
body  .trp-language-switcher .trp-ls-shortcode-language{
box-sizing: border-box;
padding: 0px;
border: 0px solid #949494;
border-radius: 0px;
background-image: none;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0);
font-family: 'DM Sans', sans-serif;
width: auto;
height: auto;
}
body  .trp-language-switcher > div a,
body  .trp-language-switcher > div span{
color: var(--lightColor);
font: normal 500 1.125rem 'DM Sans', sans-serif;
width: auto;
height: auto;
padding: 0;
display: inline-block;
margin: 0 10px 0 0 !important;
}
body  .trp-language-switcher > div a:hover,
body  .trp-language-switcher > div span:hover{
color: var(--lightColor);
font: normal 500 1.125rem 'DM Sans', sans-serif;
width: auto;
height: auto;
padding: 0;
margin: 0;
background-color: rgba(0, 0, 0, 0);
opacity: 0.5;
}
body  .trp-language-switcher .trp-ls-shortcode-language,
body  .trp-language-switcher:focus .trp-ls-shortcode-language, 
body  .trp-language-switcher:hover .trp-ls-shortcode-language{
display: inline-flex !important;
visibility: visible !important;
position: relative !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
transform: translateY(-6px) !important;
}
body   .trp-language-switcher:focus .trp-ls-shortcode-current-language, body .trp-language-switcher:hover .trp-ls-shortcode-current-language{
visibility: visible !important;
position: relative !important;
}
body .trp-ls-shortcode-current-language{
display: none !important;
}
body .trp-ls-shortcode-language{
position: relative;
}
body .trp-ls-shortcode-language:after{
content:"";
width: 1.5px;
background-color: var(--lightColor);
height: 17.5px;
transform: rotate(7deg);
pointer-events: none;
left:calc(50% - 6px);
position: absolute;
top:3.5px; 
}
body .trp-ls-shortcode-language a[title="German"]{
order: 2
}
body  .info-icon{
order: 3;
transform: translateY(0px) translateX(-22px) translateZ(0) !important;
position: relative;
display: inline-block;
}
body  .info-icon:hover svg{
opacity: 0.5;
}
body .info-icon:before{
content: 'by DeepL';
background-color: var(--lightColor);
padding: 1px 3px;
position: absolute;
top: -24px;
color: #00AFDB;
width: 45px;
right: 0;
font: normal 500 10px 'DM Sans', sans-serif;
text-align: center;
opacity: 0; 
pointer-events: none;
}
body .info-icon:hover:before,
body .info-icon:hover:after{
opacity: 1;
pointer-events: all;
}
body .info-icon:after{
content: '';
top: -11px;
right: 1px;
position: absolute;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
opacity: 0;
pointer-events: none;
}
body .info-icon svg{
width: 13px;
height: 13px;
}
@media screen and (max-width:991px) {
body .info-icon svg{
width: 12px;
height: 12px;
}
}
@media screen and (max-width:991px){
body  .trp-language-switcher > div a,
body  .trp-language-switcher > div span{
font: normal 500 1rem 'DM Sans', sans-serif;
} 
body .trp-language-switcher{
transform: translateY(5px);
}
body .trp-ls-shortcode-language:after{
height: 16px;
left:calc(50% - 6px);
position: absolute;
top:3px; 
}
} .wpforms-form *{
font-family: 'DM Sans', sans-serif;
}
.wpforms-form ul li:before{
display: none !important;
}
.wpforms-form ul li{
margin: 0px !important;
padding-left: 0px !important;
}
.wpforms-field-label-inline a{
color: var(--wpforms-label-color);
text-decoration: underline;
}
.wpforms-field-label-inline a:hover{
text-decoration: none;
}