Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .acomodacoes {
- width: 100%;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .acomodacoes-mobile {
- display: none;
- }
- .acomodacoes-container {
- width: 85%;
- height: 75vh;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 2rem 0;
- }
- .acomodacoes-text {
- width: 40%;
- height: 100%;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .acomodacoes-title {
- margin-top: 0;
- margin-bottom: 2rem;
- font-family: 'Mr Dafoe', cursive;
- color: #b4c153;
- font-size: 4rem;
- font-weight: 400;
- }
- .acomodacoes-content {
- width: 100%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- z-index: 2;
- background-color: #ffffff;
- -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16);
- -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16);
- box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16);
- }
- .acomodacoes-slider {
- padding: 40px;
- padding-bottom: 90px;
- width: 100%;
- height: fit-content;
- }
- .acomodacoes-arrow {
- height: 1.3rem;
- cursor: pointer;
- }
- .acomodacoes .prev-arrow {
- position: absolute;
- left: 40px;
- bottom: 30px;
- }
- .acomodacoes .next-arrow {
- position: absolute;
- transform: rotate(180deg);
- left: 75px;
- bottom: 30px;
- }
- .acomodacoes-dots {
- right: 40px;
- bottom: 30px;
- width: fit-content;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- position: absolute;
- list-style-type: none;
- }
- .acomodacoes-dots button {
- height: 12px;
- width: 12px;
- padding: 0;
- margin: 2px;
- cursor: pointer;
- outline: none;
- background-color: #ffffff;
- text-indent: -9000px;
- text-transform: capitalize;
- border: 1px solid #b4c153;
- border-radius: 4px;
- }
- .acomodacoes .slick-active button {
- background-color: #b4c153;
- }
- .acomodacoes-image {
- width: 60%;
- object-fit: cover;
- height: 100%;
- margin-left: -40px;
- transition: visibility 600ms;
- }
- @media (max-width: 1024px) {
- .acomodacoes {
- min-height: fit-content;
- }
- .acomodacoes-container {
- display: none;
- }
- .acomodacoes-mobile {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- padding: 2rem 0;
- width: 100%;
- }
- .acomodacoes-title {
- font-size: 3rem;
- margin-bottom: 2rem;
- }
- .acomodacoes-mobile-top {
- width: 100%;
- }
- .acomodacoes-mobile-image-box {
- height: 40vh;
- min-height: 200px;
- width: 100%;
- }
- .acomodacoes-mobile-image {
- object-fit: cover;
- height: 100%;
- margin: 0 auto;
- width: calc(100% - 12px);
- opacity: 0.5;
- }
- .slick-active .acomodacoes-mobile-image {
- opacity: 1;
- }
- .acomodacoes-dots {
- position: initial;
- margin: 10px auto;
- }
- .acomodacoes-dots button {
- height: .8rem;
- width: .8rem;
- margin: 6px;
- border-radius: 0;
- }
- .acomodacoes-mobile-bottom {
- width: 100%;
- display: flex;
- flex-direction: row;
- justify-content: center;
- margin-top: 20px;
- }
- .acomodacoes-mobile-card-box {
- width: 85%;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement