/*------------------------------------------------------------------
[Master Stylesheet]
Theme Name: Moon - Responsive Hotel Booking Wordpress Theme
Theme URI: http://moon.wpengine.com/
Last Change: 2015-10-27
Description: Moon is a beautiful Hotel Booking WordPress theme by Theme-Paradise.
Version: 1.0
Author: Theme-Paradise
Author URI: http://themeforest.net/user/theme-paradise?ref=theme-paradise
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. Layout
1-1. Preloader / #preloader-wrapper
1-2. Headers / header.header-style-1 ( 2 )
1-2-1. Main Navigation / nav.main-menu
1-2-2. Mobile Navigation / div.main-menu-mobile
1-2-3. Breadcrumbs / div.section-breadcrumb
1-3. Page Layout / #main-container
1-3-1. Pages
1-3-1-1. Index / .moon-index
1-3-1-2. Page / .moon-page
1-3-1-3. Single / .moon-single, .moon-room-single, .moon-album-single
1-3-1-4. Archive / .moon-archive, .moon-room-archive, .moon-album-archive
1-3-1-5. 404 / .moon-404
1-3-2. Content Area / .with-sidebar
1-3-2-1. Contents / div.cmo-mainbar
1-3-2-2. Sidebar / aside.cmo-sidebar
1-4. Footers / footer
1-3-1. Widgets Area / .footer-widget-area
1-3-2. Copyright Area / #footer-copyright-area
1-5. Blogs
1-5-1. Archive
1-5-1-1. List / .moon-blogs-list-container
1-5-1-2. Masonry / .moon-blogs-masonry-container
1-5-2. Single
1-5-2-1. Post / .moon-post
1-5-2-2. Featured Image / .moon-featured-wrapper
1-5-2-3. Categories / ul.post-categories
1-5-2-4. Tags / .post-meta-tags
1-5-2-5. Author / .post-author
1-5-2-6. Misc / .post-meta-wrapper
1-5-2-7. Comments / .comments-area
1-6. Rooms
1-6-1. Archive / .moon-room-archive
1-6-2. Single / .moon-room-single
1-7. Album
1-7-1. Archive / .moon-album-archive
1-7-2. Single / .moon-album-single
1-8. Reservation
1-8-1. Progress Bar / .booking-progress-bar
1-8-2. Choose Date / .calendar-container
1-8-3. Choose Room / .rooms-container
1-8-4. Book Via Email / .reservation-container
1-9. Widgets ( Styles for default Wordpress Widgets )
2. Shortcodes
2-1. Visual Composer Row / .vc_row
2-2. Moon Accordion / .moonsc-accordion-container
2-3. Album Slider / .moonsc-album-slider-container
2-4. Button / .moon-button ( .small, .large, .shape-round, .shape-pill, .longer, .full-width, .secondary )
2-5. Content-Box / .moonsc-content-box
2-6. Gallery / .album-gallery ( for WordPress default gallery shortcode with Photo-Swipe )
2-7. Room-List / .moonsc-room-list-block
2-8. Room-Search / .moonsc-room-search
2-9. Section-header / .moonsc-section-header
2-10. Testimonial Slider / .moonsc-testimonial-slider
2-10-1. Vertical / .slider-vertical
2-10-2. Horizontal / .slider-horizontal
3. Media Queries ( All Responsive Styles belong here )
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[HTML Standard and Base Styles]
------------------------------------------------------------------*/
* {
box-sizing: border-box;
}
body {
letter-spacing: -0.2px;
line-height: 1.875;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#main-container {
padding: 100px 0 80px;
overflow: hidden;
}
a {
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
}
p,
ul,
blockquote,
table,
dl,
pre {
margin-bottom: 30px;
}
dt {
margin-bottom: 10px;
}
dd {
margin-bottom: 20px;
}
ul > li {
list-style: square;
}
blockquote {
font-weight: 700;
font-size: 18px;
font-style: italic;
border-left: 3px solid;
}
iframe,
embed {
max-width: 100%;
}
.row .moon-mainbar {
width: 100%;
}
.moon-mainbar,
.moon-sidebar {
padding-left: 15px;
padding-right: 15px;
}
.row.with-sidebar .moon-mainbar {
width: 75%;
float: left;
}
.row.with-sidebar .moon-sidebar {
width: 25%;
float: left;
}
.row.with-sidebar.left-sidebar .moon-mainbar,
.row.with-sidebar.left-sidebar .moon-sidebar {
float: right;
}
table {
width: 100%;
}
.moon-single article img,
.moon-single article figure {
max-width: 100%;
height: auto;
}
tt {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
.mejs-container {
margin-bottom: 30px;
}
ul.list-no-dots {
padding-left: 0 ;
}
ul.list-no-dots > li {
list-style: none;
}
.screen-reader-text {
display: none;
}
.no-padding {
padding-left: 0px !important;
padding-right: 0px !important;
}
input:hover,
button:hover,
textarea:hover,
input:active,
button:active,
textarea:active,
input:focus,
button:focus,
textarea:focus {
outline: none;
-webkit-appearance: none;
}
input[type=text],
input[type=number],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
textarea {
border: 1px solid #e2e2e2;
}
.master-container {
overflow: hidden;
}
.em {
font-style: italic;
}
.row-no-padding {
margin-left: 0;
margin-right: 0;
}
.row-no-padding > [class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
/*------------------------------------------------------------------
[Preloader]
------------------------------------------------------------------*/
body.loading {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
#preloader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #ffffff;
}
#preloader-wrapper #preloader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #202935;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
#preloader-wrapper #preloader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #beac5a;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
/* include this only once */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
/* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(0deg);
/* IE 9 */
transform: rotate(0deg);
/* Firefox 16+, IE 10+, Opera */
}
100% {
-webkit-transform: rotate(360deg);
/* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(360deg);
/* IE 9 */
transform: rotate(360deg);
/* Firefox 16+, IE 10+, Opera */
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
/* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(0deg);
/* IE 9 */
transform: rotate(0deg);
/* Firefox 16+, IE 10+, Opera */
}
100% {
-webkit-transform: rotate(360deg);
/* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(360deg);
/* IE 9 */
transform: rotate(360deg);
/* Firefox 16+, IE 10+, Opera */
}
}
/*------------------------------------------------------------------
[Header]
------------------------------------------------------------------*/
header {
position: relative;
-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
z-index: 300;
}
header .logo-link {
font-size: 18px;
height: 99px;
line-height: 99px;
text-transform: uppercase;
letter-spacing: 2px;
}
header .logo-link img.logo {
max-height: 99px;
width: auto;
}
header > .container {
height: 99px;
}
header nav.main-menu {
float: right;
position: relative;
padding-left: 40px;
}
header nav.main-menu ul.menu {
float: left;
padding: 0;
margin-bottom: 0;
}
header nav.main-menu ul.menu li {
list-style: none;
}
header nav.main-menu ul.menu > li.menu-item {
display: block;
position: relative;
float: left;
}
header nav.main-menu ul.menu > li.menu-item > a {
display: block;
padding: 0 14px;
font-size: 14px;
height: 99px;
line-height: 99px;
letter-spacing: 0.5px;
-webkit-transition: color 0.3s, background-color 0.3s;
-moz-transition: color 0.3s, background-color 0.3s;
-o-transition: color 0.3s, background-color 0.3s;
transition: color 0.3s, background-color 0.3s;
}
header nav.main-menu ul.menu > li.menu-item:hover .sub-menu {
visibility: visible;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
z-index: 306;
}
header nav.main-menu ul.menu > li.menu-item#nav-search-container {
position: relative;
}
header nav.main-menu ul.menu > li.menu-item#nav-search-container form.searchform {
position: absolute;
margin-top: -15px;
right: 0;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: transform 0.5s, opacity 0.5s, visibility 0s 0.5s;
-moz-transition: transform 0.5s, opacity 0.5s, visibility 0s 0.5s;
-o-transition: transform 0.5s, opacity 0.5s, visibility 0s 0.5s;
transition: transform 0.5s, opacity 0.5s, visibility 0s 0.5s;
}
header nav.main-menu ul.menu > li.menu-item#nav-search-container form.searchform.search-ready {
display: block;
visibility: visible;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: transform 0.5s, opacity 0.5s, visibility 0s 0s;
-moz-transition: transform 0.5s, opacity 0.5s, visibility 0s 0s;
-o-transition: transform 0.5s, opacity 0.5s, visibility 0s 0s;
transition: transform 0.5s, opacity 0.5s, visibility 0s 0s;
}
header nav.main-menu ul.menu > li.menu-item#nav-search-container form.searchform input[type=text] {
padding: 2px 5px;
}
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu {
position: absolute;
padding: 15px 0 15px;
top: 85px;
left: 50%;
margin-left: -140px;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: -webkit-transform 0.5s, visibility 0.5s, opacity 0.5s;
-moz-transition: -moz-transform 0.5s, visibility 0.5s, opacity 0.5s;
-o-transition: -o-transform 0.5s, visibility 0.5s, opacity 0.5s;
transition: transform 0.5s, visibility 0.5s, opacity 0.5s;
z-index: 305;
}
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu:before {
position: absolute;
display: block;
content: '';
border-style: solid;
border-width: 0 12px 12px;
border-color: #202935 rgba(255, 255, 255, 0);
top: -12px;
left: 50%;
margin-left: -12px;
}
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item a {
display: block;
width: 280px;
height: 35px;
line-height: 35px;
font-size: 12px;
padding-left: 30px;
text-transform: uppercase;
letter-spacing: 1px;
}
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item ul.sub-menu {
position: absolute;
padding: 15px 0 15px;
top: 0px;
right: -100%;
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: -webkit-transform 0.5s, visibility 0.5s, opacity 0.5s;
-moz-transition: -moz-transform 0.5s, visibility 0.5s, opacity 0.5s;
-o-transition: -o-transform 0.5s, visibility 0.5s, opacity 0.5s;
transition: transform 0.5s, visibility 0.5s, opacity 0.5s;
z-index: 305;
}
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item:hover > ul.sub-menu {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
visibility: visible;
}
header nav.main-menu ul.menu > li.menu-item:not(:first-of-type) {
margin-left: 1px;
}
header nav.main-menu ul.menu > li.menu-item:not(:first-of-type):before {
display: block;
content: '';
position: absolute;
left: -1px;
top: 45px;
width: 1px;
height: 11px;
background-color: #bcbec0;
}
header nav.main-menu span.moon-menu-not-assigned {
line-height: 99px;
opacity: 0.5;
}
header #menu-main-menu {
margin-bottom: 0;
}
header a:hover {
text-decoration: none;
}
header.transparent {
position: absolute;
width: 100%;
}
header.transparent.header-style-2 {
opacity: 0.8;
}
header.sticky.stuck {
position: fixed;
top: 0;
width: 100%;
height: 99px;
}
header .logo.on-transparent {
display: none;
}
header #menu-toggle {
float: right;
display: none;
margin: 17px 5px 0 0;
width: 68px;
height: 68px;
border-radius: 5px;
cursor: pointer;
position: relative;
}
header #menu-toggle .bar {
width: 35px;
height: 4px;
position: absolute;
left: 10px;
}
header #menu-toggle .first {
top: 20px;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
header #menu-toggle .second {
top: 32px;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
header #menu-toggle .third {
top: 44px;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
header #menu-toggle.opened .first {
-webkit-transform: translateY(12px) rotate(45deg);
-moz-transform: translateY(12px) rotate(45deg);
-ms-transform: translateY(12px) rotate(45deg);
-o-transform: translateY(12px) rotate(45deg);
transform: translateY(12px) rotate(45deg);
}
header #menu-toggle.opened .second {
opacity: 0;
}
header #menu-toggle.opened .third {
-webkit-transform: translateY(-12px) rotate(-45deg);
-moz-transform: translateY(-12px) rotate(-45deg);
-ms-transform: translateY(-12px) rotate(-45deg);
-o-transform: translateY(-12px) rotate(-45deg);
transform: translateY(-12px) rotate(-45deg);
}
header #mobile-menu {
position: fixed;
display: none;
left: 0;
top: 0;
width: 300px;
bottom: 0;
padding: 50px 40px 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
transition: transform 0.3s;
}
header #mobile-menu.opened {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
header #mobile-menu ul.menu {
padding-left: 0;
}
header #mobile-menu ul.menu > li.menu-item {
display: block;
padding: 10px 0;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
position: relative;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
font-size: 14px;
}
header #mobile-menu ul.menu > li.menu-item .toggle-state-icon {
position: absolute;
display: block;
padding: 10px 0;
line-height: 24.375px;
right: 0;
top: 0;
font-weight: bold;
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
}
header #mobile-menu ul.menu > li.menu-item.opened .toggle-state-icon {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
header #mobile-menu ul.sub-menu {
display: none;
padding-left: 20px;
}
header #mobile-menu ul.sub-menu li.menu-item {
list-style: none;
}
header #mobile-menu ul.sub-menu li.menu-item a {
display: block;
padding: 7px 0;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
header:after {
display: block;
clear: both;
content: '';
}
body.admin-bar header.sticky.stuck {
top: 32px;
}
@media (max-width: 782px) {
body.admin-bar header.sticky.stuck {
top: 46px;
}
}
@media (max-width: 600px) {
body.admin-bar header.sticky.stuck {
top: 0px;
}
}
/*------------------------------------------------------------------
[Breadcrumb]
------------------------------------------------------------------*/
.section-breadcrumb {
padding: 80px 0;
text-align: center;
position: relative;
}
.section-breadcrumb:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0.1;
background-image: url('../../images/breadcrumb-bg.jpg');
background-repeat: no-repeat;
background-position: 50% 50%;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
pointer-events: none;
}
.section-breadcrumb .page-title {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
}
.section-breadcrumb .breadcrumb {
background-color: transparent;
font-weight: 700;
}
.section-breadcrumb .breadcrumb .slug {
border: 0px;
display: inline-block;
font-weight: 700;
font-size: 12px;
padding: 3px 5px;
}
.section-breadcrumb .breadcrumb .slug ul.tpf-breadcrumbs {
display: inline-block;
padding-left: 0;
margin-bottom: 0;
}
.section-breadcrumb .breadcrumb .slug ul.tpf-breadcrumbs:after {
display: block;
clear: both;
content: '';
}
.section-breadcrumb .breadcrumb .slug ul.tpf-breadcrumbs > li {
list-style: none;
display: inline-block;
}
.section-breadcrumb .breadcrumb .slug ul.tpf-breadcrumbs > li + li:before {
content: '>';
margin-left: 5px;
margin-right: 5px;
}
.moon-sidebar > div {
border: 1px solid;
margin-bottom: 30px;
padding: 30px;
}
.moon-sidebar > div h3 {
font-size: 14px;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 2;
padding-bottom: 20px;
border-bottom: 1px solid;
margin-bottom: 20px;
margin-top: 0;
}
.moon-sidebar > div img {
max-width: 100%;
}
.moon-sidebar .widget_archive ul,
.moon-sidebar .widget_categories ul,
.moon-sidebar .widget_pages ul,
.moon-sidebar .widget_meta ul,
.moon-sidebar .widget_recent_comments ul,
.moon-sidebar .widget_recent_entries ul,
.moon-sidebar .widget_nav_menu ul,
.moon-sidebar .widget_rss ul {
margin-left: 0;
padding-left: 15px;
}
.moon-sidebar .widget_archive ul > li,
.moon-sidebar .widget_categories ul > li,
.moon-sidebar .widget_pages ul > li,
.moon-sidebar .widget_meta ul > li,
.moon-sidebar .widget_recent_comments ul > li,
.moon-sidebar .widget_recent_entries ul > li,
.moon-sidebar .widget_nav_menu ul > li,
.moon-sidebar .widget_rss ul > li {
list-style: none;
margin-bottom: 7px;
}
.moon-sidebar .widget_archive ul > li:before,
.moon-sidebar .widget_categories ul > li:before,
.moon-sidebar .widget_pages ul > li:before,
.moon-sidebar .widget_meta ul > li:before,
.moon-sidebar .widget_recent_comments ul > li:before,
.moon-sidebar .widget_recent_entries ul > li:before,
.moon-sidebar .widget_nav_menu ul > li:before,
.moon-sidebar .widget_rss ul > li:before {
content: '-';
margin-left: -15px;
width: 15px;
float: left;
}
.moon-sidebar .widget_archive span.post-date,
.moon-sidebar .widget_categories span.post-date,
.moon-sidebar .widget_pages span.post-date,
.moon-sidebar .widget_meta span.post-date,
.moon-sidebar .widget_recent_comments span.post-date,
.moon-sidebar .widget_recent_entries span.post-date,
.moon-sidebar .widget_nav_menu span.post-date,
.moon-sidebar .widget_rss span.post-date {
font-size: 0.9em;
font-style: italic;
display: block;
}
.moon-sidebar ul:last-of-type {
margin-bottom: 0;
}
.moon-sidebar .widget_calendar table {
width: 100%;
/* th:nth-child( 7n+6 ),
td:nth-child( 7n+6 ),
th:nth-child( 7n ),
td:nth-child( 7n ) {
color: red;
} */
}
.moon-sidebar .widget_calendar table caption {
text-align: center;
}
.moon-sidebar .widget_calendar table td,
.moon-sidebar .widget_calendar table th {
text-align: center;
}
.moon-sidebar .widget_calendar table td a,
.moon-sidebar .widget_calendar table th a {
text-decoration: underline;
}
.moon-sidebar .widget_calendar table td#today {
font-weight: 700;
}
.moon-sidebar .widget_calendar table #prev {
text-align: left;
}
.moon-sidebar .widget_calendar table #next {
text-align: right;
}
.moon-sidebar .widget_search form.search-form {
position: relative;
}
.moon-sidebar .widget_search form.search-form input.search-field {
width: 100%;
height: 40px;
display: block;
font-size: 12px;
padding: 0px 40px 0px 10px;
font-weight: normal;
outline: none;
-webkit-appearance: none;
appearance: none;
border: none;
}
.moon-sidebar .widget_search form.search-form .search-submit {
display: block;
position: absolute;
top: 0;
right: 0;
width: 40px;
line-height: 40px;
text-align: center;
border: none;
background-color: transparent;
}
.moon-sidebar .widget_tag_cloud a {
border: 1px solid #e2e2e2;
padding: 2px 8px;
margin-bottom: 5px;
display: inline-block;
vertical-align: middle;
}
.moon-sidebar select,
.moon-sidebar textarea,
.moon-sidebar input {
max-width: 100%;
width: 100%;
}
.moon-sidebar img {
max-width: 100%;
height: auto;
}
.moon-sidebar #nav-search-container {
display: none;
}
/*------------------------------------------------------------------
[Footer]
------------------------------------------------------------------*/
footer {
color: #8b99ab;
font-size: 13px;
}
footer .footer-widget-area {
padding-top: 100px;
padding-bottom: 0px;
padding-bottom: 30px;
}
footer .moon-sidebar {
width: 100%;
padding-left: 0;
padding-right: 0;
}
footer .moon-sidebar > div {
border: 0;
margin-bottom: 0px;
padding: 0px;
}
footer .moon-sidebar > div h3 {
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
font-weight: bold;
margin-top: 6px;
margin-bottom: 20px;
line-height: 1.1;
border-bottom: 0;
padding-bottom: 0;
}
footer .moon-sidebar > div a {
color: #8b99ab;
}
footer .footer-copyright-area {
background-color: #1c242f;
font-size: 14px;
font-weight: 400;
height: 70px;
line-height: 70px;
}
footer p {
margin-bottom: 5px;
}
/*------------------------------------------------------------------
[404]
------------------------------------------------------------------*/
.moon-404 {
text-align: center;
}
.moon-404 .title-404 {
font-size: 36px;
font-weight: 900;
margin-bottom: 30px;
}
.moon-404 .desc {
font-size: 18px;
}
.moon-404 .desc-404 {
font-size: 144px;
}
.moon-404 .desc-404-form {
width: 370px;
display: inline-block;
position: relative;
}
.moon-404 .desc-404-form::-webkit-input-placeholder {
color: #59677a;
}
.moon-404 .desc-404-form:-moz-placeholder {
color: #59677a;
}
.moon-404 .desc-404-form::-moz-placeholder {
color: #59677a;
}
.moon-404 .desc-404-form:-ms-input-placeholder {
color: #59677a;
}
.moon-404 .desc-404-form input.search-field {
width: 100%;
padding: 5px 15px;
border: 1px solid;
}
.moon-404 .desc-404-form button.search-submit {
position: absolute;
right: 0;
top: 0;
height: 38px;
line-height: 34px;
background-color: transparent;
border: 0;
}
.d-primary-color,
body,
header.header-style-1,
header.header-style-1 nav.main-menu ul.menu > li.menu-item > a,
.section-breadcrumb .page-title,
.moon-sidebar a,
.moon-blogs-list-container ul.post-categories > li a,
.moon-blogs-list-container h2.moon-article-title a,
.moon-blogs-list-container .moon-article-meta-date,
.moon-blogs-list-container .moon-article-meta-date:hover,
.moon-blogs-list-container .moon-article-meta-comments,
.moon-blogs-list-container .moon-article-meta-author,
.moon-blogs-list-container .moon-article-meta-comments:hover,
.moon-blogs-list-container .moon-article-meta-author:hover,
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail:hover,
.moon-pagination-flow a,
.moon-pagination-numbers .nav-links a span.page-numbers,
nav.navigation.pagination .nav-links a.page-numbers,
.moon-post ul.post-categories a,
.moon-post .post-meta-tags a,
.moon-post .post-author a,
.moonsc-content-box .title,
.moon-button:hover,
.moon-button.transparent,
.moon-sidebar a.moon-button:hover,
.moon-sidebar a.moon-button:active,
.moon-sidebar a.moon-button:focus,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
form.check-rooms label,
form.check-rooms .ui-datepicker-trigger,
form.check-rooms .form-select,
form.check-rooms .form-group > i.fa-caret-down,
form.check-rooms.third .form-control,
form.check-rooms.third .ui-datepicker-trigger,
form.check-rooms.third .form-group > i.fa-caret-down,
.accordion .panel .panel-body,
.form.mc4wp-form div.footer-subscription-form input,
.moon-room-archive .moon-room-item .moon-article-title a,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-datepicker .ui-widget-header,
.ui-widget-header a,
.bootstrap-select > .btn,
.bootstrap-select.btn-group .btn .caret,
.bootstrap-select.btn-group .dropdown-menu li a,
.bootstrap-select.btn-group.third .btn,
.bootstrap-select.btn-group.third .btn .caret,
.booking-progress-bar .booking-step.current .number-circle,
.booking-progress-bar .booking-step:hover .number-circle,
.calendar-container div.capt,
.moon-album-list-container h2.moon-album-title a,
.moonsc-album-slider-container h2.moon-album-title a,
.moon-album-list-container .moon-album-meta-date:hover,
.moonsc-album-slider-container .moon-album-meta-date:hover {
color: #202935;
}
.d-primary-color-as-background,
header.header-style-2,
header nav.main-menu ul.menu > li.menu-item > a:hover,
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu,
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item ul.sub-menu,
header #menu-toggle .bar,
header #mobile-menu,
footer,
.moonsc-testimonial-slider.slider-horizontal .slider-page-controls .page-control.swiper-pagination-bullet-active,
.moon-button,
.moon-button.transparent:hover,
input[type=submit],
input[type=button],
input[type=reset],
form.check-rooms .form-control,
.moonsc-room-list-block.style-1,
.form.mc4wp-form div.footer-subscription-form button {
background-color: #202935;
}
.d-primary-color-as-border,
.moon-404 .desc-404-form input.search-field,
.moon-post .moon-article-social-links,
.moon-post .moon-article-social-links .moon-article-social-label,
.comment-respond,
.comment-list .comment .comment-respond,
.moonsc-testimonial-slider.slider-horizontal .slider-page-controls .page-control.swiper-pagination-bullet-active,
.moon-button,
.moon-button.transparent:hover,
input[type=submit],
input[type=button],
input[type=reset],
form.check-rooms.third .form-control,
.moon-album-single article.moon_album .moon-album-social-links,
.moon-album-single article.moon_album .moon-album-social-links .moon-album-social-label {
border-color: #202935;
}
.d-secondary-color,
a,
a.secondary-color,
header.header-style-1 nav.main-menu ul.menu > li.menu-item > a:hover,
header.header-style-2 nav.main-menu ul.menu > li.menu-item > a:hover,
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item a:hover,
header #mobile-menu ul.menu > li.menu-item > a:hover,
header #mobile-menu ul.menu > li.menu-item:hover,
header #mobile-menu ul.sub-menu li.menu-item a:hover,
.section-breadcrumb .breadcrumb .slug a.breadcrumb-home,
.section-breadcrumb .breadcrumb .slug .home,
.moon-sidebar a:hover,
footer .moon-sidebar > div a:hover,
.moon-blogs-list-container ul.post-categories > li a:hover,
.moon-blogs-list-container h2.moon-article-title a:hover,
.moon-pagination-flow a:hover,
.moon-pagination-numbers .nav-links span.page-numbers,
.moon-pagination-numbers .nav-links a span.page-numbers:hover,
nav.navigation.pagination .nav-links .page-numbers,
nav.navigation.pagination .nav-links a.page-numbers:hover,
.moon-post ul.post-categories a:hover,
.moon-post .moon-article-social-links a:hover,
.moon-post .post-meta-tags a:hover,
.moon-post .post-author a:hover,
.comment-list .comment a.comment-edit-link,
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .name,
.moon-button:hover.secondary,
.moon-button.transparent.secondary,
.moon-sidebar a.moon-button.secondary:hover,
.moon-sidebar a.moon-button.secondary:active,
.moon-sidebar a.moon-button.secondary:focus,
form.check-rooms.secondary .ui-datepicker-trigger,
form.check-rooms.secondary .form-group > i.fa-caret-down,
.moonsc-room-list-block.style-2 div.subtitle,
.accordion .panel.open .panel-heading .panel-title:after,
.accordion .panel.open .panel-body,
.wpcf7-form .wpcf7-form-control.wpcf7-submit,
.moon-room-archive .moon-room-item .moon-article-title a:hover,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.bootstrap-select.btn-group.secondary .btn .caret,
form.check-rooms .fa-plus-circle,
.rooms-container .room-row .link.secondary,
.moon-album-list-container .moon-album-num-photos,
.moonsc-album-slider-container .moon-album-num-photos,
.moon-album-list-container h2.moon-album-title a:hover,
.moonsc-album-slider-container h2.moon-album-title a:hover,
.moon-album-single article.moon_album .moon-album-num-photos,
.moon-album-single article.moon_album .moon-album-social-links a:hover {
color: #beac5a;
}
.d-secondary-color-as-background,
.moonsc-testimonial-slider.slider-vertical .slider-page-controls .page-control.swiper-pagination-bullet-active,
.moon-button.secondary,
.moon-button.transparent.secondary:hover,
.moonsc-room-search,
.moonsc-room-list-block.style-1 .moonsc-side-background,
.accordion .panel.open,
.accordion .panel.open .panel-heading,
.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover,
.ui-datepicker .ui-state-default.ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-active,
.ui-datepicker .ui-state-default.ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-hover,
.ui-datepicker .ui-state-default.ui-state-hover.ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover.ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-hover.ui-state-highlight,
.ui-datepicker .ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker-inline .css-class-to-highlight.selected a,
.booking-progress-bar {
background-color: #beac5a;
}
.d-secondary-color-as-border,
blockquote,
hr,
.moon-sidebar > div,
.moon-sidebar > div h3,
.moon-blogs-list-container .moon-article-excerpt.highlight,
.moon-blogs-list-container .sticky-post-wrapper,
.moon-blogs-masonry-container .moon-isotope-item.sticky .moon-post-thumbnail,
.moon-pagination-numbers .nav-links span.page-numbers,
nav.navigation.pagination .nav-links .page-numbers,
.moonsc-testimonial-slider.slider-vertical .slider-page-controls .page-control.swiper-pagination-bullet-active,
.moon-button.secondary,
.moon-button.transparent.secondary:hover,
form.check-rooms.secondary .form-control,
.accordion .panel.open,
.wpcf7-form .wpcf7-form-control.wpcf7-submit,
.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover {
border-color: #beac5a;
}
.d-muted-color,
a:hover,
a:active,
a:focus,
.muted,
footer .footer-copyright-area,
.moon-404 .desc-404,
.moon-404 .desc-404-form button.search-submit,
.accordion .panel .panel-heading .panel-title:after,
.form.mc4wp-form div.footer-subscription-form button,
.booking-progress-bar .booking-step,
.booking-progress-bar .booking-step .number-circle,
.moonsc-album-slider-container .moon-album-meta-date,
.moonsc-album-slider-container .moon-album-meta-date:hover {
color: #59677a;
}
.d-muted-color-as-background,
.accordion .panel .panel-heading,
.form.mc4wp-form div.footer-subscription-form input,
.ui-datepicker .ui-state-default.ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-highlight,
.ui-datepicker-inline .css-class-to-highlight.unavailable a {
background-color: #59677a;
}
.d-muted-color-as-border,
.accordion .panel {
border-color: #59677a;
}
.d-bg-color,
header .logo-link,
header.header-style-2 nav.main-menu ul.menu > li.menu-item > a,
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item a,
header #mobile-menu ul.menu > li.menu-item,
header #mobile-menu ul.menu > li.menu-item > a,
header #mobile-menu ul.sub-menu li.menu-item a,
footer .moon-sidebar > div h3,
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail,
.moon-button,
.moon-button.transparent:hover,
.moon-button.transparent.secondary:hover,
.moon-sidebar a.moon-button,
input[type=submit],
input[type=button],
input[type=reset],
.moonsc-room-search .title-area,
form.check-rooms.secondary label,
.moonsc-room-list-block.style-1 .room-title-container h3.heading,
.moonsc-room-list-block.style-1 .row.room:hover .content.muted,
.moonsc-room-list-block.style-2 .rooms-container .room-thumb-box .room-meta-box,
.accordion .panel .panel-heading,
.accordion .panel .panel-heading .panel-title a:hover,
.accordion .panel .panel-heading .panel-title a:focus,
.accordion .panel .panel-heading .panel-title a:active,
.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover,
.ui-datepicker .ui-state-default.ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-highlight,
.ui-datepicker .ui-state-default.ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-active,
.ui-datepicker .ui-state-default.ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-hover,
.ui-datepicker .ui-state-default.ui-state-hover.ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover.ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-hover.ui-state-highlight,
.ui-datepicker .ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-highlight.ui-state-active,
.booking-progress-bar .booking-step.current,
.booking-progress-bar .booking-step:hover,
.moonsc-album-slider-container h2.moon-album-title a,
.moonsc-album-slider-container .moon-album-prev,
.moonsc-album-slider-container .moon-album-next {
color: #ffffff;
}
.d-bg-color-as-background,
header.sticky.stuck.header-style-1,
header.header-style-2 #menu-toggle .bar,
.section-breadcrumb,
form.comment-form input[type=text],
form.comment-form input[type=number],
form.comment-form input[type=email],
form.comment-form input[type=search],
form.comment-form input[type=tel],
form.comment-form input[type=url],
form.comment-form textarea,
.moonsc-testimonial-slider.slider-horizontal .slider-page-controls .page-control,
form.check-rooms .ui-datepicker-trigger,
form.check-rooms .form-group > i.fa-caret-down,
form.check-rooms.secondary .form-control,
form.check-rooms.secondary .ui-datepicker-trigger,
form.check-rooms.third .form-control,
form.check-rooms.third .ui-datepicker-trigger,
.accordion .panel .panel-heading .panel-title:after,
.accordion .panel .panel-body,
.wpcf7-form-control-wrap .wpcf7-form-control,
.moon-room-archive form.check-rooms .form-control,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.booking-progress-bar .booking-step .number-circle {
background-color: #ffffff;
}
.d-bg-color-as-border,
.moonsc-testimonial-slider.slider-vertical .slider-page-controls .page-control,
.moonsc-testimonial-slider.slider-horizontal .slider-page-controls .page-control,
.moonsc-album-slider-container .moon-album-prev,
.moonsc-album-slider-container .moon-album-next {
border-color: #ffffff;
}
.d-bg-color2 {
color: #f3f3f3;
}
.d-bg-color2-as-background,
.moon-sidebar .widget_search form.search-form input.search-field,
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .testimonial,
.moonsc-testimonial-slider.slider-vertical .slider-page-controls .page-control,
.calendar-container,
.reservation-container .reservation-form {
background-color: #f3f3f3;
}
.d-bg-color2-as-border {
border-color: #f3f3f3;
}
.d-heading-font,
blockquote cite,
.section-breadcrumb,
.section-breadcrumb .page-title,
.moon-sidebar > div h3,
.moon-sidebar .widget_archive ul,
.moon-sidebar .widget_categories ul,
.moon-sidebar .widget_pages ul,
.moon-sidebar .widget_meta ul,
.moon-sidebar .widget_recent_comments ul,
.moon-sidebar .widget_recent_entries ul,
.moon-sidebar .widget_nav_menu ul,
.moon-sidebar .widget_rss ul,
.moon-sidebar .widget_recent_comments .comment-author-link,
.moon-sidebar .widget_recent_entries .comment-author-link,
.moon-sidebar .widget_rss .comment-author-link,
.moon-sidebar .widget_recent_comments span.post-date,
.moon-sidebar .widget_recent_entries span.post-date,
.moon-sidebar .widget_rss span.post-date,
footer .moon-sidebar > div h3,
footer .footer-copyright-area,
.moon-404 .title-404,
.moon-blogs-list-container ul.post-categories,
.moon-blogs-list-container h2.moon-article-title,
.moon-blogs-list-container .moon-article-meta-date,
.moon-blogs-list-container .moon-article-meta-comments,
.moon-blogs-list-container .moon-article-meta-author,
.moon-blogs-masonry-container h2.moon-article-title,
.moon-blogs-masonry-container .moon-article-meta-date,
.moon-blogs-masonry-container .moon-article-meta-comments,
.moon-blogs-masonry-container .moon-article-meta-author,
.moon-pagination-flow,
.moon-post h2.moon-article-title,
.moon-post ul.post-categories,
.moon-post .moon-article-meta-date,
.moon-post .moon-article-meta-comments,
.moon-post .moon-article-meta-author,
.moon-post .moon-article-social-links,
.moon-post .moon-article-social-links .moon-article-social-label,
.moon-post .post-author .author-info .author-name,
h3.comments-title,
h3.comment-reply-title,
.comment-list .comment .comment-author-name,
.comment-list .comment .comment-meta-date,
ul.comment-list li.pingback .comment-meta-date,
.moonsc-section-header .heading,
.moonsc-content-box .title,
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .name,
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .position,
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .name,
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .position,
.moonsc-room-search .title,
.moonsc-room-search .subtitle,
.moonsc-room-list-block.style-1 .room-container .price-text,
.moonsc-room-list-block.style-2 div.subtitle,
.accordion .panel .panel-heading,
.moon-room-single em,
.booking-progress-bar .booking-step .number-circle,
.rooms-container .room-row h3,
.rooms-container .room-row em,
.rooms-container .room-row .link.secondary,
.reservation-container .reservation-form .buttons-container .space-text,
.moon-album-list-container .moon-album-meta-date,
.moonsc-album-slider-container .moon-album-meta-date,
.moon-album-single article.moon_album .moon-article-meta-date,
.moon-album-single article.moon_album .moon-album-social-links,
.moon-album-single article.moon_album .moon-album-social-links .moon-album-social-label,
.moon-album-single article.moon_album .moon-album-meta-date {
font-family: 'Playfair Display', serif;
}
.d-text-font,
.moon-sidebar .widget_recent_comments ul,
.moon-sidebar .widget_recent_entries ul,
.moon-sidebar .widget_rss ul,
.moon-sidebar .widget_search form.search-form input.search-field,
footer,
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .testimonial,
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .testimonial,
form.check-rooms label,
.accordion .panel .panel-body,
.booking-progress-bar .booking-step,
.reservation-container .reservation-form {
font-family: 'Roboto', sans-serif;
}
.d-menu-font,
header,
header .logo-link,
header nav.main-menu ul.menu > li.menu-item > a,
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item a {
font-family: 'Playfair Display', serif;
}
.d-menu-font-weight,
header,
header .logo-link,
header nav.main-menu ul.menu > li.menu-item > a,
header nav.main-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item a {
font-weight: 700;
}
.d-header-bg-color,
header.header-style-2 {
color: transparent;
}
.d-header-bg-color-as-background,
header.header-style-1 {
background-color: transparent;
}
.d-header-bg-color-as-border {
border-color: transparent;
}
/*------------------------------------------------------------------
[Blog Archive]
------------------------------------------------------------------*/
.moon-blogs-list-container article.post {
margin-bottom: 30px;
}
.moon-blogs-list-container .moon-featured-wrapper .moon-post-thumbnail {
background-size: cover;
background-position: center;
padding-top: 75%;
}
.moon-blogs-list-container ul.post-categories {
padding-left: 0;
margin-top: 20px;
margin-bottom: 0;
line-height: 1;
font-size: 14px;
}
.moon-blogs-list-container ul.post-categories:after {
display: block;
clear: both;
content: '';
}
.moon-blogs-list-container ul.post-categories > li {
list-style: none;
display: block;
float: left;
margin-bottom: 5px;
}
.moon-blogs-list-container ul.post-categories > li + li:before {
content: ', ';
}
.moon-blogs-list-container h2.moon-article-title {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 20px 0px;
line-height: 1.5;
}
.moon-blogs-list-container h2.moon-article-title strong {
font-weight: 900;
}
.moon-blogs-list-container .moon-article-meta-date {
font-size: 14px;
font-weight: 400;
}
.moon-blogs-list-container .moon-article-meta-date i {
margin-right: 5px;
}
.moon-blogs-list-container .moon-article-meta-comments,
.moon-blogs-list-container .moon-article-meta-author {
font-size: 14px;
font-weight: 400;
margin-left: 20px;
}
.moon-blogs-list-container .moon-article-meta-comments i,
.moon-blogs-list-container .moon-article-meta-author i {
margin-right: 5px;
}
.moon-blogs-list-container .moon-article-excerpt {
margin-top: 30px;
}
.moon-blogs-list-container .moon-article-excerpt.highlight {
font-size: 18px;
font-style: italic;
font-weight: 700;
border-left: 3px solid;
padding-left: 20px;
}
.moon-blogs-list-container .sticky-post-wrapper {
padding: 15px;
margin-bottom: 30px;
border: 1px dashed;
}
.moon-blogs-list-container .sticky-post-wrapper article.post {
margin-bottom: 0px;
}
.moon-blogs-masonry-container {
margin-top: -15px;
}
.moon-blogs-masonry-container h2.moon-article-title {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 20px 0px 5px;
line-height: 1.5;
}
.moon-blogs-masonry-container h2.moon-article-title strong {
font-weight: 900;
}
.moon-blogs-masonry-container .moon-article-meta-date {
font-size: 14px;
font-weight: 400;
margin-right: 20px;
}
.moon-blogs-masonry-container .moon-article-meta-date i {
margin-right: 5px;
}
.moon-blogs-masonry-container .moon-article-meta-comments,
.moon-blogs-masonry-container .moon-article-meta-author {
font-size: 14px;
font-weight: 400;
margin-right: 20px;
}
.moon-blogs-masonry-container .moon-article-meta-comments i,
.moon-blogs-masonry-container .moon-article-meta-author i {
margin-right: 5px;
}
.moon-blogs-masonry-container .moon-isotope-item {
position: absolute;
}
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail {
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
background-color: #e2e2e2;
overflow: hidden;
}
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail:before {
content: '';
display: block;
position: absolute;
background: transparent;
background: -moz-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.5) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.5) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.5) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
/* IE6-9 */
left: 0;
right: 0;
bottom: 0%;
top: 0;
opacity: 1;
z-index: 5;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail:after {
content: '';
display: block;
position: absolute;
background: transparent;
background: -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.8) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.8) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.8) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
/* IE6-9 */
left: 0;
right: 0;
bottom: 0%;
top: 0;
opacity: 0;
z-index: 6;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail:hover:before {
opacity: 0;
}
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail:hover:after {
opacity: 1;
}
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail:hover .moon-post-hover {
bottom: 30px;
}
.moon-blogs-masonry-container .moon-isotope-item .moon-post-thumbnail .moon-post-hover {
position: absolute;
left: 20px;
right: 40px;
bottom: 15px;
overflow: hidden;
-webkit-transition: bottom 0.4s ease-in-out;
-moz-transition: bottom 0.4s ease-in-out;
-o-transition: bottom 0.4s ease-in-out;
transition: bottom 0.4s ease-in-out;
z-index: 10;
}
.moon-blogs-masonry-container .moon-isotope-item.sticky .moon-post-thumbnail {
border: 1px solid;
}
.no-posts-found {
text-align: center;
}
/*------------------------------------------------------------------
[Blog Pagination]
------------------------------------------------------------------*/
.moon-pagination-flow {
font-size: 14px;
font-style: italic;
height: 50px;
padding-top: 10px;
border-top: 1px solid;
border-bottom: 3px solid;
clear: both;
}
.moon-pagination-flow:after {
display: block;
clear: both;
content: '';
}
.moon-pagination-flow span.flow-prev {
float: left;
display: block;
}
.moon-pagination-flow span.flow-next {
float: right;
display: block;
}
.moon-pagination-flow a i {
font-size: 14px;
}
.moon-pagination-numbers {
margin-bottom: 30px;
}
.moon-pagination-numbers:after {
display: block;
clear: both;
content: '';
}
.moon-pagination-numbers .nav-links {
text-align: center;
}
.moon-pagination-numbers .nav-links span.page-numbers {
width: 36px;
height: 36px;
line-height: 34px;
text-align: center;
display: inline-block;
border: 2px solid;
border-radius: 2px;
-webkit-transition: color 0.4s ease-in-out;
-moz-transition: color 0.4s ease-in-out;
-o-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.moon-pagination-numbers .nav-links span.page-numbers.dots {
border: 0;
}
nav.navigation.pagination {
margin-bottom: 30px;
display: block;
}
nav.navigation.pagination:after {
display: block;
clear: both;
content: '';
}
nav.navigation.pagination .nav-links {
text-align: center;
}
nav.navigation.pagination .nav-links .page-numbers {
width: 36px;
height: 36px;
line-height: 34px;
text-align: center;
display: inline-block;
border: 2px solid;
border-radius: 2px;
-webkit-transition: color 0.4s ease-in-out;
-moz-transition: color 0.4s ease-in-out;
-o-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
nav.navigation.pagination .nav-links .page-numbers.dots {
border: 0;
}
.moon-pagination-flow.moon-comments-pagination {
border-top: 0;
border-bottom: 0;
}
.moon-featured-wrapper .moon-post-thumbnail {
background-size: cover;
background-position: center;
padding-top: 75%;
}
/*------------------------------------------------------------------
[Blog Single]
------------------------------------------------------------------*/
.moon-post h2.moon-article-title {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 20px 0px;
line-height: 1.5;
}
.moon-post h2.moon-article-title strong {
font-weight: 900;
}
.moon-post ul.post-categories {
padding-left: 0;
margin-top: 20px;
margin-bottom: 0;
line-height: 1;
font-size: 14px;
}
.moon-post ul.post-categories:after {
display: block;
clear: both;
content: '';
}
.moon-post ul.post-categories > li {
list-style: none;
display: block;
float: left;
margin-bottom: 5px;
}
.moon-post ul.post-categories > li + li:before {
content: ', ';
}
.moon-post .moon-article-meta-date {
font-size: 14px;
font-weight: 400;
}
.moon-post .moon-article-meta-date i {
margin-right: 5px;
}
.moon-post .moon-article-meta-comments,
.moon-post .moon-article-meta-author {
font-size: 14px;
font-weight: 400;
margin-left: 20px;
}
.moon-post .moon-article-meta-comments i,
.moon-post .moon-article-meta-author i {
margin-right: 5px;
}
.moon-post .moon-article-social-links {
border: 1px solid;
margin-top: 20px;
}
.moon-post .moon-article-social-links a {
color: inherit;
}
.moon-post .moon-article-social-links .moon-article-social-label {
display: block;
margin-top: 0px;
padding: 10px 20px;
vertical-align: middle;
float: left;
font-weight: bold;
font-size: 14px;
border-right: 1px solid;
width: 40%;
text-align: center;
}
.moon-post .moon-article-social-links ul.moon-article-social-icons {
float: left;
width: 60%;
text-align: center;
padding: 10px 20px;
}
.moon-post .moon-article-social-links:after {
display: block;
clear: both;
content: '';
}
.moon-post ul.moon-article-social-icons {
display: block;
margin-left: 0;
margin-bottom: 0;
margin-top: 0px;
padding: 10px 0px;
vertical-align: middle;
}
.moon-post ul.moon-article-social-icons > li {
display: inline-block;
list-style: none;
}
.moon-post ul.moon-article-social-icons > li + li {
margin-left: 10px;
}
.moon-post .post-meta-wrapper {
margin-bottom: 30px;
}
.moon-post .post-meta-tags a {
font-style: italic;
}
.moon-post .post-author {
border-style: double;
border-width: 5px;
border-right: none;
border-bottom: none;
border-left: none;
padding-top: 20px;
padding-bottom: 20px;
clear: both;
}
.moon-post .post-author img {
display: block;
float: left;
margin-bottom: 20px;
}
.moon-post .post-author .author-info {
margin-left: 130px;
}
.moon-post .post-author .author-info .author-name {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 0px 0px 20px 0px;
line-height: 1.5;
}
.moon-post .post-author .content {
margin-top: 20px;
}
.moon-post .post-author .icons {
margin-bottom: 20px;
}
.moon-post .post-author .author-desc {
margin-bottom: 20px;
}
.moon-post .post-author ul.moon-article-social-icons {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 20px;
}
.moon-post .post-meta-tags {
margin-bottom: 30px;
}
/*------------------------------------------------------------------
[Comments]
------------------------------------------------------------------*/
.comments-area {
margin-top: 30px;
margin-bottom: 30px;
}
.comment-respond {
border-top: 3px solid;
padding-top: 20px;
padding-bottom: 30px;
}
h3.comments-title,
h3.comment-reply-title {
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
text-align: center;
margin-top: 6px;
margin-bottom: 30px;
}
form.comment-form label {
display: block;
float: left;
}
form.comment-form input[type=text],
form.comment-form input[type=number],
form.comment-form input[type=email],
form.comment-form input[type=search],
form.comment-form input[type=tel],
form.comment-form input[type=url],
form.comment-form textarea {
display: block;
margin-left: 16.666%;
border: 1px solid #e2e2e2;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-image: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
form.comment-form input[type=text]:focus,
form.comment-form input[type=number]:focus,
form.comment-form input[type=email]:focus,
form.comment-form input[type=search]:focus,
form.comment-form input[type=tel]:focus,
form.comment-form input[type=url]:focus,
form.comment-form textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
form.comment-form input[type=text]:active,
form.comment-form input[type=number]:active,
form.comment-form input[type=email]:active,
form.comment-form input[type=search]:active,
form.comment-form input[type=tel]:active,
form.comment-form input[type=url]:active,
form.comment-form textarea:active {
border: 1px solid #909090;
}
form.comment-form input[type=text],
form.comment-form input[type=number],
form.comment-form input[type=email],
form.comment-form input[type=search],
form.comment-form input[type=tel],
form.comment-form input[type=url] {
height: 34px;
}
form.comment-form textarea {
width: 83.333%;
}
form.comment-form input {
display: block;
margin-left: 16.666%;
}
form.comment-form p {
margin-bottom: 15px;
}
.comment-list {
padding-left: 0;
}
.comment-list .comment {
list-style: none;
}
.comment-list .comment .comment-body {
border-bottom: 1px solid;
border-color: #e2e2e2;
padding: 20px 0;
}
.comment-list .comment .comment-body:after {
display: block;
clear: both;
content: '';
}
.comment-list .comment .comment-body .comment-author-avatar {
width: 76px;
float: left;
}
.comment-list .comment .comment-body .comment-author-avatar img {
width: 100%;
max-width: 100%;
height: auto;
}
.comment-list .comment .comment-body .comment-author-avatar ~ div {
margin-left: 100px;
}
.comment-list .comment .children {
padding-left: 76px;
}
.comment-list .comment p:last-of-type {
margin-bottom: 0px;
}
.comment-list .comment .comment-author-name {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
line-height: 1.5;
}
.comment-list .comment div.reply {
margin-top: -26px;
float: right;
}
.comment-list .comment .comment-meta-date {
margin: 0;
line-height: 1.5;
font-style: italic;
font-weight: 400;
font-size: 12px;
text-transform: none;
}
.comment-list .comment .comment-text {
margin-top: 20px;
}
.comment-list .comment .comment-respond {
border-top: 0;
border-bottom: 3px solid;
}
form.comment-form .logged-in-as {
display: none;
}
form.comment-form .comment-form-comment img {
width: 76px;
height: 76px;
float: left;
}
form.comment-form textarea {
margin-left: 100px;
width: calc(100% - 100px);
min-height: 76px;
}
form.comment-form .comment-form-author input,
form.comment-form .comment-form-email input,
form.comment-form .comment-form-url input {
margin-left: 100px;
}
form.comment-form .form-submit input.submit {
margin-left: 100px;
}
ul.comment-list li.pingback {
list-style: none;
}
ul.comment-list li.pingback .comment-meta-date {
font-style: italic;
}
/*------------------------------------------------------------------
[Shortcodes]
------------------------------------------------------------------*/
.wpb_row {
margin-bottom: 0;
padding: 100px 0px 80px;
}
.wpb_row.vc_inner {
padding: 0;
margin-bottom: 30px;
}
.moonsc-section-header {
margin-bottom: 20px;
}
.moonsc-section-header .heading {
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 15px;
}
.moonsc-section-header.separator-doubleslash .separator {
background-image: url('../../images/section-starter.png');
background-repeat: no-repeat;
background-size: contain;
height: 15px;
width: 67px;
margin: 20px 0px 0px 0px;
}
.moonsc-section-header.separator-leaf .separator {
background-image: url('../../images/moon-divider.png');
background-repeat: no-repeat;
background-size: contain;
width: 70px;
height: 30px;
display: inline-block;
margin: 20px 0px 0px 0px;
}
.moonsc-section-header.separator-leaf .separator.small {
width: 35px;
height: 15px;
}
.moonsc-section-header.separator-none .separator {
display: none;
}
.moonsc-section-header.separator-image .separator {
display: inline-block;
}
.moonsc-content-box {
margin-bottom: 20px;
}
.moonsc-content-box img {
max-width: 100%;
width: 100%;
height: auto;
-webkit-transform: translateZ( 0 );
-moz-transform: translateZ( 0 );
-ms-transform: translateZ( 0 );
-o-transform: translateZ( 0 );
transform: translateZ( 0 );
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.moonsc-content-box img.hover-animation:hover {
-webkit-transform: rotateZ( 2deg ) scale( 1.2 );
-moz-transform: rotateZ( 2deg ) scale( 1.2 );
-ms-transform: rotateZ( 2deg ) scale( 1.2 );
-o-transform: rotateZ( 2deg ) scale( 1.2 );
transform: rotateZ( 2deg ) scale( 1.2 );
}
.moonsc-content-box .decoration {
overflow: hidden;
}
.moonsc-content-box .title {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.5px;
line-height: 1;
}
.moonsc-content-box .content {
margin-top: 0;
margin-bottom: 0;
letter-spacing: -0.2px;
}
.moonsc-content-box.top-down .title {
margin: 30px 0px 15px 0px;
}
.moonsc-content-box.bottom-up .title {
margin: 0px 0px 15px 0px;
}
.moonsc-content-box.bottom-up .content {
margin-bottom: 30px;
}
.moonsc-content-box.triangle div.decoration {
position: relative;
}
.moonsc-content-box.triangle div.decoration:after {
position: absolute;
content: '';
display: block;
width: 24px;
height: 16px;
margin: 0 auto;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.moonsc-content-box.triangle div.decoration.up:after {
border-top: 18px solid transparent;
border-bottom: 18px solid #ffffff;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
bottom: 0;
}
.moonsc-content-box.triangle div.decoration.down:after {
top: 0;
border-top: 18px solid #ffffff;
border-bottom: 18px solid transparent;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item:after {
display: block;
clear: both;
content: '';
}
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .testimonial {
font-size: 14px;
padding: 35px;
margin-right: 30px;
margin-bottom: 30px;
position: relative;
text-align: center;
}
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .testimonial:after {
position: absolute;
display: block;
content: '';
left: 90px;
top: 100%;
border-top: 10px solid #f3f3f3;
border-left: 8px solid #f3f3f3;
border-bottom: 10px solid transparent;
border-right: 8px solid transparent;
}
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .avatar-wrapper {
width: 86px;
height: 86px;
border-radius: 50%;
float: left;
overflow: hidden;
margin-left: 40px;
}
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .avatar-wrapper img {
width: 100%;
height: auto;
}
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .name,
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .position {
margin-left: 156px;
}
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .name {
font-weight: 700;
font-size: 14px;
margin-top: 10px;
line-height: 30px;
}
.moonsc-testimonial-slider.slider-vertical .moonsc-testimonial-items .moonsc-testimonial-item .position {
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 20px;
}
.moonsc-testimonial-slider.slider-vertical .slider-page-controls {
text-align: center;
position: absolute;
right: 10px;
top: 150px;
margin-left: -20px;
z-index: 101;
}
.moonsc-testimonial-slider.slider-vertical .slider-page-controls .page-control {
display: block;
width: 10px;
height: 10px;
border: 1px solid;
border-radius: 5px;
margin-bottom: 5px;
cursor: pointer;
opacity: 1;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.moonsc-testimonial-slider.slider-vertical .slider-page-controls .page-control:not(:last-child) {
margin-right: 5px;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item {
text-align: center;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item:after {
display: block;
clear: both;
content: '';
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .testimonial {
font-size: 18px;
padding: 0 120px;
font-weight: 400;
position: relative;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .testimonial:before,
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .testimonial:after {
display: none;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 30px;
position: absolute;
top: 0;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .testimonial:before {
content: '\f10d';
left: 0px;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .testimonial:after {
content: '\f10e';
right: 0px;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item.swiper-slide-active .testimonial:after,
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item.swiper-slide-active .testimonial:before {
display: inline-block;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .avatar-wrapper {
display: none;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .name {
font-size: 18px;
font-weight: 700;
margin-top: 100px;
line-height: 1.1;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .position {
font-size: 14px;
font-weight: 400;
margin-top: 10px;
}
.moonsc-testimonial-slider.slider-horizontal .slider-page-controls {
text-align: center;
bottom: 90px;
position: absolute;
left: 50%;
margin-left: -20px;
z-index: 101;
}
.moonsc-testimonial-slider.slider-horizontal .slider-page-controls .page-control {
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid;
border-radius: 0;
cursor: pointer;
opacity: 1;
margin-right: 5px;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.moonsc-testimonial-slider.slider-horizontal .slider-page-controls .page-control:not(:last-child) {
margin-right: 5px;
}
.moon-button {
border: 2px solid;
font-size: 13px;
font-weight: 600;
padding: 8px 18px;
background-clip: border-box !important;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
line-height: 1.875;
border-radius: 0px;
-webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
-o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}
.moon-button.longer {
padding: 8px 40px;
}
.moon-button.full-width {
width: 100%;
text-align: center;
}
.moon-button:hover {
background-color: transparent;
}
.moon-button:hover.secondary {
background-color: transparent;
}
.moon-button.transparent {
background-color: transparent;
}
.moon-button.transparent.secondary {
background-color: transparent;
}
.moon-button.small {
padding: 4px 12px;
font-size: 12px;
}
.moon-button.large {
padding: 10px 26px;
font-size: 14px;
}
.moon-button.shape-round {
border-radius: 4px;
}
.moon-button.shape-pill {
border-radius: 35px;
}
.moon-button .icon-wrapper {
text-align: center;
margin: 5px 0px 5px 0px;
}
.moon-button span + .image,
.moon-button .image + span {
margin-left: 7px;
}
.moon-button .image {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
background-position: 50% 50%;
}
.moon-button i {
vertical-align: middle;
}
.moon-button.icon-large i {
font-size: 30px;
}
.moon-button.icon-large .image {
width: 30px;
height: 30px;
}
.moon-button.icon-larger i {
font-size: 42px;
}
.moon-button.icon-larger .image {
width: 42px;
height: 42px;
}
.moon-button.icon-xlarge i {
font-size: 60px;
}
.moon-button.icon-xlarge .image {
width: 60px;
height: 60px;
}
.moon-button-wrapper {
display: inline-block;
}
.moon-button-wrapper .moon-button {
margin-left: 0 !important;
margin-right: 0 !important;
}
.moon-button-wrapper.align-left {
display: block;
}
.moon-button-wrapper.align-left .moon-button {
display: block;
float: left;
}
.moon-button-wrapper.align-right {
display: block;
}
.moon-button-wrapper.align-right .moon-button {
display: block;
float: right;
}
.moon-button-wrapper.align-center {
display: block;
text-align: center;
}
input[type=submit],
input[type=button],
input[type=reset] {
border: 2px solid;
font-size: 13px;
font-weight: 600;
padding: 8px 18px;
background-clip: border-box !important;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
line-height: 1.875;
border-radius: 0px;
-webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
-o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover {
background-color: transparent;
}
.moonsc-room-search {
padding: 0px 0px 0px 0px;
position: relative;
}
.moonsc-room-search .title-container {
height: 200px;
position: relative;
}
.moonsc-room-search .title-area,
.moonsc-room-search .title-background {
height: 100%;
position: absolute;
top: 20px;
}
.moonsc-room-search .title-area {
width: 100%;
z-index: 1;
}
.moonsc-room-search .title-background {
width: 1000px;
right: 0px;
}
.moonsc-room-search .title {
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
margin-top: 35px;
line-height: 1.1;
}
.moonsc-room-search .subtitle {
font-size: 24px;
font-weight: 400;
margin-top: 0px;
}
.moonsc-room-search .content {
margin-top: 12px;
}
.moonsc-room-search .search-form {
min-height: 145px;
}
.moonsc-room-search .search-form form.check-rooms {
margin-top: 50px;
margin-left: 10px;
}
.moonsc-room-search.style-2 .title-area,
.moonsc-room-search.style-2 .title-background {
top: 0px;
}
.moonsc-room-search.style-2 .title-area:before,
.moonsc-room-search.style-2 .title-area:after {
position: absolute;
content: '';
top: 50%;
right: -15px;
}
.moonsc-room-search.style-2 .title-area:before {
border-left: 9.5px solid transparent;
border-top: 7px solid transparent;
border-right: 9.5px solid #beac5a;
border-bottom: 7px solid #beac5a;
margin-top: -14px;
}
.moonsc-room-search.style-2 .title-area:after {
border-left: 9.5px solid transparent;
border-bottom: 7px solid transparent;
border-right: 9.5px solid #beac5a;
border-top: 7px solid #beac5a;
margin-top: 0px;
}
.moonsc-room-search.style-2 .title {
margin-top: 35px;
line-height: 1.1;
}
form.check-rooms label {
font-size: 14px;
font-weight: 400;
}
form.check-rooms .form-group {
white-space: nowrap;
}
form.check-rooms .form-control {
border-radius: 0;
border: 1px solid;
height: 40px;
display: inline-block;
cursor: pointer;
vertical-align: middle;
max-width: 100%;
}
form.check-rooms .form-control.datepicker {
width: 100%;
}
form.check-rooms .ui-datepicker-trigger {
border: none;
margin-left: -35px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
width: 30px !important;
height: 30px !important;
vertical-align: middle;
}
form.check-rooms .form-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
}
form.check-rooms .form-group > i.fa-caret-down {
margin-left: -38px;
width: 30px !important;
height: 30px !important;
padding-top: 8px;
pointer-events: none;
cursor: pointer;
display: inline-block;
}
form.check-rooms button[type=submit] {
margin-top: 31px;
padding: 5px 18px;
}
form.check-rooms.secondary .form-control {
border: 1px solid;
}
form.check-rooms.secondary .form-group > i.fa-caret-down {
background-color: transparent;
}
form.check-rooms.third .form-group > i.fa-caret-down {
background-color: transparent;
}
form.check-rooms.vertical .form-control {
display: block;
}
form.check-rooms.vertical .ui-datepicker-trigger,
form.check-rooms.vertical .form-group > i.fa-caret-down {
float: right;
margin-top: -35px;
margin-right: 5px;
}
.moonsc-room-list-block.style-1 {
padding: 100px 0 80px;
}
.moonsc-room-list-block.style-1 .moonsc-room-list-contents {
position: relative;
z-index: 5;
}
.moonsc-room-list-block.style-1 .container {
position: relative;
}
.moonsc-room-list-block.style-1 .room-title-container h3.heading {
font-size: 36px;
text-transform: uppercase;
line-height: 1.1;
margin-top: 0;
margin-bottom: 30px;
}
.moonsc-room-list-block.style-1 .row.room {
margin-bottom: 30px;
}
.moonsc-room-list-block.style-1 .row.room:hover .moon-post-thumbnail {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.moonsc-room-list-block.style-1 .moon-post-thumbnail {
width: 100%;
height: auto;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.moonsc-room-list-block.style-1 .content.muted {
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.moonsc-room-list-block.style-1 .room-container {
padding-left: 30px;
}
.moonsc-room-list-block.style-1 .room-container .price-text {
font-style: italic;
font-size: 24px;
line-height: 1.1;
margin-bottom: 15px;
}
.moonsc-room-list-block.style-1 .room-container .price-text span.price {
font-size: 36px;
}
.moonsc-room-list-block.style-1 .room-container .btn-book-now {
margin-top: 15px;
}
.moonsc-room-list-block.style-1 .moonsc-side-background {
position: absolute;
top: -80px;
bottom: -100px;
left: 15px;
width: 800px;
}
.moonsc-room-list-block.style-1 .moonsc-side-background:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.1;
background-image: url('../../images/room-bg.jpg');
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
.moonsc-room-list-block.style-2 h2.title {
letter-spacing: -1px;
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
margin-top: 70px;
}
.moonsc-room-list-block.style-2 div.subtitle {
font-size: 24px;
margin-bottom: 40px;
margin-top: 6px;
}
.moonsc-room-list-block.style-2 p.content {
letter-spacing: -0.2px;
}
.moonsc-room-list-block.style-2 .rooms-container {
border: 0;
position: relative;
}
.moonsc-room-list-block.style-2 .rooms-container .room-thumb-box {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
background-size: cover !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
min-height: 250px;
}
.moonsc-room-list-block.style-2 .rooms-container .room-thumb-box h3.room-title {
font-size: 36px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
margin-top: 0;
}
.moonsc-room-list-block.style-2 .rooms-container .room-thumb-box p.content {
height: 100px;
margin-bottom: 0;
overflow: hidden;
}
.moonsc-room-list-block.style-2 .rooms-container .room-thumb-box .room-meta-box {
position: absolute;
bottom: -115px;
padding: 20px 40px 20px 15px;
-webkit-transition: bottom 0.4s ease-in-out, background-color 0.4s ease-in-out;
-moz-transition: bottom 0.4s ease-in-out, background-color 0.4s ease-in-out;
-o-transition: bottom 0.4s ease-in-out, background-color 0.4s ease-in-out;
transition: bottom 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.moonsc-room-list-block.style-2 .rooms-container .room-thumb-box:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.moonsc-room-list-block.style-2 .rooms-container .room-thumb-box:hover .room-meta-box {
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.photo-swipe {
margin-left: -15px;
margin-right: -15px;
}
.photo-swipe figure {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.photo-swipe[data-columns="1"] figure {
width: 100%;
}
.photo-swipe[data-columns="2"] figure {
width: 50%;
}
.photo-swipe[data-columns="3"] figure {
width: 33.333%;
}
.photo-swipe[data-columns="4"] figure {
width: 25%;
}
.photo-swipe[data-columns="5"] {
margin-left: -10px;
margin-right: -10px;
}
.photo-swipe[data-columns="5"] figure {
width: 20%;
padding-left: 10px;
padding-right: 10px;
}
.photo-swipe[data-columns="6"] {
margin-left: -5px;
margin-right: -5px;
}
.photo-swipe[data-columns="6"] figure {
width: 16.666%;
padding-left: 5px;
padding-right: 5px;
}
.photo-swipe[data-columns="7"] {
margin-left: -3px;
margin-right: -3px;
}
.photo-swipe[data-columns="7"] figure {
width: 14.2857%;
padding-left: 3px;
padding-right: 3px;
}
.photo-swipe[data-columns="8"] {
margin-left: -1px;
margin-right: -1px;
}
.photo-swipe[data-columns="8"] figure {
width: 12.5%;
padding-left: 1px;
padding-right: 1px;
}
.photo-swipe[data-columns="9"] {
margin-left: -1px;
margin-right: -1px;
}
.photo-swipe[data-columns="9"] figure {
width: 11.1111%;
padding-left: 1px;
padding-right: 1px;
}
.photo-swipe figcaption.gallery-caption {
max-height: 120px;
overflow: hidden;
}
.pswp {
z-index: 100000;
}
.pswp__bg {
background: rgba(0, 0, 0, 0.8);
}
.accordion .panel {
border-radius: 0px;
border-width: 3px;
}
.accordion .panel .panel-heading {
border: none;
border-radius: 0px;
font-size: 14px;
}
.accordion .panel .panel-heading .panel-title {
cursor: pointer;
}
.accordion .panel .panel-heading .panel-title:after {
font-family: 'FontAwesome';
content: "\f0d7";
float: right;
width: 32px;
height: 32px;
font-size: 18px;
padding-left: 12px;
padding-top: 7px;
margin-top: -9px;
margin-right: -15px;
}
.accordion .panel .panel-body {
font-size: 14px;
}
/* contact form 7 */
.wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.wpcf7-form-control-wrap .wpcf7-form-control {
display: block;
width: 100%;
border: 1px solid #e2e2e2;
border-radius: 0px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-image: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
outline: none;
}
input.wpcf7-form-control-wrap .wpcf7-form-control {
height: 34px;
}
.wpcf7-form-control-wrap .wpcf7-form-control:active {
border: 1px solid #909090;
}
.wpcf7-form-control-wrap .wpcf7-form-control:focus {
border: 1px solid #909090;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
div.wpcf7-response-output {
margin-left: 0;
margin-right: 0;
}
.wpcf7-form p {
margin-bottom: 15px;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit {
background-color: transparent;
border: 2px solid;
font-size: 13px;
font-weight: 600;
padding: 8px 18px;
background-clip: border-box !important;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
line-height: 1.875;
border-radius: 0px;
-webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
-moz-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
-o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
outline: none;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover {
border-width: 2px;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
/* footer - social */
ul.moon-footer-social {
margin-bottom: 50px;
display: block;
padding-left: 0;
}
ul.moon-footer-social > li {
display: inline-block;
overflow: hidden;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
}
ul.moon-footer-social > li + li {
margin-left: 10px;
}
ul.moon-footer-social > li > a {
display: block;
}
ul.moon-footer-social > li > a:hover > i {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
ul.moon-footer-social > li > a > i {
width: 30px !important;
height: 30px !important;
line-height: 30px !important;
font-size: 16px !important;
text-align: center !important;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
transition: transform 0.3s;
}
/* mailchimp for wordpress */
.form.mc4wp-form div.footer-subscription-form {
height: 46px;
position: relative;
}
.form.mc4wp-form div.footer-subscription-form input {
display: block;
width: 100%;
height: 100%;
padding: 0px 60px 0px 10px;
border: none;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
outline: 0;
}
.form.mc4wp-form div.footer-subscription-form input::-webkit-input-placeholder {
color: #202935;
}
.form.mc4wp-form div.footer-subscription-form input:-moz-placeholder {
color: #202935;
}
.form.mc4wp-form div.footer-subscription-form input::-moz-placeholder {
color: #202935;
}
.form.mc4wp-form div.footer-subscription-form input:-ms-input-placeholder {
color: #202935;
}
.form.mc4wp-form div.footer-subscription-form button {
position: absolute;
display: block;
width: 40px;
height: 40px;
right: 3px;
top: 3px;
font-weight: bold;
font-size: 12px;
border: none;
}
/* footer separator */
footer .moon-separator-leaf {
background-image: url('../../images/moon-divider.png');
background-repeat: no-repeat;
background-size: contain;
width: 35px;
height: 15px;
display: inline-block;
margin: 5px 0px 15px 0px;
}
footer ul.site-links {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
footer ul.site-links > li a:before {
content: '–';
margin-right: 15px;
}
ul.moon-two-columns {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
ul.list-style-dash {
padding-left: 0;
}
ul.list-style-dash > li {
list-style: none;
}
ul.list-style-dash > li:before {
content: '–';
margin-right: 15px;
}
/*------------------------------------------------------------------
[Rooms]
------------------------------------------------------------------*/
.moon-room-archive .moon-room-item {
margin-top: 5px;
margin-bottom: 30px;
}
.moon-room-archive .moon-room-item .moon-featured-wrapper img {
width: 100%;
height: auto;
}
.moon-room-archive .moon-room-item .moon-article-title {
font-size: 36px;
}
.moon-room-archive .moon-room-item .moon-article-title strong {
font-weight: 900;
}
.moon-room-archive .moon-room-item .moon-article-excerpt p {
margin-bottom: 20px;
margin-top: 20px;
}
.ui-datepicker.ui-widget-content {
padding: 15px;
}
.ui-datepicker table {
margin: 0;
}
.ui-widget-content {
background: #f3f3f3;
border: 0;
color: #333;
padding: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background-image: none;
border: 0;
-webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
-moz-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
-o-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
table.ui-datepicker-calendar {
border-spacing: 1px;
border-collapse: separate;
}
.ui-datepicker td {
padding: 0;
width: 14.2857%;
}
.ui-datepicker td span,
.ui-datepicker td a {
text-align: center;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.ui-datepicker .ui-widget-header {
border-color: transparent;
background-color: transparent;
background-image: none;
}
.ui-datepicker .ui-widget-header .ui-icon {
background-image: none;
text-indent: 0;
height: 24px;
margin-top: -12px;
}
.ui-datepicker .ui-datepicker-prev-hover {
top: 2px;
left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
top: 2px;
right: 2px;
}
.ui-datepicker .ui-state-default.ui-state-hover .ui-icon,
.ui-datepicker .ui-state-default.ui-state-focus .ui-icon {
background-image: none;
}
.ui-datepicker:not(.ui-datepicker-inline) {
margin-top: 2px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.ui-datepicker-inline {
width: 100%;
}
.ui-datepicker-inline .css-class-to-highlight.selected a {
background-image: none !important;
}
.ui-datepicker-inline .css-class-to-highlight.unavailable a {
background-image: none !important;
}
.date-picker-inline td.ui-state-disabled span.ui-state-default,
.ui-datepicker-inline a {
height: 35px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background-image: none;
background-color: transparent;
border-color: transparent;
}
.ui-datepicker .ui-datepicker-prev span:before {
font-family: fontawesome;
content: "\f137";
padding-left: 1px;
}
.ui-datepicker .ui-datepicker-next span:before {
font-family: fontawesome;
content: "\f138";
padding-left: 1px;
}
.bootstrap-select {
/*width: 220px\9; IE8 and below*/
}
.bootstrap-select > .btn {
border: none;
border-radius: 0;
width: 100%;
line-height: 26px;
padding-right: 25px;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 220px;
}
.bootstrap-select .btn:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select .helper {
display: inline-block;
height: 100%;
vertical-align: middle;
width: 3px;
}
.bootstrap-select img {
vertical-align: baseline;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
float: right;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
width: 100%;
}
.input-append .bootstrap-select.btn-group {
margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
margin-right: -1px;
}
.bootstrap-select.btn-group > .disabled {
cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
display: inline-block;
background-color: transparent;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
border: none;
position: absolute;
top: 6px;
right: 4px;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 30px;
}
.bootstrap-select.btn-group .btn .caret:before {
content: "\f0d7";
}
.bootstrap-select.btn-group[class*="col-"] .btn {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
border-radius: 0;
min-width: 100%;
z-index: 1035;
box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
position: relative;
margin: 0;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
color: #64b1d8;
color: rgba(100, 177, 216, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
position: static;
top: auto;
margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bootstrap-select.btn-group.secondary .btn .caret {
background-color: transparent;
}
.bootstrap-select.btn-group.third .btn {
background-color: transparent;
}
.bootstrap-select.btn-group.third .btn .caret {
background-color: transparent;
}
.bootstrap-select.show-menu-arrow.open > .btn {
z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom-width: 7px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
border-bottom-color: rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto;
top: -3px;
border-bottom: 0;
border-top-width: 7px;
border-top-style: solid;
border-top-color: #cccccc;
border-top-color: rgba(204, 204, 204, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto;
top: -3px;
border-top: 6px solid white;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
display: block;
}
.bootstrap-select.form-select.secondary {
width: 100px;
}
.moon-room-single .moon-featured-wrapper {
margin-bottom: 20px;
}
.moon-room-single h3 {
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;
}
.moon-room-single em {
font-weight: normal;
}
.moon-room-single .price {
font-size: 24px;
}
.moon-room-single .include-header {
-webkit-transform: translateZ(0);
font-weight: bold;
line-height: 2;
margin-top: 30px;
font-size: 14px;
}
.moon-room-single .include-item {
-webkit-transform: translateZ(0);
line-height: 1.5;
font-size: 14px;
}
.moon-room-single .moon-button.book-room {
margin-top: 30px;
}
.moon-room-single .swiper-slide {
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
}
.moon-room-single .swiper-container.gallery-top {
width: 100%;
height: 400px;
}
.moon-room-single .swiper-container.gallery-thumb {
width: 100%;
height: 120px;
background-color: black;
padding: 10px 0;
}
.moon-room-single .swiper-container.gallery-thumb .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.moon-room-single .swiper-container.gallery-thumb .swiper-slide-active {
opacity: 1;
}
/*------------------------------------------------------------------
[Reservation]
------------------------------------------------------------------*/
.booking-progress-bar {
padding: 0;
margin-bottom: -80px;
margin-top: 30px;
}
.booking-progress-bar .booking-step {
font-weight: 700;
font-size: 14px;
text-align: center;
}
.booking-progress-bar .booking-step:not(:last-child) {
border-right: 1px solid #ad9b49;
}
.booking-progress-bar .booking-step a {
color: inherit;
margin: 50px 10px;
display: block;
}
.booking-progress-bar .booking-step .spacer {
width: 10px;
}
.booking-progress-bar .booking-step .number-circle {
width: 50px;
height: 50px;
display: inline-block;
border-radius: 25px;
font-size: 21px;
line-height: 45px;
margin-right: 5px;
}
.booking-progress-bar .booking-step.current,
.booking-progress-bar .booking-step:hover {
background-color: #ad9b49;
}
.booking-progress-bar .booking-step:hover {
cursor: pointer;
}
.availability_check em {
font-weight: normal;
}
form.check-rooms .fa-plus-circle {
margin-right: 5px;
}
.calendar-container {
border: 1px solid #e1e1e1;
padding: 0px;
}
.calendar-container > img {
margin-bottom: 30px;
}
.calendar-container .dates-container .row,
.calendar-container .dates-container .clearfix {
margin-bottom: 30px;
}
.calendar-container div.capt {
line-height: 38px;
}
#reservation-panel.disabled {
opacity: 0.4;
pointer-events: none;
}
.rooms-container {
border: 1px solid #e1e1e1;
}
.rooms-container .room-row {
border-top: 1px solid #e1e1e1;
padding-bottom: 20px;
padding-top: 20px;
clear: both;
}
.rooms-container .room-row .subtitle {
margin-top: 5px;
}
.rooms-container .room-row .content {
margin-bottom: 10px;
}
.rooms-container .room-row .button {
width: auto;
}
.rooms-container .room-row h3 {
margin-top: 5px;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.rooms-container .room-row em {
font-size: 14;
font-weight: normal;
}
.rooms-container .room-row .link.secondary {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
.rooms-container .room-row .moon-featured-wrapper img {
max-width: 100%;
height: auto;
}
i.fa {
width: 1.3em !important;
height: 1em !important;
text-align: center;
-webkit-backface-visibility: hidden;
}
.reservation-container {
border: 1px solid #e1e1e1;
}
.reservation-container .reservation-form {
padding: 30px 15px;
font-size: 14px;
}
.reservation-container .reservation-form label {
font-weight: 400;
}
.reservation-container .reservation-form input {
height: 40px;
border-radius: 0px;
}
.reservation-container .reservation-form textarea {
height: 120px;
resize: none;
}
.reservation-container .reservation-form .buttons-container {
margin-top: 30px;
}
.reservation-container .reservation-form .buttons-container button {
width: auto;
}
.reservation-container .reservation-form .buttons-container .space-text {
font-style: italic;
margin-left: 5px;
margin-right: 5px;
}
.moon-form-error {
background-color: rgba(255, 0, 0, 0.1);
}
/*------------------------------------------------------------------
[Albums]
------------------------------------------------------------------*/
.moon-album-list-container article.moon_album,
.moonsc-album-slider-container article.moon_album {
margin-bottom: 30px;
}
.moon-album-list-container .moon-featured-wrapper img,
.moonsc-album-slider-container .moon-featured-wrapper img {
width: 100%;
max-width: 100%;
height: auto;
}
.moon-album-list-container h2.moon-album-title,
.moonsc-album-slider-container h2.moon-album-title {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 20px 0px;
line-height: 1.2;
}
.moon-album-list-container h2.moon-album-title strong,
.moonsc-album-slider-container h2.moon-album-title strong {
font-weight: 900;
}
.moon-album-list-container .moon-album-meta-date,
.moonsc-album-slider-container .moon-album-meta-date {
font-size: 14px;
font-weight: 400;
opacity: 0.8;
}
.moon-album-list-container .moon-album-meta-date i,
.moonsc-album-slider-container .moon-album-meta-date i {
margin-right: 5px;
}
.moon-album-list-container .moon-album-meta-wrapper,
.moonsc-album-slider-container .moon-album-meta-wrapper {
margin-bottom: 20px;
}
.moonsc-album-slider-container article.row {
margin-left: 0;
margin-right: 0;
}
.moonsc-album-slider-container .moon-album-num-photos {
margin-top: 20px;
}
.moonsc-album-slider-container h2.moon-album-title a {
line-height: 1.875;
}
.moonsc-album-slider-container .moon-album-prev,
.moonsc-album-slider-container .moon-album-next {
width: 30px;
height: 30px;
border: 1px solid;
line-height: 30px;
display: inline-block;
text-align: center;
cursor: pointer;
}
.moonsc-album-slider-container .moon-album-prev.swiper-button-disabled,
.moonsc-album-slider-container .moon-album-next.swiper-button-disabled {
cursor: default;
opacity: 0.6;
}
.moon-album-single article.moon_album h2.moon-album-title {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin: 20px 0px 16px;
line-height: 1.5;
}
.moon-album-single article.moon_album h2.moon-album-title strong {
font-weight: 900;
}
.moon-album-single article.moon_album .moon-featured-wrapper img {
width: 100%;
max-width: 100%;
height: auto;
}
.moon-album-single article.moon_album .moon-article-meta-date {
font-size: 14px;
font-weight: 400;
}
.moon-album-single article.moon_album .moon-article-meta-date i {
margin-right: 5px;
}
.moon-album-single article.moon_album .moon-album-social-links {
border: 1px solid;
margin-top: 20px;
}
.moon-album-single article.moon_album .moon-album-social-links a {
color: inherit;
}
.moon-album-single article.moon_album .moon-album-social-links .moon-album-social-label {
display: block;
margin-top: 0px;
padding: 10px 20px;
vertical-align: middle;
float: left;
font-weight: bold;
font-size: 14px;
border-right: 1px solid;
width: 40%;
text-align: center;
}
.moon-album-single article.moon_album .moon-album-social-links ul.moon-album-social-icons {
float: left;
width: 60%;
text-align: center;
padding: 10px 20px;
}
.moon-album-single article.moon_album .moon-album-social-links:after {
display: block;
clear: both;
content: '';
}
.moon-album-single article.moon_album ul.moon-album-social-icons {
display: block;
margin-left: 0;
margin-bottom: 0;
margin-top: 0px;
padding: 10px 0px;
vertical-align: middle;
}
.moon-album-single article.moon_album ul.moon-album-social-icons > li {
display: inline-block;
list-style: none;
}
.moon-album-single article.moon_album ul.moon-album-social-icons > li + li {
margin-left: 10px;
}
.moon-album-single article.moon_album .moon-album-meta-date {
opacity: 0.8;
}
/*------------------------------------------------------------------
[Media Queries]
------------------------------------------------------------------*/
@media (min-width: 1200px) {
.bootstrap-select.form-select.secondary {
width: 115px;
}
form.check-rooms .form-control.datepicker {
width: 100%;
}
}
@media (max-width: 1199px) {
.bootstrap-select.form-select.secondary {
width: 100px;
}
form.check-rooms .form-control.datepicker {
width: 138px;
}
}
@media (max-width: 991px) {
header nav.main-menu {
display: none;
}
header #menu-toggle {
display: block;
}
header #mobile-menu {
display: block;
}
.row.with-sidebar .moon-mainbar {
width: 100%;
}
.row.with-sidebar aside.moon-sidebar {
width: 100%;
}
footer aside.moon-sidebar {
text-align: center;
}
/* shortcodes */
.moonsc-room-search .title-background {
width: 2000px;
left: -200px;
}
.moonsc-room-search.style-2 .title-area:before,
.moonsc-room-search.style-2 .title-background:before,
.moonsc-room-search.style-2 .title-area:after,
.moonsc-room-search.style-2 .title-background:after {
display: none;
}
.moonsc-room-search .title-area,
.moonsc-room-search .title-background {
top: 0;
}
.moonsc-room-search .search-form form.check-rooms {
margin-top: 40px;
margin-left: 0px;
}
footer .moon-sidebar > div.tpf-footer-sidebar-1,
footer .moon-sidebar > div.tpf-footer-sidebar-2 {
margin-bottom: 30px;
}
form.check-rooms .form-control.datepicker {
width: 100%;
}
}
@media (max-width: 767px) {
form.check-rooms .form-control.datepicker,
.bootstrap-select.form-select.secondary {
width: 100%;
}
.moonsc-room-search.style-1 .form-control.datepicker {
width: 100%;
}
.moonsc-room-search form.check-rooms button[type=submit] {
margin-top: 15px;
}
.moon-button.longer {
padding: 8px 14px;
}
.wpb_column.vc_column_container {
margin-bottom: 30px !important;
}
.moonsc-testimonial-slider.slider-horizontal .moonsc-testimonial-items .moonsc-testimonial-item .testimonial {
padding: 0 50px;
}
}
@media (max-width: 400px) {
header #mobile-menu {
width: 240px;
}
}
.vc_column_container {
padding-left: 15px;
padding-right: 15px;
}
.vc_row-no-padding .vc_column_container {
padding-left: 0px;
padding-right: 0px;
}
.vc_column_container > .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}