/home/sitetest/makie/homedir/public_html/wp-content/themes/formlab
Edit: /home/sitetest/makie/homedir/public_html/wp-content/themes/formlab/responsive.css (4823B)
body #swipebox-overlay {
z-index: 9999999 !important;
}
.content.projects .block a span.featured-image-2 {
height: 325px;
}
@media screen and (max-width:1710px) {
.content {
margin: auto!important;
}
.data .content .block {
width: 100%;
}
.data .content .block::before, .data .content .block::after {
width: 48%;
}
.section-right footer .content {
margin: 20px auto 0 auto !important;
}
}
@media screen and (max-width:1690px) {
.content.project .gallery .gallery-item:nth-child(3), .content.project .gallery .gallery-item:nth-child(5), .content.project .gallery .gallery-item:nth-child(9), .content.project .gallery .gallery-item:nth-child(11), .content.project .gallery .gallery-item:nth-child(15), .content.project .gallery .gallery-item:nth-child(17), .content.project .gallery .gallery-item:nth-child(19) {
width: 100% !important;
margin: 0 0 20px 0 !important;
height: auto !important;
border-radius: 8px !important;
}
.content.project .gallery .gallery-item:nth-child(5) img, .content.project .gallery .gallery-item:nth-child(11) img {
width: 100% !important;
height: auto !important;
}
.content.project .gallery img {
border-radius: 8px !important;
}
}
@media screen and (max-width:1510px) {
.content.projects .block a span.featured-image-2 {
display: none;
}
}
@media screen and (max-width:1280px) {
#loader {
display: none !important;
}
header .logo {
float: none;
margin: 0 auto 0 auto;
width: 210px;
height: 53px;
}
header .social {
float: none;
margin: 0 auto;
}
header .social ul {
text-align: center;
}
header .social ul li {
display: inline-block;
float: none;
margin: 0 10px;
}
.data .content .block {
height: 610px;
}
.content.projects .section-right .tags {
display: none;
}
.content.projects .section-left {
float: none;
width: inherit;
}
.content.projects .section-right {
width: inherit;
float: none;
}
.content.projects .block a span {
height: 450px;
}
.content.projects .block a span.featured-image-1 .overlay, .content.projects .block a span.featured-image-1 .overlay .data {
opacity: 1 !important;
}
.content.projects .block a span.featured-image-1 .overlay {
background: rgb(0,0,0);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 88%, rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 88%, rgba(0,0,0,0.8) 100%);
background: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 88%, rgba(0,0,0,0.8) 100%);
}
.content.projects .block a span.featured-image-1 .overlay .data {
width: 240px;
top: 20px;
left: 20px;
right: auto;
}
.content.projects .block a span.featured-image-1 .overlay .data blockquote {
display: none;
}
.content.projects .block a span.featured-image-1 .overlay .data h3 {
margin: 0;
}
footer ul li {
display: block;
margin: 0 0 20px 0;
}
footer ul li:last-child {
margin: 0;
}
.content.project .section-left {
float: none;
width: auto;
}
.content.project blockquote {
display: none;
}
.content.project .section-right {
float: none;
width: auto;
}
.contact .blocks .block.map {
display: none;
}
.contact .blocks {
display: block;
}
.contact .blocks .block {
width: inherit;
}
.contact .blocks .block.form {
width: 100%;
padding: 0;
border: none;
}
}
@media screen and (max-width:1000px) {
.content.page .su-row .image {
margin: 0;
width: 100%;
}
.content.page .su-row .data {
width: auto;
}
}
@media screen and (max-width:1000px) {
.data .content .blocks {
grid-template-columns: repeat(1, 1fr);
}
.data .content .blocks .block {
width: 540px;
height: 746px;
margin: 0 auto;
}
.content.projects .block a span {
height: stretch !important;
line-height: 0 !important;
}
.content.process .su-row {
display: block !important;
}
.content.process .su-row .su-column {
width: auto !important;
margin: 0 !important;
}
.content.process .su-row .su-column.image {
text-align: center;
width: 460px !important;
height: 460px !important;
position: relative !important;
margin: 60px auto !important;
display: block !important;
float: none !important;
}
}
@media screen and (max-width:850px) {
.content.projects .block a span {
height: 320px !important;
}
.content.page h2 {
max-width: inherit;
padding: 0 0 20px 0;
}
}
@media screen and (max-width:620px) {
.content.projects .block a span {
height: 220px !important;
}
}
@media screen and (max-width:540px) {
.data .content .blocks .block {
width: 300px;
height: 500px;
margin: 0 auto;
}
.data .content .block a, .data .content .block a:hover {
font-size: 20px;
font-weight: 700;
}
}
@media screen and (max-width:640px) {
.content.projects .block a span {
height: 160px !important;
}
}
