:root {
--main-font: "Montserrat", sans-serif;
--second-font: "Open Sans", sans-serif;
--green: rgba(120, 206, 139, 1);
--font-gray: rgba(138, 138, 138, 1);
--font-black: rgba(0, 0, 0, 1);
--bkg-light-gray: rgba(236, 236, 236, 1);
--bkg-dark-gray: rgba(110, 110, 110, 1);
--bkg-darker-gray: rgba(68, 68, 68, 1);
--bkg-dark-green: rgba(26, 86, 84, 1);
--white: rgba(255, 255, 255, 1);
--black: rgba(0, 0, 0, 1);
--blue: rgba(39, 155, 165, 1);
--light-blue: rgba(115, 220, 229, 1);
--orange: rgba(241, 137, 118, 1);
--yellow: rgba(252, 227, 129, 1);
--dark-yellow: rgba(223, 194, 80, 1);
}
html {
scroll-padding-top: 6rem;
scroll-behavior: smooth;
}
body {
font-family: var(--main-font);
padding-top: 104px;
}
@media (max-width: 992px) {
body {
padding-top: 80px;
}
}
body.admin-bar {
padding-top: 104px;
}
body.admin-bar .site-header {
margin-top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .site-header {
margin-top: 46px;
}
}
section {
position: relative;
}
a {
text-decoration: none;
}
a:hover {
color: var(--green);
}
h1 {
font-family: var(--second-font);
color: var(--font-black);
font-weight: 300;
}
.single h1,
.page-template h1 {
text-transform: uppercase;
font-size: 28px;
font-weight: 600;
font-family: var(--main-font);
}
h2 {
font-weight: 300;
text-align: center;
font-size: 42px;
}
h3 {
color: var(--black);
text-align: center;
letter-spacing: 55px;
text-transform: uppercase;
font-weight: 300;
font-size: 33px;
}
h4 {
font-weight: 500;
font-size: 14px;
text-align: center;
text-transform: uppercase;
color: var(--font-gray);
}
.hero-image {
position: relative;
min-height: 290px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
}
.post,
.page {
margin: 0px;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.pulse {
-webkit-animation: pulse 6s infinite;
animation: pulse 6s infinite;
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} .bounce {
-webkit-animation: bounce 5s infinite;
animation: bounce 5s infinite;
}
.shapes {
position: absolute;
}
.site-main {
overflow-x: hidden;
}
.portfolio-overlay {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
background-color: var(--green);
}
.portfolio-box:hover .portfolio-overlay {
opacity: 0.9;
}
.portfolio-box--title {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin: 0px;
text-transform: uppercase;
color: var(--white);
font-size: 30px;
font-weight: 500;
}
.portfolio-box--title span {
display: inline-block;
border-bottom: 3px solid var(--white);
padding-bottom: 2px;
}
p.line {
width: 65px;
height: 4px;
margin-left: 50px;
background: var(--orange);
}
.hero-image-header {
display: flex;
justify-content: center;
align-items: center;
height: 290px;
margin-left: 200px;
}
.hero-image-header p {
font-weight: 300;
font-family: var(--second-font);
color: var(--font-black);
font-size: 50px;
}
.hero-image-header p .under-header {
position: relative;
left: 90px;
} .site-header {
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
width: 100%;
z-index: 100;
background-color: var(--white);
will-change: background-color;
transition: background-color 0.3s ease-in-out;
}
.site-header .site-header-row {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.site-header .site-header-row .site-branding {
width: auto;
padding: 10px 0px;
}
.site-header .site-header-row .main-navigation {
width: auto;
padding: 0 0 22px calc(var(--bs-gutter-x) * 0.5);
}
.site-header .site-header-row .site-branding img {
width: 140px;
will-change: opacity, width;
transition: opacity 0.1s ease-in-out, width 0.3s linear;
} .site-header.sticky {
border-bottom: 1px solid var(--bkg-light-gray);
}
.site-header .main-navigation ul {
display: flex;
justify-content: flex-end;
align-items: center;
}
.site-header .main-navigation ul li a {
color: var(--font-gray);
font-size: 14.5px;
letter-spacing: 1px;
font-weight: 300;
padding: 50px 20px 10px;
text-transform: uppercase;
will-change: background-color;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.site-header .main-navigation ul li.current-menu-item a {
background-color: var(--yellow);
}
.home .site-header .main-navigation ul li.current-menu-item a {
background-color: transparent;
}
.social-lang-wrapper {
width: auto;
padding-bottom: 30px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
}
header .social-wrapper {
margin-top: 10px;
}
.social-lang-wrapper .wpml-ls-legacy-list-horizontal {
padding: 0;
border: 0 !important;
}
.social-lang-wrapper .wpml-ls-legacy-list-horizontal > ul {
text-align: right;
}
.social-lang-wrapper .wpml-ls-legacy-list-horizontal a,
.social-lang-wrapper .wpml-ls-legacy-list-horizontal a:visited {
padding: 5px;
color: #8a8a8a;
}
.social-lang-wrapper .wpml-ls-legacy-list-horizontal a span {
font-size: 14px;
}
.social-lang-wrapper
.wpml-ls-legacy-list-horizontal
.wpml-ls-current-language
a
span {
font-weight: 600;
text-decoration: underline;
}
header .social-wrapper a {
margin: 0 4px;
}
header .social-wrapper a svg {
width: 29px;
height: 29px;
}
header .social-wrapper a svg g path {
fill: var(--yellow);
transition: fill 0.3s ease-in-out;
}
@media (hover: hover) {
.site-header .main-navigation ul li:hover a,
.home .site-header .main-navigation ul li:hover a {
background-color: var(--yellow);
}
header .social-wrapper a:hover svg g path {
fill: var(--dark-yellow);
}
.social-lang-wrapper .wpml-ls-legacy-list-horizontal a:hover span {
font-weight: 600;
text-decoration: underline;
}
}
.hidden-desktop {
display: none;
} section#hero {
background-position: 80% center;
background-repeat: no-repeat;
background-size: contain;
height: 490px;
margin: 100px 0px;
}
section#hero .hero-text {
display: flex;
margin-left: 220px;
position: relative;
}
section#hero .hero-text .under-header {
position: relative;
left: 90px;
}
section#hero .shape1 {
left: -10px;
bottom: 100px;
}
section#hero .shape2 {
left: -250px;
top: 0px;
}
section#hero .shape3 {
bottom: -140px;
left: -30px;
right: 0px;
margin: 0 auto;
z-index: 2;
}
section#hero .shape4 {
left: -80px;
bottom: -280px;
}
section#hero .shape5 {
left: -230px;
top: 20px;
}
section#hero .shape6 {
left: 100px;
top: 220px;
}
section#hero .shape7 {
right: -100px;
top: 0px;
}
section#hero .shape8 {
right: -70px;
bottom: 20px;
}
section#hero .shape9 {
bottom: -260px;
left: -100px;
z-index: 2;
}
@media (max-width: 575px) {
section#hero .shape8,
section#hero .shape6 {
display: none;
}
}
section .services {
background-color: var(--bkg-light-gray);
padding: 100px 0px;
}
section .services .services-list {
margin: 90px 0px 30px 0px;
}
section .services .services-list .services-list--header {
max-width: 70%;
margin: 0 auto;
}
section .services .services-list-grid-item {
text-align: center;
aspect-ratio: 1;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
max-width: 220px;
margin: 0 auto;
border-radius: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
}
section .services .services-list-grid-item:hover {
border: 1px solid var(--green);
}
section .services .services-list-grid-item .services-list--image {
height: 60px;
object-fit: contain;
margin-bottom: 30px;
}
section .services .shape9-1 {
bottom: -280px;
left: -110px;
}
section .services .shape9-2 {
bottom: -230px;
right: -10px;
}
section#testimonial {
background-color: var(--bkg-dark-gray);
z-index: 2;
}
section#testimonial .testimonial-box {
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
color: var(--white);
text-transform: uppercase;
font-weight: 300;
text-align: center;
font-style: italic;
margin: 130px 0px;
}
section#testimonial .testimonial-box--desc {
max-width: 720px;
border: 4px solid var(--green);
padding: 30px 80px;
position: relative;
z-index: 2;
background-color: var(--bkg-dark-gray);
}
section#testimonial .testimonial-box--desc span {
text-align: right;
display: block;
font-size: 17px;
}
section#testimonial .testimonial-box--desc:before {
content: url(//astudio.com.pl/en//wp-content/themes/astudio/assets/img/quote.png);
position: absolute;
left: -55px;
top: -45px;
padding: 15px;
background-color: var(--bkg-dark-gray);
z-index: -1;
}
section#testimonial .testimonial-box--desc:after {
content: url(//astudio.com.pl/en//wp-content/themes/astudio/assets/img/quote.png);
position: absolute;
right: -55px;
bottom: -45px;
padding: 15px;
background-color: var(--bkg-dark-gray);
z-index: -1;
transform: rotate(180deg);
display: inline-block;
}
section#testimonial .testimonial-slider .slide-arrow {
position: absolute;
top: 0px;
bottom: 0px;
margin: auto auto;
}
section#testimonial .testimonial-slider .prev-arrow {
left: 100px;
width: 60px;
height: 118px;
background-color: transparent;
border: none;
z-index: 1;
}
section#testimonial .testimonial-slider .next-arrow {
right: 100px;
width: 60px;
height: 118px;
background-color: transparent;
border: none;
z-index: 1;
}
section#testimonial .testimonial-slider .prev-arrow:before {
background-image: url(//astudio.com.pl/en//wp-content/themes/astudio/assets/img/arrow_left.svg);
background-size: 60px 120px;
display: inline-block;
width: 60px;
height: 120px;
content: "";
}
section#testimonial .testimonial-slider .next-arrow:before {
display: inline-block;
background-image: url(//astudio.com.pl/en//wp-content/themes/astudio/assets/img/arrow_right.svg);
background-size: 60px 120px;
display: inline-block;
width: 60px;
height: 120px;
content: "";
}
section#portfolio {
padding: 120px 0px;
}
section#portfolio h3 {
margin: 0px 0px 100px 0px;
z-index: 3;
position: relative;
}
section#portfolio .portfolio-slider .portfolio-box {
height: 410px;
object-fit: cover;
background-repeat: no-repeat;
position: relative;
}
section#portfolio .portfolio-slider .slick-slide {
margin: 0 10px;
}
section#portfolio .portfolio-slider .slick-list {
margin: 0 -250px;
}
section#portfolio .portfolio-slider .slide-arrow {
position: absolute;
top: 50%;
margin-top: -15px;
}
section#portfolio .portfolio-slider .prev-arrow {
left: 0px;
width: 50px;
height: 50px;
background-color: var(--green);
z-index: 9999;
border: none;
}
section#portfolio .portfolio-slider .next-arrow {
right: 0px;
width: 50px;
height: 50px;
background-color: var(--green);
border: none;
}
section#portfolio .portfolio-slider .prev-arrow:before {
content: url(//astudio.com.pl/en//wp-content/themes/astudio/assets/img/arrowslider.png);
display: block;
transform: rotate(180deg);
margin-top: -6px;
}
section#portfolio .portfolio-slider .next-arrow:before {
content: url(//astudio.com.pl/en//wp-content/themes/astudio/assets/img/arrowslider.png);
}
section#portfolio .shape10 {
top: 80px;
left: 30px;
}
section#portfolio .shape11 {
top: -70px;
right: -100px;
z-index: -1;
}
section#portfolio .shape9 {
right: 0;
z-index: 0;
}
section#portfolio .shape12 {
right: 220px;
top: -36px;
z-index: 1;
}
section#portfolio .portfolio-slider--link {
position: relative;
}
section#portfolio .portfolio-slider .slick-slide img {
display: block;
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
} h3.above-footer {
margin-bottom: 40px;
}
footer {
background-color: var(--bkg-darker-gray);
padding: 80px 0px 0px 0px;
}
footer p,
footer a {
color: var(--white);
font-size: 12px;
margin: 0px;
}
footer .social-wrapper {
max-width: 200px;
width: 100%;
margin: 0 auto 40px;
display: flex;
justify-content: space-between;
}
footer .social-wrapper a svg g path {
transition: fill 0.3s ease-in-out;
}
footer .download {
align-items: center;
flex-direction: column;
display: flex;
}
footer a.download--button {
background-color: var(--yellow);
display: flex;
justify-content: center;
transition: opacity 0.3s ease-in-out;
}
footer .download--brief_label {
color: rgba(68, 68, 68);
font-size: 12px;
text-transform: uppercase;
padding: 10px 15px 8px;
letter-spacing: 0.8px;
transition: background-color 0.3s ease-in-out;
}
footer .download--brief_icon {
background-color: var(--dark-yellow);
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
}
footer .site-footer--grid {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
}
footer .copy {
padding: 100px 0px 20px 0px;
text-align: center;
letter-spacing: 5px;
color: var(--font-gray);
}
@media (hover: hover) {
footer a.download--button:hover .download--brief_label {
background-color: var(--dark-yellow);
}
footer .social-wrapper a:hover svg g path {
fill: var(--green);
}
} .single-services {
position: relative;
margin-bottom: 100px;
}
.single-services p.line {
background: var(--light-blue);
margin-left: 0px;
}
.single-services--left {
margin: 70px 0px;
}
.single-services--left img {
padding: 50px 50px 50px 0px;
position: relative;
left: -50px;
}
.single-services .single-services--bkg {
position: absolute;
background: var(--blue);
width: 50%;
height: 100%;
right: 0px;
z-index: -1;
}
.single-services .single-services--right {
padding: 50px 0px 50px 50px;
}
.single-services .single-services-inside button {
background: transparent;
color: var(--white);
font-size: 20px;
padding: 25px 0px 10px 0px;
text-transform: uppercase;
border-bottom: 1px solid var(--light-blue);
border-radius: 0px;
font-weight: 600;
}
.single-services .single-services-inside h4 span {
color: var(--light-blue);
margin-right: 6px;
}
.single-services .single-services-inside .card-body {
color: var(--white);
margin-bottom: 0px;
font-size: 13px;
padding: 20px 0px 0px 0px;
font-weight: 300;
}
.single-services .single-services-inside .accordion-item {
background-color: transparent;
border: none;
}
.single-services
.single-services-inside
.accordion-item
.accordion-button:after {
background-image: url(//astudio.com.pl/en//wp-content/themes/astudio/assets/img/plus.png);
transform: scale(0.7) !important;
}
.single-services
.single-services-inside
.accordion-item
.accordion-button:not(.collapsed)::after {
background-image: url(//astudio.com.pl/en//wp-content/themes/astudio/assets/img/minus.png);
}
.single-services .btn-portfolio {
text-align: center;
margin: 50px 0px 0px 0px;
}
.single-services .btn-portfolio a {
text-align: center;
color: var(--white);
text-transform: uppercase;
font-weight: 600;
font-size: 23px;
} .page-template-template-about h3 {
display: none;
}
.about-us {
position: relative;
}
.about-us h2 {
font-size: 27px;
font-weight: 500;
text-transform: uppercase;
color: var(--white);
}
.about-us .about-us--right {
padding: 60px 60px 250px 60px;
}
.about-us .about-us--right p {
color: var(--white);
margin-bottom: 0px;
font-size: 13px;
padding: 40px 0px 0px 0px;
font-weight: 300;
line-height: 1.8em;
}
.about-us .about-us--bkg {
position: absolute;
background: var(--bkg-dark-green);
width: 50%;
height: 100%;
right: 0px;
z-index: -1;
}
.about-us .about-us--img {
position: absolute;
width: 50%;
height: 100%;
left: 0px;
z-index: -1;
} .portfolio-list {
overflow-x: hidden;
position: relative;
}
.portfolio-list ul {
margin: 20px 0px 50px 0px;
padding: 0px;
text-align: center;
}
.portfolio-list ul li {
font-size: 20px;
color: var(--black);
font-weight: 500;
display: inline-block;
text-transform: uppercase;
padding: 10px 20px;
cursor: pointer;
}
.portfolio-list ul li:hover {
transition: color 0.3s ease-in-out;
color: var(--green);
}
.portfolio-list ul li.is-checked {
color: var(--green);
font-weight: 600;
}
.portfolio-list ul li:after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: var(--green);
position: relative;
left: 20px;
top: -4px;
}
.portfolio-list ul li:last-child:after {
display: none;
}
.portfolio-list .portfolio-list-inside {
margin: 0px 0px 200px 0px;
}
.portfolio-list .portfolio-list-inside--item {
margin: 15px 0px;
}
.portfolio-list .portfolio-list-inside--item img {
height: 100%;
width: 100%;
object-fit: cover;
}
.square {
aspect-ratio: 1 /1;
}
.rectangle {
aspect-ratio: 1 / 2;
}
.portfolio-list {
position: relative;
overflow: hidden;
}
.portfolio-list .shape1-1 {
left: -10px;
top: 280px;
}
.portfolio-list .shape9-3 {
left: -120px;
bottom: 0px;
z-index: -1;
}
.portfolio-list .shape9-4 {
right: -120px;
bottom: 300px;
z-index: -1;
}
.portfolio-list .shape9-5 {
right: -120px;
top: 250px;
z-index: -1;
}
.portfolio-list .shape11-1 {
right: -120px;
bottom: -180px;
z-index: -1;
}
.portfolio-list .portfolio-list-inside--item .portfolio-overlay {
width: calc(100% - 22px);
left: 12px;
}
.single-portfolio-main {
margin: 80px 0px;
}
.single-portfolio p.line {
margin-left: 0px;
}
.single-portfolio .single-portfolio--left .gallery {
margin-top: 50px;
}
.single-portfolio .portfolio-grid a {
display: block;
margin-bottom: 15px;
}
.single-portfolio .portfolio-grid a:last-of-type {
margin-bottom: 0;
}
.single-portfolio .single-portfolio--right {
padding: 0px 0px 50px 50px;
}
.single-portfolio .single-portfolio--list {
margin-bottom: 40px;
}
.single-portfolio .single-portfolio--list h4 {
background: transparent;
color: var(--black);
font-size: 20px;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
font-weight: 600;
text-align: left;
}
.single-portfolio .single-portfolio--list h4 span {
color: var(--orange);
margin-right: 6px;
}
.single-portfolio .single-portfolio--list p {
margin-bottom: 0px;
font-size: 13px;
font-weight: 300;
} .contact {
padding: 100px 0px 150px 0px;
}
.contact a {
color: var(--black);
margin: 0px;
}
.contact a:hover {
color: var(--green);
}
.contact .contact-left h1 {
margin: 0px 0px 0px 50px;
}
.contact .contact-left--info---inside {
margin: 30px 0px 0px 30px;
position: relative;
}
.contact .contact-left--info---inside:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
background: var(--yellow);
position: absolute;
left: -30px;
top: 2px;
}
.contact .contact-left--info---inside p {
margin: 10px 0px;
}
.contact .shape11-2 {
left: -150px;
bottom: -600px;
z-index: -1;
} .wpcf7-form label {
width: 100%;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
color: #1f252b;
width: 100%;
padding: 18px 0px;
border-radius: 0;
border: 0px;
border-bottom: 2px solid var(--bkg-light-gray);
}
.wpcf7-form p {
margin: 0 0 28px;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus {
outline: 0px;
outline-offset: 0;
}
div.wpcf7-mail-sent-ok {
border: 0;
background: #5471de;
color: #fff;
padding: 18px;
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
border: 0;
background: #f9443b;
color: #fff;
padding: 18px;
}
span.wpcf7-not-valid-tip {
color: #f9443b;
} .wpcf7-form .submit-btn {
background-color: var(--yellow);
border: 0;
color: var(--white);
border-radius: 0px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
margin-bottom: 15px;
width: 100%;
padding: 20px 42px;
font-size: 19px;
}
.wpcf7-form .submit-btn:hover {
cursor: pointer;
border: 0;
}
.wpcf7-form ::-webkit-input-placeholder { text-transform: uppercase;
color: var(--bkg-dark-gray);
font-size: 11px;
}
.wpcf7-form ::-moz-placeholder { text-transform: uppercase;
color: var(--bkg-dark-gray);
font-size: 11px;
}
.wpcf7-form :-ms-input-placeholder { text-transform: uppercase;
color: var(--bkg-dark-gray);
font-size: 11px;
}
.wpcf7-form :-moz-placeholder { text-transform: uppercase;
color: var(--bkg-dark-gray);
font-size: 11px;
}
.wpcf7-form .wpcf7-list-item {
margin: 30px 0px 0px 40px;
}
.wpcf7-form .form-wrapper input.form-acceptance {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.wpcf7-form .form-wrapper .wpcf7-list-item-label {
font-size: 14px;
color: var(--bkg-dark-gray);
position: relative;
}
.wpcf7-form .form-wrapper .acceptance-fieldset .wpcf7-list-item-label:before {
content: "";
display: inline-block;
vertical-align: text-top;
width: 24px;
height: 24px;
position: absolute;
top: 2px;
left: 0;
background-color: var(--bkg-light-gray);
position: absolute;
left: -40px;
}
.wpcf7-form
.form-wrapper
.acceptance-fieldset
input:checked
+ .wpcf7-list-item-label:after {
opacity: 1;
position: absolute;
left: -40px;
top: 2px;
background: var(--yellow);
width: 24px;
height: 24px;
}
.wpcf7-form .form-actions {
margin: 50px 0px;
} .site-forest .hero-image-header {
margin-left: 0;
}
.site-forest .hero-image-header h1 {
position: absolute;
top: 0;
left: -999999999px;
}
.site-forest .content-wrapper {
padding: 80px 0;
}
.content-wrapper .text-wrapper {
color: #231f20;
font-family: var(--second-font);
font-size: 18px;
line-height: 23px;
font-weight: 300;
margin-bottom: 75px;
}
.content-wrapper .text-wrapper:last-of-type {
margin-bottom: 0;
}
.content-wrapper .text-wrapper h2 {
margin-bottom: 23px;
font-family: var(--main-font);
font-size: 27px;
font-weight: 600;
text-align: left;
text-transform: uppercase;
}
.content-wrapper .text-wrapper ul,
.content-wrapper .text-wrapper ol {
margin-left: 0;
}
.content-wrapper .text-wrapper picture {
display: block;
margin-top: 80px;
}
.content-wrapper .text-expanded {
display: none;
}
.text-wrapper .read-more--button {
font-family: var(--main-font);
background-color: var(--yellow);
color: rgba(68, 68, 68);
font-size: 16px;
text-transform: uppercase;
padding: 15px 20px 12px;
letter-spacing: 0.8px;
transition: background-color 0.3s ease-in-out;
border: 0;
margin-top: 15px;
}
@media (max-width: 991px) {
.content-wrapper .text-wrapper {
font-size: 16px;
}
.content-wrapper .text-wrapper h2 {
font-size: 22px;
}
.site-forest .hero-image-header img {
width: 80%;
}
}
@media (hover: hover) {
.text-wrapper .read-more--button:hover {
background-color: var(--dark-yellow);
}
}
.grecaptcha-badge {
visibility: hidden;
}