@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
}
body {
box-sizing: border-box;
}
*,
*:before,
*:after {
margin: 0;
padding: 0;
box-sizing: inherit;
}
hr {
background-color: #5d5d5d;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
a {
transition: all 0.3s;
}
.mt--standard {
margin-top: 4rem;
}
.color-branding {
color: #0a4426;
}
.home .information__content {
padding: 0 0 10rem;
}
.page-main__content .content-list {
margin: 2.5rem 0 3rem;
}
.page-main__content .content-list h2,
.page-main__content .content-list h3,
.page-main__content .content-list h4 {
padding-bottom: 1.2rem;
}
.page-main__content .content-list ul li a {
color: #404040;
font-size: 1.8rem;
}
.page-main__content .content-list ul li a:hover {
color: #0a4426;
}
.page-main__content .content-list ul li:not(:last-child) {
margin-bottom: 1.2rem;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
.wpcf7-response-output {
background: #fff;
}
html {
font-size: 62.5%;
}
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Roboto", "Lato", sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
p,
ul li,
div {
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.6rem;
line-height: 2rem;
color: #5d5d5d;
font-weight: 400;
}
@media (min-width: 992px) {
p,
ul li,
div {
font-size: 1.4rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "Lora", serif;
font-weight: 300;
}
h1 strong,
h1 em,
h2 strong,
h2 em,
h3 strong,
h3 em,
h4 strong,
h4 em,
h5 strong,
h5 em,
h6 strong,
h6 em {
font-weight: 600;
font-style: normal;
}
h1 {
font-weight: 600;
font-size: 5.3rem;
line-height: 6.6rem;
}
h2 {
font-size: 3rem;
line-height: 4.2rem;
}
@media (min-width: 768px) {
h2 {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
h3 {
font-size: 3.1rem;
line-height: 3.9rem;
}
h4 {
font-size: 2.2rem;
line-height: 3.1rem;
}
.wp-block-pullquote blockquote {
font-family: "Lora", serif;
}
p {
margin-bottom: 1em;
font-weight: 400;
}
@media (min-width: 768px) {
p {
margin-bottom: 1.5em;
}
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.9rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
#footer {
padding-top: 4rem;
min-height: 25vh;
display: flex;
justify-content: center;
}
#copyrights {
display: flex;
align-items: center;
justify-content: center;
min-height: 5vh;
}
.admin-bar .header {
top: 32px;
}
#wpadminbar {
position: fixed;
top: 0;
}
.header {
transition: padding 0.3s;
background-color: #0a4426;
display: flex;
justify-content: center;
position: fixed;
z-index: 9999;
width: 100%;
top: 0;
padding: 2rem 0;
}
.header .custom-logo-link {
display: block;
line-height: 1;
}
.header #toggle {
width: 25px;
height: 18px;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
position: relative;
}
.header #toggle .toggle-item {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
border-radius: 0px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.header #toggle .toggle-item:nth-child(1) {
top: 0px;
}
.header #toggle .toggle-item:nth-child(2),
.header #toggle .toggle-item:nth-child(3) {
top: 7px;
}
.header #toggle .toggle-item:nth-child(4) {
top: 14px;
}
.header #toggle.open .toggle-item:nth-child(1) {
top: 12px;
width: 0%;
left: 50%;
}
.header #toggle.open .toggle-item:nth-child(2) {
transform: rotate(45deg);
}
.header #toggle.open .toggle-item:nth-child(3) {
transform: rotate(-45deg);
}
.header #toggle.open .toggle-item:nth-child(4) {
top: 12px;
width: 0%;
left: 50%;
}
@media (min-width: 1280px) {
.header #toggle {
display: none;
}
}
.header__inner-wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin: 0 auto;
width: 90%;
}
.header__branding {
transition: max-width 0.3s;
max-width: 200px;
}
.header__navigation {
width: 100%;
margin-top: 10px;
padding-top: 12px;
display: none;
flex-direction: column;
overflow-y: auto;
max-height: 60vh;
}
@media (min-width: 1280px) {
.header__navigation {
overflow-y: initial;
max-height: none;
}
}
.header__navigation .menu-item {
padding: 1rem;
border-top: 1px solid #2a5c42;
transition: all 1s;
border-bottom: 1px solid #2a5c42;
}
@media (min-width: 1280px) {
.header__navigation .menu-item {
margin-right: 2.5rem;
}
}
.header__navigation .menu-item:hover {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.header__navigation.open {
display: flex !important;
}
@media (min-width: 1280px) {
.header__navigation {
padding: 0;
margin: 0;
display: block;
width: auto;
border: none;
flex-direction: row;
}
}
.header__navigation-items {
list-style-type: none;
text-align: center;
}
.header__navigation-items a {
display: inline-block;
text-decoration: none;
font-family: "Lora", serif;
color: #fefefe;
font-size: 1.7rem;
line-height: 2.2rem;
padding: 12px 15px;
}
.header__navigation-items .menu-item {
padding: 0;
}
.header__navigation-items .menu-item.menu-item-has-children {
position: relative;
}
.header__navigation-items .menu-item.menu-item-has-children .sub-menu {
display: none;
transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
transform: translateY(-5px);
visibility: hidden;
opacity: 0;
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 260px;
padding: 5px 0;
background: #fff;
border: 1px solid #d3d3d3;
list-style: none;
text-align: left;
}
.header__navigation-items .menu-item.menu-item-has-children .sub-menu::before {
content: "";
top: -10px;
height: 10px;
width: 100%;
position: absolute;
left: 0;
}
.header__navigation-items .menu-item.menu-item-has-children .sub-menu li a {
font-size: 1.4rem;
color: #404040;
padding: 6px 15px;
width: 100%;
}
.header__navigation-items
.menu-item.menu-item-has-children
.sub-menu
li
a:hover {
color: #0a4426;
}
@media (min-width: 1280px) {
.header__navigation-items .menu-item.menu-item-has-children .sub-menu {
display: block;
}
}
.header__navigation-items .menu-item.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header.sticky {
padding: 1rem 0;
}
.header.sticky .header__branding {
max-width: 150px;
}
@media (min-width: 1280px) {
.header {
z-index: 1001;
top: 0;
width: 100%;
}
.header__inner-wrapper {
width: 90%;
flex-direction: row;
}
.header__branding img {
width: 20.5rem;
}
.header__navigation {
display: flex;
align-items: center;
margin-left: auto;
}
.header__navigation-items {
display: flex;
width: 100%;
}
.header__navigation-items .current-menu-item {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
}
.main {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.main .intro-copy {
margin-top: calc(var(--intro-height) * -1);
}
}
.main .intro-copy__outer-wrapper {
background-color: none;
display: flex;
}
.main .intro-copy__container {
border-top: 6rem solid #fff;
max-width: 1080px;
background-color: #fff;
z-index: 3;
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 0;
}
.main .intro-copy__container-primary,
.main .intro-copy__container-secondary {
width: 90%;
margin: 0 auto;
}
@media (min-width: 992px) {
.main .intro-copy__container-primary,
.main .intro-copy__container-secondary {
width: 100%;
}
}
@media (min-width: 992px) {
.main .intro-copy__container {
display: flex;
width: 90%;
padding-bottom: 4rem;
}
.main .intro-copy__container-primary {
margin-left: -6rem;
flex: 3;
}
.main .intro-copy__container-secondary {
flex: 2;
}
}
.main .intro-copy__side-l,
.main .intro-copy__side-r {
display: none;
}
@media (min-width: 992px) {
.main .intro-copy__side-l,
.main .intro-copy__side-r {
display: flex;
}
}
.main .intro-copy__side-l {
flex: 1;
border-right: 12rem solid #fff;
z-index: 3;
}
.main .intro-copy__side-r {
flex: 1;
background-color: #fff;
z-index: 3;
}
.main .intro-copy__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
z-index: 3;
}
.main .intro-copy__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.main .intro-copy__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.main .intro-copy__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.main .intro-copy__pleat p a {
color: #fff;
text-decoration: none;
}
.main .intro__statement {
display: flex;
width: 90%;
max-width: 1080px;
background-color: #fff;
}
.main .intro__statement:after {
content: "";
flex: 1;
background-color: red;
}
.main .intro__statement-main {
flex: 3;
}
.main .intro__statement-title {
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
margin-bottom: 1.6rem !important;
}
@media (min-width: 768px) {
.main .intro__statement-title {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.main .intro__statement-title strong,
.main .intro__statement-title em {
color: #0a4426;
}
@media (min-width: 992px) {
.main .intro__statement-title {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.main .intro__statement-title em {
font-weight: 700;
color: #0a4426;
font-style: normal;
}
.main .intro__statement-slogan {
flex: 2;
}
@media (min-width: 992px) {
.main .intro__statement-slogan {
padding-top: 3rem;
}
}
.main .intro__statement-slogan p {
font-size: 1.8rem;
line-height: 27px;
font-family: "Lora", serif;
}
.main .intro__statement-slogan p:last-child {
margin: 0;
}
.main .intro__pleat-filler {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
z-index: 200;
}
.main .intro__pleat-filler a {
text-decoration: none;
}
@media (min-width: 992px) {
.main .intro__pleat-filler {
display: flex;
align-items: center;
justify-content: center;
}
}
.main .intro__pleat-filler p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.main .intro__pleat-filler p a {
color: #fff;
text-decoration: none;
}
.main .intro__title {
font-size: 3rem;
line-height: 1.25;
padding-bottom: 2rem;
color: #fff;
max-width: 12em;
}
@media (min-width: 992px) {
.main .intro__title {
font-size: 6.2rem;
}
}
.main .intro__lead {
font-size: 24px;
line-height: 33px;
font-weight: 500;
color: #fff;
max-width: 24em;
margin-bottom: 15vh;
}
.page {
position: relative;
}
.page-heading {
position: relative;
display: flex;
align-content: top;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (min-width: 0) and (max-width: 1280px) {
.page-heading {
background-position: center !important;
}
}
.page-heading__content {
display: flex;
flex-direction: column;
width: 90%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
justify-items: center;
padding: 8rem 0;
margin-top: 12rem;
}
@media (min-width: 992px) {
.page-heading__content {
padding: 16rem 0 18rem;
}
}
@media (min-width: 1280px) {
.page-heading__content {
margin-top: 14rem;
}
}
.page-heading:after {
content: " ";
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.2;
position: absolute;
}
.page-heading__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
background-color: #0a4426;
z-index: 2000;
}
.page-heading__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.page-heading__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.page-heading__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.page-heading__pleat p a {
color: #fff;
text-decoration: none;
}
.page-heading__pleat p {
color: #fff;
font-family: "Lora", serif;
font-size: 1.6rem;
opacity: 0.5;
margin-top: 15rem;
z-index: 1000;
}
.page-heading__pleat p:after {
content: " ";
display: block;
background-image: url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/315ce29223eb699d6fc8b90e3e37d703.svg);
height: 20rem;
width: 2rem;
background-repeat: no-repeat;
float: right;
margin-top: 2rem;
animation: bounce 1.5s infinite;
}
.page-heading__title {
z-index: 1000;
line-height: 1.25;
padding-bottom: 2rem;
line-height: 1.25;
text-align: left;
text-shadow: 0 3px 20px rgba(0, 0, 0, 0.29);
color: #fff;
font-size: 3rem;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.page-heading__title {
font-size: 6.2rem;
}
}
.page-heading__breadcrumbs {
text-decoration: none;
list-style-type: none;
display: inline-flex;
color: #fff;
font-size: 1.5rem;
margin-top: -1.5rem;
z-index: 1000;
}
.page-heading__breadcrumbs a {
text-decoration: none;
color: #fff;
opacity: 0.666;
font-weight: 500;
}
.page-heading__breadcrumbs a:hover {
opacity: 1;
}
.page-heading__breadcrumbs .breadcrumb_last {
font-size: 1.5rem;
color: #fff;
font-weight: 500;
text-shadow: 0 3px 20px rgba(0, 0, 0, 0.29);
}
.page-main {
display: flex;
}
.page-main p {
max-width: 62em;
}
.page-main__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.page-main__content {
flex-direction: row;
padding: 6rem 0;
}
}
.page-main__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.page-main__content .button:hover {
background-color: #09361e;
}
.page-main__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.page-main__intro {
display: flex;
}
}
.page-main__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.page-main__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.page-main__lead {
flex: 1;
padding-right: 4rem;
}
.page-main__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.page-main__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.page-main__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.page-main__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.page-main__pleat p a {
color: #fff;
text-decoration: none;
}
.page-main__content h2 {
font-family: "Lora", serif;
font-size: 3.5rem;
font-weight: 800;
line-height: 1.4;
color: #2d2d2e;
max-width: 18em;
padding-bottom: 4rem;
}
.page-main__content h3 {
font-family: "Lora", serif;
font-size: 2.4rem;
font-weight: 600;
line-height: 1.4;
color: #2d2d2e;
max-width: 32em;
padding-bottom: 4rem;
}
.page-main__content h4 {
font-family: "Lora", serif;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.4;
color: #2d2d2e;
max-width: 38em;
padding-bottom: 4rem;
}
.page-main__meta {
display: flex;
padding-bottom: 2rem;
}
.page-main__meta-date {
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.5rem;
font-weight: 900;
font-stretch: normal;
font-style: normal;
letter-spacing: 1.2px;
text-align: left;
color: #3b9a68;
}
.page-main__meta-category {
height: 1.8rem;
opacity: 0.54;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.5rem;
font-weight: 900;
font-stretch: normal;
font-style: normal;
letter-spacing: 0.14px;
text-align: left;
color: #000;
padding-left: 4rem;
}
.services {
display: flex;
}
.services__content {
margin-left: auto;
padding: 8rem 0 4rem;
width: 90%;
max-width: 1080px;
margin-right: auto;
}
@media (min-width: 992px) {
.services__content {
padding: 8rem 0;
}
}
.services__heading {
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
margin: 0 !important;
}
@media (min-width: 768px) {
.services__heading {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.services__heading strong,
.services__heading em {
color: #0a4426;
}
@media (min-width: 992px) {
.services__heading {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.services__heading br {
display: none;
}
@media (min-width: 768px) {
.services__heading br {
display: block;
}
}
.services__copy {
margin-top: 2.6rem;
max-width: 53em;
}
@media (min-width: 992px) {
.services__listing {
display: flex;
justify-content: space-between;
}
}
.services__personal,
.services__corporate {
transition: background-color 0.3s;
width: 100%;
padding: 3.6rem 2rem;
margin-top: 2rem;
border: 1px solid #0a4426;
background-repeat: no-repeat;
background-position: bottom right;
}
@media (min-width: 768px) {
.services__personal,
.services__corporate {
padding: 3.6rem;
}
}
@media (min-width: 992px) {
.services__personal,
.services__corporate {
width: calc(50% - 2rem);
}
}
.services__personal h3,
.services__corporate h3 {
font-weight: 900;
padding-bottom: 3rem;
color: #0a4426;
}
.services__personal ul,
.services__corporate ul {
list-style-type: none;
}
.services__personal li,
.services__corporate li {
font-size: 1.8rem;
font-family: "Lora", serif;
font-weight: lighter;
margin-bottom: 1.6rem;
}
.services__personal li:last-child,
.services__corporate li:last-child {
margin: 0;
}
.services__personal li a,
.services__corporate li a {
color: #2d2e2e;
text-decoration: none;
font-weight: 400;
opacity: 1;
}
.services__personal li a:after,
.services__corporate li a:after {
content: ">";
margin-left: 1rem;
}
.services__personal li a:hover,
.services__corporate li a:hover {
opacity: 1;
}
.services__personal:hover,
.services__corporate:hover {
background-color: #0a4426;
background-image: url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/30d4164acbe43a87ddbd3ed3945beaf4.svg);
}
.services__personal:hover h3,
.services__personal:hover a,
.services__corporate:hover h3,
.services__corporate:hover a {
color: #fff;
}
.services__personal:hover a,
.services__corporate:hover a {
opacity: 0.66;
}
.services__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.services__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.services__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.services__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.services__pleat p a {
color: #fff;
text-decoration: none;
}
.values {
display: flex;
}
.values__content {
padding: 6rem 0;
margin-left: auto;
display: flex;
width: 90%;
max-width: 1080px;
display: flex;
flex-direction: column;
margin-right: auto;
}
.values__content p {
max-width: 62em;
}
.values__content__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.values__content__content {
flex-direction: row;
padding: 6rem 0;
}
}
.values__content__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.values__content__content .button:hover {
background-color: #09361e;
}
.values__content__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.values__content__intro {
display: flex;
}
}
.values__content__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.values__content__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.values__content__lead {
flex: 1;
padding-right: 4rem;
}
.values__content__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.values__content__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.values__content__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.values__content__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.values__content__pleat p a {
color: #fff;
text-decoration: none;
}
@media (min-width: 992px) {
.values__content p {
max-width: 16.2rem;
}
}
.values__heading {
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
margin: 0 !important;
}
@media (min-width: 768px) {
.values__heading {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.values__heading strong,
.values__heading em {
color: #0a4426;
}
@media (min-width: 992px) {
.values__heading {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.values__copy {
margin-top: 4rem;
max-width: 53em;
}
.values__listing {
list-style-type: none;
}
.values__listing img {
width: 8rem;
}
@media (min-width: 768px) {
.values__listing {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
.values__icon {
height: 8rem;
display: flex;
align-items: center;
margin: 4rem 0 3rem;
}
.values__single {
width: 100%;
}
@media (min-width: 768px) {
.values__single {
width: calc(50% - 4rem);
}
}
@media (min-width: 992px) {
.values__single {
width: calc(25% - 4.6rem);
}
}
.values__single h2 {
font-size: 2.1rem;
line-height: 2.6rem;
margin-bottom: 2rem;
color: #2d2e2e;
}
.values__single h2 em,
.values__single h2 strong {
color: #0a4426;
}
.values__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.values__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.values__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.values__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.values__pleat p a {
color: #fff;
text-decoration: none;
}
.recent-news {
display: flex;
display: flex;
}
.recent-news p {
max-width: 62em;
}
.recent-news__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.recent-news__content {
flex-direction: row;
padding: 6rem 0;
}
}
.recent-news__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.recent-news__content .button:hover {
background-color: #09361e;
}
.recent-news__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.recent-news__intro {
display: flex;
}
}
.recent-news__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.recent-news__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.recent-news__lead {
flex: 1;
padding-right: 4rem;
}
.recent-news__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.recent-news__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.recent-news__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.recent-news__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.recent-news__pleat p a {
color: #fff;
text-decoration: none;
}
.recent-news__content {
max-width: 1080px;
padding: 6rem 0;
margin-left: auto;
width: 90%;
}
.recent-news__heading {
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
}
@media (min-width: 768px) {
.recent-news__heading {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.recent-news__heading strong,
.recent-news__heading em {
color: #0a4426;
}
@media (min-width: 992px) {
.recent-news__heading {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.recent-news__copy {
margin-top: 4rem;
max-width: 53em;
}
.recent-news__posts {
display: flex;
margin-top: 4rem;
justify-vdcontent: center;
}
.recent-news__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.recent-news__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.recent-news__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.recent-news__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.recent-news__pleat p a {
color: #fff;
text-decoration: none;
}
.homepage-banner .swiper-container .swiper-pagination {
display: flex;
align-items: center;
justify-content: flex-start;
width: 90%;
text-align: left;
margin: 0 -1rem;
bottom: 8rem;
margin-top: 3.6rem;
position: static;
}
@media (min-width: 768px) {
.homepage-banner .swiper-container .swiper-pagination {
bottom: calc(var(--intro-height) + 19.6rem);
}
}
.homepage-banner
.swiper-container
.swiper-pagination
.swiper-pagination-bullet {
width: 0.8rem;
height: 0.8rem;
background-color: #a8a8a8;
transition: 0.3s ease;
transition-property: width, height, background-color;
cursor: pointer;
margin: 0 1rem;
opacity: 1;
}
.homepage-banner
.swiper-container
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.homepage-banner
.swiper-container
.swiper-pagination
.swiper-pagination-bullet:hover {
background-color: #0a4426;
width: 1.4rem;
height: 1.4rem;
}
.home .slide {
background-position: center 5rem;
}
.slide__logos {
max-width: 100px;
margin: 13rem 6rem 2rem 2rem;
align-self: start;
}
@media (max-width: 767px) {
.slide {
flex-direction: column-reverse;
justify-content: center;
}
.slide__logos {
max-width: max-content;
display: flex;
flex-direction: row;
align-self: center;
margin: 0 2rem;
gap: 3rem;
}
.slide__logos figure {
max-width: 100px;
}
.slide__content {
padding-bottom: 0 !important;
}
}
.slide {
display: flex;
align-items: end;
padding: 0;
margin: 0;
position: relative;
min-height: 100vh;
height: auto !important;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
background-position: center 7vh;
}
.slide p {
max-width: 62em;
}
.slide__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.slide__content {
flex-direction: row;
padding: 3rem 0;
}
}
.slide__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.slide__content .button:hover {
background-color: #09361e;
}
.slide__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.slide__intro {
display: flex;
}
}
.slide__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.slide__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.slide__lead {
flex: 1;
padding-right: 4rem;
}
.slide__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.slide__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.slide__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.slide__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.slide__pleat p a {
color: #fff;
text-decoration: none;
}
@media (min-width: 992px) {
.slide {
background-position: top;
}
}
.slide:after {
position: absolute;
content: " ";
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(2, 0, 36, 0.25) 0%,
rgba(255, 255, 255, 0) 70%
);
z-index: 3;
}
.slide__content {
position: relative;
z-index: 999;
display: flex;
flex-direction: column;
padding-top: 23rem;
padding-bottom: 13rem;
max-width: calc(1080px + 12rem);
}
@media (min-width: 768px) {
.slide__content {
padding-top: 32rem;
padding-bottom: calc(var(--intro-height) + 24rem);
}
}
.slide__title {
text-shadow: 0 3px 20px rgba(0, 0, 0, 0.29);
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
color: #fff;
font-size: 3.6rem;
}
@media (min-width: 768px) {
.slide__title {
font-size: 5.3rem;
}
}
.slide__title em {
display: inline-block;
position: relative;
z-index: 10;
}
.slide__title em:after {
content: " ";
width: 100%;
height: 3rem;
background-color: #0a4426;
position: absolute;
left: 0;
bottom: -0.3rem;
z-index: -1;
transform: scale(1.05);
}
.slide__slogan {
padding-top: 4rem;
text-shadow: 0 3px 15px rgba(0, 0, 0, 0.38);
font-family: "Cambria";
font-size: 2.4rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: 0.022rem;
color: #fff;
}
.slide__pleat {
z-index: 2;
width: 5%;
writing-mode: vertical-rl;
background-color: #0a4426;
z-index: 1000;
display: none;
height: 100%;
}
@media (min-width: 992px) {
.slide__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.slide__pleat p {
color: #fff;
font-family: "Lora", serif;
font-size: 1.6rem;
opacity: 0.5;
margin-top: 40rem;
}
.slide__pleat p:after {
content: " ";
display: block;
background-image: url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/315ce29223eb699d6fc8b90e3e37d703.svg);
height: 20rem;
width: 2rem;
background-repeat: no-repeat;
float: right;
margin-top: 2rem;
animation: bounce 1.5s infinite;
}
.slide__pleat p a {
color: #fff;
text-decoration: none;
}
.mission p,
.mission div,
.mission li,
.mission a,
.mission q {
color: #fff;
position: relative;
}
.mission__outer-wrapper {
display: flex;
}
.mission__side-l {
flex: 1;
}
.mission__side-l,
.mission__side-r {
display: none;
}
@media (min-width: 992px) {
.mission__side-l,
.mission__side-r {
display: block;
}
}
.mission__container {
width: 100%;
padding: 8rem 2rem;
background-image: linear-gradient(to left, #2d2e2e, rgba(0, 0, 0, 0.5)),
url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/0b73471b04f0bb75bbeb75221a273940.jpg);
background-size: cover;
}
@media (min-width: 992px) {
.mission__container {
display: flex;
width: 90%;
max-width: 1080px;
padding-top: 16rem;
padding-bottom: 14rem;
}
.mission__container-primary {
flex: 3;
}
.mission__container-secondary {
flex: 5;
}
}
.mission__container-secondary {
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1000;
}
@media (min-width: 992px) {
.mission__container-secondary {
margin-left: 2rem;
}
}
.mission__container-secondary h1,
.mission__container-secondary h2,
.mission__container-secondary p {
z-index: 1000;
color: #fff;
}
.mission__container-secondary .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
border: solid 2px #fff;
color: #fff;
background-color: rgba(0, 0, 0, 0);
}
.mission__container-secondary .button:hover {
background-color: #09361e;
}
.mission__container-secondary .button:hover {
background-color: #404040;
}
.mission__side-r {
flex: 1;
background-color: #2d2e2e;
}
.mission__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.mission__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.mission__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.mission__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.mission__pleat p a {
color: #fff;
text-decoration: none;
}
.mission__heading {
z-index: 1000;
margin-bottom: 2rem;
}
@media (min-width: 992px) {
.mission__heading {
margin-bottom: 4rem;
}
}
.mission__heading em {
position: relative;
z-index: 1000;
background: url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/eed38ef3fff7ffc08a5512408e870e38.png);
background-repeat: repeat-x;
background-position: bottom;
}
@media (min-width: 768px) {
.mission__intro {
display: flex;
margin-right: -2rem;
margin-left: -2rem;
}
}
.mission__deco {
display: block;
position: relative;
margin: 0 auto 3rem;
}
@media (min-width: 992px) {
.mission__deco {
left: -7rem;
margin: 0 2rem 0 0;
}
}
.mission__deco img {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.mission__copy,
.mission__lead {
margin: 0;
padding: 0 2rem;
}
}
.mission__copy {
flex: 1;
max-width: 53em;
margin-bottom: 20px;
}
.mission__lead {
flex: 1;
color: #fff;
}
.contact-cta {
display: flex;
}
.contact-cta p {
max-width: 62em;
}
.contact-cta__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.contact-cta__content {
flex-direction: row;
padding: 6rem 0;
}
}
.contact-cta__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.contact-cta__content .button:hover {
background-color: #09361e;
}
.contact-cta__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.contact-cta__intro {
display: flex;
}
}
.contact-cta__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.contact-cta__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.contact-cta__lead {
flex: 1;
padding-right: 4rem;
}
.contact-cta__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.contact-cta__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.contact-cta__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.contact-cta__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.contact-cta__pleat p a {
color: #fff;
text-decoration: none;
}
.contact-cta p,
.contact-cta div,
.contact-cta li,
.contact-cta a,
.contact-cta q {
color: #fff;
}
.contact-cta__content {
position: relative;
width: 100%;
background: url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/8179b6539eff40cf178ff75230e97b7a.jpg);
background-size: cover;
background-position: center;
padding: 8rem 2rem;
margin: 8rem 0;
}
.contact-cta__content > * {
position: relative;
z-index: 2;
}
@media (min-width: 992px) {
.contact-cta__content {
display: flex;
width: 90%;
max-width: 1080px;
margin: 8rem auto 10rem;
padding: 10rem 6rem;
}
}
.contact-cta__heading {
font-size: 3.6rem;
font-weight: 700;
flex: 2;
}
.contact-cta__methods {
flex: 3;
}
@media (min-width: 992px) {
.contact-cta__phones {
padding-bottom: 2rem;
}
}
.contact-cta__phone {
padding-bottom: 2rem;
}
.contact-cta__phone-number {
display: inline-block;
font-family: "Lora", serif;
font-size: 2.4rem;
line-height: 3rem;
font-weight: 700;
text-decoration: none;
margin: 0 0 1rem;
}
@media (min-width: 992px) {
.contact-cta__phone-number {
font-size: 3.6rem;
line-height: 4.6rem;
}
}
.contact-cta__phone-owner {
font-size: 1.8rem;
font-weight: 300;
}
.contact-cta__email {
display: inline-block;
text-decoration: none;
font-family: "Lora", serif;
font-weight: 700;
font-size: 2.4rem;
line-height: 3rem;
margin: 1rem 0 2rem;
}
@media (min-width: 992px) {
.contact-cta__email {
font-size: 2.6rem;
line-height: 4.6rem;
margin: 0;
}
}
.contact-cta__visit {
flex: 2;
}
.contact-cta__visit-name {
font-weight: 300;
}
.contact-cta__visit-company,
.contact-cta__visit-location,
.contact-cta__visit-timing,
.contact-cta__visit-disclaimer {
display: flex;
align-items: flex-start;
padding-top: 1.5rem;
}
.contact-cta__visit-company-icon,
.contact-cta__visit-location-icon,
.contact-cta__visit-timing-icon,
.contact-cta__visit-disclaimer-icon {
width: 2.8rem;
min-width: 2.8rem;
}
.contact-cta__visit-company-icon {
width: 3rem;
margin-right: 1.2rem;
}
.contact-cta__visit-company-name {
font-size: 1.8rem;
line-height: 1.44;
}
@media (min-width: 992px) {
.contact-cta__visit-company {
padding-bottom: 2rem;
}
}
.contact-cta__visit-location-icon {
margin-right: 2rem;
}
.contact-cta__visit-location-address {
font-size: 1.8rem;
line-height: 1.44;
}
.contact-cta__visit-timing-icon {
margin-right: 2rem;
}
.contact-cta__visit-timing-information {
font-size: 1.8rem;
line-height: 1.44;
}
.contact-cta__visit-disclaimer {
padding-left: 4.8rem;
padding-top: 2rem;
font-size: 1.4rem;
line-height: 2rem;
}
.contact-cta__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.contact-cta__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.contact-cta__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.contact-cta__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.contact-cta__pleat p a {
color: #fff;
text-decoration: none;
}
.team {
display: flex;
display: flex;
}
.team p {
max-width: 62em;
}
.team__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.team__content {
flex-direction: row;
padding: 6rem 0;
}
}
.team__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.team__content .button:hover {
background-color: #09361e;
}
.team__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.team__intro {
display: flex;
}
}
.team__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.team__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.team__lead {
flex: 1;
padding-right: 4rem;
}
.team__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.team__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.team__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.team__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.team__pleat p a {
color: #fff;
text-decoration: none;
}
.team__content {
display: flex;
flex-direction: column;
padding: 0;
}
.team__content a {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.team__content a:hover {
background-color: #09361e;
}
.team__heading {
margin-top: 8rem;
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
}
@media (min-width: 768px) {
.team__heading {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.team__heading strong,
.team__heading em {
color: #0a4426;
}
@media (min-width: 992px) {
.team__heading {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.team__intro {
margin-right: -2rem;
margin-left: -2rem;
}
@media (min-width: 768px) {
.team__intro {
display: flex;
}
}
.team__copy,
.team__lead {
margin: 0;
padding: 0 2rem;
}
.team__copy {
margin: 0 0 2rem;
}
@media (min-width: 768px) {
.team__copy {
max-width: 42em;
margin: 0;
}
}
@media (min-width: 992px) {
.team__copy {
padding-right: 14rem;
}
}
.team__copy p:empty {
display: none;
}
.team__lead {
padding-bottom: 4rem;
padding-right: 0;
}
@media (min-width: 768px) {
.team__lead {
width: 100em;
max-width: 36.5rem;
}
}
@media (min-width: 992px) {
.team__lead {
padding-left: 0;
}
}
@media (min-width: 768px) {
.team__listing {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
.team__person {
width: calc(50% - 2rem);
}
}
@media (min-width: 992px) {
.team__person {
width: calc(33% - 2rem);
}
}
@media (min-width: 768px) {
.team__person-info {
padding: 0 1.4rem;
}
}
.team__person-name {
font-weight: 700;
font-size: 2.2rem;
line-height: 3.1rem;
color: #2d2e2e;
margin: 2rem 0 0;
}
.team__person-position {
text-transform: uppercase;
font-family: "Roboto", "Lato", sans-serif;
font-weight: 700;
font-size: 1.2rem;
letter-spacing: 1.54px;
color: #0a4426;
padding: 0.5rem 0;
}
.team__person-intro {
line-height: 2rem;
}
.team__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.team__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.team__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.team__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.team__pleat p a {
color: #fff;
text-decoration: none;
}
.service-tiles {
display: flex;
}
.service-tiles p {
max-width: 62em;
}
.service-tiles__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.service-tiles__content {
flex-direction: row;
padding: 6rem 0;
}
}
.service-tiles__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.service-tiles__content .button:hover {
background-color: #09361e;
}
.service-tiles__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.service-tiles__intro {
display: flex;
}
}
.service-tiles__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.service-tiles__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.service-tiles__lead {
flex: 1;
padding-right: 4rem;
}
.service-tiles__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.service-tiles__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.service-tiles__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.service-tiles__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.service-tiles__pleat p a {
color: #fff;
text-decoration: none;
}
.service-tiles__content {
padding-bottom: 3rem;
}
.service-tiles__heading {
font-size: 3.5rem;
font-weight: 900;
line-height: 4.9rem;
color: #000;
text-align: center;
padding: 4rem 0;
margin-bottom: 2rem;
}
.service-tiles__heading em {
color: #0a4426;
font-style: normal;
}
.service-tiles__items {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.service-tiles__service {
display: flex;
width: 100%;
flex-direction: column;
justify-content: space-between;
background-color: #f9f9f9;
padding: 3rem 2rem 3rem 3rem;
border-right: 1rem solid #fff;
border-left: 1rem solid #fff;
margin-bottom: 2rem;
min-height: 35rem;
}
@media (min-width: 576px) {
.service-tiles__service {
width: 50%;
}
}
@media (min-width: 992px) {
.service-tiles__service {
width: 50%;
}
}
@media (min-width: 1280px) {
.service-tiles__service {
width: 25%;
}
}
.service-tiles__service:hover {
background-color: #363636;
}
.service-tiles__service:hover h3,
.service-tiles__service:hover p,
.service-tiles__service:hover a {
color: #fff;
}
.service-tiles__service:hover p {
opacity: 0.75;
}
.service-tiles__service:hover .service-tiles__service-arrow--standard,
.service-tiles__service:hover .service-tiles__service-icon {
display: none;
}
.service-tiles__service:hover .service-tiles__service-arrow--negative {
display: block;
}
.service-tiles__service:hover .service-tiles__service-description {
display: block;
}
.service-tiles__service-arrow--negative {
display: none;
}
.service-tiles__service-title {
font-family: "Roboto", "Lato", sans-serif;
font-size: 2.1rem;
line-height: 3rem;
font-weight: 900;
max-width: 9em;
}
.service-tiles__service-title a {
text-decoration: none;
color: #2d2e2e;
}
.service-tiles__service-icon {
margin-right: 2rem;
background-color: #fff;
display: flex;
height: 5rem;
align-items: center;
border-radius: 5rem;
width: 6rem;
height: 6rem;
}
.service-tiles__service-icon img {
width: 3rem;
height: 4rem;
padding: 0.5rem;
margin: 1rem;
}
.service-tiles__service-icon img {
width: 4rem;
}
.service-tiles__service-description {
padding-top: 1rem;
min-height: 12rem;
display: none;
}
.service-tiles__service-description a {
text-decoration: none;
}
.page--dla-ciebie .service-tiles__service:last-child {
flex: 1;
background-image: url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/de7aece20ed830a5d44dbd9412c41a50.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: contain;
}
.page--dla-ciebie .service-tiles__service:hover {
background-image: none;
}
.information {
display: flex;
display: flex;
justify-items: center;
align-content: center;
}
.information p {
max-width: 62em;
}
.information__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.information__content {
flex-direction: row;
padding: 6rem 0;
}
}
.information__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.information__content .button:hover {
background-color: #09361e;
}
.information__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.information__intro {
display: flex;
}
}
.information__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.information__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.information__lead {
flex: 1;
padding-right: 4rem;
}
.information__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.information__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.information__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.information__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.information__pleat p a {
color: #fff;
text-decoration: none;
}
.information__content {
padding-bottom: 0;
}
.information p {
max-width: none;
}
.information__heading {
font-size: 3.5rem;
font-weight: 900;
line-height: 4.9rem;
color: #000;
text-align: center;
}
.information__heading em {
color: #0a4426;
font-style: normal;
}
.information__body {
display: flex;
flex-flow: column;
font-size: 1.6rem;
line-height: 3rem;
text-align: center;
}
.information__body p {
max-width: 100%;
font-size: 1.6rem;
line-height: 3rem;
padding: 0 7.5%;
color: #303030;
}
.information__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.information__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.information__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.information__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.information__pleat p a {
color: #fff;
text-decoration: none;
}
.post-tiles {
display: flex;
flex-wrap: wrap;
flex: 1;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.post-tiles {
margin-left: -2rem;
}
}
.post-tile {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.post-tile {
width: calc(33% - 2rem);
margin-left: 2rem;
}
}
.post-tile a {
text-decoration: none;
}
.post-tile__meta {
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.post-tile__meta {
flex-direction: row;
padding-bottom: 0;
}
}
.post-tile__image {
width: 100%;
object-fit: cover;
height: 300px;
display: block;
}
@media (min-width: 768px) {
.post-tile__image {
height: auto;
}
}
.post-tile__image-wrapper {
position: relative;
}
.post-tile__image-wrapper:hover .post-tile__image-overlay {
opacity: 0.85;
}
.post-tile__image-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: 0.75s ease;
background-color: #0a4426;
margin: 0;
padding: 0;
}
.post-tile__image-overlay-text {
color: #fff;
font-size: 4rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.post-tile__date {
font-size: 1.2rem;
text-transform: uppercase;
font-family: #2d2e2e;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: 2.5;
letter-spacing: 1.54px;
text-align: left;
color: #0a4426;
}
@media (min-width: 992px) {
.post-tile__date {
padding-right: 2rem;
}
}
.post-tile__category {
height: 1.4rem;
font-size: 1.2rem;
font-weight: 900;
line-height: 1.92;
letter-spacing: 0.11px;
color: #2d2e2e;
padding-top: 0.35rem;
position: relative;
}
.post-tile__category:before {
content: " ";
width: 0.6rem;
height: 0.6rem;
background-color: #dadada;
display: block;
position: absolute;
top: 1.3rem;
left: -1.2rem;
border-radius: 1rem;
}
.post-tile__title {
max-width: 33.5rem;
font-size: 2.6rem;
line-height: 3.7rem;
color: #2d2e2e;
}
.page-main--service .page-main__content {
display: flex;
padding-top: 12rem;
}
.page-main--service .page-main__decoration {
max-width: 100%;
width: 35rem;
}
@media (min-width: 1280px) {
.page-main--service .page-main__decoration {
padding-left: 4rem;
}
}
.page-main--service .page-main__copy {
flex: 3;
}
@media (min-width: 1280px) {
.page-main--service .page-main__copy {
padding-left: 4rem;
}
}
.page-main--service .page-main__copy p,
.page-main--service .page-main__copy li,
.page-main--service .page-main__copy a,
.page-main--service .page-main__copy q {
font-size: 1.6rem;
line-height: 1.8;
}
.other-services {
background-color: #b1c4ba;
background-image: url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/45d88c001d21d175420ed802af58b24d.png);
background-repeat: no-repeat;
background-position: right;
background-size: contain;
display: flex;
}
.other-services p {
max-width: 62em;
}
.other-services__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.other-services__content {
flex-direction: row;
padding: 6rem 0;
}
}
.other-services__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.other-services__content .button:hover {
background-color: #09361e;
}
.other-services__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.other-services__intro {
display: flex;
}
}
.other-services__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.other-services__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.other-services__lead {
flex: 1;
padding-right: 4rem;
}
.other-services__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.other-services__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.other-services__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.other-services__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.other-services__pleat p a {
color: #fff;
text-decoration: none;
}
.other-services__heading {
font-size: 3.5rem;
font-weight: 900;
line-height: 4.9rem;
color: #000;
text-align: center;
}
.other-services__heading em {
color: #0a4426;
font-style: normal;
}
.other-services__items {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.other-services__service {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #f9f9f9;
padding: 4rem;
width: 100%;
margin: 2rem 0;
margin-bottom: 4rem;
min-height: 35rem;
}
@media (min-width: 992px) {
.other-services__service {
margin: 2rem;
width: calc(50% - 4rem);
}
}
@media (min-width: 1280px) {
.other-services__service {
width: calc(25% - 4rem);
}
}
.other-services__service:last-child {
margin-right: auto;
}
.other-services__service:hover {
background-color: #363636;
}
.other-services__service:hover h3,
.other-services__service:hover p,
.other-services__service:hover a {
color: #fff;
}
.other-services__service:hover p {
opacity: 0.75;
}
.other-services__service:hover .other-services__service-arrow--standard,
.other-services__service:hover .other-services__service-icon {
display: none;
}
.other-services__service:hover .other-services__service-arrow--negative {
display: block;
}
.other-services__service:hover .other-services__service-description {
display: block;
}
.other-services__service-arrow--negative {
display: none;
}
.other-services__service-title {
font-family: "Roboto", "Lato", sans-serif;
font-size: 2.1rem;
line-height: 3rem;
font-weight: 900;
max-width: 7em;
}
.other-services__service-title a {
text-decoration: none;
color: #2d2e2e;
}
.other-services__service-icon {
margin-right: 2rem;
background-color: #fff;
display: flex;
height: 5rem;
align-items: center;
border-radius: 5rem;
width: 6rem;
height: 6rem;
}
.other-services__service-icon img {
width: 3rem;
height: 4rem;
padding: 0.5rem;
margin: 1rem;
}
.other-services__service-icon img {
width: 4rem;
}
.other-services__service-description {
padding-top: 1rem;
min-height: 15rem;
display: none;
}
.other-services__service-description a {
text-decoration: none;
}
.page-main--zespol .page-main__content {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.page-main--zespol .page-main__content {
flex-direction: row;
}
}
.page-main--zespol .page-main__copy {
padding-right: 0;
}
@media (min-width: 992px) {
.page-main--zespol .page-main__copy {
width: 70%;
padding-right: 4rem;
}
}
.page-main--zespol .page-main__copy h2 {
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
padding-bottom: 0;
}
@media (min-width: 768px) {
.page-main--zespol .page-main__copy h2 {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.page-main--zespol .page-main__copy h2 strong,
.page-main--zespol .page-main__copy h2 em {
color: #0a4426;
}
@media (min-width: 992px) {
.page-main--zespol .page-main__copy h2 {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.page-main--zespol .page-main__copy p {
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.6rem;
line-height: 1.6;
font-weight: 400;
color: #000;
opacity: 0.74;
max-width: 36em;
}
.page-main--zespol .page-main__logo {
display: flex;
margin: 0 auto;
align-items: center;
justify-content: center;
}
.page-main--zespol .page-main__logo img {
width: 26rem;
height: 10rem;
}
.team-listing {
display: flex;
background-color: #fbfbfb;
}
.team-listing p {
max-width: 62em;
}
.team-listing__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.team-listing__content {
flex-direction: row;
padding: 6rem 0;
}
}
.team-listing__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.team-listing__content .button:hover {
background-color: #09361e;
}
.team-listing__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.team-listing__intro {
display: flex;
}
}
.team-listing__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.team-listing__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.team-listing__lead {
flex: 1;
padding-right: 4rem;
}
.team-listing__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.team-listing__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.team-listing__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.team-listing__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.team-listing__pleat p a {
color: #fff;
text-decoration: none;
}
.team-listing__title {
font-size: 3.5rem;
font-weight: 900;
line-height: 4.9rem;
color: #000;
text-align: center;
text-align: left;
padding-bottom: 4rem;
}
.team-listing__title em {
color: #0a4426;
font-style: normal;
}
.team-listing__person {
display: flex;
margin-bottom: 8rem;
flex-direction: column;
}
@media (min-width: 768px) {
.team-listing__person {
flex-direction: row;
}
}
.team-listing__person-photo {
flex: 4;
margin-right: 4rem;
display: flex;
justify-content: center;
}
.team-listing__person-photo img {
object-fit: cover;
}
.team-listing__person-data {
flex: 9;
display: flex;
flex-direction: column;
justify-content: center;
}
.team-listing__person:nth-child(odd) {
flex-direction: column;
}
@media (min-width: 768px) {
.team-listing__person:nth-child(odd) {
flex-direction: row-reverse;
}
}
.team-listing__person:nth-child(odd) .team-listing__person-photo {
margin-left: 4rem;
margin-right: 0;
}
.team-listing__person-name {
font-size: 3.5rem;
font-weight: 900;
line-height: 4.9rem;
color: #000;
text-align: center;
margin-top: 0;
padding-top: 0;
font-size: 2.6rem;
text-align: left;
color: #2d2e2e;
opacity: 1;
}
.team-listing__person-name em {
color: #0a4426;
font-style: normal;
}
.team-listing__person-position {
text-transform: uppercase;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 1.5;
letter-spacing: 0.192rem;
color: #0a4426;
margin-bottom: 2rem;
margin-top: -0.5rem;
}
.team-listing__person-description {
margin-bottom: 4rem;
}
.team-listing__person-phone {
margin-top: 40rem;
}
.team-listing__person-phone-icon {
display: inline-block;
padding-right: 2rem;
}
.team-listing__person-phone-number {
display: inline-block;
font-size: 2rem;
font-weight: 500;
color: #2d2e2e;
}
.team-listing__person-phone-number a {
text-decoration: none;
color: #2d2e2e;
opacity: 1;
}
.team-greetings {
display: flex;
background-color: #fbfbfb;
}
.team-greetings p {
max-width: 62em;
}
.team-greetings__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.team-greetings__content {
flex-direction: row;
padding: 6rem 0;
}
}
.team-greetings__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.team-greetings__content .button:hover {
background-color: #09361e;
}
.team-greetings__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.team-greetings__intro {
display: flex;
}
}
.team-greetings__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.team-greetings__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.team-greetings__lead {
flex: 1;
padding-right: 4rem;
}
.team-greetings__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.team-greetings__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.team-greetings__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.team-greetings__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.team-greetings__pleat p a {
color: #fff;
text-decoration: none;
}
.team-greetings__content {
display: flex;
border: 2px solid #0a4426;
background-color: #fff;
text-align: center;
margin-bottom: 8rem;
width: 90%;
max-width: 1080px;
padding: 2rem;
display: flex;
flex-direction: column;
}
.team-greetings__content p {
max-width: 62em;
}
.team-greetings__content__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.team-greetings__content__content {
flex-direction: row;
padding: 6rem 0;
}
}
.team-greetings__content__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.team-greetings__content__content .button:hover {
background-color: #09361e;
}
.team-greetings__content__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.team-greetings__content__intro {
display: flex;
}
}
.team-greetings__content__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.team-greetings__content__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.team-greetings__content__lead {
flex: 1;
padding-right: 4rem;
}
.team-greetings__content__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.team-greetings__content__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.team-greetings__content__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.team-greetings__content__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.team-greetings__content__pleat p a {
color: #fff;
text-decoration: none;
}
.team-greetings__content p {
max-width: 72em;
margin: 2rem auto;
line-height: 1.8;
opacity: 1;
font-weight: 400;
font-size: 1.6rem;
color: #2c2d2d;
}
.team-greetings__content p em,
.team-greetings__content p strong {
font-style: normal;
font-weight: 700;
}
.partners {
display: flex;
}
.partners p {
max-width: 62em;
}
.partners__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.partners__content {
flex-direction: row;
padding: 6rem 0;
}
}
.partners__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.partners__content .button:hover {
background-color: #09361e;
}
.partners__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.partners__intro {
display: flex;
}
}
.partners__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.partners__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.partners__lead {
flex: 1;
padding-right: 4rem;
}
.partners__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.partners__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.partners__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.partners__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.partners__pleat p a {
color: #fff;
text-decoration: none;
}
.partners__content {
margin-top: -4rem;
padding-top: 0;
}
.partners__title {
height: 38px;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 0.7;
letter-spacing: 0.27px;
color: #2d2e2e;
}
.partners__items {
margin-top: 4rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.partners__items {
flex-direction: row;
}
}
.partners__item {
width: 100%;
}
.partners__item:not(:last-child) {
margin-top: 2rem;
}
@media (min-width: 768px) {
.partners__item {
width: calc(50% - 2rem);
}
.partners__item:not(:last-child) {
margin-top: 0;
}
}
.partner {
background-color: #fbfbfb;
padding: 4rem;
}
.partner__location {
display: flex;
}
.partner__icon {
margin-right: 2rem;
margin-right: 2rem;
background-color: #f2f2f2;
display: flex;
height: 5rem;
align-items: center;
border-radius: 5rem;
}
.partner__icon img {
width: 3rem;
height: 4rem;
padding: 0.5rem;
margin: 1rem;
}
.partner__company {
font-size: 2rem;
font-weight: 500;
line-height: 3rem;
letter-spacing: 0.018rem;
color: #2d2e2e;
}
.partner__company em {
font-weight: 900;
font-style: normal;
}
.partner__person {
font-size: 1.8rem;
line-height: 3rem;
color: #0a4426;
font-weight: 600;
padding-bottom: 2rem;
}
.partner__address {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.56;
letter-spacing: 0.014rem;
opacity: 0.45;
color: #000;
}
.downloads {
display: flex;
}
.downloads p {
max-width: 62em;
}
.downloads__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.downloads__content {
flex-direction: row;
padding: 6rem 0;
}
}
.downloads__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.downloads__content .button:hover {
background-color: #09361e;
}
.downloads__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.downloads__intro {
display: flex;
}
}
.downloads__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.downloads__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.downloads__lead {
flex: 1;
padding-right: 4rem;
}
.downloads__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.downloads__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.downloads__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.downloads__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.downloads__pleat p a {
color: #fff;
text-decoration: none;
}
.downloads__content {
margin-top: 8rem;
padding-top: 0;
padding-bottom: 8rem;
}
.downloads-heading {
font-weight: 800;
background-color: #0a4426;
display: grid;
grid-template-columns: minmax(60%, 3fr) minmax(20%, 1fr) minmax(20%, 1fr);
}
@media (min-width: 992px) {
.downloads-heading {
display: flex;
}
}
.downloads-heading .downloads-heading__single {
color: #fff;
font-weight: 800;
opacity: 1;
font-size: 1.2rem;
padding: 0.8rem;
text-align: center;
display: flex;
align-items: center;
}
@media (min-width: 992px) {
.downloads-heading .downloads-heading__single {
padding: 3.5rem 4rem;
font-size: 1.7rem;
}
}
.downloads-heading__size,
.downloads-heading__date {
text-align: center;
flex: 1;
justify-content: center;
border-left: 1px solid #dadada;
}
.downloads-heading__main {
width: 100%;
}
@media (min-width: 992px) {
.downloads-heading__main {
width: 60%;
}
}
.download {
text-decoration: none;
display: grid;
grid-template-columns: minmax(60%, 3fr) minmax(20%, 1fr) minmax(20%, 1fr);
transition: all 1s;
}
@media (min-width: 992px) {
.download {
display: flex;
}
}
.download__field {
padding: 0.8rem;
}
.download:hover {
background-color: #363636;
}
.download:hover p {
opacity: 0.7;
color: #fff;
}
.download:hover .download__date,
.download:hover .download__size {
border-left: 1px solid dimgray;
transition: all 1s;
}
.download:nth-child(even) {
background-color: #fcfcfc;
}
.download:nth-child(even):hover {
background-color: #363636;
}
.download__main {
display: flex;
width: 100%;
}
@media (min-width: 992px) {
.download__main {
width: 60%;
}
}
.download__copy {
flex: 3;
padding: 2rem;
}
.download__name p {
font-weight: 800;
opacity: 1;
color: #2d2e2e;
font-size: 1.3rem;
}
@media (min-width: 992px) {
.download__name p {
font-size: 1.7rem;
}
}
.download__description {
max-width: 62rem;
}
.download__description p {
padding-bottom: 0;
opacity: 0.7;
margin-bottom: 0;
margin-top: -1rem;
}
.download__link {
flex: 1;
align-items: center;
justify-content: center;
display: none;
}
@media (min-width: 992px) {
.download__link {
display: flex;
}
}
.download__size {
border-left: 1px solid #eee;
flex: 1;
opacity: 0.7;
}
.download__date {
border-left: 1px solid #eee;
flex: 1;
opacity: 0.7;
}
.download__size,
.download__date {
align-items: center;
justify-content: center;
display: flex;
text-align: center;
}
.download__size p,
.download__date p {
margin: 0;
padding: 0;
font-size: 1.1rem;
}
@media (min-width: 992px) {
.download__size p,
.download__date p {
font-size: 1.7rem;
}
}
.contact-details {
padding-top: 4rem;
background-color: #fff;
}
.contact-details__locations {
flex-direction: column;
}
@media (min-width: 576px) {
.contact-details__locations {
flex-direction: row;
}
}
.contact-details__company-name {
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
}
@media (min-width: 768px) {
.contact-details__company-name {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.contact-details__company-name strong,
.contact-details__company-name em {
color: #0a4426;
}
@media (min-width: 992px) {
.contact-details__company-name {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.contact-details__locations,
.contact-details__person,
.contact-details__email {
display: flex;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.6rem;
line-height: 1.6;
font-weight: 400;
color: #000;
opacity: 0.74;
margin-bottom: 4rem;
}
.contact-details__locations p,
.contact-details__person p,
.contact-details__email p {
margin-bottom: 0;
font-weight: 400;
opacity: 1;
}
.contact-details__locations .icon,
.contact-details__person .icon,
.contact-details__email .icon {
margin-top: -1rem;
}
.contact-details__infobox {
border: 2px solid #0a4426;
padding: 4rem;
margin-right: 2rem;
margin-bottom: 5rem;
text-align: center;
border-radius: 0.5rem;
}
.contact-details__infobox > *:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.contact-details__infobox {
margin-bottom: 8rem;
}
}
.contact-details__infobox strong {
opacity: 1;
color: #000;
}
.contact-details__email p {
color: #000;
opacity: 0.95;
margin-top: 0.5rem;
font-size: 1.6rem;
font-weight: 800;
}
.contact-location {
margin-top: 4rem;
flex: 1;
display: flex;
}
.contact-location__name {
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.6rem;
line-height: 1.6;
font-weight: 400;
color: #000;
opacity: 0.74;
font-weight: 800;
opacity: 1;
}
.contact-person__name {
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.6rem;
line-height: 1.6;
font-weight: 400;
color: #000;
opacity: 0.74;
margin-top: -0.5rem;
font-weight: 700;
opacity: 1;
}
.contact-person__phone {
opacity: 1;
color: #000;
}
.contact-maps {
background-color: #fff;
padding-bottom: 8rem;
display: grid;
grid-gap: 24px;
}
.contact-maps__single {
height: 50rem;
}
@media (min-width: 992px) {
.contact-maps__single {
margin-bottom: 8rem;
margin-left: 4rem;
padding-right: 2rem;
}
}
.contact-maps__location-name {
color: #000;
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
font-weight: 800;
opacity: 1;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.contact-maps__location-name {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.contact-maps__location-name strong,
.contact-maps__location-name em {
color: #0a4426;
}
@media (min-width: 992px) {
.contact-maps__location-name {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.outer-wrapper {
display: flex;
}
.outer-wrapper .side-l {
display: none;
flex: 1;
}
@media (min-width: 992px) {
.outer-wrapper .side-l {
display: block;
}
}
.outer-wrapper .container {
margin: 0 auto;
width: 90vw;
max-width: 1080px;
display: flex;
}
.outer-wrapper .container .icon {
background-color: red;
margin-right: 2rem;
background-color: #f2f2f2;
display: flex;
height: 5rem;
align-items: center;
border-radius: 5rem;
}
.outer-wrapper .container .icon img {
width: 3rem;
height: 4rem;
padding: 0.5rem;
margin: 1rem;
}
.outer-wrapper .container-primary {
flex: 1;
padding-right: 5rem;
}
.outer-wrapper .container-secondary {
flex: 1;
background-color: #0a4426;
position: sticky;
top: 5rem;
padding: 4rem;
height: 100vh;
}
.outer-wrapper .container-secondary .icon {
margin-right: 2rem;
background-color: #f2f2f2;
display: flex;
height: 5rem;
align-items: center;
border-radius: 5rem;
}
.outer-wrapper .container-secondary .icon img {
width: 3rem;
height: 4rem;
padding: 0.5rem;
margin: 1rem;
}
.outer-wrapper .side-r {
flex: 1;
display: none;
background-color: #0a4426;
padding-left: 4rem;
}
@media (min-width: 992px) {
.outer-wrapper .side-r {
display: block;
}
}
.outer-wrapper .pleat {
width: 5%;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.outer-wrapper .pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.outer-wrapper .pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.outer-wrapper .pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.outer-wrapper .pleat p a {
color: #fff;
text-decoration: none;
}
.outer-wrapper.contact-page .container {
display: block;
}
.outer-wrapper.contact-page .contact-details {
padding-top: 8rem;
}
.outer-wrapper.contact-page .container-primary {
padding-right: 0;
}
.outer-wrapper.contact-page .container-secondary {
height: auto;
padding-top: 8rem;
}
@media (min-width: 992px) {
.outer-wrapper.contact-page .container {
display: flex;
}
.outer-wrapper.contact-page .container-primary {
padding-right: 5rem;
padding-left: 5rem;
}
.outer-wrapper.contact-page .container-secondary {
height: 100vh;
}
}
@media (min-height: 500px) and (max-height: 700px) {
.outer-wrapper.contact-page .container-secondary {
height: auto;
}
}
.contact-form input,
.contact-form textarea {
background: none;
font-size: 1.4rem;
border-radius: 0;
border: 0;
margin-bottom: 3rem;
color: #fff;
padding: 1rem;
}
.contact-form input:focus,
.contact-form textarea:focus {
color: #fff;
opacity: 1;
}
.contact-form *::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.contact-form *:-moz-placeholder {
color: #fff;
opacity: 1;
}
.contact-form *::-moz-placeholder {
color: #fff;
opacity: 1;
}
.contact-form *:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.contact-form *::-ms-input-placeholder {
color: #fff;
}
.contact-form *::placeholder {
color: #fff;
opacity: 1;
}
.contact-form input,
.contact-form textarea {
border-bottom: 0.2rem solid #fff;
opacity: 0.5;
margin-right: 1rem;
}
.contact-form input:focus,
.contact-form textarea:focus {
opacity: 1;
outline: none;
}
.contact-form input:hover,
.contact-form textarea:hover {
opacity: 1;
}
.contact-form textarea {
resize: none;
}
.contact-form__title {
font-size: 3rem;
line-height: 4.2rem;
margin-bottom: 4rem;
color: #2d2e2e;
text-align: left;
font-weight: 800;
width: 6em;
color: #fff;
}
@media (min-width: 768px) {
.contact-form__title {
font-size: 3.6rem;
line-height: 4.9rem;
}
}
.contact-form__title strong,
.contact-form__title em {
color: #0a4426;
}
@media (min-width: 992px) {
.contact-form__title {
margin-bottom: 4rem;
font-size: 3.6rem;
}
}
.contact-form__full-name,
.contact-form__reply-methods {
display: flex;
}
.contact-form__full-name div,
.contact-form__reply-methods div {
flex: 1;
}
.contact-form__full-name div input,
.contact-form__reply-methods div input {
width: 85%;
}
.contact-form__message {
padding-right: 4rem;
}
.contact-form__message textarea {
height: 10rem;
}
.contact-form__disclaimer-wrapper .contact-form__disclaimer-acceptance {
margin-bottom: 1rem;
}
.contact-form__disclaimer-wrapper .wpcf7-list-item {
margin: 0;
padding: 0;
}
.contact-form__disclaimer-wrapper .wpcf7-list-item > label {
display: flex;
color: #fff;
font-size: 1.2rem;
cursor: pointer;
}
.contact-form__disclaimer-wrapper .wpcf7-list-item > label input {
margin-top: 0.5rem;
}
.contact-form__disclaimer-wrapper .wpcf7-list-item > label a {
color: #fff;
}
.contact-form__disclaimer-message {
margin-right: auto;
padding-left: 2rem;
}
.contact-form__disclaimer-message p {
display: flex;
color: #fff;
opacity: 0.8;
}
.contact-form__submit {
padding-top: 2rem;
}
.contact-form__submit input {
border: 0;
margin: 0;
padding: 0 2rem;
font-size: 3.5rem;
font-weight: 900;
line-height: 4.9rem;
color: #000;
text-align: center;
font-size: 1.4rem;
background-color: #fff;
color: #000;
opacity: 1;
border-radius: 0.25rem;
}
.contact-form__submit input em {
color: #0a4426;
font-style: normal;
}
.contact-form__submit input:hover {
opacity: 0.75;
}
.page-main--blog .page-main__content {
width: 90%;
margin: 0 auto;
}
.page-main--blog .page-main__content p {
font-size: 1.6rem;
line-height: 1.75;
letter-spacing: normal;
color: #303030;
}
@media (min-width: 1280px) {
.page-main--blog .page-main__content {
max-width: 922px;
}
}
.blog-categories {
display: flex;
}
.blog-categories p {
max-width: 62em;
}
.blog-categories__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.blog-categories__content {
flex-direction: row;
padding: 6rem 0;
}
}
.blog-categories__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.blog-categories__content .button:hover {
background-color: #09361e;
}
.blog-categories__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.blog-categories__intro {
display: flex;
}
}
.blog-categories__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.blog-categories__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.blog-categories__lead {
flex: 1;
padding-right: 4rem;
}
.blog-categories__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.blog-categories__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.blog-categories__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.blog-categories__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.blog-categories__pleat p a {
color: #fff;
text-decoration: none;
}
.blog-categories h2 {
font-weight: 700;
color: #2d2e2e;
}
.blog-categories h2:after {
content: " ";
background-color: #0a4426;
display: block;
width: 1.5em;
height: 2px;
margin-top: 2rem;
}
.blog-categories__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.blog-categories__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.blog-categories__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.blog-categories__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.blog-categories__pleat p a {
color: #fff;
text-decoration: none;
}
.blog-categories__items {
padding-top: 2rem;
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin-top: -1.4rem;
}
.blog-categories__item a {
display: block;
font-weight: 700;
padding: 1rem 2.2rem;
text-decoration: none;
color: #000;
opacity: 0.8;
background-color: #f1f1f1;
margin-right: 1.4rem;
margin-top: 1.4rem;
border-radius: 0.4rem;
}
.blog-categories__item a:hover {
background-color: #dadada;
}
.blog-categories .current_page_item a,
.blog-categories .current-menu-item a {
color: #fff;
background-color: #0a4426;
opacity: 1;
}
.blog-listing {
display: flex;
}
.blog-listing p {
max-width: 62em;
}
.blog-listing__content {
padding: 3rem 0;
margin-left: auto;
width: 90%;
max-width: 1080px;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 992px) {
.blog-listing__content {
flex-direction: row;
padding: 6rem 0;
}
}
.blog-listing__content .button {
display: inline-block;
text-decoration: none;
font-family: "Roboto", "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 700;
border-radius: 3px;
padding: 0.75rem 3rem;
color: #fff;
background-color: #0a4426;
margin: 1rem 0;
}
.blog-listing__content .button:hover {
background-color: #09361e;
}
.blog-listing__heading {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.blog-listing__intro {
display: flex;
}
}
.blog-listing__deco {
position: relative;
left: -10rem;
margin-right: 2rem;
width: 32rem;
height: 47rem;
}
.blog-listing__copy {
flex: 1;
max-width: 53em;
padding-right: 4rem;
}
.blog-listing__lead {
flex: 1;
padding-right: 4rem;
}
.blog-listing__pleat {
background-color: red;
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.blog-listing__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.blog-listing__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.blog-listing__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.blog-listing__pleat p a {
color: #fff;
text-decoration: none;
}
.blog-listing__content {
padding: 0;
}
.blog-listing__pleat {
width: 5%;
writing-mode: vertical-rl;
background-color: #2d2e2e;
font-family: "Lora", serif;
display: none;
min-width: 60px;
}
.blog-listing__pleat a {
text-decoration: none;
}
@media (min-width: 992px) {
.blog-listing__pleat {
display: flex;
align-items: center;
justify-content: center;
}
}
.blog-listing__pleat p {
font-family: "Lora", serif;
font-size: 1.6rem;
color: #fff;
opacity: 0.75;
}
.blog-listing__pleat p a {
color: #fff;
text-decoration: none;
}
.blog-listing__pagination {
display: flex;
margin-bottom: 8rem;
}
.blog-listing__pagination-inner-wrapper {
display: flex;
margin: 0 auto;
}
.blog-listing__pagination-items {
list-style-type: none;
display: flex;
}
.blog-listing__pagination-button {
text-decoration: none;
display: block;
padding: 0.6rem 1.2rem;
margin: 0.4rem;
border-radius: 0.5rem;
border: 1px solid #d2d2d2;
font-weight: 600;
color: #000;
}
.blog-listing__pagination-button--prev,
.blog-listing__pagination-button--next {
font-size: 2rem;
font-weight: 400;
}
.blog-listing__pagination-button--current,
.blog-listing__pagination-button:hover {
color: #fff;
background-color: #0a4426;
border-color: #0a4426;
}
.post-author {
display: flex;
margin-top: 4rem;
padding-top: 4rem !important;
border-top: 1px solid #dadada;
}
.post-author__pic {
width: 15rem;
padding-right: 4rem;
}
.post-author__pic img {
border-radius: 50rem;
}
.post-author__desc {
flex: 1;
}
.post-author__desc-label {
width: 38px;
height: 18px;
font-family: "Lora", serif;
font-size: 1.4rem;
font-weight: bold;
font-stretch: normal;
font-style: normal;
color: #0a4426;
}
.post-author__desc-name {
font-family: "Lora", serif;
font-size: 2.2rem;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.55;
letter-spacing: normal;
text-align: left;
color: #000;
margin-bottom: 0;
padding-bottom: 0.6rem !important;
}
.post-author__desc-body {
opacity: 0.9;
font-family: "Roboto", "Lato", sans-serif;
font-size: 12px;
line-height: 1.67;
letter-spacing: 0.07px;
text-align: left;
color: #5d5d5d;
}
@media (min-width: 1280px) {
.post-author__desc-body {
width: 617px;
height: 52px;
}
}
.post__comments {
margin-top: 5rem;
}
.related-posts {
background-color: #f9f9f9;
}
.related-posts__title {
font-size: 3.5rem;
font-weight: 900;
line-height: 4.9rem;
color: #000;
text-align: center;
color: #2d2e2e;
padding: 4rem 0;
}
.related-posts__title em {
color: #0a4426;
font-style: normal;
}
.footer {
background-color: #2d2e2e;
background-image: url(//adwokat-czwakiel.pl/wp-content/themes/solictor/public/images/c993c12627d64d8cc4b00b6dccc105bb.jpg);
background-position: left bottom;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
padding-bottom: 10rem;
}
.footer__inner-wrapper {
display: flex;
flex-wrap: wrap;
width: 90%;
padding-top: 4rem;
}
.footer__branding {
flex: 2;
display: flex;
}
.footer__branding img {
max-width: 28rem;
height: auto;
padding-right: 4rem;
}
.footer__navigation {
flex: 100%;
margin: 3rem 0;
display: grid;
grid-template-columns: 1fr;
grid-gap: 24px;
}
@media (min-width: 768px) {
.footer__navigation {
grid-template-columns: 1fr 2fr 2fr;
}
}
@media (min-width: 992px) {
.footer__navigation {
display: flex;
flex: 5;
margin: 0 0 0 auto;
}
}
.footer__navigation-menu {
flex: 100%;
}
@media (min-width: 992px) {
.footer__navigation-menu--team {
flex: 1;
}
}
@media (min-width: 992px) {
.footer__navigation-menu--corporate {
flex: 2;
}
}
@media (min-width: 992px) {
.footer__navigation-menu--private {
flex: 2;
}
}
@media (min-width: 992px) {
.footer__navigation-menu {
margin-right: 10rem;
}
}
.footer__navigation-menu-title {
font-size: 1.2rem;
text-transform: uppercase;
font-family: "Roboto", "Lato", sans-serif;
color: #a8a8a8a;
font-weight: 500;
}
.footer__navigation-menu-items {
list-style-type: none;
}
.footer__navigation-menu-item a {
font-size: 1.4rem;
color: #fff;
text-decoration: none;
font-weight: 700;
line-height: 2;
}
.footer__navigation-menu-item a:visited {
color: #fff;
}
.footer__navigation-menu-item a:hover {
opacity: 0.75;
}
.footer__social {
flex: 100%;
}
@media (min-width: 992px) {
.footer__social {
flex: 1;
}
}
.footer__social-title {
font-size: 1.2rem;
text-transform: uppercase;
font-family: "Roboto", "Lato", sans-serif;
color: #a8a8a8a;
font-weight: 700;
}
.footer__social-items {
display: flex;
}
@media (min-width: 992px) {
.footer__social-items {
margin-right: 10rem;
}
}
.footer__social-item a {
color: #fff;
margin: 0.5rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #555;
border-radius: 2rem;
height: 3rem;
width: 3rem;
}
.footer__social-item a:hover {
background-color: #0a4426;
}
.footer__social-item img {
width: 1.3rem;
height: 1.3rem;
}
.copyrights {
background-color: #fefefe;
display: flex;
color: #2d2e2e;
padding: 30px 0;
}
@media (min-width: 992px) {
.copyrights {
padding: 0;
}
}
.copyrights__inner-wrapper {
width: 90%;
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.copyrights__inner-wrapper {
flex-direction: row;
}
}
.copyrights__owner {
font-size: 1.2rem;
}
.copyrights__maker {
display: flex;
}
@media (min-width: 992px) {
.copyrights__maker {
margin-left: auto;
}
}
.copyrights__maker-intro {
font-size: 1.2rem;
}
.copyrights__maker-logo {
margin-left: 2rem;
}
.error404 .page {
padding: 110px 0 50px;
width: 90%;
max-width: 1080px;
margin: 0 auto;
}
@media (min-width: 992px) {
.error404 .page {
padding: 200px 0 100px;
}
}
.grecaptcha-badge {
visibility: hidden;
opacity: 0;
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}