html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
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;
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;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} 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);
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%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}@font-face {
font-family: 'Din Display';
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayLight-Regular.eot);
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayLight-Regular.eot?#iefix) format('embedded-opentype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayLight-Regular.woff) format('woff'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayLight-Regular.ttf) format('truetype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayLight-Regular.svg#PFDinDisplayLight-Regular) format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Din Display';
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Regular.eot);
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Regular.eot?#iefix) format('embedded-opentype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Regular.woff) format('woff'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Regular.ttf) format('truetype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Regular.svg#PFDinDisplay-Regular) format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Din Display';
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Bold.eot);
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Bold.eot?#iefix) format('embedded-opentype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Bold.woff) format('woff'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Bold.ttf) format('truetype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplay-Bold.svg#PFDinDisplay-Bold) format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Din Display';
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayBlack-Regular.eot);
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayBlack-Regular.eot?#iefix) format('embedded-opentype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayBlack-Regular.woff) format('woff'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayBlack-Regular.ttf) format('truetype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinDisplayBlack-Regular.svg#PFDinDisplayBlack-Regular) format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Din Text';
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-XThin.eot);
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-XThin.eot?#iefix) format('embedded-opentype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-XThin.woff) format('woff'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-XThin.ttf) format('truetype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-XThin.svg#PFDinTextCondPro-XThin) format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Din Text';
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-Bold.eot);
src: url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-Bold.eot?#iefix) format('embedded-opentype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-Bold.woff) format('woff'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-Bold.ttf) format('truetype'),
url(//plampropoulos.com/wp-content/themes/plampropoulos/fonts/PFDinTextCondPro-Bold.svg#PFDinTextCondPro-Bold) format('svg');
font-weight: 600;
font-style: normal;
}   ::selection {
background: #e4a71a;
color: #000;
}
html, body  {
font-size: 62.5%;
line-height: 1.3;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body  {
font-family: "Din Display", sans-serif;
font-size: 2rem;
font-weight: 400;
color: #000;
overflow-x: hidden; }
a {
color: #e4a71a;
text-decoration: none;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
a:hover {
color: rgba(228, 167, 26, .7);
}
a:visited, a:focus{
color: #e4a71a;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
*:focus {
outline: none !important;
}
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
p {
color: #000;
}
.row-flex{
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.text-center{
display: flex;
align-items: center;
justify-content: center;
}
.post, .page {
margin: 0;
}
.btn {
border: 2px solid #686868;
padding: 10px 34px;
display: inline-block;
}
.btn.btn-black {
color: #000;
border-color: #7d5c0e;
}
.btn.more {
padding: 5px 55px;
}   .section-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-top: 5.208vw;
padding-right: 13.854vw;
padding-left: 12.500vw;
padding-bottom: 7.813vw;
}
.left-content {
min-width: 28.854vw;
}
.section-wrapper p {
margin: 0 0 30px;
}
.right-content p:last-of-type {
margin-bottom: 0;
}
.right-content h3 {
margin-top: 0;
font-size: 5.5rem;
font-weight: 600;
color: #000;
}
.section-wrapper .left-content > p {
font-size: 2.4rem;
} .image-row {
position: relative;
width: 100%;
height: 40vw;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.image-row-text {
position: absolute;
left: 10.275vw;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.image-row-text h2 {
display: inline-block;
padding: 1.823vw 2.083vw 1.500vw 2.083vw;
background-color: rgba(0, 0, 0, .8);
font-size: 3.125vw;
line-height: 3.802vw;
font-weight: 300;
color: #fff;
}
.image-row-text h2 .highlight {
color: #e4a71a
}
.image-row-text h2 .quote-author {
font-size: 2.2rem;
font-weight: 300;
line-height: 3rem;
}
.col-of-3 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.col-of-3 .single-col {
width: 33.3333%;
margin-bottom: 100px;
}
.single-col-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.single-col-image {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
}
.sticky {
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
margin-top: 0;
}
.site-header.sticky {
padding-top: 35px;
padding-bottom: 35px;
background-color: #202020;
}
.slider-white-color{
color: #ffffff!important;
}
.parallax {
height: 634px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.hook {
display: block;
position: relative;
visibility: hidden;
} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
@media {
.parallax {
background-attachment: unset;
}
}
} @media not all and (min-resolution:.001dpcm) {
@media {
.parallax {
background-attachment: unset;
}
}
}.credits-container {
display: none;
background-color: #181818;
padding: 35px 0;
}
.credits-wrapper{
display:block;
margin: 0 auto;
width: 100%;
max-width: 550px;
padding: 0 30px;
}
.credits-wrapper .row-flex:first-child{
padding-bottom: 20px;
}
span.terms {
color: #cfcfcf;
letter-spacing: 0.22rem;
}
span.terms a{
font-size: 1.6rem;
line-height: 2.7rem;
font-weight: 400;
color: #cfcfcf;
}
span.copyright,
span.copyright a{
font-size: 1.6rem;
line-height: 2.7rem;
font-weight: 400;
color: #cfcfcf;
letter-spacing: 0.22rem;
}
.footer-container {
background-color: #202020;
padding: 125px 0 190px 0;
}
.footer-wrapper {
display: block;
width: 100%;
max-width: 1475px;
margin: 0 auto;
padding: 0 40px;
}
.footer-inner-wrapper {
width: 100%;
max-width: 1435px;
}
.footer-wrapper .row-flex{
flex-direction:row;
justify-content: space-between;
}
span.footer-logo, span.footer-logo svg {
display: inline-block;
width: 354px;
height: 42px;
}
span.footer-logo svg .st0{fill:#E4A612;}
span.footer-logo svg .st1{fill:#FFFFFF;}
.footer-wrapper .shops {
width: 100%;
max-width: 845px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer-wrapper .shops ul:nth-child(1){
width: 100%;
max-width: 160px;
}
.footer-wrapper .shops ul:nth-child(2){
width: 100%;
max-width: 180px;
}
.footer-wrapper .shops ul:nth-child(3){
width: 100%;
max-width: 180px;
}
.footer-wrapper .shops ul>li {
font-size: 1.8rem;
line-height: 3rem;
margin-bottom: 0;
color: #cfcfcf;
}
.footer-wrapper .shops ul>li.highlight{
color: #e4a71a;
}
.footer-wrapper .shops ul>li.credits {
margin-top: 30px;
}
.footer-wrapper .shops ul>li a  {
color: #cfcfcf;
}
.footer-wrapper .shops ul>li a:hover  {
color: #e4a71a;
} .archive-header .wrapper {
max-width: 73.490vw;
width: 100%;
padding: 0 0.781vw;
margin: 0 auto;
}
.archive-header .row-flex{
justify-content: space-between;
align-items: center;
height: 35.677vw
}
.archive-header .archive-image img {
display: block;
}
.archive-header h1.page-title {
margin: 0;
font-size: 3.125vw;
line-height: 1;
font-weight: 400;
padding-bottom: 25px;
}
.archive-header .archive-title {
max-width: 435px;
width: 100%;
margin-top: -100px;
}
.archive-description p {
font-size: 1.354vw;
color: #000;
margin: 0;
}
.category-posts .wrapper{
max-width: 78.89vw;
width: 100%;
padding: 3.385vw 0.781vw 18.975vw;
margin: 0 auto;
}
.category-posts .row-flex{
justify-content: space-between;
}
.category-posts .left-pre-title {
font-size: 2.4rem;
font-weight: 400;
}
.category-posts .category-recent-posts {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.category-recent-posts h3.recent-news {
margin: 0;
padding-left: 60px;
padding-bottom: 15px;
font-size: 5.5rem;
line-height: 5.3rem;
}
.category-recent-posts article {
flex-basis: 33.3333%;
margin-bottom: 5.3vw;
padding: 0 2.865vw;
}
.category-recent-posts article h2.entry-title a {
font-size: 3rem;
color: #000;
}
.category-recent-posts article .entry-content p{
font-size: 2.4rem;
line-height: 3rem;
font-weight: 300;
letter-spacing: initial;
margin: 0;
}
.category-recent-posts article  a.post-thumbnail img {
max-width: 20.833vw;
max-height: 13.802vw;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.category-recent-posts article .entry-meta {
display: none;
}
.category-recent-posts article span.edit-link {
display: none;
}
.category-recent-posts article span.comments-link {
display: none;
}
.category-recent-posts article footer.entry-footer a {
font-size: 2rem;
line-height: 3rem;
font-weight: 300;
color: #000000;
}
.category-recent-posts article footer.entry-footer a:hover {
color: #e4a71a;
}
.category-recent-posts article .entry-content {
margin: 40px 0 30px 0;
} .post-header-image {
width: 100%;
height: 35.677vw;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.single-post .container{
display: block;
width: 100%;
max-width: 1435px;
margin: 0 auto;
}
.single-post .wrapper{
display: block;
width: 100%;
max-width: 975px;
padding: 0 25px;
}
.single-post h1.entry-title {
font-size: 5.5rem;
line-height: initial;
color: #000000;
font-weight: 600;
max-width: 520px;
margin: 0;
padding: 4.167vw 0 2.604vw 0;
}
.single-post .entry-content {
padding-top: 2.083vw;
padding-bottom: 8.333vw;
margin: 0;
}
.single-post .entry-content p {
font-size: 2rem;
line-height: 2.5rem;
font-weight: 300;
color: #000000;
padding-right: 60px;
}
.single-post .nav-previous,
.single-post footer.entry-footer {
display: none;
}
.single-post span.post-date {
font-size: 2rem;
line-height: 3.1rem;
font-weight: 300;
color: #000000;
margin: 0;
} .main-navigation ul.sub-menu>li {
line-height: 1.2;
margin-bottom: 10px;
}
.main-navigation ul ul.sub-menu {
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
background-color: #000;
padding: 25px 30px 15px 30px;
display: inline-block;
left: -30px !important;
visibility: hidden;
opacity: 0;
margin-top: 0;
z-index: 9;
}
.main-navigation ul.sub-menu>li:not(:first-child) {
margin-top: 10px;
}
.site-header.sticky .main-navigation ul ul.sub-menu{
background-color: #202020;
}
.main-navigation  ul>li:hover ul.sub-menu {
visibility: visible;
opacity: 1;
}
.main-navigation  ul>li:hover ul.sub-menu li a:after {
content: none;
}
.single.single-post .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item {
margin: 0 55px 55px 0;
width: 50%;
max-width: 43%;
}
.single.single-post .wp-block-gallery {
padding-top: 35px;
}
.single.single-post .wp-block-gallery + .single-post .entry-content p {
margin-top: 0;
}
.navigation.post-navigation {
display: none;
}
.animate {
position: relative;
top: 100px;
opacity: 0;
-webkit-transition: opacity 0.6s ease, top 0.3s ease;
-moz-transition: opacity 0.6s ease, top 0.3s ease;
-o-transition: opacity 0.6s ease, top 0.3s ease;
transition: opacity 0.6s ease, top 0.3s ease;
}
.animate.active {
top: 0;
opacity: 1;
} .loader-plampropoulos{
width: 100%;
height: 100vh;
background-color: #000000;
z-index: 99999;
position: fixed;
top: 0;
left: 0;
}
span.svg-loader{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
span.svg-loader,
span.svg-loader svg{
display: inline-block;
width: 100%;
max-width: 400px;
height: auto;
}
span.svg-loader svg .st0{fill:#E4A612;}
span.svg-loader:after {
content: "";
width: 400px;
height: 330px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
background-color: black;
}
.svg-loader.active:after {
height: 0;
transition:height 2s ease;
}.site-header {
padding: 70px 12vw 60px;
background-color: #000;
}
body:not(.home) .site-header {
padding-top: 65px;
padding-bottom: 65px;
}
.header-wrapper {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 22px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
} .main-navigation {
width: auto;
}
.menu li {
font-family: "Din Display", sans-serif;
font-weight: 600;   }
.menu > li:not(:last-of-type) {
margin-right: 42px;
}
.menu li a {
color: #cfcfcf;
position: relative;
font-weight: 400;
}
.menu li a:hover {
color: #e4a71a;
}
.menu li a.active {
color: #e4a71a;
}
.menu li a:after {
content: "";
width: 0;
height: 3px;
display: inline-block;
background-color: #e4a71a;
position: absolute;
left: 0;
bottom: -20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
z-index: 999;
}
.menu li a.active:after {
opacity: 1;
visibility: visible;
width: 22px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.menu li a:hover:after {
width: 100%;
opacity: 1;
visibility: visible;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
} .logo-icon,
.logo-icon svg {
display: inline-block;
width: 283px;
height: 25px;
}
.logo-icon svg .st0{fill:#E4A612;}   .home-slider {
padding: 0 12.500vw;
}
.home-slick-slider {
position: relative;
min-height: 34.896vw;
}
.slick-slide .slide-item {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
justify-content: space-between;
align-items: center;
min-height: 34.896vw;
}
.slider-text {
min-width: 29.167vw;
}
.slider-text p.slide-title {
font-size: 3.125vw;
font-weight: 400;
line-height: 1;
color: #000;
margin: 0;
}
.slider-text p {
font-size: 1.354vw;
color: #010101;
}
ul.slick-dots {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 5.208vw;
}
ul.slick-dots li {
display: inline-block;
width: 15px;
height: 15px;
}
ul.slick-dots li:not(:last-of-type) {
margin-right: 5px;
}
ul.slick-dots li button {
cursor: pointer;
background-color: transparent;
border: 2px solid #e4a71a;
border-radius: 20px;
font-size: 0;
width: 100%;
height: 100%;
}
ul.slick-dots li.slick-active button {
background-color: #e4a71a;
}
.home-slider a.btn {
display: none;
}   #company {
background-color: #e4a71a;
}
#company .right-content .more {
margin-top: 3.125vw;
display: none;
}
#company .right-content .lampropoulos-logo {
margin-bottom: 2.865vw;
}
#company .right-content p{
color: #664629;
}   #products .section-wrapper {
padding-top: 7.708vw;
padding-bottom: 0;
}
#products .right-content {
margin-top: -30px;
padding-bottom: 20px;
}
#products .single-col-image {
min-height: 210px;
margin-bottom: 40px;
}
#products .single-col-wrapper h4 {
margin-bottom: 40px;
}
#products .item-description p {
font-weight: 300;
color: #6f6f6e;
}
#products .col-of-3 .single-col:nth-child(3n + 1) {
padding-right: 1.563vw;
}
#products .col-of-3 .single-col:nth-child(3n + 2) {
padding: 0 1.563vw;
}
#products .col-of-3 .single-col:nth-child(3n) {
padding-left: 1.563vw;
}   .product-categories {
background-color: #000;
}
.product-categories .section-wrapper {
padding-top: 7.608vw;
padding-bottom: 2.7vw;
}
.product-categories .right-content {
margin-top: -30px;
padding-bottom: 20px;
}
.product-categories .single-col-wrapper {
flex-direction: row;
margin-bottom: 60px;
}
.product-categories .left-content p {
color: #e4a71a;
}
.product-categories .right-content h3,
.product-categories .right-content h4 {
color: #fff;
}
.product-categories .right-content p {
color: #868686;
}
.product-categories .single-col-wrapper .single-col-left {
min-width: 160px;
margin-right: 65px;
}
.product-categories h4 {
margin-top: 15px;
margin-bottom: 20px;
}   #services {
background-color: #e4a71a;
}
#services .section-wrapper {
padding-top: 8.908vw;
padding-bottom: 3.3vw;
}
#services .right-content {
margin-top: -30px;
padding-bottom: 20px;
}
#services .right-content h3 {
margin-top: 0.521vw;
}
#services .item-description p {
color: #664629;
}
#services .col-of-3 .single-col:nth-child(3n + 1) {
padding-right: 1.563vw;
}
#services .col-of-3 .single-col:nth-child(3n + 2) {
padding: 0 1.563vw;
}
#services .col-of-3 .single-col:nth-child(3n) {
padding-left: 1.563vw;
}
#services .col-of-3 .single-col {
margin-bottom: 10px;
}   .about-section .section-wrapper {
padding-top: 4.908vw;
}
.about-section .left-content {
padding-top: 230px;
}
.about-section .right-content h4 {
font-size: 5.5rem;
margin-top: 55px;
margin-bottom: 60px;
}
.about-section .btn.btn-black {
display: none;
border-color: #999999;
margin-top: 25px;
}
.about-section .right-content p {
color: #6f6f6e;
font-size: 2.4rem;
line-height: 3rem;
font-weight: 300;
}   #news {
background-color: #000;
color: #fff;
}
#news .section-wrapper {
padding-top: 7.508vw;
padding-bottom: 3.688vw;
}
#news .section-wrapper .left-content p {
color: #e4a71a;
}
#news .section-wrapper .right-content h4 {
margin-top: 0;
margin-bottom: 80px;
font-size: 5.49rem;
line-height: 1;
font-weight: 600;
}
#news .right-content {
margin-top: -20px;
padding-bottom: 20px;
}
#news .news-posts-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#news .news-post-item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
#news .news-post-item:nth-child(1) {
padding-right: 6.771vw
}
#news .news-post-item .post-image {
max-width: 356px;
width: 100%;
height: 18.073vw;
margin-bottom: 70px;
}
#news .news-post-item .post-image img {
max-width: 356px;
max-height: 18.073vw;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.news-posts-wrapper h3 {
font-size: 2.4rem;
line-height: 1.2;
color: #e4a71a;
}
#news .news-post-item p {
color: #868686;
max-width: 356px;
width: 100%;
font-size: 2rem;
line-height: 3rem;
}
#news .news-post-item .more-link {
margin-top: 25px;
}
#news .news-post-item .more-link .btn.btn-white.more {
color: #fff;
}
#news .news-post-item .more-link .btn.btn-white.more:hover {
color: #e4a71a;;
}
#news .more-link {
padding-top: 80px;
}
#news .more-link a {
font-size: 2.4rem;
line-height: 3rem;
}
#news .more-news{
font-size: 2rem;
line-height: 3rem;
color: #ffffff;
}   .brands-section .section-wrapper {
padding-right: 12.454vw;
padding-bottom: 3vw;
}
.brands-section .section-wrapper .left-content {
min-width: 28.854vw;
margin-top: 25px;
padding-right: 8.333vw;
}
.brands-section .section-wrapper .left-content > p {
font-size: 2.4rem;
text-align: right;
}
.brands-section .section-wrapper .left-content.tires_wires{
text-align: right;
}
.brands-section .section-wrapper:first-child {
padding-top: 5.729vw;
padding-bottom: 0;
}
.brands-section .section-wrapper:nth-child(2){
padding-top: 4.427vw;
padding-bottom: 0;
}
.brands-section .section-wrapper:last-child {
padding-bottom: 3vw;
}
.brands-section .section-wrapper .right-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.brands-section .brand-logo {
flex-basis: 33.33333%;
margin-bottom: 57px;
}
.brands-section .brand-logo img {
width: 100%;
max-width: 180px;
}
.brands-section .brand-logo:nth-child(3n + 1)  {
text-align: left;
}
.brands-section .brand-logo:nth-child(3n + 2)  {
text-align: center;
}
.brands-section .brand-logo:nth-child(3n + 3)  {
text-align: right;
}
.brands-section .brand-logo img {
opacity: 0.5;
}
.brands-section .brand-logo:hover img{
opacity: 1;
}
.brands-section .right-content h4 {
font-size: 5.5rem;
line-height: 6.5rem;
margin: 0;
font-weight: 600;
}   #contact .section-wrapper {
padding-top: 6.3vw;
padding-left: 6.2vw;
padding-bottom: 8.5vw;
padding-right: 6.754vw;
justify-content: space-between;
}
#contact .section-wrapper .left-content {
min-width: 28.854vw;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#contact .section-wrapper .left-content p {
padding-left: 7.3vw;
}
#contact .section-wrapper .left-content .stores-map {
padding-right: 3.5vw;
}
#contact .section-wrapper .right-content {
max-width: 980px;
margin-top: -30px;
}
#contact .store-col-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 6.510vw;
justify-content: space-between;
}
#contact .store-col-wrapper:last-child {
margin-bottom: 0;
}
#contact .store-col.left {
flex: 20 1 22%;
padding-right: 4.167vw;
}
#contact .store-col.right {
flex: 1 1 53%;
}
#contact .store-description {
max-width: 330px;
width: 100%;
}
#contact .store-col-wrapper p {
font-size: 1.8rem;
}
#contact .store-col-wrapper p:nth-child(2) {
color: #9c9b9b;
}
#contact .store-col-wrapper a {
color: #000;
}
#contact .store-image {
text-align: center;
}
.espa-container {
position: fixed;
bottom: 5px;
left: 5px;
z-index: 10;
}
.espa-container .espa-image {
width: 365px;
height: auto;
z-index: 999;
}.mobile-only {
display: none;
}
.credits-wrapper .dash {
display: inline-block;
}
@media (max-width: 1580px) {
.brands-section .right-content h4 {
padding-left: 0;
}
}
@media (max-width: 1440px) {
.site-header,
.section-wrapper {
padding-right: 10.854vw;
padding-left: 10.854vw;
}
.slider-text p {
font-size: 1.454vw;
}
.about-section .left-content {
padding-top: 210px;
}
.brands-section .section-wrapper .left-content:first-child {
max-width: 220px;
}
}
@media (max-width: 1366px) {
.site-header,
.section-wrapper {
padding-right: 8.854vw;
padding-left: 8.854vw;
}
.home-slider {
padding-left: 10.5vw;
}
.slider-text p {
font-size: 1.554vw;
}
}
@media (max-width: 1280px) {
.section-wrapper .left-content > p,
.category-posts .left-pre-title {
font-size: 1.8rem;
}
.site-header,
.section-wrapper {
padding-right: 6.854vw;
padding-left: 6.854vw;
}
.home-slider {
padding-left: 8.5vw;
}
.slider-text p {
font-size: 1.8rem;
}
.right-content h3,
.about-section .right-content h4,
#news .section-wrapper .right-content h4 {
font-size: 4rem;
}
#services .right-content h3 {
margin-top: 1.121vw;
}
#products .right-content,
.product-categories .right-content,
#contact .section-wrapper .right-content {
margin-top: -20px;
}
#news .right-content {
margin-top: -10px;
}
.about-section .left-content {
padding-top: 200px;
}
#news .news-post-item:nth-child(1) {
padding-right: 0;
}
#news .news-post-item {
padding-left: 30px;
flex-basis: 50%;
} .category-recent-posts h3.recent-news {
padding-left: 30px;
font-size: 2.5rem;
}
.category-recent-posts article {
flex-basis: 50%;
}
.archive-description p {
font-size: 1.8rem;
max-width: 320px;
width: 100%;
}
.category-recent-posts article .entry-content p {
font-size: 2rem;
}
.category-posts .left-pre-title {
padding-top: 10px;
}
.category-recent-posts article a.post-thumbnail img {
max-width: unset;
max-height: 23.802vw;
}
}
@media (max-width: 1150px) {
.home-slider {
padding-left: 5.5vw;
}
.about-section .left-content {
padding-top: 185px;
}
.brands-section .brand-logo img {
width: 100%;
max-width: 150px;
}
.brands-section .section-wrapper:first-child {
padding-top: 7vw;
}
.footer-brand {
padding-right: 60px;
}
body {
font-size: 1.8rem;
}
body:not(.home) .site-header {
padding-top: 30px;
padding-bottom: 30px;
}
.site-header {
padding-top: 40px;
padding-bottom: 30px;
}
.site-header, .section-wrapper {
padding-right: 0;
padding-left: 0;
}
.site-header.sticky {
padding: 30px 0 20px 0;
}
.logo-icon,
.logo-icon svg {
width: 253px;
height: 25px;
}
.home-slider {
padding-left: 22px;
}
.left-content {
padding: 0 22px;
}
.right-content {
padding-right: 22px;
}
.btn {
font-size: 1.6rem;
}
.brands-section .section-wrapper {
padding-right: 22px;
}
#contact .store-col-wrapper {
flex-direction: column-reverse;
}
#contact .store-col-wrapper {
margin-bottom: 70px;
}
#contact .store-image {
margin-bottom: 30px;
}
#contact .store-description {
max-width: 550px;
} .footer-container {
padding: 75px 0 60px 0;
} .archive-header .wrapper {
padding-left: 22px;
}
.category-recent-posts article .entry-content p,
.category-recent-posts article footer.entry-footer a {
font-size: 1.8rem;
}
.archive-header .wrapper,
.category-posts .wrapper {
max-width: unset;
} .single-post .container {
padding: 50px 0;
}
.single-post .wrapper {
display: block;
width: 100%;
max-width: unset;
padding: 0 22px;
}
.single-post h1.entry-title {
font-size: 4rem;
padding: 50px 0 20px 0;
}
.single-post span.post-date {
font-size: 2rem;
line-height: 1;
}
.single-post .entry-content p {
font-size: 2rem;
line-height: 1.5;
}
.single-post .entry-content {
padding-top: 40px;
}
#services .right-content h3 {
margin-top: 1.721vw;
}
}
@media (max-width: 991px) { .header-wrapper {
position: relative;
}
.main-navigation {
visibility: hidden;
opacity: 0;
width: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 9999;
background: #000;
}
.main-navigation.active {
opacity: 1;
visibility: visible;
top: 53px;
}
.site-header.sticky .main-navigation.active {
top: 52px;
background-color: #202020;
}
.main-navigation.active ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.main-navigation ul li {
margin-bottom: 20px;
margin-right: 22px;
}
.menu li:not(:last-of-type) {
margin-right: 22px;
}
ul#menu-main_menu>li>a {
margin-right: 0;
}
.nav-menu {
max-width: 35px;
width: 100%;
}
.burger-menu {
display: inline-block;
width: 100%;
}
.burger-menu span {
display: inline-block;
width: 100%;
height: 3px;
background-color: #e4a71a;
float: left;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.burger-menu span:nth-child(1) {
margin-bottom: 10px;
}
.burger-menu.active span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.burger-menu.active span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -3px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.menu li a:after {
bottom: -5px;
}
.main-navigation  ul>li:hover ul.sub-menu {
opacity: 0;
visibility: hidden;
}
.main-navigation  ul>li:hover ul.sub-menu.active {
opacity: 1;
visibility: visible;
}
.products_sub_menu {
padding-bottom: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
flex-direction: column;
}
.products_sub_menu>a {
display: inline-block;
}
.main-navigation a {
text-align: right;
}
.main-navigation ul ul.sub-menu {
padding: 0;
left: 0 !important;
} .main-navigation ul>li ul.sub-menu.active {
visibility: visible;
opacity: 1;
position:relative;
margin-top: 15px;
}
.main-navigation ul.sub-menu>li>a {
width: auto;
display: inline-block;
}
.main-navigation .sub-menu li {
margin-right: 0;
text-align: right;
}
.main-navigation .sub-menu li:last-child {
margin-bottom: 0;
} .footer-container {
padding: 50px 22px;
}
.footer-wrapper .row-flex,
.footer-wrapper .shops {
flex-direction: column;
}
.footer-wrapper {
padding: 0;
}
.footer-brand {
padding-right: 0;
}
.footer-wrapper .shops {
flex-direction: column;
margin-top: 20px;
}
.footer-wrapper .shops ul:nth-child(n) {
width: 100%;
max-width: unset;
margin-bottom: 20px;
}
.footer-wrapper .shops ul:last-child {
margin-bottom: 0;
}
.footer-wrapper .shops ul>li, .footer-wrapper .shops ul>li a {
font-size: 1.6rem;
line-height: 1;
}
span.footer-logo,
span.footer-logo svg {
width: 300px;
height: auto;
}
.credits-container {
padding: 20px 0;
}
.credits-wrapper {
padding: 0 22px;
}
span.terms a,
span.copyright,
span.copyright a {
font-size: 1.4rem;
line-height: 1.2;
}
span.copyright a{
line-height: 2;
}
.product-categories .single-col-wrapper .single-col-left {
min-width: 130px;
margin-right: 45px;
}
.right-content h3,
.about-section .right-content h4,
#news .section-wrapper .right-content h4 {
font-size: 2.5rem;
}
#products .right-content,
.product-categories .right-content,
#contact .section-wrapper .right-content {
margin-top: -10px;
}
#news .right-content {
margin-top: -5px;
}
#news .news-post-item p{
font-size: 1.8rem;
line-height: initial;
}
.about-section .left-content {
padding-top: 165px;
}
.about-section .right-content p{
font-size: 1.8rem;
line-height: initial;
}
.brands-section .right-content h4 {
padding-left: 0;
font-size: 2.5rem;
line-height: 7.5rem;
}
.single.single-post .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item {
margin: 0 auto 25px;
width: 100%;
max-width: unset;
}
.brands-section .section-wrapper .left-content:first-child {
max-width: 230px;
}
}
@media (max-width: 767px) { body {
font-size: 1.6rem;
}
.btn {
font-size: 1.5rem;
padding: 5px 15px;
}
.btn.more {
padding: 5px 30px;
}
.section-wrapper p {
margin: 0 0 20px;
}
.image-row-text h2 {
font-size: 2.2rem;
line-height: 1.2;
}
.section-wrapper {
flex-direction: column;
padding-top: 50px;
padding-bottom: 50px;
}
.right-content {
padding: 0 22px;
}
.col-of-3 .single-col {
width: 50%;
margin-bottom: 50px;
}
.image-row-text {
left: 22px;
}
.image-row-text h2 .quote-author {
font-size: 1.8rem;
}
.mobile-only {
display: block;
}
.credits-wrapper .dash {
display: none;
} .logo-icon, .logo-icon svg {
display: inline-block;
width: 170px;
height: auto;
} .site-header .main-navigation.active {
top: 51px;
}
.site-header.sticky .main-navigation.active {
top: 41px;
} .home-slider {
padding-bottom: 22px;
}
.slider-text {
margin: 0;
min-width: unset;
min-height: unset;
flex-basis: 50%;
align-self: flex-start;
padding-top: 15px;
}
.slider-text .btn {
margin-bottom: 20px;
}
.slider-image {
flex-basis: 50%;
}
ul.slick-dots {
bottom: -10px;
}
.slider-text p.slide-title {
font-size: 1.8rem;
}
.slider-text p {
font-size: 1.4rem;
} #products .right-content,
.product-categories .right-content,
#contact .section-wrapper .right-content {
margin-top: 0;
} #company .right-content .lampropoulos-logo {
max-width: 100px;
margin-bottom: 0;
} #products .section-wrapper {
padding-top: 50px;
}
#products .right-content {
margin-bottom: 0;
}
#company .right-content .more {
margin-top: 0;
}
#products .single-col-wrapper h4 {
margin-bottom: 20px;
}
#products .single-col-image {
margin-bottom: 20px;
}
#products .col-of-3 .single-col:nth-child(odd) {
padding-right: 7.5px;
padding-left: 0;
}
#products .col-of-3 .single-col:nth-child(even) {
padding-left: 7.5px;
padding-right: 0;
} .product-categories .section-wrapper {
padding-top: 50px;
padding-bottom: 0;
}
.product-categories .right-content {
padding-bottom: 0;
}
.product-categories .single-col-wrapper {
margin-bottom: 50px;
}
.product-categories .single-col-wrapper {
flex-direction: column;
}
.product-categories .single-col-wrapper .single-col-left {
margin-top: 0;
}
.product-categories h4 {
margin-bottom: 10px;
} #services .section-wrapper {
padding-top: 50px;
padding-bottom: 0;
}
#services .right-content {
margin-top: 0;
padding-bottom: 40px;
}
#services .col-of-3 .single-col:nth-child(odd) {
padding-right: 7.5px;
padding-left: 0;
}
#services .col-of-3 .single-col:nth-child(even) {
padding-left: 7.5px;
padding-right: 0;
} .about-section .section-wrapper {
padding-top: 50px;
}
.about-section .left-content {
padding-top: 0;
}
.about-section .right-content h4 {
margin-top: 20px;
margin-bottom: 20px;
}
.about-section .btn.btn-black {
margin-top: 0;
} #news .section-wrapper {
padding: 50px 0 30px;
}
#news .section-wrapper .right-content h4 {
margin-bottom: 20px;
}
.brands-section .section-wrapper .left-content {
text-align: left;
}
#news .news-post-item:nth-child(1) {
padding-right: 15px;
padding-left: unset;
}
#news .news-post-item:nth-child(2) {
padding-left: 15px;
}
#news .more-link a {
font-size: 2rem;
line-height: initial;
} .brands-section .section-wrapper:first-child {
padding: 50px 0 10px 0;
}
.brands-section .section-wrapper:last-child {
padding: 0 0 30px 0;
}
.brands-section .section-wrapper .left-content {
margin-top: 0;
text-align: left;
padding: 0 22px;
}
.brands-section .brand-logo {
flex-basis: 50%;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.brands-section .brand-logo img {
width: 100%;
max-width: 120px;
}
.brands-section .left-content p {
margin-bottom: 0;
}
.brands-section .right-content h4 {
line-height: 3rem;
}
.brands-section .section-wrapper .left-content:first-child {
max-width: 400px;
}
.left-content.tires_wires p {
text-align: left;
padding-bottom: 30px;
} #contact .section-wrapper {
padding: 50px 0;
}
#contact .section-wrapper .left-content p {
padding-left: 0;
}
#contact .section-wrapper .right-content {
margin-top: 30px;
}
#contact .store-col.left {
padding-left: 0;
} .archive-header .archive-title {
margin-top: 0;
}
.category-posts .container .wrapper {
padding: 0 2.781vw;
}
.archive-description p {
font-size: 1.4rem;
}
.category-posts .container {
padding: 50px 0 20px;
}
.category-posts .row-flex {
flex-direction: column;
}
.category-posts .category-recent-posts {
flex-direction: column;
}
.category-recent-posts h3.recent-news {
padding-left: 0;
}
.category-recent-posts article {
flex-basis: 50%;
padding: 0;
}
.category-recent-posts article .entry-content {
margin: 20px 0 40px 0;
}
.category-recent-posts article:nth-of-type(n) {
padding-right: 0;
padding-left: 0;
padding-bottom: 50px;
}
.category-recent-posts article a.post-thumbnail img {
max-width: unset;
max-height: 48.073vw;
}
.category-recent-posts article .entry-content p,
.category-recent-posts article footer.entry-footer a {
font-size: 1.6rem;
line-height: 1.5;
} .single-post h1.entry-title {
font-size: 3rem;
padding: 30px 0 20px 0;
}
.single-post .entry-content {
padding-top: 20px;
}
.single-post .entry-content p {
font-size: 1.8rem;
}
.single-post .entry-content p {
padding-right: 0;
}
}
@media (max-width:480px) {
.image-row-text h2 {
font-size: 1.8rem;
}
.single-col-image {
max-width: 150px;
}
}