html{
font-size: 1.25em;
line-height: 1.5;
}
body {
font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
color: #666;
background-color: #eee;
position: inherit;
text-rendering: optimizeLegibility;
}
:root {
--universal-padding:1rem;
}
header{
all: initial;
display: block;
width: 100%;
position: fixed;
left:0;
top:0;
z-index: 999999;
box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.125),0 0 .25rem 0 rgba(0,0,0,0.25);
}
header button{
all: unset;
}
.container{
max-width: 62.65em;
margin-left: auto;
margin-right: auto;
padding-top: 2rem;
background-color: #fff;
}
ul{
list-style: none;
}
ul, ol, dl {
line-height:1.6;
margin: 0 0 1rem 0;
list-style-position: outside;
padding: 0;
}
p{
margin: inherit;
margin-block-end: 1.25rem;
}
a, a:hover, a:focus { text-decoration: none;}
p a, p a:visited { line-height: inherit;}
h1, h2, h3, h4{
font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
/* font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
margin: .5rem 0;
color: #636363;
}
h1{
font-size: 2rem;
font-weight: normal;
}
h1.title, article h2{
display: block;
width: 100%;
padding-bottom: .25rem;
border-bottom: 1px dotted #636363;
margin-bottom: .8rem;
box-sizing: border-box;
}
h2{
font-size: 1.66rem;
font-weight: normal;
}
h3{
font-size: 1.125rem;
}
h4{
font-size: 1rem;
}
h5{
font-size: .875rem;
line-height: 1rem;
}
h1,h2,h3,h4,h5,h6 {
margin-left: 0;
margin-right: 0;
}
.breadcrumbs {
display: block;
list-style: none;
margin: 0;
overflow: hidden;
/*padding 0.5625rem;*/
padding: 0;
float: right;
}
.breadcrumbs>* {
float: left;
font-size: 0.8rem;
font-weight: bold;
line-height: 0.6875rem;
margin: 0;
text-transform: uppercase
}
.breadcrumbs>*.current a {
color: #666;
cursor: default
}
.breadcrumbs>*:before {
color: #aaa;
content: "/";
margin: 0 0.75rem;
position: relative;
top: 1px
}
.breadcrumbs>*:first-child:before {
content: "";
margin: 0
}
#more{
margin-top: 1rem;
padding-top: .8rem;
border-top: 1px solid #ccc;
}
.media-element-container{
width: auto;
}
.media-wysiwyg_right, .media-wysiwyg_left, .media-wysiwyg, .file-image .content{
display: inline;
/* background-color: #eee;
border: 1px solid #999;*/
margin-top: .3rem;
margin-bottom: .3rem;
font-size: .8rem;
}
.media-wysiwyg_right{
float: right;
margin-left: 1rem;
text-align: center;
}
.media-wysiwyg_left{
float: left;
margin-right: 1rem;
text-align: center;
}
.media-wysiwyg, .file-image .content{
margin-bottom: .75rem;
display: block;
width: auto;
}
.media-element-container br{
display: none;
}
.media-element-container a{
display: block;
}
/*.file-image .field-caption{
line-height: 1.1rem;
font-size: .9rem;
display: inline;
}*/
figcaption, figcaption *{
/*text-align: center !important;*/
font-size: .8rem;
margin-bottom: 0;
margin-left: .3rem;
display: inline;
/*float: left;*/
}
.media > p > a{
font-size: .75rem;
}
/*.media > p{
text-align: center !important;
margin-bottom: 0;
display: inline;
line-height: 1rem;
} */
.field-credit,.field-license, .file-image .field-license, .file-image .field-license li{
/*line-height: 1.1rem;*/
font-size: .66rem;
display: inline;
float: right;
margin-right: .5rem;
}
.media-wysiwyg_left .clearfix, .media-wysiwyg_right .clearfix, div.field-credit.field-wrapper, div.field-license.field-wrapper.clearfix{
display: inline-block !important;
}
/*.field-license ul, .field-license li{
margin: 0;
padding: 0;
font-size: .66rem;
display: inline;
}*/
/*.file-image .field-license, .file-image .field-license li{
margin-left: .3rem;
}
.media-wysiwyg_right .field-credit, .media-wysiwyg_left .field-credit, .media-wysiwyg .field-credit, .media-wysiwyg_right .field-license, .media-wysiwyg_left .field-license, .media-wysiwyg .field-license{
font-size: .66rem;
display: inline;
}*/
.field-credit::before{
content: "\00a9";
}
.file-image figcaption{
display: inline;
}
.img-info *{
margin-top: 0;
padding-top: 0;
line-height: 1;
}
#single-img img{
max-width: 100% !important;
/*margin-top: .9rem;*/
}
.element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
overflow: hidden;
height: 1px;
}
ul.col-3{
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
/*input:[type="text"],[type="email"],[type="number"],[type="search"],[type="password"],[type="url"],[type="tel"],[type="checkbox"],[type="radio"],textarea,select {
margin: calc(var(--universal-margin) / 4);
padding: var(--universal-padding) calc(1 * var(--universal-padding));
}*/
input.expanded, .button.expanded{
width: 100%;
display: block;
box-sizing: border-box;
}
select#town, select#towns, select#type{
width: 100%;
}
input#search{
width: 90%;
}
#search-section{
background-color: #fff;
}
#search-section select{
width: 100%;
}
/* Nav bar
------------------------------------------------------------------------------------------------ */
.topnav {
overflow: hidden;
background-color: #333;
padding: .2rem 0;
/*margin-bottom: 1rem;*/
}
.topnav a, .dropdown .dropbtn{
display: block;
text-transform: uppercase;
text-align: center;
padding: 0 .7rem;
border: none;
outline: none;
background-color: inherit;
font-size: .9rem;
font-family: inherit;
margin: 0;
color: #fff;
cursor: pointer;
}
.dropdown .dropbtn i{
margin-left: .5rem;
}
.topnav a
{
float: left;
}
.topnav .icon{
display: none;
}
.topnav a.icon-search {
float: right;
display: inline-block;
color: #fff;
margin-right: .5rem;
}
.dropdown {
float: left;
overflow: hidden;
margin: 0;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
padding: .7rem 1rem;
text-decoration: none;
display: block;
text-align: left;
color: #333;
}
.dropdown-content a:hover {
background-color: #eee;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropbtn i{
vertical-align: middle;
}
.triangle {
width: 0;
height: 0;
display: inline-block;
border: 8px solid transparent;
border-top-color: #fff;
}
#search-box form{
all: unset;
}
#search-box{
display: none;
background-color: #eee;
padding: 0 1%;
}
input#search{
min-width: 75%;
}
@media screen and (max-width: 1279px) {
/* .topnav a:nth-of-type(n+3){
color: #0095da;
}*/
.topnav{
margin: 0;
}
.topnav img{
padding-top: .5rem;
}
.dropdown .dropbtn {
padding: .7rem 1rem;
}
.topnav a:nth-of-type(n+4), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: inline-block;
color: #fff;
}
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
display: inline-block;
}
.topnav.responsive .dropdown {float: none; clear: both;}
.topnav.responsive .dropdown-content {position: relative; background-color: #eee;}
.topnav.responsive a:nth-of-type(n+4), .topnav.responsive .dropdown .dropbtn{
display: block;
border-top: 1px dotted #999;
width: 100%;
text-align: left;
line-height: 2;
}
.topnav.responsive a:nth-of-type(n+4) {
float: none;
}
#main-menu div > a:nth-child(n+2) {
border-top: 1px dotted #999;
}
}
.weather-symbol img{
margin-top: -5px;
filter: invert(48%);
}
.weather-symbol{
line-height: 1;
}
.big{
font-size: 1.2rem;
}
.padad, #content-as, #top-bit{
margin: 1rem 0;
padding: 0;
min-height: 280px;
}
ins.bookingaff{
min-height: 280px;
}
/* Weather
------------------------------------------------------------------------------------------------ */
.weather ul{
list-style: none;
}
.weather-block{
margin-bottom: 1rem;
}
.portugal-weather h3{
clear: both;
width: 100%;
color: #fff;
background-color: #999;
padding: .15rem .3rem;
}
table.climate {
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 485px;
margin-top: .3rem;
}
table.climate th {
border-width: 1px;
padding: .5rem;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
table.climate td {
border-width: 1px;
padding: .5rem;
border-style: solid;
border-color: #666666;
}
.climate caption, .forecastTable caption{
text-align: left !important;
margin-bottom: .2rem;
font-weight: normal;
}
.winter td{
background-color: #eef !important;
}
.spring td{
background-color: #efe !important;
}
.summer td{
background-color: #fee !important;
}
.autumn td{
background-color: #fce !important;
}
/* Various
------------------------------------------------------------------------------------------------ */
.leaflet-top, .leaflet-bottom {
z-index: 500 !important;
}
div.vertical-tabs{
clear: both;
}
a img:hover{
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.tour-offers{
font-size: 1rem;
text-align: center;
/*border-bottom: 1px solid #999;*/
}
.tour-offers h5{
font-weight: bold;
text-align: left;
}
.town-title{
font-size: .9rem;
padding-top: 1.2rem;
}
/* Forms
------------------------------------------------------------------------------------------------ */
form{
border: 0;
}
/* Pagination
------------------------------------------------------------------------------------------------ */
.pager li.pager-current {
border: 1px solid #1779ba;
border-radius: 5000px;
padding: 0.285em 0.8em;
font-size: 1rem;
}
.pager li.disabled {
border: 1px solid #cacaca;
padding: 0.285em 0.8em;
border-radius: 5000px;
font-size: 1rem;
}
.pager a {
border-radius: 5000px;
padding: 0.285em 0.8em;
border: 1px solid #1779ba;
font-size: 1rem;
}
.pager li:not(.disabled):hover a, .pager li.pager-current {
background: #1779ba;
color: #fefefe;
}
.pager li a {
transition: background 0.15s ease-in, color 0.15s ease-in;
}
.pager li{
margin: 0 .5rem;
}
/*.pager li:nth-last-child(2), .pager li:nth-child(-n+4) {*/
.pager li{
display: inline-block
}
/* Side bars
------------------------------------------------------------------------------------------------ */
.pad-top{
padding-top: 1rem;
}
#sidebar-first h3, #sidebar-second h3{
font-family: "Roboto", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
width: 100%;
clear: both;
padding: .25rem .4rem;
margin-top: 0;
box-sizing: border-box;
font-size: 1.1em;
color: #fff;
background-color: #666;
}
#sidebar-first h3 a,#sidebar-second h3 a{
color: #fff;
}
#sidebar-second h2{
margin-top: 0;
}
ul.side-nav li{
font-size: 1rem;
padding: .25rem 0;
}
#sidebar-second nav ul, nav ul.accom-menu{
font-size: 1rem;
}
#sidebar-second nav li, nav ul.accom-menu li {
border-bottom: 1px dotted #ccc;
font-weight: bold;
padding: .25rem 0;
display: block;
width: 100%;
}
#sidebar-second nav li a, nav ul.accom-menu li a{
display : block;
width: 100%;
}
#sidebar-second nav a:hover, nav ul.accom-menu li a:hover {
background: #eef;
color: #3b4a56;
}
#sidebar-second nav li ul {
display: none;
width: 100%;
margin: 0;
z-index: 10;
}
#sidebar-second nav li ul li {
display: block;
font-weight: normal;
text-indent: .5rem;
}
#sidebar-second nav li:hover ul, #sidebar-second nav li.over ul {
display: block;
}
#sidebar-second .block-grid.three-up > li{
padding: 0 .1rem;
}
ul.accom-menu li {
border-bottom: 1px dotted #ccc;
font-weight: bold;
padding: .25px 0;
display: block;
width: 100%;
}
#sidebar-second li a,ul.accom-menu li a {
display: block;
width: 100%;
}
#sidebar-second a:hover,ul.accom-menu li a:hover {
background: #eef;
color: #3b4a56;
}
#sidebar-second li ul {
display: none;
width: 100%;
margin: 0;
z-index: 10;
}
#sidebar-second li ul li {
display: block;
font-weight: normal;
text-indent: .4rem;
}
#sidebar-second li:hover ul,#sidebar-second li.over ul {
display: block;
}
#sidebar-second .view li{
padding-bottom: .6rem;
}
.attr-sidebar-list *, #sidebar-second .view *{
font-size: .875rem;
}
.attr-sidebar-list h4, #sidebar-second .view h5, .view-nearby h5{
margin-bottom: 0;
}
.view-nearby em{
font-size: .8rem;
}
#block-menu-menu-things-to-do-in- li{
display: inline-block;
width: 44%;
float: left;
}
#block-menu-menu-things-to-do-in-{
margin-bottom: 1rem;
}
/* Town info box
------------------------------------------------------------------------------------------------ */
#town-info-box{
background-color: #eee;
border: 1px solid #ccc;
border-radius: 7px 25px 15px;
margin: 1em 0;
padding-top: .8rem;
z-index: 9999;
}
#town-info-box h3{
margin-top: 0;
font-size: 1.4rem;
}
#local-menu > li{
display: inline-block;
font-weight: bold;
margin-left: 1.25rem;
}
/* Footer
------------------------------------------------------------------------------------------------ */
#foot-wrapper{
margin-top: 1.1rem;
padding-top: .8rem;
background-color: #333;
z-index: 100;
}
footer a, footer a:link, footer a:visited{
color: #fff;
}
#bottom-bar{
width: 100%;
background-color: #333;
color: #ccc;
}
#bottom-bar .row{
background-color: #333;
padding-top: 1.1rem;
}
#bottom-bar a{
color: #ccc;
}
#foot-logo{
float: left;
}
#foot-icons{
float: right;
}
#foot-icons li{
float: right;
display: inline;
margin-left: .7em
}
#foot-icons a{
display: block;
width: 50px;
height: 50px;
background-repeat: no-repeat;
}
a#twitter{
background-image: url('../images/twitter-f.png');
}
a#facebook{
background-image: url('../images/facebook-f.png');
}
a#contact{
background-image: url('../images/contact-f.png');
}
footer .item-list ul li{
margin-left: .5em;
}
/* Home
------------------------------------------------------------------------------------------------ */
#home-main.container{
margin-top: 18rem;
z-index: 99999;
/*margin-top: -1rem;*/
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
#bg-image{
width: 100%;
position: absolute;
top: 30px;
left: 0;
z-index: -20;
border-bottom: 8px solid #fff;
background-image: url('../images/home-lisbon.jpg');
background-repeat: no-repeat;
background-position: top;
background-size: cover;
height: 22.5rem;
}
p.intro{
font-size: 1.25rem;
color: #2795b6;
}
#more-text{
display: none;
color: #999;
}
.show-more{
/* display: inline;
width:100%;
float: right;*/
color: #2795b6;
cursor: pointer;
cursor: hand;
}
.round-top{
z-index: 99999;
/*margin-top: -1rem;*/
padding-top: 1rem;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
/*#home-weather, #home-surfing, #home-best, #home-accommodation, #home-photos, #home-map{
margin-bottom: 15px;
display: block;
clear: both;
width: 100%;
float: left;
}*/
#surf-pic{
display: block;
margin-bottom: 1em;
}
#temperature{
font-size: 2.1em;
}
/*#home-accommodation-bkg, #home-accommodation-list, .home-tabs, #home-photos-bkg{
background-color: #eee;
padding-top: 15px;
padding-bottom: 15px;
display: block;
width: 100%;
}*/
section h2, #home-attractions h3, #accommodation-section h3, #home-towns h3{
padding: .4rem .6rem;
/*margin-bottom: 0;*/
font-weight: normal;
background-color: #666;
color: #fff;
/*width: 100%;*/
display: block;
clear: both;
border: 0;
}
#home-towns h3{
background-color: #2795b6;
}
#home-towns h3 a, section h2 a, section h2 a:link, section h2 a:visited{
color: #fff;
display: block;
}
section h2 a:hover, #home-towns h3 a:hover{
color: #fff;
background-image: url('../images/arrow-off.png');
background-repeat: no-repeat;
background-position: 98% center;
}
#home-accommodation-list a{
color: #333;
}
#home-accommodation h3{
text-align: center;
}
#home-weather{
border-top: 2px dashed #cecece;
padding-top: .8rem;
}
#home-weather h4{
margin: 0;
}
.image-links li h3{
margin: 0;
padding: .3rem;
background-color: #2795b6;
color: #fff;
font-size: 1rem;
}
#home-attractions h2, #accommodation-section h2{
background-color: #2795b6;
margin-bottom: .7rem;
display: block;
}
/*.home-section-tabs, #home-section-links{
padding: 5px;
}*/
.tab-content{
display: none;
}
.tab-links li a{
padding: .3rem;
font-size: 1.1rem;
font-weight: bold;
display: block;
}
.tab-links li.current{
background-color: #2ba6cb;
background-image: url('../images/arrow-off.png');
background-repeat: no-repeat;
background-position: 95% center;
}
.tab-links li.current a{
color: #fff;
}
.tab-content.current{
display: inherit;
}
#edit-search-api-views-fulltext{
background: #fff;/* url('../images/zoom.png') 99% center no-repeat;*/
}
.text-over h3, .text-over h4, .text-over h5{
position: absolute;
bottom: 10%;
left: 0;
text-align: center;
width: 100%;
display: block;
font-size: 1.5em;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 10px #000;
-webkit-text-stroke: 1px #000;
}
.text-over h5{
font-size: 1.1em;
}
.text-over li{
position: relative;
}
.text-over li:hover{
filter: alpha(opacity=80);
opacity: 0.8;
}
/* Maps */
.leaflet-control a[role="button"]{
padding: initial;
margin: initial;
}
.leaflet-container{
margin-bottom: 1rem;
}
/* Accomodation
------------------------------------------------------------------------------------------------ */
.acc-list-head{
display: block;
background: #1779ba;
width: 100%;
padding: 0 .3rem;
box-sizing: border-box;
}
.acc-list-head .row{
background-color: inherit;
}
.acc-list-head a{
color: #fff;
}
.acc-list-head h3{
font-size: 1.2rem;
margin: .25rem 0;
}
.accomm-list p{
clear: both;
}
.acc-list-summary{
display: block;
/*border-bottom: 1px dashed #ccc;*/
padding-top: .5rem;
padding-bottom: .3rem;
margin-bottom: 1rem;
font-size: .9rem;
}
.acc-list-summary p,.acc-list-summary em{
font-size: 1rem;
}
.acc-list-summary .button.hollow{
background-color: #eee;
font-weight: bold;
}
.acc-list-summary .button.hollow:hover{
background-color: #fff;
}
.acc-list-full{
display: none;
clear: both;
background-color: #eeeeef;
padding: 1rem 0;
}
.acc-list-details p{
font-size: .9rem;
}
.acc-price{
font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
.acc-price{
text-align: center;
}
}
svg.star-icon {
width: 24px;
height: 24px;
fill: #fff;
padding: 0;
margin-right: -6px;
}
#star-rating svg.star-icon {
width: 48px;
height: 48px;
fill: #1779ba;
}
.acc-star-rating{
/*font-family: FontAwesome;*/
font-size: 1.5rem;
color: #fff;
}
.acc-1s:before{
content: url("../images/star.svg");
display:block;
height:16px;
width:16px;
}
.acc-2s:before{
content: url("../images/star.svg") url("../images/star.svg");
display:block;
height:16px;
width:32px;
}
.acc-3s:before{
content: url("../images/star.svg") url("../images/star.svg") url("../images/star.svg");
display:block;
height:16px;
width:48px;
}
.acc-4s:before{
content: url("../images/star.svg") url("../images/star.svg") url("../images/star.svg") url("../images/star.svg");
display:block;
height:16px;
width:64px;
}
.acc-5s:before{
content: url("../images/star.svg") url("../images/star.svg") url("../images/star.svg") url("../images/star.svg") url("../images/star.svg");
display:block;
height:16px;
width:80px;
}
.acc-stars{
height: 18px !important;
display: block;
background-image: url("data:image/svg+xml;charset=UTF-8, ");
background-repeat: round;
float: left;
/*margin-left: .75rem;*/
margin-top: .4rem;
}
.acc-1-star{
padding-left: 20px;
overflow: hidden;
}
.acc-2-star{
padding-left: 40px;
overflow: hidden;
}
.acc-3-star{
padding-left: 60px;
overflow: hidden;
}
.acc-4-star{
padding-left: 80px;
overflow: hidden;
}
.acc-5-star{
padding-left: 100px;
overflow: hidden;
}
.accom-price{
font-size: 1.6rem;
margin: 1rem 0;
}
.button.book{
color: #fff !important;
font-size: 1.5rem;
font-weight: bold;
}
.button.book:before{
display: inline-block;
content: url("data:image/svg+xml;charset=UTF-8, ");
background-size: 19px 20px;
height: 19px;
width: 20px;
padding-right: .6rem;
}
#star-rating{
margin-bottom: 1rem;
text-align: center;
}
.average-rating, .total-votes{
font-size: .75rem;
}
form.fivestar-widget div.description {
clear: both;
}
a.remove-fav, .have-favs span{
color: #f00;
}
.show-map{
color: #1779ba;
font-weight: bold;
font-size: .9rem;
}
.show-map:before, .map-link a:before {
display: inline-block;
content: url("data:image/svg+xml;charset=UTF-8, ");
background-size: 20px 20px;
height: 20px;
width: 20px;
padding-right: .3rem;
}
.close-button{
z-index: 9999;
}
.fav{
min-height: 1rem;
font-weight: bold;
text-align: center;
padding-top: .25rem;
}
.fav a:before {
display: inline-block;
content: url("data:image/svg+xml;charset=UTF-8, ");
background-size: 20px 20px;
height: 20px;
width: 20px;
padding-right: .4rem;
vertical-align: text-top;
}
.acc-list-head .fav{
text-align: right;
}
.acc-list-head .fav a:before {
content: url("data:image/svg+xml;charset=UTF-8, ");
}
/*.map-link a:before {
font-family: FontAwesome;
content: "\f041";
padding-right: .2rem;
}*/
#block-search-api-sorts-search-sorts h3{
display: none;
}
ul.search-api-sorts::before{
content: "Sort by: ";
}
ul.search-api-sorts li{
display: inline-block;
margin-left: .6rem;
font-weight: bold;
}
ul.search-api-sorts li img{
margin-left: .3rem;
}
#views-exposed-form-accommodation-page-1, #views-exposed-form-accommodation-page-2, #views-exposed-form-accommodation-page-3{
display: inline-block;
float: right;
}
.view-accommodation .views-widget-sort-by,.view-accommodation .views-submit-button,.views-exposed-form label{
display: none;
}
.view-accommodation #edit-sort-order-asc::before{
content: "Sort by price: ";
font-size: .9rem;
/*font-family: "Open Sans" ,sans-serif;*/
}
.view-accommodation #edit-sort-order-asc,.view-accommodation #edit-sort-order-desc{
display: inline-block;
margin-left: .6rem;
/*font-family: FontAwesome;*/
}
.views-list li{
display: block;
width: 100%;
margin-bottom: 1rem;
}
li.row.shadowed{
margin-bottom: 1.5rem;
border-radius: .3rem;
}
/* Slider
------------------------------------------------------------------------------------------------ */
.royalSlider {
width: 100%;
height: 570px;
}
#home-accommodation .royalSlider {
width: 100%;
height: 285px;
padding: 0 2.5%;
margin-top: -20px;
}
#home-accommodation .rsContent{
text-align: center;
}
#home-accommodation .rsSlide {
opacity: .1;
}
#home-accommodation .rsActiveSlide {
opacity: 1;
}
.rsThumb.rsNavSelected {
background-color: #999 !important;
}
#home-photos .royalSlider {
width: 100%;
height: 350px;
/*padding: 10px 2.5%;*/
}
#home-photos .rsGCaption{
left: 12px;
bottom: 12px;
}
.rsDefault .rsThumb {
width: 100px;
height: 100px;
}
.rsDefault .rsThumbsHor {
height: 100px;
}
.rsDefault .rsThumbsVer {
width: 100px;
}
.slider-med .royalSlider {
height: 475px;
}
.slider-min .royalSlider {
height: 400px;
}
.rsThumbs{
margin-top: 1.25rem;
}
.rsDefault,
.rsDefault .rsSlide,
.rsDefault .rsThumbs{
background-color: #fff !important;
}
/*#accomm-slider{
margin-bottom: 15px;
}*/
.rsDefault .rsBullets{
line-height: inherit;
}
.rsGCaption{
bottom: 20px;
font-size: .9rem !important;
}
#home-bkg .royalSlider {
width: 100%;
height: 500px;
}
#home-bkg .rsGCaption{
border-radius: 12px;
top: 20px;
bottom: auto;
right: 20px;
left: auto;
max-width: 400px;
}
#home-bkg .rsGCaption h2{
font-size: 2rem;
font-weight: normal;
}
#home-bkg .rsGCaption a p{
color: #fff;
}
#accom-regions.royalSlider {
/*width: 100%;*/
height: 650px;
}
#accom-regions .rsArrowIcn {
top: 25%;
}
#accom-beaches.royalSlider {
width: 100%;
height: 200px;
}
.rsTextSlide{
color: #666;
}
#accomm-slider.rsDefault, #accom-slider.rsDefault .rsSlide{
background-color: #f9f9f9 !important;
color: #fff;
}
#accomm-slider.royalSlider{
width: 100%;
height: 500px !important;
margin-bottom: .5em;
}
.thumb-title h4{
margin-top: 0;
}
/* Forms
------------------------------------------------------------------------------------------------ */
[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: .5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
-webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
transition: box-shadow .5s,border-color .25s ease-in-out;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus {
outline: 0;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
transition: box-shadow .5s,border-color .25s ease-in-out;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s
}
textarea {
max-width: 100%
}
textarea[rows] {
height: auto
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color: #cacaca
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #cacaca
}
input::placeholder,textarea::placeholder {
color: #cacaca
}
input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed
}
[type=button],[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0
}
input[type=search] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
/*
[type=checkbox],[type=file],[type=radio] {
margin: 0 0 1rem
}
[type=checkbox]+label,[type=radio]+label {
display: inline-block;
vertical-align: baseline;
margin-left: .5rem;
margin-right: 1rem;
margin-bottom: 0
}
[type=checkbox]+label[for],[type=radio]+label[for] {
cursor: pointer
}
label>[type=checkbox],label>[type=radio] {
margin-right: .5rem
}
[type=file] {
width: 100%
}
label {
display: block;
margin: 0;
font-size: .875rem;
font-weight: 400;
line-height: 1.8;
color: #0a0a0a
}
label.middle {
margin: 0 0 1rem;
padding: .5625rem 0
}*/
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: .5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
background-image: url("data:image/svg+xml;utf8,");
-webkit-background-origin: content-box;
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
-webkit-background-size: 9px 6px;
background-size: 9px 6px;
padding-right: 1.5rem;
-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
transition: box-shadow .5s,border-color .25s ease-in-out;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s
}
@media screen and (min-width: 0\0) {
select {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
}
}
select:focus {
outline: 0;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
transition: box-shadow .5s,border-color .25s ease-in-out;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed
}
select::-ms-expand {
display: none
}
select[multiple] {
height: auto;
background-image: none
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: .5em .75em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
-webkit-transition: background-color .25s ease-out,color .25s ease-out;
transition: background-color .25s ease-out,color .25s ease-out;
font-size: .9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #1779ba;
color: #fefefe
}
[data-whatinput=mouse] .button {
outline: 0
}
.button:focus,.button:hover {
background-color: #14679e;
color: #fefefe
}
.button.tiny {
font-size: .6rem
}
.button.small {
font-size: .75rem
}
.button.large {
font-size: 1.25rem
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0
}
.button.primary {
background-color: #1779ba;
color: #fefefe
}
.button.primary:focus,.button.primary:hover {
background-color: #126195;
color: #fefefe
}
.button.secondary {
background-color: #767676;
color: #fefefe
}
.button.secondary:focus,.button.secondary:hover {
background-color: #5e5e5e;
color: #fefefe
}
.button.success {
background-color: #3adb76;
color: #0a0a0a
}
.button.success:focus,.button.success:hover {
background-color: #22bb5b;
color: #0a0a0a
}
.button.warning {
background-color: #ffae00;
color: #0a0a0a
}
.button.warning:focus,.button.warning:hover {
background-color: #cc8b00;
color: #0a0a0a
}
.button.alert {
background-color: #cc4b37;
color: #fefefe
}
.button.alert:focus,.button.alert:hover {
background-color: #a53b2a;
color: #fefefe
}
.button.disabled,.button[disabled] {
opacity: .25;
cursor: not-allowed
}
.button.disabled,.button.disabled:focus,.button.disabled:hover,.button[disabled],.button[disabled]:focus,.button[disabled]:hover {
background-color: #1779ba;
color: #fefefe
}
.button.disabled.primary,.button[disabled].primary {
opacity: .25;
cursor: not-allowed
}
.button.disabled.primary,.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary,.button[disabled].primary:focus,.button[disabled].primary:hover {
background-color: #1779ba;
color: #fefefe
}
.button.disabled.secondary,.button[disabled].secondary {
opacity: .25;
cursor: not-allowed
}
.button.disabled.secondary,.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary,.button[disabled].secondary:focus,.button[disabled].secondary:hover {
background-color: #767676;
color: #fefefe
}
.button.disabled.success,.button[disabled].success {
opacity: .25;
cursor: not-allowed
}
.button.disabled.success,.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success,.button[disabled].success:focus,.button[disabled].success:hover {
background-color: #3adb76;
color: #0a0a0a
}
.button.disabled.warning,.button[disabled].warning {
opacity: .25;
cursor: not-allowed
}
.button.disabled.warning,.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning,.button[disabled].warning:focus,.button[disabled].warning:hover {
background-color: #ffae00;
color: #0a0a0a
}
.button.disabled.alert,.button[disabled].alert {
opacity: .25;
cursor: not-allowed
}
.button.disabled.alert,.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert,.button[disabled].alert:focus,.button[disabled].alert:hover {
background-color: #cc4b37;
color: #fefefe
}
.button.hollow {
border: 1px solid #1779ba;
color: #1779ba
}
.button.hollow,.button.hollow:focus,.button.hollow:hover {
background-color: transparent
}
.button.hollow.disabled,.button.hollow.disabled:focus,.button.hollow.disabled:hover,.button.hollow[disabled],.button.hollow[disabled]:focus,.button.hollow[disabled]:hover {
background-color: transparent
}
.button.hollow:focus,.button.hollow:hover {
border-color: #0c3d5d;
color: #0c3d5d
}
.button.hollow:focus.disabled,.button.hollow:focus[disabled],.button.hollow:hover.disabled,.button.hollow:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba
}
.button.hollow.primary {
border: 1px solid #1779ba;
color: #1779ba
}
.button.hollow.primary:focus,.button.hollow.primary:hover {
border-color: #0c3d5d;
color: #0c3d5d
}
.button.hollow.primary:focus.disabled,.button.hollow.primary:focus[disabled],.button.hollow.primary:hover.disabled,.button.hollow.primary:hover[disabled] {
border: 1px solid #1779ba;
color: #1779ba
}
.button.hollow.secondary {
border: 1px solid #767676;
color: #767676
}
.button.hollow.secondary:focus,.button.hollow.secondary:hover {
border-color: #3b3b3b;
color: #3b3b3b
}
.button.hollow.secondary:focus.disabled,.button.hollow.secondary:focus[disabled],.button.hollow.secondary:hover.disabled,.button.hollow.secondary:hover[disabled] {
border: 1px solid #767676;
color: #767676
}
.button.hollow.success {
border: 1px solid #3adb76;
color: #3adb76
}
.button.hollow.success:focus,.button.hollow.success:hover {
border-color: #157539;
color: #157539
}
.button.hollow.success:focus.disabled,.button.hollow.success:focus[disabled],.button.hollow.success:hover.disabled,.button.hollow.success:hover[disabled] {
border: 1px solid #3adb76;
color: #3adb76
}
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00
}
.button.hollow.warning:focus,.button.hollow.warning:hover {
border-color: #805700;
color: #805700
}
.button.hollow.warning:focus.disabled,.button.hollow.warning:focus[disabled],.button.hollow.warning:hover.disabled,.button.hollow.warning:hover[disabled] {
border: 1px solid #ffae00;
color: #ffae00
}
.button.hollow.alert {
border: 1px solid #cc4b37;
color: #cc4b37
}
.button.hollow.alert:focus,.button.hollow.alert:hover {
border-color: #67251a;
color: #67251a
}
.button.hollow.alert:focus.disabled,.button.hollow.alert:focus[disabled],.button.hollow.alert:hover.disabled,.button.hollow.alert:hover[disabled] {
border: 1px solid #cc4b37;
color: #cc4b37
}
/* Small screen
------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
:root {
--universal-padding:.5rem;
}
.dropdown-content{
background: #e8e8e8;
}
.dropdown-content a {
width: 44% !important;
padding: 0.7rem 0.5rem;
display: inline-block !important;
float: left !important;
line-height: 40px !important;
border-top: 1px dotted #999 !important;
}
.container, #home-bkg{
padding-top: 3rem;
}
#bg-image{
background-image: url('../images/home-lisbon-s.jpg');
background-size: contain;
height: 12rem;
}
#sidebar-second{
margin-top: 1rem;
}
#home-main.container{
margin-top: 9rem;
padding-top: 0;
}
#sidebar-second{
margin-top: 1rem;
}
#home-main.container{
padding-top: 0;
}
/* #sidebar-second h3{
margin-left: -.45rem;
}*/
.views-list h3, .view-beaches h3, .view-beaches h4, .view-viator h5{
margin-bottom: 0;
}
.views-list li, .view-beaches li{
/*border-top: 1px dotted #ccc;*/
margin-top: .5rem;
}
.royalSlider {
height: 350px !important;
width: 100%;
}
.media-wysiwyg, .file-image, .media-wysiwyg_right, .media-wysiwyg_left, #single-img, /*article .royalSlider, .view-beaches */.royalSlider, li.shadowed{
float: none;
display: block;
width: 96vw;
position: relative;
left: 50%;
right: 50%;
margin: .7rem -48vw;
border: none;
}
/* article .royalSlider, .view-beaches .royalSlider{
position: absolute;
}*/
img.file-wysiwyg-right, img.file-wysiwyg-left, .file-image img, #single-img img{
width: 100%;
float: none;
}
img.file-wysiwyg-right, img.file-wysiwyg-left{
}
figure.content{
margin: 0;
}
#accom-regions.royalSlider {
height: 350px !important;
}
.weather{
border-bottom: 1px solid #ccc;
margin-bottom: .5rem;
}
.weather-symbol img{
margin-top: -5px;
margin-bottom: -5px;
}
.weather-temp div.big{
display: inline;
line-height: 1;
}
#home-bkg .rsGCaption h2{
font-size: .75rem;
margin: .5rem;
}
#home-bkg .rsGCaption{
border-radius: 5px;
top: 50px;
}
.shadowed{
padding: 1rem;
}
.breadcrumbs{
padding: 0;
}
ul.breadcrumbs > li:first-child, ul.breadcrumbs > li:nth-child(2):before{
display: none;
}
ul.breadcrumbs{
float: left;
}
ul.breadcrumbs li{
font-size: .7rem;
line-height: 1.2;
}
ul.breadcrumbs>*:before {
margin: 0 0.2rem;
}
li.pager-last{
display: none;
}
.pager li{
margin: 0 .25rem;
}
#town-info-box{
border-radius: 4px;
padding: .8rem .6rem;
}
#local-menu > li{
display: block;
}
a#mob-search-button{
color: #fff;
}
.town-title{
padding-top: 0;
}
.show-map{
display: block;
margin-top: .25rem;
}
}
@media screen and (max-width: 425px) {
.royalSlider {
height: 275px !important;
}
}
@media screen and (max-width: 380px) {
.royalSlider {
height: 255px !important;
}
#home-main.container{
margin-top: 7rem;
}
}
@media screen and (max-width: 350px) {
.royalSlider {
height: 225px !important;
}
}
/* Medium screen
------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1279px) {
:root {
--universal-padding:.75rem;
}
.container{
padding-top: 3rem;
}
.weather-symbol img{
margin-top: -10px;
}
.weather-temp div.big{
display: inline;
line-height: 1;
}
}