* {
font-family: "Roboto" !important;
}
@font-face {
font-family: 'lazer84';
src: url(//howtoperu.com/wp-content/themes/peru/assets/css/<?php home_url(); ?>/wp-content/themes/peru/fonts/Lazer84.ttf');
}
body {
}
p, h1, h2, h3, h4, h5, h6 {
color: #777777;
}
#contenedor {
width: 90%;
display: block;
margin: 0 auto;
padding-top: 2%;
padding-bottom: 2%;
}
#carouselExampleControls {
padding: 2% 4%;
}
h1 {
padding: 1%;
color: #222222;
font-weight: bold;
font-size: 52px;
}
.w-100 {
height: 348px;
object-fit: cover;
}
header {
background-color: black;
}
header .nav-links {
display: flex;
justify-content: flex-end;
margin-right: 5%;
padding: 1%;
}
header a {
color: white;
padding: 0.7% 2%;
text-decoration: none;
}
header a:hover {
text-decoration: none;
color: white;
}
header .whatsapp {
border: 1px solid white;
border-radius: 10px;
background-color: #4dc247;
}
header img {
float: left;
margin-left: 6%;
margin-top: 0.6%;
}
div.intro div.box-information {
padding: 2% 3%;
border-left: 3px solid darkgrey;
}
div.intro div.box-information h4 {
font-weight: bold;
font-size: 20px;
line-height: 23px;
color: #DC136E;
}
div.intro div.box-information p {
color: #222222;
font-size: 18px;
line-height: 21px;
}
div.intro a.btn-ticket {
background-color: #37DD3B;
color: white;
margin: 0 auto;
display: block;
width: 73%;
padding: 3%;
text-align: center;
font-size: 24px;
font-weight: bold;
}
div.intro a.btn-ticket:hover, #accordion a.btn-ticket:hover {
text-decoration: none;
}
#accordion a.btn-ticket {
background-color: #37DD3B;
color: white;
margin: 0 auto;
display: block;
width: 26%;
padding: 1%;
text-align: center;
font-weight: bold;
font-size: 24px;
}
div.intro .description {
color: #222222;
font-weight: 500;
} .accordion-section h3 {
color: #DC136E;
font-weight: bold;
font-size: 27px;
line-height: 32px;
border-bottom: 2px solid #646464;
padding: 1% 0;
}
.accordion-section h3:focus {
outline: 0;
}
.accordion-section h3 i, .accordion-section h3 svg {
float: right;
}
.accordion-section .content h5 {
font-weight: bold;
color: #222222;
font-size: 18px;
}
.accordion-section .content p {
color: #222222;
font-size: 16px;
}
.accordion-section .content {
padding: 1% 0px 2% 0;
}
footer {
background-color: #D3D3D3;
padding: 1.5% 1%;
}
footer h4 {
font-family: 'lazer84' !important;
text-align: center;
font-size: 18px;
color: #434343;
padding: 0 37%;
}
footer img {
display: block;
margin: 0 auto;
width: 18%;
}
#mobile {
display: none;
} div.intro .offer {
background-color: #DC136E;
padding: 1%;
text-align: center;
color: white;
width: 72%;
margin: 20px auto;
}
div.intro .offer h2, div.intro .offer span, div.intro .offer p, div.intro .offer a, div.intro .offer h3 {
color: white;
}
div.intro .offer a {
background: #37DD3B;
color: white;
padding: 1% 2%;
display: block;
width: 28%;
margin: 0 auto;
font-weight: bold;
font-size: 24px;
}
div.intro .offer a:hover {
text-decoration: none;
}
div.intro .offer span {
font-weight: bold;
}
div.intro .offer p {
font-size: 22px;
font-weight: 300;
}
div.intro .offer hr {
display: inline-block;
border: 2px solid #dad8d89c;
width: 6%;
position: relative;
bottom: -8px;
}
div.intro .offer h2 {
font-weight: 900;
font-size: 40px;
line-height: 47px;
margin-bottom: 0;
padding-bottom: 0;
}
div.intro .offer h3 {
display: inline-block;
padding-right: 10px;
padding-left: 10px;
font-weight: bold;
font-size: 30px;
} @media(max-width: 1350px) {
}
@media(max-width: 1280px) {
}
@media(max-width: 1205px) {
}
@media(max-width: 1100px) {
}
@media(max-width: 900px) {
}
@media(max-width: 700px) {
figure {
width: 98%;
}
}
@media(max-width: 769px) {
#mobile {
display: block;
}
#desktop {
display: none;
}
h1 {
font-size: 33px;
}
nav {
padding: 1%;
}
#accordion a.btn-ticket {
padding: 2%;
width: 80%;
}
.accordion-section .content {
padding-bottom: 5%;
}
div.intro .offer a {
width: 58%;
}
footer h4 {
padding: 0 10%;
}
div.intro .offer {
width: 96%;
padding: 1% 1% 3% 1%;
}
div.intro div.box-information {
padding: 2% 3%;
border-left: none;
}
.w-100 {
height: auto;
}
}
@media (min-width: 702px) and (max-width: 769px) {
}