body {
background-color: #efedeb;
font-family: 'Montserrat', sans-serif;
}
.content-box {
background-color: white;
border-radius: 22px;
padding: 32px;
box-shadow: 0px 0px 20px #efebe6;
z-index: 555;
}
.container {
max-width: 1100px;
}
.btn {
border-radius: 22px;
padding: 8px 16px;
font-size: 14px;
}
.btn-blue {
background-color: #0074ac;
color: white;
border-color: #0074ac;
}
.btn-blue:hover {
background-color: #0191d7;
color: white;
border-color: #0191d7;
}
.btn-blue:checked+.btn, .btn-blue.active, .btn-blue.show, .btn-blue:first-child:active, :not(.btn-blue)+.btn:active {
background-color: #0074ac;
color: white;
border-color: #0074ac;
}
.color-white {
color: white;
}
.content h2 {
text-transform: uppercase;
font-weight: 800;
font-size: 37px;
}
.content p {
font-size: 14px;
line-height: 21px;
margin-bottom: 1rem;
}
.content {
color: #413d39
} #main-bg {
position: relative;
background-image: url(//www.airstreamsinprague.cz/wp-content/themes/airstreamprague/img/airstream-background.jpg);
background-size: cover;
background-color: black;
background-position: 80% 0%;
}
#main-bg .container {
position: relative;
z-index: 2;
}
#main-bg::before {
content: ' ';
width: 100%;
height: 390px;
background-color: #efedeb;
position: absolute;
left: 0;
bottom: -1px;
z-index: 0;
clip-path: polygon(100% 100%, 0% 100%, 0.00% 21.86%, 1.00% 22.15%, 2.00% 22.50%, 3.00% 22.93%, 4.00% 23.42%, 5.00% 23.98%, 6.00% 24.61%, 7.00% 25.30%, 8.00% 26.05%, 9.00% 26.86%, 10.00% 27.73%, 11.00% 28.66%, 12.00% 29.64%, 13.00% 30.68%, 14.00% 31.76%, 15.00% 32.89%, 16.00% 34.06%, 17.00% 35.27%, 18.00% 36.52%, 19.00% 37.80%, 20.00% 39.11%, 21.00% 40.45%, 22.00% 41.82%, 23.00% 43.20%, 24.00% 44.61%, 25.00% 46.02%, 26.00% 47.45%, 27.00% 48.88%, 28.00% 50.32%, 29.00% 51.75%, 30.00% 53.18%, 31.00% 54.61%, 32.00% 56.02%, 33.00% 57.41%, 34.00% 58.79%, 35.00% 60.15%, 36.00% 61.48%, 37.00% 62.78%, 38.00% 64.04%, 39.00% 65.28%, 40.00% 66.47%, 41.00% 67.62%, 42.00% 68.73%, 43.00% 69.79%, 44.00% 70.80%, 45.00% 71.76%, 46.00% 72.66%, 47.00% 73.51%, 48.00% 74.29%, 49.00% 75.02%, 50.00% 75.68%, 51.00% 76.28%, 52.00% 76.81%, 53.00% 77.27%, 54.00% 77.66%, 55.00% 77.99%, 56.00% 78.24%, 57.00% 78.42%, 58.00% 78.53%, 59.00% 78.57%, 60.00% 78.54%, 61.00% 78.43%, 62.00% 78.25%, 63.00% 78.00%, 64.00% 77.68%, 65.00% 77.29%, 66.00% 76.83%, 67.00% 76.31%, 68.00% 75.71%, 69.00% 75.06%, 70.00% 74.34%, 71.00% 73.55%, 72.00% 72.71%, 73.00% 71.81%, 74.00% 70.85%, 75.00% 69.85%, 76.00% 68.79%, 77.00% 67.68%, 78.00% 66.53%, 79.00% 65.34%, 80.00% 64.11%, 81.00% 62.85%, 82.00% 61.55%, 83.00% 60.22%, 84.00% 58.87%, 85.00% 57.49%, 86.00% 56.10%, 87.00% 54.69%, 88.00% 53.26%, 89.00% 51.83%, 90.00% 50.40%, 91.00% 48.96%, 92.00% 47.53%, 93.00% 46.10%, 94.00% 44.69%, 95.00% 43.28%, 96.00% 41.89%, 97.00% 40.53%, 98.00% 39.19%, 99.00% 37.87%, 100.00% 36.59%);
}
#main-bg::after {
content: ' ';
width: 100%;
height: 100px;
left: 0;
top: 0;
position: absolute;
background: #141311;
background: linear-gradient(180deg, #141311 0%, rgba(0, 0, 0, 0) 50%);
}
.main-text h1 {
text-transform: uppercase;
font-weight: 700;
font-size: 45px;
}
.main-text h2 {
font-size: 12px;
text-transform: uppercase;
}
.main-text p {
font-size: 14px;
} #menu .menu li a:hover {
color: #0074ac;
}
#menu .menu li a {
padding: 0px 12px;
color: white;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
}
#menu .menu-logo span p {
display: inline-block;
font-weight: 200;
padding: 0px 2px;
}
#menu .menu-logo {
color: white;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
#menu .menu li {
display: inline-block;
}
#menu {
background-color: #141311;
z-index: 500;
position: relative;
}
#menu .menu-lang-search li {
display: inline-block;
padding: 0px 2px;
list-style: none;
}
#menu .menu {
margin: 0;
}
#menu .menu-logo a {
color: white;
}
#menu .menu li a:hover span {
border-bottom: 3px solid #0074ac;
padding-bottom: 17px;
}
.copyright .col-sm-12.col-md-6:first-child {
width: 30%;
}
.copyright .col-sm-12.col-md-6:last-child {
width: 70%;
text-align: right;
}
@media (max-width: 767px) {
.bg-single-page::before {
display: none;
}
#bg-single-page {
padding: 0;
}
#menu .menu nav .menu-menu-1-container ul {
list-style: none;
flex: none;
}
#menu .menu nav .menu-menu-1-container {
display: inline-flex;
align-items: center;
}
#menu .menu nav {
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
}
.menu {
order: 3;
}
.menu-logo {
order: 1;
}
.menu-lang-search {
order: 2;
}
#menu {
padding-bottom: 20px !important;
}
.bg-single-page {
max-height: initial !important;
padding-bottom: 0 !important;
}
.bg-single-page img {
width: auto !important;
}
#bg-single-page {
padding-bottom: 0 !important;
}
.copyright .col-sm-12.col-md-6:first-child {
width: 100% !important;
}
.copyright .col-sm-12.col-md-6:last-child {
width: 100% !important;
text-align: center;
}
.copyright .col-sm-12.col-md-6:last-child .menu {
padding-left: 0;
}
} #searchmodal .modal-header {
border: 0;
}
#searchmodal .modal-content {
background: transparent;
border: 0;
}
#searchmodal {
top: 10%;
background: #000000c4;
}
#searchmodal .modal-header .btn-close {
background-color: white;
opacity: 1;
border-radius: 22px;
}
.modal-body #search form label {
width: 80%;
}
.modal-body #search form label input {
width: 100%;
border-radius: 22px;
border: 0;
padding: 10px 14px;
font-size: 14px;
}
.modal-body #search form input[type=submit] {
border-radius: 22px;
padding: 10px 14px;
font-size: 14px;
background-color: #0191d7;
color: white;
} .fast-cta {
background-color: white;
border-radius: 22px;
box-shadow: 0px 0px 20px #00000017;
}
.fast-cta p {
margin: 0;
}
.fast-cta:hover a {
color: white;
}
.fast-cta a {
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: #413d39;
}
.fast-cta:hover {
background: rgb(65, 61, 57);
background: linear-gradient(0deg, rgba(65, 61, 57, 1) 0%, rgba(87, 81, 76, 1) 100%);
}
.fast-cta:hover .cta-icon-buy {
background-position: 0px 64px;
}
.cta-icon-buy {
width: 64px;
height: 64px;
background-image: url(//www.airstreamsinprague.cz/wp-content/themes/airstreamprague/img/buy-icon.png);
}
.fast-cta:hover .cta-icon-rent {
background-position: 0px 64px;
}
.cta-icon-rent {
width: 76px;
height: 64px;
background-image: url(//www.airstreamsinprague.cz/wp-content/themes/airstreamprague/img/rent-icon.png);
}
.fast-cta:hover .cta-icon-renovation {
background-position: 0px 64px;
}
.cta-icon-renovation {
width: 62px;
height: 64px;
background-image: url(//www.airstreamsinprague.cz/wp-content/themes/airstreamprague/img/renovation-icon.png);
} .timeline .video {
border-radius: 22px;
overflow: hidden;
margin: 0 auto;
max-width: 95%;
margin-top: 2.5%;
max-height: 250px;
}
.timeline .video iframe {
max-height: 250px !important;
}
.timeline p {
font-weight: 600;
text-align: center;
padding: 18px 40px;
margin: 0;
}
.timeline {
list-style: none;
padding: 10px 0;
position: relative;
font-weight: 300;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 2px;
background: #ffffff;
left: 50%;
margin-left: -1.5px;
}
.timeline>li {
margin-bottom: 20px;
position: relative;
width: 50%;
float: left;
clear: left;
}
.timeline>li:before, .timeline>li:after {
content: " ";
display: table;
}
.timeline>li:after {
clear: both;
}
.timeline>li:before, .timeline>li:after {
content: " ";
display: table;
}
.timeline>li:after {
clear: both;
}
.timeline>li>.timeline-panel {
width: calc(100% - 25px);
width: -moz-calc(100% - 25px);
width: -webkit-calc(100% - 25px);
float: left;
background: #ffffff;
position: relative;
border-radius: 22px;
box-shadow: 0px 0px 20px #e1e0df;
}
.timeline>li>.timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #dcdcdc;
border-right: 0 solid #dcdcdc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline>li>.timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #ffffff;
border-right: 0 solid #ffffff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right;
}
.timeline>li.timeline-inverted>.timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline>li.timeline-inverted>.timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline>li.timeline-inverted {
float: right;
clear: right;
}
.timeline>li:nth-child(2) {
margin-top: 60px;
}
.no-float {
float: none !important;
}
@media (max-width: 767px) {
ul.timeline:before {
left: 40px;
}
ul.timeline>li {
margin-bottom: 0px;
position: relative;
width: 100%;
float: left;
clear: left;
}
ul.timeline>li>.timeline-panel {
width: calc(100% - 65px);
width: -moz-calc(100% - 65px);
width: -webkit-calc(100% - 65px);
}
ul.timeline>li>.timeline-panel {
float: right;
}
ul.timeline>li>.timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline>li>.timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline>li.timeline-inverted {
float: left;
clear: left;
margin-top: 30px;
margin-bottom: 30px;
}
} #ubytovani {
margin-top: 250px;
position: relative;
}
.ubytovani-background {
background-image: url(//www.airstreamsinprague.cz/wp-content/themes/airstreamprague/img/shape-airstream.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 160px 0px;
max-width: 610px;
width: 100%;
height: 840px;
position: absolute;
right: 0;
top: -300px;
overflow: hidden;
z-index: -1;
}
@media (max-width: 1300px) {
.ubytovani-background {
opacity: 0.1
}
}
.ubytovani-background img {
top: 25%;
position: absolute;
animation-name: my-animation;
animation-duration: 2s;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes my-animation {
from {
left: 0%
}
to {
left: 15%;
}
} .blog .blog-post .news-image img {
width: 100%;
height: auto;
border-radius: 22px;
}
.blog .blog-post {
background-color: white;
border-radius: 22px;
box-shadow: 0px 0px 20px #e1e0df;
}
.blog .blog-post .news-text a {
font-weight: 700;
text-align: center;
margin: 0;
color: #413d39;
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
}
@media (max-width: 767px) {
#blog {
margin-top: 80px;
}
.blog {
padding: 50px;
}
#footer {
text-align: center;
}
}
time.news-time {
font-size: 11px;
font-weight: 500;
color: #bdbdbd;
margin-top: 10px;
display: block;
} #footer {
background-repeat: no-repeat;
position: relative;
background-image: url(//www.airstreamsinprague.cz/wp-content/themes/airstreamprague/img/footer-bg-image.jpg);
background-color: #211f1c;
background-size: cover;
}
#footer::before {
content: ' ';
width: 100%;
height: 250px;
background-color: #efedeb;
position: absolute;
top: -30px;
left: 0;
z-index: 0;
clip-path: polygon(100% 0%, 0% 0%, 0.00% 35.93%, 1.00% 36.07%, 2.00% 36.25%, 3.00% 36.46%, 4.00% 36.71%, 5.00% 36.99%, 6.00% 37.30%, 7.00% 37.65%, 8.00% 38.02%, 9.00% 38.43%, 10.00% 38.87%, 11.00% 39.33%, 12.00% 39.82%, 13.00% 40.34%, 14.00% 40.88%, 15.00% 41.44%, 16.00% 42.03%, 17.00% 42.63%, 18.00% 43.26%, 19.00% 43.90%, 20.00% 44.56%, 21.00% 45.23%, 22.00% 45.91%, 23.00% 46.60%, 24.00% 47.30%, 25.00% 48.01%, 26.00% 48.73%, 27.00% 49.44%, 28.00% 50.16%, 29.00% 50.88%, 30.00% 51.59%, 31.00% 52.30%, 32.00% 53.01%, 33.00% 53.71%, 34.00% 54.40%, 35.00% 55.07%, 36.00% 55.74%, 37.00% 56.39%, 38.00% 57.02%, 39.00% 57.64%, 40.00% 58.23%, 41.00% 58.81%, 42.00% 59.36%, 43.00% 59.89%, 44.00% 60.40%, 45.00% 60.88%, 46.00% 61.33%, 47.00% 61.75%, 48.00% 62.15%, 49.00% 62.51%, 50.00% 62.84%, 51.00% 63.14%, 52.00% 63.40%, 53.00% 63.63%, 54.00% 63.83%, 55.00% 63.99%, 56.00% 64.12%, 57.00% 64.21%, 58.00% 64.27%, 59.00% 64.29%, 60.00% 64.27%, 61.00% 64.22%, 62.00% 64.13%, 63.00% 64.00%, 64.00% 63.84%, 65.00% 63.65%, 66.00% 63.42%, 67.00% 63.15%, 68.00% 62.86%, 69.00% 62.53%, 70.00% 62.17%, 71.00% 61.78%, 72.00% 61.35%, 73.00% 60.90%, 74.00% 60.43%, 75.00% 59.92%, 76.00% 59.39%, 77.00% 58.84%, 78.00% 58.27%, 79.00% 57.67%, 80.00% 57.06%, 81.00% 56.42%, 82.00% 55.77%, 83.00% 55.11%, 84.00% 54.43%, 85.00% 53.75%, 86.00% 53.05%, 87.00% 52.34%, 88.00% 51.63%, 89.00% 50.92%, 90.00% 50.20%, 91.00% 49.48%, 92.00% 48.76%, 93.00% 48.05%, 94.00% 47.34%, 95.00% 46.64%, 96.00% 45.95%, 97.00% 45.26%, 98.00% 44.59%, 99.00% 43.94%, 100.00% 43.29%);
}
#footer-form .footer-form form {
background-color: white;
padding: 30px 0px 10px 0px;
border-radius: 32px;
}
.footer-form form input[type=tel], .footer-form form input[type=email], .footer-form form input[type=text] {
background-color: #413d39;
padding: 10px 10px 10px 16px;
border-radius: 22px;
margin: 4px 0px;
border: 0;
color: white;
width: 80%;
font-size: 13px;
}
.footer-form form input[type=submit] {
border-radius: 18px;
padding: 8px 16px;
font-size: 14px;
background-color: #0074ac;
color: white;
border: 0;
}
.footer-form form span.wpcf7-list-item label {
background-color: #0074ac;
padding: 8px 12px;
border-radius: 22px;
color: white;
font-size: 13px;
}
.footer-form form span.wpcf7-list-item label input[type=radio] {
opacity: 0;
accent-color: #0074ac;
margin-top: -10px;
}
.footer-form form span.wpcf7-list-item label input[type=radio]:checked {
opacity: 1;
}
#footer::after {
content: ' ';
width: 100%;
height: 125px;
position: absolute;
left: 0;
bottom: 0;
background: #211f1c;
background: linear-gradient(0deg, #211f1c 0%, rgba(87, 81, 76, 0) 100%);
}
#footer .content {
position: relative;
z-index: 500;
} .copyright {
color: white;
}
.copyright li {
display: inline-block;
}
.copyright li a {
padding: 0px 12px;
color: white;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
} .bg-single-page::before {
content: ' ';
width: 100%;
height: 220px;
background-color: #efedeb;
position: absolute;
left: 0;
bottom: -30px;
z-index: 1;
opacity: 1;
clip-path: polygon(100% 100%, 0% 100%, 0.00% 69.56%, 2.00% 66.43%, 4.00% 63.32%, 6.00% 60.32%, 8.00% 57.54%, 10.00% 55.09%, 12.00% 53.05%, 14.00% 51.49%, 16.00% 50.47%, 18.00% 50.02%, 20.00% 50.16%, 22.00% 50.89%, 24.00% 52.18%, 26.00% 53.97%, 28.00% 56.22%, 30.00% 58.84%, 32.00% 61.74%, 34.00% 64.81%, 36.00% 67.95%, 38.00% 71.04%, 40.00% 73.97%, 42.00% 76.65%, 44.00% 78.97%, 46.00% 80.86%, 48.00% 82.25%, 50.00% 83.08%, 52.00% 83.33%, 54.00% 82.99%, 56.00% 82.08%, 58.00% 80.61%, 60.00% 78.66%, 62.00% 76.27%, 64.00% 73.55%, 66.00% 70.59%, 68.00% 67.48%, 70.00% 64.35%, 72.00% 61.30%, 74.00% 58.43%, 76.00% 55.86%, 78.00% 53.68%, 80.00% 51.95%, 82.00% 50.75%, 84.00% 50.10%, 86.00% 50.05%, 88.00% 50.58%, 90.00% 51.69%, 92.00% 53.32%, 94.00% 55.43%, 96.00% 57.93%, 98.00% 60.75%, 100.00% 63.77%);
}
.bg-single-page img {
width: 100%;
opacity: 0.1;
}
.bg-single-page {
position: absolute;
left: 0;
top: 0;
width: 100%;
max-height: 500px;
overflow: hidden;
background-color: #141311;
}
.single-page-headline {
position: relative;
z-index: 500;
max-width: 800px;
}
.single-page-headline h1 {
font-size: 51px;
font-weight: 700;
}
#bg-single-page {
padding-bottom: 100px;
}
.single-page-headline .page-breadcrumbs a {
color: grey;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
}
.single-page-headline .page-breadcrumbs {
font-size: 12px;
color: grey;
}
.single-page-headline .page-description p {
font-size: 13px;
}
.single-page-headline .page-created, .single-page-headline .page-edited {
font-size: 11px;
text-transform: uppercase;
} header.search-result h2 a {
color: #413d39;
font-size: 21px;
text-decoration: none;
}
header.search-result h2 {
line-height: 20px;
text-align: center;
margin: 10px;
}
header.search-result {
background-color: white;
margin: 20px 0px;
padding: 22px;
border-radius: 22px;
position: relative;
z-index: 500;
}
.gallery-menu .gallery-header {
display: inline-flex;
align-items: center;
padding: 0;
height: 70px;
}
.gallery-menu {
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
width: 100%;
background-color: white;
border-radius: 22px;
}
.gallery-menu .accordion-header {
display: inline-block;
}
.gallery-menu .gallery-header h4 button {
background-color: transparent;
box-shadow: none;
white-space: nowrap;
font-size: 16px;
font-weight: 500;
color: #413d39;
}
.gallery-menu .gallery-header h4 button::after {
display: none;
}
.gallery-menu .gallery-header h4 button:hover {
box-shadow: 0px 2px 0px #0074ac;
}
.ngg-gallery-thumbnail-box img {
border-radius: 22px;
}
.gallery-result .accordion-body .ngg-gallery-thumbnail-box {
display: inline-block;
padding: 0.4em;
}
.accordion-item {
border: 0 !important;
}