File: /home/sportpoint-hotel.ru/public_html/wp-content/themes/hotelone/style.css
/*
Theme Name: Hotelone
Theme URI: https://www.britetechs.com/free-hotelone-wordpress-theme/
Author: britetechs.com
Author URI: https://britetechs.org/
Description: Hotelone is a responsive and fully customizable template for Hotel and resorts. Advanced admin panel enable you to customize theme without any technical information. Create an amazing hotel booking website using the pre-build layout and elements. Customize existing graphics to create your own unique website interface. It's design with bootstrap and responsive layout design. Business simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. It fits creative business, small businesses (restaurants, wedding planners shops), startups, corporate businesses, portfolios and freelancers. It has a multipurpose design, widgetized footer, blog/news page and a clean look, is compatible with: Slider, Photo Gallery, Travel Map and Elementor Page Builder. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. The theme is responsive, WPML, Retina ready, and SEO friendly theme. Demo link: https://britetechs.com/wpthemes/?theme=hotelone-pro
Tags: sticky-post, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, rtl-language-support, full-width-template, custom-logo, blog, e-commerce, portfolio
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hotelone
*/
::selection{
background-color: #caa767;
color: #ffffff;
}
.sticky{}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute ! important;
width: 1px;
word-wrap: normal ! important;
}
body{ margin:0; padding:0; background-color: #e5e5e5; color:#3a3a3a; font-size: 16px; line-height: 1.8; word-wrap: break-word; }
#wrapper{ margin: 0 auto; }
img{ max-width: 100%; height: auto; }
h1{ font-size: 36px; }
h2{ font-size: 30px; }
h3{ font-size: 24px; }
h4{ font-size: 18px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ margin:0 0 10px 0; color:#000000; }
a{
color: #777;
text-decoration: none;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
label{ font-weight: 500; font-size: 15px; }
blockquote {
padding: 0 20px;
}
ul,ol{ padding: 0; }
li > ul, li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-weight: 700;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #242424;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
textarea{
height: 100px;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
background: #fdfdfd;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select {
background-color: #fff;
border-color: #4e4e4e;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-size: 13px;
margin-bottom: 1.75em;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
}
.search-form label{
margin: 0;
width: 100%;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}
.search-submit:before {
font-family: 'Fontawesome';
content: "\f002";
font-size: 20px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
.header-top{ padding: 5px 0; transition:all .2s ease; }
.header-top .header-social{ padding: 0; margin: 0; list-style: none; }
.header-top .header-social li, .header-top .header-social li a{ display: inline-block; margin: 2px; }
.header-top .header-social li a,
.header-top .header-social li a:hover,
.header-top .header-social li a:focus{ color: #ffffff; line-height: 1; width: 35px; height: 35px; padding: 5px; position: relative; border: 1px solid #FFFFFF52; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.header-top .header-social li .fa{ font-size: 1.2em; margin: inherit; }
.header-social li.facebook:hover { background-color: #4C66A4; }
.header-social li.twitter:hover { background-color: #f60; }
.header-social li.dribbble:hover { background-color: #EA4C89; }
.header-social li.linkedin:hover { background-color: #069; }
.header-social li.youtube:hover { background-color: #C92228; }
.header-social li.google-plus:hover { background-color: #d34836; }
.header-social li.houzz:hover { background-color: #4DBC15; }
.header-social li.instagram:hover { background-color: #3f729b; }
.header-social li.flickr:hover { background-color: #80BFFF; }
.header-info{ padding: 0; margin: 10px 0 0 0; list-style: none; color: #ffffff; }
.header-info li{ display: inline-block; margin-right: 15px; }
.header-info li a{ color: #ffffff;}
.site-title{ margin-bottom: 3px; font-size: 20px; }
.site-description{ font-size: 13px; color: #a2a2a2; margin-bottom: 0; }
.navbar.navbar-default{ margin:0; border: none; background-color: #ffffff; padding: 30px 0; transition:all .6s ease; }
.navbar .navbar-brand{ padding: 0; }
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand { margin-left: 0px; }
.navbar-default .navbar-nav>li>a{ font-weight:600; letter-spacing:1px; color: #000000; }
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
color: #ffffff;
}
.navbar-right .dropdown-menu{ left:0; font-size: 16px; }
.dropdown-menu{ padding:0; border: none; min-width: 250px; }
.dropdown-menu>li>a{ padding-top: 7px; padding-bottom: 7px; white-space: inherit; }
.dropdown-menu>li{ border-bottom: 1px solid #333333; }
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .dropdown.open .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a{ color: #ffffff; text-decoration: none; }
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .dropdown.open .dropdown-menu>li>a,
.navbar-default .navbar-nav .dropdown.open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .dropdown.open .dropdown-menu>li>a:hover {
background-color: #0c0c0c;
}
.nav-spacer{ position: relative; height: 0px; transition: all .6s ease; }
.navbar{ box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); }
.navbar.fixed{
position: fixed;
top: 0; left: 0; width: 100%; z-index: 999;
padding: 15px; border-radius: 0;
}
.logo_centered{
float: none;
}
.menu_centered .navbar-right{
float: none !important;
width: max-content;
margin: 20px auto 0;
}
@media (min-width: 768px){
.navbar-nav>li { margin-right: 8px; }
.navbar-nav>li>a { border-radius: 5px; }
}
@media (max-width: 768px){
.navbar>.container .navbar-brand{ margin-left: 15px; }
.navbar-collapse{ border-top: none; }
}
.big_section{ }
.big_section .slide_image{
transition: all 10s ease;
-ms-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}
.big_section .active .slide_image{
-ms-transform: rotate(3deg) scale(1.1,1.1);
-webkit-transform: rotate(3deg) scale(1.1,1.1);
transform: rotate(3deg) scale(1.1,1.1);
}
.slider_overlay{ position: absolute; top: 50%; left: 0; z-index: 10; width: 100%; transform: translateY(-50%); }
.slider_overlay .slider_overlay_bg{ padding: 41px 20px; background-color: rgba(0,0,0,0.5); }
.big_title{ font-size: 60px; font-weight: 600; color: #ffffff; margin-bottom: 20px; text-shadow: 0 2px 0px rgba(0, 0, 0, 0.7); }
.big_title:after{ content:''; display: block; width:200px; height:2px; margin:5px auto; }
.slider_content{ font-size: 20px;font-weight: 400;color: #ffffff;margin-bottom: 25px;display: block;font-family: initial;font-style: italic; }
.hotel-btn{ font-size: 15px; font-weight: 600; color: #ffffff; border:1px solid #ccc; border-radius: 2px; padding: 12px 15px; margin-right: 8px; display: inline-block; box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.hotel-btn:hover,
.hotel-btn:focus{ text-decoration: none; }
.hotel-primary:hover,
.hotel-primary:focus{ background:none; }
.hotel-secondry{ border:1px solid #ffffff; }
.hotel-secondry,
.hotel-secondry:hover,
.hotel-secondry:focus{ color: #ffffff; }
.slide_rate{ margin-bottom: 10px; }
.slide_rate .fa{ font-size: 28px; margin-right: 10px; color: #f3f3f3; }
.slide_rate .fa.star_yellow{ color: #f7bd3c; }
@media ( max-width : 768px ){
.big_title{ font-size: 20px; margin-bottom:4px; }
.big_title:after{ height: 1px; }
.slider_content{ font-size: 11px; margin-bottom:4px; }
.hotel-btn{ font-size: 11px; padding: 5px 15px; }
.slide_rate{ margin-bottom: 4px; }
.slide_rate .fa{ font-size: 14px; margin-right: 5px; }
}
.carousel-control{ width: 45px; height:70px; top:50%; transform: translateY(-50%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.carousel-control.left,
.carousel-control.right,
.carousel-control:hover,
.carousel-control:focus{ background-image: none; }
.carousel-control .fa{ font-size: 45px; line-height: 1.5; color: #fff; }
.carousel-control.left:hover{ left: 15px; }
.carousel-control.right:hover{ right: 15px; }
.section{ padding: 80px 0; background-repeat: none; background-attachment: fixed; background-size: 100% 100%; }
.section-overlay{ padding: 0; }
.sectionOverlay{ padding: 80px 0; background-color: rgba(0,0,0,.5); }
.section .section-title{ font-size: 40px; font-weight: 600; }
.section .section-desc{ font-size: 20px;font-weight: 300;font-style: normal;color: #121212;letter-spacing: .60px;font-style: italic;font-family: initial; }
.sectionOverlay .section-title,
.sectionOverlay .section-desc{ color: #ffffff; }
.section .seprator{ width: 200px; height: 25px; background-image: url('images/seprator.png'); margin: 10px auto; }
.section .sectionOverlay .section-title{ color: #ffffff; }
.card-service{ position: relative; }
.card-service .service-icon{ width: 70px; height: 70px; border-radius: 4px; -webkit-transform: rotate(-45deg); position: absolute; top: -35px; opacity: 1; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
.card-service .service-icon i{ color: #ffffff; font-size: 30px; line-height: 70px; text-align: center; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.card-service .service-icon.fa-1x{ width: 30px; height: 30px; top: -15px; left: calc(50% - 9px); font-size: 16px;}
.card-service .service-icon.fa-1x i{ font-size: 16px; line-height: 30px; }
.card-service .service-icon.fa-2x{ width: 40px; height: 40px; top: -20px; left: calc(50% - 18px); line-height: 40px; font-size: 18px;}
.card-service .service-icon.fa-2x i{ font-size: 18px; line-height: 40px; }
.card-service .service-icon.fa-3x{ width: 50px; height: 50px; top: -25px; left: calc(50% - 19px); line-height: 50px; font-size: 22px;}
.card-service .service-icon.fa-3x i{ font-size: 22px; line-height: 50px; }
.card-service .service-icon.fa-4x{ width: 60px; height: 60px; top: -30px; left: calc(50% - 22px); line-height: 60px; font-size: 25px;}
.card-service .service-icon.fa-4x i{ font-size: 25px; line-height: 60px; }
.card-service .service-icon.fa-5x{ width: 70px; height: 70px; top: -35px; left: calc(50% - 24px); line-height: 70px; font-size: 30px;}
.card-service .service-icon.fa-5x i{ font-size: 30px; line-height: 70px; }
.card-service .service-content{ background: #ffffff; border: 1px solid #ddd; border-radius: 4px; padding: 60px 20px 20px; margin: 60px 0 20px 0; transition: all 0.3s ease-in-out 0s; }
.service-type-icon .service-content{ padding: 60px 20px 20px; margin: 60px 0 20px 0; }
.service-type-image .service-content{ padding: 20px 20px 20px; margin: 20px 0 20px 0; }
.card-service .service_title{ font-size: 24px; font-weight: 500; }
.card-service .service-content a:hover,
.card-service .service-content a:focus{ text-decoration: none; }
.card-service .service_desc{ font-size: 16px; color: #3a3a3a; }
.card-service:hover .service-icon{ border-radius: 50%; }
.card-service .more-link{ padding: 8px 10px; color: #ffffff; margin-top:50px; box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; }
.card-service .more-link:hover,
.card-service .more-link:focus{ background-color: #333333; }
.card-service .service-icon-image{ margin-bottom: 20px; }
.callout_section{}
.callout_section .callout-title{ font-size: 45px; font-weight: 500; color: #ffffff; margin-bottom: 30px; }
.callout_section .callout-subtitle{ font-size: 20px; font-weight: 300; color: #ffffff; margin-bottom: 25px; }
.callout_section .callout-btn{
box-shadow: 0 -3px 0 0 rgba(0,0,0,.3) inset;
border-radius: 4px;
display: inline-block;
cursor: pointer;
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: bold;
padding: 11px 19px;
text-decoration: none;
}
.service_section{ background: #ffffff; }
.card-room{ background-color: #ffffff; position: relative; border: 1px solid #ddd; box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); margin:30px 0px 30px; }
.room_thumbnial{ position: relative; }
.card-room .room-content{ padding: 20px; }
.card-room .room-content a:hover, .card-room .room-content a:focus{ text-decoration: none; }
.card-room .room-content .room_title{ font-size: 24px; font-weight: 500; }
.card-room .room-content .service_desc{ font-size: 16px; color: #3a3a3a; }
.card-room .hotel-small{ padding: 5px 15px; transition: all .6s ease; }
.card-room .room-btn{ margin-bottom: 40px; border:1px solid transparent; box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; }
.card-room .room-btn:hover, .card-room .room-btn:focus{ opacity:.8; }
.card-room .room_overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); overflow: hidden; width: 100%; height: 100%; -webkit-transform:scale(0); transition: .8s ease;}
.card-room:hover .room_overlay { transform: scale(1); }
.card-room .room_overlay_inner { width: 100%; color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.card-room .overlay-btn{ width: 40px; height:40px; color: #ffffff; padding:2px; display: inline-block; }
.card-room .overlay-btn:hover, .card-room .overlay-btn:focus{ background-color: transparent; }
.card-room .room_detail_info{ padding: 4px 15px; margin:1px 0 0; border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; }
.card-room .room_detail_info span{ margin-right:10px; display: inline-block; }
.card-room .room_detail_info span:last-child{ float: right;margin: 0; }
.card-room .room_detail_info i{ margin-right:1px; display: inline-block; }
.room_rate{ margin-bottom: 8px; }
.room_rate .fa{ font-size: 18px; margin-right: 2px; color: #ccc; }
.room_rate .fa.star_yellow{ color: #f7bd3c; }
.card-room .more-link{ padding: 8px 10px; color: #ffffff; margin-top:50px; box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; display: none; }
.card-room .more-link:hover,
.card-room .more-link:focus{ background-color: #333333; }
.card-room .hotel-primary:hover,
.card-room .hotel-primary:focus{ background-color: #333333; color: #ffffff; border: 1px solid #333333; }
.room_section{ background: #ffffff; }
.rooms-tabs{ margin:60px 0 15px; padding: 0; list-style: none; }
.rooms-tabs li{ display: inline-block; margin-right:10px; }
.rooms-tabs li a{ display: inline-block; background-color:#ffffff; padding: 10px 12px; border-radius: 3px; text-decoration: none; border: 1px solid #ccc; }
.rooms-tabs li a:hover,
.rooms-tabs li a:focus,
.rooms-tabs li.active a{ color: #ffffff; }
.testimonial{ padding: 40px 10px; background-color: rgba(0,0,0,.8); border-radius: 3px; margin:60px 0 0; }
.testimonial .media-left img{ border-radius: 50%; width: 180px; }
.testimonial .media-body{ width: inherit; }
.testimonial .testimonial_title{ font-size: 22px; margin-bottom: 5px; }
.testimonial .testimonial_desc{ font-size: 15px; font-style:italic; color: #ffffff; }
.testimonial .testimonial_designation{ font-size: 13px; color: #ffffff; }
.news_section{ background: #ffffff; }
.news{ background-color: #ffffff; position: relative; border: 1px solid #ddd; box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); margin:60px 0px 0px; }
.news .news_thumbnial{ position: relative; }
.news .news_overlay{ position: absolute; bottom: 100%; left: 0; right: 0; background-color: rgba(0,0,0,.8); overflow: hidden; width: 100%; height:0; transition: .7s ease; }
.news:hover .news_overlay { bottom: 0; height: 100%; }
.news .news_overlay_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.news_overlay_icon{ width: 40px; height: 40px; padding: 7px; color:#ffffff; display: inline-block; }
.news_overlay_icon i, .news_overlay_icon i:hover, .news_overlay_icon i:focus{ color:#ffffff; font-size: 24px; }
.news .news_body{ padding: 25px 20px; }
.news .news_title, .news .news_title h3{ font-size: 28px; margin-bottom: 20px; font-weight: 600; }
.news .news_title:hover,
.news .news_title:focus{ text-decoration: none; }
.news .news_details{ border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 8px 0; margin-bottom: 20px; color: #9e9e9e; }
.news .news_details .news-tags { display: inline-block; margin: 0; padding: 5px 20px 6px 0; }
.news .post-content{ margin-bottom:20px; padding: 0; }
.post-content .more-link{ text-decoration:none; font-size: 18px; color: #ffffff; padding:8px 12px; border-radius:4px; background-color: #242424; }
.more-link:hover,
.more-link:focus{ text-decoration: none; padding-left: 20px; }
.news_date{
position: absolute;
top: -20px;
left: 14px;
width:60px;
background-color: #ffffff;
color: #545454;
text-align: center;
}
.news_date span:first-child,
.news_date span:last-child{
display: block;
margin:0;
padding: 4px ;
text-align: center;
}
.news_date span:first-child{
color: #ffffff;
font-size: 20px;
}
.news_date span:last-child{
font-size: 16px;
}
.team_section{ background: #f3f3f3; }
.team{ margin: 60px 0 0 ; background-color: #ffffff; }
.team .team_thumbnial{ position: relative; margin-bottom: 20px; }
.team .team_overlay{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); overflow: hidden;width: 100%; height: 100%; -webkit-transform:scale(0); transition: .7s ease; }
.team:hover .team_overlay { transform: scale(1); }
.team .team_overlay_inner { width: 100%; color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.team_social_icons i{ color: #ffffff; }
.team_social_icons{ width: 40px; height: 40px; padding: 2px; display: inline-block; }
.team .team_title{ font-size: 24px; text-decoration:none; }
.team .team_content{ font-size: 16px; color: #a3a3a3; }
.subheader{ background-color: #f8f9f9; box-shadow: 0 16px 31px -10px rgba(0,0,0,.3); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; }
.subheader .subheaderInner{ padding: 50px 0; background-color: rgba(0,0,0,.5); }
.subheader .subheaderInner .pageTitleArea{ padding: 15px 26px; display: inline-block; min-width:auto; }
.subheader .subheaderInner .text-center .pageTitleArea{ background-color: #ffffff94; border: 2px solid rgba(255,255,255,.9); }
.subheader .subheaderInner .pageTitle{ margin:0; display: inline-block; color: #292929; }
.subheader .taxonomy-description{
color: #d5d5d5;
font-size: 16px;
margin: 12px auto 0;
width: 50%;
max-width: 100%;
display: block;
}
@media only screen and ( max-width: 768px ){
.subheader .taxonomy-description{
width: 100%;
}
}
.site-content{ margin: 40px 0px 80px 0px; word-wrap: break-word; }
.blog_post{ margin-bottom: 50px; border-radius: 2px; background-color: #ffffff; border: 1px solid #b9b9b9; }
.blog-large-image, .blog-timeline-image-inside { position: relative; background: #333; }
.blog-large-image a:hover,
.blog-timeline-image a:hover { opacity: 0.7; }
.blog_post .continue{
position: absolute;
right: 0;
bottom: 0;
font-size: 13px;
font-weight: 700;
color: #fff;
padding: 12px 22px;
color: #ffffff;
}
a.continue:hover, a.continue:focus { color:#ffffff; opacity: 1; text-decoration: none; }
.blog-text {
padding: 30px 30px 10px 30px;
position: relative;
}
.blog-text h4 {
font-size: 25px;
margin-bottom: 0;
width: 90%;
font-weight: 600;
}
.blog-text h4,
.blog-text h4 a {
color: #000000;
}
.blog-text h4 a:hover{
text-decoration: none;
}
.blog-icon {
position: absolute;
top: 22px;
right: 30px;
width: 40px;
height: 40px;
background: #E1E1E1;
color: #4E4E4E;
text-align: center;
border-radius: 50%;
}
.blog-icon i {
position: relative;
top: 20%;
}
.post-content{
background-color: #ffffff;
padding: 25px 30px;
}
.post-content li > ul,
.post-content li > ol,
.entry-summary li > ul,
.entry-summary li > ol,
.comment-content li > ul,
.comment-content li > ol,
.post-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.post-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}
.post-content h2,
.entry-summary h2,
.comment-content h2 {
font-size: 28px;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.post-content h3,
.entry-summary h3,
.comment-content h3 {
font-size: 23px;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.post-content h4,
.entry-summary h4,
.entry-intro h4,
.comment-content h4 {
letter-spacing: 0.08131578947em;
}
.post-content h4,
.post-content h5,
.post-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.473684211em;
}
.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.post-content h4:first-child,
.post-content h5:first-child,
.post-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.page-links a, .page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}
.post-content .page-links a {
background-color: #242424;
border-color: #242424;
color: #fff;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.blog-action {
padding: 30px;
position: relative;
border-top: 1px solid #f3f3f3;
}
.blog-action ul {
list-style: none;
margin: 0;
padding: 0;
}
.blog-action ul li {
float: left;
margin-right: 20px;
color: #777;
}
.blog-action ul li i {
margin-right: 15px;
font-size: 13px;
}
.site-content iframe,
.entry-video iframe{ max-width: 100%; }
/* paginations */
.pagination{
width: 100%;
}
.pagination .nav-links {
position: relative;
}
.pagination .page-numbers {
display: inline-block;
}
.pagination .page-numbers {
background-color: #2b2b2b;
width: 40px;
height: 40px;
padding: 8px;
color: #ffffff;
text-align: center;
border-radius: 2px;
}
.post-navigation{
background-color: #fbfbfb;
padding: 20px 25px;
margin: 20px 0 0;
}
.post-navigation .nav-previous,
.post-navigation .nav-next{
width: 50%;
}
.post-navigation .nav-previous{
float: left;
}
.post-navigation .nav-next{
float: right;
text-align: right;
}
.post-navigation .nav-links:after{
content:'';
display: block;
clear: both;
}
.blog-tags{ margin-bottom: 50px; list-style:none; padding: 0; }
.blog-tags li { float: left; }
.blog-tags li span { padding: 4px 18px; text-transform: uppercase; color: #fff;
font-weight: 600; margin-right: 10px; border-radius: 50px;}
.blog-tags a { font-size: 11px; color: #777; display: inline-block; text-transform: uppercase;
letter-spacing: 1px; margin-right: 10px; }
.author-block { background: #ffffff; border: 1px solid #b9b9b9; padding: 30px 30px 10px; margin-bottom: 50px; }
.author-block img.avatar{ margin-right: 20px; float: left; border-radius: 50%; }
.author-block h3 { font-size: 18px; }
.author-block p { overflow: hidden; }
.author-block .social-links ul{ margin: 0; padding: 0; list-style: none; }
.author-block .social-links ul li{ display: inline-block; }
.author-block .social-links ul li a{ padding:5px; width: 40px; cursor: pointer; }
.error-page h2{ font-size: 170px; line-height: 160px; margin: 20px 0; }
.error-page h4 { color: #242526; }
.error-page h4 { font-size: 50px; line-height: 45px; margin: 20px 0 25px; }
.error-page p { color: #727272; }
.error-page p { font-size: 20px; font-style: italic; letter-spacing: 1px; line-height: 25px; margin-bottom: 25px; }
.error-page .hotel-primary { color: #ffffff; }
#comments {
clear: both;
padding: 30px 20px;
background-color: #ffffff;
border: 1px solid #b9b9b9;
}
.comments-title {
font-size: 20px;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color:#3a3a3a;
font-size: 14px;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 600;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"],
.comments-area input[type="password"],
.comments-area input[type="search"],
.comments-area input[type="tel"],
.comments-area input[type="number"],
.comments-area select,
.comments-area textarea {
background: #f9f9f9;
border: 0;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
border: 1px solid #dadada;
}
.form-submit {
text-align: right;
}
.secondary{}
.secondary .widget{ background: #ffffff; padding: 20px; margin-top:0; border: 1px solid #cccccc;}
.widget{ margin:30px 0 30px; }
.secondary .widget .widget_title_area{ margin-bottom:20px; font-size: 20px; }
.secondary .widget .widget_title{ font-size: 20px; color: #000000;margin: 0;font-weight: 600; }
.secondary .widget .widget_title:before{ content: ''; display: inline-block; width: 4px; height: 18px;vertical-align: middle;margin-right: 5px;margin-top: -3px; }
.widget ul{ margin:0; padding:0; list-style:none; }
.widget ul li{ padding: 10px 0; }
.secondary .widget ul li{ border-bottom: 1px dotted #b7b7b7;}
.widget ul li a{ color: #2a2a2a; }
.widget ul li:first-child{ padding-top: 0px; }
.widget ul li:last-child{ padding-bottom: 0px; border-bottom: none; }
.widget ul li ul{ padding-left:20px; }
.widget ul li ul li:first-child{ padding-top:10px; margin-top:10px; }
.secondary .widget ul li ul li:first-child{ border-top: 1px dotted #b7b7b7; }
.widget ul li a,
.widget ul li a:hover,
.widget ul li a:focus{ text-decoration: none; }
.frontpage_siderbar{ background: #ffffff; }
.frontpage_siderbar .widget:first-child{ margin-top: 30px; }
.frontpage_siderbar .widget{ background: #ffffff; padding: 20px; margin-top:0; }
.frontpage_siderbar .widget .widget_title_area{ margin-bottom:20px; font-size: 20px; }
.frontpage_siderbar .widget .widget_title{ color: #545454; margin:0; font-weight: 600; }
.frontpage_siderbar .widget ul li{ border-bottom: 1px dotted #b7b7b7;}
.frontpage_siderbar .widget ul li ul li:first-child{ border-top: 1px dotted #b7b7b7; }
.footer_section{ background-color: #000000; }
.footer_section .footer_top{ padding: 70px 0;}
.footer_section .copy_right{ color: #ffffff; padding: 25px 0; }
.footer_section .copy_right p{ margin: 0; }
.footer_section .copy_right a{ color:rgba(255,255,255,.8);}
.footer_section .copy_right a{ text-decoration:none; }
.footer_section .copy_right a:hover,
.footer_section .copy_right a:focus{ color:rgba(255,255,255,1); }
.footer_section .widget,
.footer_section .widget a h4{ color: #e0e0e0; }
.footer_section .widget .widget_title{ font-size: 23px; line-height:1.7; color: #ffffff; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 30px; }
.footer_section .widget .widget_title:after{ content:''; width:100px; height: 1px; display:block; }
.footer_section .widget ul li a{ color: #e0e0e0; }
.widget ul li ul li:first-child{ border-top: 1px dotted rgba(255,255,255,.2); }
.widget ul li{ border-bottom: 1px dotted rgba(255,255,255,.2); }
.footer_section .widget table,
.footer_section .widget th,
.footer_section .widget td {
border: 1px solid rgba(255,255,255,.3);
}
.footer_section .widget table{
border-width: 1px 0 0 1px;
}
.footer_section .widget th,
.footer_section .widget td {
border-width: 0 1px 1px 0;
text-align: center;
}
.footer_section .widget th,
.footer_section .widget td{padding: 5px;}
.footer-post .footer-post-thumb img{ width: 70px; border: 1px solid rgba(255,255,255,.2); padding:4px; }
.footer-post .media-body{ width: auto; }
.footer-post .footer-post-title{ }
.footer-post .footer-post-title,
.footer-post .footer-post-title h4{ font-size: 16px; }
.footer-post .footer-post-title h4{ margin-bottom: 4px; }
.footer-post .footer-post-title,
.footer-post .footer-post-title:hover,
.footer-post .footer-post-title:focus{ text-decoration: none; }
.footer-post .footer-post-title:hover,
.footer-post .footer-post-title:focus{ color: #ffffff; }
.footer-post .footer-post-date{ font-size: 12px; }
.footer-addr{ margin-top: 10px; }
.footer-addr .media-left{ width: auto; }
.footer-addr .footer-cont-icon{ width: 40px; height: 40px; padding:10px; color: #ffffff; border-radius:50%; text-align:center; }
.footer-addr .footer-cont-icon i{ font-size: 18px; }
.footer-addr .footer-addr-info{ margin:3px 0; }
.bottomScrollBtn{
border-radius: 0px 20px 0 0; color: rgba(255,255,255,.5); display: block; font-size: 30px; height: 50px; line-height: 50px; margin: auto; position: absolute;
right: 50px; top: -50px; transition: all 0.2s linear 0s; width: 50px; -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);
}
.bottomScrollBtn i{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);
-o-transform: rotate(45deg); margin-left: 3px;
}
.bottomScrollBtn:hover,
.bottomScrollBtn:focus{ color: rgba(255,255,255,1); }
.wpcf7-form label{
display: block;
margin-bottom: 5px;
color: #000000;
}