/* ----------------------------------------- */ /* Inhalts-Template: Acommodations-template - Start */ /* ----------------------------------------- */ .seloClean{ display: flex !important; flex-direction: column; justify-content: flex-end; align-items: center; } @media only screen and (min-width: 768px){ .seloClean{ display: flex !important; flex-direction: column; justify-content: flex-end; align-items: flex-end; } } .vc_custom_1567355301788 { display: flex !important; height: auto !important; } @media (min-width: 481px) and (max-width: 767px) { .vc_custom_1567355301788 { flex-direction: column; } } @media (min-width: 320px) and (max-width: 480px) { .vc_custom_1567355301788 { flex-direction: column; } } .vc_custom_1567355301788 > div { height: auto !important; margin-bottom: 0 !important; } .iconToHide{ display:none; } .seloClean{ display: flex !important; flex-direction: column; justify-content: flex-end; align-items: center; } @media only screen and (min-width: 768px){ .seloClean{ display: flex !important; flex-direction: column; justify-content: flex-end; align-items: flex-end; } } .vc_custom_1567355301788 { display: flex !important; height: auto !important; } @media (min-width: 481px) and (max-width: 767px) { .vc_custom_1567355301788 { flex-direction: column; } } @media (min-width: 320px) and (max-width: 480px) { .vc_custom_1567355301788 { flex-direction: column; } } .vc_custom_1567355301788 > div { height: auto !important; margin-bottom: 0 !important; } @media (min-width: 320px) and (max-width: 480px) { .centerMobile{ text-align: center!important; padding-top: 20px; } } @media (max-width: 400px) { .grid { display: block; } } .grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2px; color:#fff; } .grid-etapas{ /*grid-template-columns: repeat(2,fit-content(90%));*/ grid-template-columns: 1fr 50px; } .grid .closeHeader .mk-fancy-title p{ text-align: left !important; } .span-col-2{grid-column: span 2 / auto;} .span-row-2{grid-row: span 2 / auto;} .closeHeader{ padding: 15px 0 5px 40px; } .headerIcon{ text-align:right; align-self: center; font-size: 30px; padding-right: 16px; } #iconEtapas{ color: #6fb1c1; } #iconRests{ color: #7c604a; } #iconActivities{ color: #aa7761; } #iconLocal{ color: #6a792f; } #iconAccomodations { color: #ffffff; } .quickArea{ padding: 40px; color: #fff; } .quickArea ul, .quickArea ul li{ margin-bottom: revert; margin-left: 0; list-style-type: none; } .quickArea a{ color: #fff; text-transform: uppercase; font-weight: 500; font-size: 15px } .quickArea a:hover{ font-weight: 600; } .quickLinks { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2px; grid-row-gap: 0px; } @media (max-width: 480px) { .quickLinks { grid-column-gap: 0px; } } .quickLinks ul li{ list-style: none; } .quickLinks ul li a{ color: #fff; text-transform: uppercase; font-weight: 500; font-size: 15px } .quickLinks ul li a:hover{ font-weight: 600; } .doNotLooseHeader { grid-area: 1 / 1 / 2 / 3; } .doNotLoose { grid-area: 2 / 1 / 3 / 3; background-color: #6fb1c1} .etapasHeader { grid-area: 1 / 1 / 2 / 2; } @media (max-width: 480px) { .etapasHeader{grid-area: 1 / 1 / 2 / 3;} } .quickArea-etapas { grid-area: 2 / 1 / 3 / 2;} @media (max-width: 480px) { .quickArea-etapas { grid-area: 2 / 1 / 3 / 3; } } .activitiesHeader { grid-area: 1 / 2 / 2 / 3; } @media (max-width: 480px) { .activitiesHeader { grid-area: 3 / 1 / 4 / 3; } } .activities { grid-area: 2 / 2 / 3 / 3; background-color: #6a792f;} @media (max-width: 480px) { .activities { grid-area: 4 / 1 / 5 / 3; } } .localHeader { grid-area: 3 / 1 / 4 / 2; } @media (max-width: 480px) { .localHeader { grid-area: 5 / 1 / 6 / 3; } } .local { grid-area: 4 / 1 / 5 / 2; background-color: #6fb1c1;} @media (max-width: 480px) { .local { grid-area: 6 / 1 / 7 / 3; } } .restaurantsHeader { grid-area: 3 / 2 / 4 / 4; } @media (max-width: 480px) { .restaurantsHeader { grid-area: 7 / 1 / 7 / 3; } } .restaurants { grid-area: 4 / 2 / 5 / 3; background-color: #bacba6;} @media (max-width: 480px) { .restaurants { grid-area: 8 / 1 / 9 / 3; } } .nextWalking .headerIcon{ background-color: #7c604a; } #walkingQuick{ padding: 40px 0 40px 40px; background-color: #7c604a; } #cyclingQuick{ padding: 40px 0 40px 40px; background-color: #aa7761; } .quickArea-etapas ul, .quickArea-etapas ul li { margin-bottom: revert; margin-left: 0; list-style-type: none; } .quickArea-etapas a { color: #fff; text-transform: uppercase; font-weight: 500; font-size: 15px } .quickArea-etapas a:hover { font-weight: 600 } /* ----------------------------------------- */ /* Inhalts-Template: Acommodations-template - Ende */ /* ----------------------------------------- */