| Current Path : /home/purehotels/public_html/templates/purehotels/css/ |
| Current File : /home/purehotels/public_html/templates/purehotels/css/template.css |
body{
background: #1d1d1b;
font-family: "Gotham SSm A", "Gotham SSm B";
}
a,
a:hover,
a:active,
a:focus{
color: #1d1d1d;
}
.no-gutter > [class*='col-']{
padding: 0px;
}
.row {
margin-left: -3;
margin-right: -3;
}
.relative{
position: relative;
}
.table{
width: 100%;
display: table;
}
.table-cell{
display: table-cell;
vertical-align: top;
}
.vtop {
display: inline-block;
vertical-align: top;
float: none;
}
/* */
/* HEADER */
/* */
section{
background-color: #FFF;
}
#topmenu{
border-radius: 0px;
border: 0px;
margin: auto;
margin-top: 20px;
}
.navbar-pure{
background: #FFF;
}
.navbar-brand{
float: none;
padding: 0px;
}
.navbar-brand img{
margin-left: 10px;
}
.button-booking{
background-color: white;
border: 1px solid #1d1d1d;
border-radius: 0px;
font-size: 11px;
line-height:20px;
color: #1d1d1d;
text-decoration: none;
padding: 0px 10px;
margin: 18px 0px 0px 15px;
font-family: "Gotham SSm A", "Gotham SSm B";
text-decoration: none;
}
.button:hover{
text-decoration: none;
}
.button-booking:hover,
.button-booking:active,
.button-booking:focus{
text-decoration: none;
color: #1d1d1d;
cursor: pointer;
}
.button-navbar.button-booking{
padding: 3px 10px;
margin: 0px 20px 0px 10px;
text-decoration: none;
cursor:pointer;
}
/* */
/* MENU */
/* */
#topmenu li.active > a{
font-weight: bold;
}
#topmenu li:last-child{
margin-right: 0px;
}
#topmenu ul>li>a,
.navbar-login{
font-family: "Gotham SSm A", "Gotham SSm B";
font-size: 13px;
color: #1d1d1b;
text-transform: uppercase;
padding: 5px 5px 0px 5px !important;
line-height: 20px;
text-decoration: none;
margin-right: 10px;
}
.navbar-nav a:hover,
.navbar-nav .active a,
.navbar-nav .active a:hover,
.navbar-login:hover{
text-decoration: none;
color: #1d1d1b;
cursor: pointer;
}
#topmenu a,
#topmenu a:hover,
#topmenu a:active,
#topmenu a:focus{
background: transparent !important;
}
.caret{
display: block;
margin-top: 5px;
border-top: 5px dashed;
border-top: 5px solid\9;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
/* SUBMENU */
#topmenu>li>.dropdown-menu{
margin: 0px;
padding: 0px;
left: 0px !important;
right: inherit;
margin-top: 5px;
}
#topmenu .dropdown-menu li{
margin-right: 30px;
}
#topmenu>li>.dropdown-menu li a{
text-transform: uppercase;
font-size: 13px;
padding: 0px 20px 0px 0px;
line-height: 30px;
background: transparent;
}
#topmenu>li>.dropdown-menu li a img{
vertical-align: top;
}
#topmenu>li>.dropdown-menu li a:hover,
#topmenu>li>.dropdown-menu li a:focus,
#topmenu>li>.dropdown-menu li a:active{
background: transparent;
}
#topmenu .parent .dropdown-menu{
border: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
/* */
/* FRONTPAGE GRID */
/* */
.mainGrid .imageText{
position: absolute;
top: 50%;
left: 0px;
right: 0px;
text-align: center;
color: white;
font-size: 40px;
font-weight: 500;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
word-wrap: break-word;
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}
/* */
/* CONTENT */
/* */
section{
margin-top: 60px;
}
section .wrapper{
margin: auto;
}
article h2{
text-transform: uppercase;
text-align: center;
margin: 10px 0px 20px;
font-weight: 300;
font-size: 35px;
}
article .content{
padding-bottom: 60px;
}
article .hotel-content{
margin-top: 40px;
}
article .textWrapper{
max-width: 1100px;
margin: auto;
padding: 0px 40px;
}
article .introtext{
text-align: center;
margin-bottom: 40px;
}
article .col2{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
-moz-column-gap: 60px; /* Firefox */
column-gap: 60px;
word-wrap: break-word;
}
article .col1{
max-width: 700px;
margin: auto;
text-align: center;
}
.article-1 h2,
.article-2 h2{
margin-top: 60px;
}
.aboutHotel,
.routeDirections{
text-align: center;
}
.hotel-pure-logo{
width: 150px;
margin: auto;
text-align: center;
}
.main-image{
position: relative;
}
.image-bottom-tag{
background: url("../images/image-bottom-tag.png") transparent no-repeat center center;
height: 12px;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
#booking .imageText{
text-transform: uppercase;
}
.events a{
text-decoration: none;
}
.events .hotel{
height: 40px;
background: black;
margin: auto;
margin-top: -20px;
z-index: 100;
position: relative;
color: white;
text-align: center;
text-transform: uppercase;
width: 200px;
line-height: 15px;
padding: 5px 0px;
}
.events .title{
text-transform: uppercase;
font-weight: 600;
border-bottom: 1px solid #1d1d1d;
padding-bottom: 5px;
margin-bottom: 5px;
text-decoration: none !important;
}
/* */
/* GOOGLE MAPS */
/* */
.gmaps {
position: relative;
}
.gmaps:before {
display: block;
content: "";
width: 100%;
padding-top: 30%;
}
.gmaps > .GoogleMap {
position: absolute;
top: 60px;
left: 0;
right: 0;
bottom: 0;
}
/* */
/* INPUTS */
/* */
.input{
border: 0px;
margin: 0px;
border-bottom: 1px solid #fff;
border-radius: 0px;
background: transparent;
font-size: 12px;
line-height: 15px;
}
.input.newsletter{
min-width: 250px;
}
input:focus{
outline: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
*::-webkit-input-placeholder {
color: white !important;
font-size: 10px;
}
*:-moz-placeholder {
color: white !important;
font-size: 10px;
}
*:-ms-input-placeholder {
color: white !important;
font-size: 10px;
line-height: 15px;
}
.button{
background-color: white;
color: black;
border: 0px;
padding: 2px 8px;
font-size: 15px;
}
.button-booking{
display: inline-block;
width: auto;
margin: auto;
border: 1px solid #1d1d1d;
padding: 5px 10px;
}
.button-link{
display: inline-block;
width: auto;
margin: auto;
border: 1px solid #1d1d1d;
padding: 5px 10px;
text-transform: uppercase;
margin-bottom: 5px;
}
.button-link:hover{
cursor: pointer;
}
/* */
/* ICONS */
/* */
.icon2{
display: inline-block;
height: 20px;
width: 20px;
background-size: 18px 18px !important;
}
.icon2-phone{ background: url("../images/icons/phone.png") transparent no-repeat center center; }
.icon2-mail{ background: url("../images/icons/email.png") transparent no-repeat center center; }
/* */
/* LOGIN */
/* */
.loginWrapper,
.profile{
max-width: 800px;
margin: auto;
}
.form-horizontal .control-label{
text-align: left !important;
}
.login button{
margin-top: 20px;
}
/* */
/* INTRANETT*/
/* */
.item-129{
display: none !important;
}
.intranett{
display: flex;
flex-direction: row;
width: 100%;
margin-top: 60px;
}
.intranett-article .introtext{
text-align: left !important;
}
.ispacer{
height: 60px;
}
.intranettMenu .title{
font-size: 17px;
text-transform: uppercase;
color: white;
background-color: #1d1d1b;
padding: 5px 30px !important;
}
.intranettMenu{
flex: 1;
margin-left: 35px;
margin-top: 5px;
}
.intranettContent{
flex: 2;
flex-direction: column;
padding: 0px 30px 0px 20px;
}
.intranettMenu ul{
list-style: none;
margin: auto;
padding: 0px;
background: #f5f5f5;
padding-bottom: 10px;
}
.intranettMenu a{
padding: 3px 30px !important;
font-size: 17px;
text-transform: uppercase;
display: block;
}
.intranettMenu a:focus,
.intranettMenu a:hover{
background: #f5f5f5;
}
.intranettContent .article{
margin-top: 5px;
}
/* */
/* PRESS */
/* */
.pressContact{
max-width: 800px;
margin: auto;
padding: 0px 20px;
margin-bottom: 30px;
}
.pressItems{
max-width: 800px;
margin: auto;
padding: 0px 20px;
display: flex;
display: -webkit-flex;
flex-direction: row;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.pressItems .item{
margin-bottom: 20px;
min-width: 200px;
flex: 1;
-webkit-flex: 1 1 auto;
}
.pressItems .title{
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.pressImages{
max-width: 800px;
padding: 0px 20px;
margin: auto;
padding-bottom: 40px;
}
.pressItems a.k2ReadMore{
display: inline-block;
margin-top: 5px;
border: 1px solid #1d1d1d;
padding: 4px 10px;
}
/* */
/* FOOTER */
/* */
footer{
background-color: #1d1d1b;
width: 100%;
color: #FFF;
text-transform: uppercase;
font-size: 12px;
}
footer .wrapper{
padding: 0px 40px;
margin: auto;
}
footer .newsletter,
footer .menu,
footer .contact,
footer .loyalty{
margin-bottom: 20px;
}
footer .logo{
text-align: right;
}
@media (max-width: 768px) {
article .col2{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
}
/* */
/* EVENTS / CAMPAINGS */
/* */
@media screen and (min-width: 992px) {
.grid-sizer,
.grid-item {
width: 33.333%;
}
.intranett-item{
width: 50%;
}
}
@media screen and (max-width: 992px) {
.grid-sizer,
.grid-item {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.grid-sizer,
.grid-item {
width: 100%;
}
.intranett{
flex-direction: column;
}
.intranettMenu,
.intranettContent{
margin: 0px 25px;
padding: 0px;
}
}
.events .grid-item .relative{
margin: 5px;
background: #F3F3F3;
}
.events .title{
font-size: 16px;
padding-top: 20px;
}
.events .title,
.events .text{
margin: 0px 15px;
}
.events .text{
padding-top: 10px;
padding-bottom: 20px;
font-size: 12px;
}
.fancybox-skin .title{
text-transform: uppercase;
font-weight: 600;
padding-bottom: 5px;
margin-bottom: 5px;
text-decoration: none !important;
}
.fancybox-skin .image{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #1d1d1d;
}
.fancybox-skin .fancybox-inner a:hover,
.fancybox-skin .fancybox-inner a{
background-color: #1d1d1d;
color: white;
padding: 5px 10px;
text-transform: uppercase;
text-decoration: none;
}
/**
* PRESS
*/
.jsn-uniform{
max-width: 600px;
margin: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.jsn-uniform .jsn-text-center{
display: none;
}
.static_content_9264257412_51_43 .control-label{
font-size: 30px !important;
font-weight: 300 !important;
margin-bottom: 20px !important;
font-family: "Gotham SSm A", "Gotham SSm B" !important;
}
.jcarousel li{
padding: 0px 5px;
}
/**
* MOBILE MENU
*/
.sidr{
background: black !important;
}
.sidr .caret{
display: none;
}
.sidr ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.sidr ul > li{
display: block;
margin: 0px;
}
.sidr a,
.sidr a:hover,
.sidr a:focus,
.sidr a:active{
display: block;
padding: 10px !important;
margin: 0px !important;
height: auto;
line-height: auto;
font-size: 13px;
line-height: 20px;
color: white !important;
text-transform: uppercase;
background-color: transparent !important;
border-bottom: 1px solid #ddd !important;
}
.sidr ul > li ul{
display: none;
}
.sidr ul > li.open ul{
display: block;
}
.sidr ul ul li a > img{
display: none;
}
.sidr .langImg{
padding: 0px;
}
.sidr ul ul li a,
.sidr ul ul li a:hover,
.sidr ul ul li a:focus,
.sidr ul ul li a:active{
padding-left: 25px !important;
}
.sidr .mobileMenuLogo li{
text-align: center;
}
.sidr .mobileMenuLogo img{
height: 40px;
width: auto;
margin-bottom: 10px;
}