/*
Theme Name: Travelberg
Theme URI: https://keonthemes.com/downloads/travelberg/
Author: Keon Themes
Author URI: https://keonthemes.com/
Description: Travelberg is clean Masonry and Gutenberg ready WordPress blog theme with an engaging, vivid, responsive, powerful and beautifully crafted design. Travelberg, for all personal or professional travel blogs, magazine-style blogs and travel websites. This blog theme has a magnificent web design that will intrigue everyone and encourage them to take action on the first visit. Travelberg, a passionate theme for travellers and is extensively customizable powerful and advance blog theme incorporated with awesome features which helps to share your story with the entire world. And of course, all the features like Disable/Enable options, Site Layout Options, Archive Page Options, Single Post Page Options, Pages Options, Post Layout Options, Sidebar Position Options, Unlimited Color Options, Fixed Header, Site Identity Extra Options, Custom Widget, Thin Font Icons, Bootstrap 4, Instagram Section,Translation Ready etc. are so user friendly that you can edit the element at any instance. Travelberg is compatible with WordPress Classic editor and WooCommerce.
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogberg
Text Domain: travelberg
Tags: blog, portfolio, news, grid-Layout, two-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready

Travelberg WordPress Theme is child theme of Blogberg, Copyright 2019 Keon Themes
Travelberg is distributed under the terms of the GNU General Public License v3
*/

/*======================================*/
/* Background Primary color */
/*======================================*/
body figcaption,
body input[type=button],
body input[type=reset],
body input[type=submit],
body .button-primary,
body .page-numbers.current,
body .page-numbers:hover.current,
body .page-numbers:focus.current,
body .page-numbers:active.current,
body.woocommerce ul.products li.product .onsale,
body.woocommerce ul.products li.product .button,
body.woocommerce ul.products li.product a.added_to_cart,
body.woocommerce.single-product .product .onsale,
body .wrap-detail-page .post-footer .post-format,
body .comments-area .comment-respond .comment-form .submit,
body .searchform .search-button, body #go-top span:hover,
body #go-top span:focus, body #go-top span:active,
body .block-slider:not(.block-slider-two):not(.block-slider-three) #slide-pager .owl-dot.active span:hover,
body .block-slider:not(.block-slider-two):not(.block-slider-three) #slide-pager .owl-dot.active span:focus,
body .block-slider:not(.block-slider-two):not(.block-slider-three) #slide-pager .owl-dot.active span:active,
body .block-contact .contact-details-wrap .contact-list-outer .contact-list .icon-area {
	background-color: #F95759;
}

/*======================================*/
/* Primary border color */
/*======================================*/
body .button-primary,
body .page-numbers.current,
body .page-numbers:hover.current,
body .page-numbers:focus.current,
body .page-numbers:active.current,
body .woocommerce ul.products li.product .button,
body .woocommerce ul.products li.product a.added_to_cart,
body .comments-area .comment-respond .comment-form .submit,
body #go-top span:hover,
body #go-top span:focus,
body #go-top span:active,
body .post .entry-meta-cat a,
body .wrap-nav nav.main-navigation ul ul {
	border-color: #F95759;
}

/*======================================*/
/* Primary text color */
/*======================================*/
body.woocommerce ul.products li.product .price .amount,
body.woocommerce ul.products li.product .price ins .amount,
body .inner-header-content .posted-on a,
body .post .entry-meta-cat a {
	color: #F95759;
}

/*======================================*/
/* Fonts */
/*======================================*/

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .wrap-inner-banner .page-header .page-title {
	font-family: 'Ubuntu', sans-serif;
}

html, body {
 	font-family: 'Ubuntu', sans-serif;
}

/*======================================*/
/* general site css*/
/*======================================*/

/* site header css*/

.site-header .main-header {
	padding: 24px 0;
}
.wrap-fixed-header.site-header .site-branding .site-title{
	font-size: 20px;
}
.site-header-primary .main-navigation-wrap {
	text-align: center;
}
.site-header-primary .header-search-icon {
	display: inline-block;
}
.site-header-primary .header-icons-wrap {
	display: block;
}
.site-header-primary .main-navigation-wrap {
	border-bottom: none;
}
.site-header-primary .main-navigation {
	border-top: 1px solid #e6e6e6;
}
.site-header.site-header-primary .site-branding-outer {
	padding: 0;
}

/* site slider css*/
.block-slider .slide-item {
	padding-bottom: 10px;
}
.block-slider .banner-overlay {
	background-color: transparent !important;
	display: block;
	min-height: auto;
}
.slider-banner-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 545px;
	width: 100%;
}
.block-slider .slide-inner {
	position: absolute;
	bottom: 40px;
}
.block-slider .post {
	background-color: #fff;
	width: 60%;
}
.block-slider .post:before {
	display: none;
}
.block-slider .post .entry-meta-cat {
	margin-bottom: 30px;
}

/* site post css*/

.post-section .post .entry-meta-cat,
.post-section .post .post-content h3 {
	text-align: left;
}
.post-section .post .featured-image > a,
.post-section .post .feature-image > a {
	display: block;
}
.post-section .post .post-content {
	padding: 25px 25px 0;
    margin: -55px 30px 0 0;
    background-color: #fff;
    position: relative;
    z-index: 99;
    text-align: left;
}
.post-section .post .meta-tag {
	margin: 0 -55px 0 0;
	border: none;
	padding: 0;
	text-align: left;
}

/* site footer css */
.site-footer:before {
	background-image: url(assets/images/placeholder/blogberg-footer-shape.png);
}
.site-footer .desc-menu-wrap {
	text-align: center;
}
.site-footer .copyright,
.site-footer .footer-menu-wrap{
	display: inline-block;
}
.site-footer .footer-menu-wrap {
	margin-bottom: 0;
	margin-left: 10px;
}
.site-footer .footer-menu-wrap ul li {
	margin: 6px 0;
}
.site-footer .footer-menu-wrap ul li:first-child {
	border-left: 1px solid #999;
	padding-left: 10px;
}
.sidebar .widget .widget-title, .sidebar .widget .widgettitle {
	border-left: 4px solid #e1e1e1;
	border-right: none;
	border-top: none;
	border-bottom: none;
	padding: 4px 20px;
	text-align: left;
}

/*responsive devices or media query
----------------------------------------------------------*/
@media only screen and (max-width: 991px) {
  	.site-header .main-header {
		padding: 15px 0;
	}
	.site-header.site-header-primary .site-branding-outer {
		text-align: left;
	}
}
@media only screen and (max-width: 479px) {
	.slider-banner-img {
		min-height: 335px;
	}
	.block-slider .post {
		width: 90%;
	}
	.block-grid .post {
		overflow: hidden;
	}
  	.post-section .post .post-content {
  		margin: 0;
  		padding: 25px 0 0;
  	}
}
/*--------------------------------------------------------------
   		  !!! KEON THEMES (https://keonthemes.com) !!!
--------------------------------------------------------------*/




/*======================================*/
/* Local Stay */
/*======================================*/


/* site id */

.main-header {
	background-color: #f5f3ee;
}

.main-header .container {
	max-width: none;
}

.main-header .container .site-id {
	padding-left: 30px;
}

.main-header .container .site-id img {
	width: 230px;
}

.main-header .container .catch {
	padding-right: 30px;
	font-weight: bold;
	text-align: right;
}

.main-header .container .catch span {
	color: #4c4228;
	font-size: 15px;
}

@media only screen and (max-width: 991px) {
	
	.site-header .main-header {
		padding: 16px 0;
	}
	
	.main-header .container .catch {
		display: none;
	}
	
}

@media only screen and (max-width: 479px) {
	
	.main-header .container .site-id {
		padding-left: 15px;
	}
	
	.main-header .container .site-id img {
		width: 100%;
		max-width: 160px;
	}
	
}


/* global navigation */

.site-header-primary .main-navigation {
	border-top-style: none;
}

.main-navigation ul.nav-menu > li > a {
	padding: 25px 30px;
	font-size: 16px;
}

.main-navigation ul.nav-menu > li::after {
	content: "";
	display: block;
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 0;
	height: 3px;
	background-color: #439c37;
	opacity: 0;
	transition: opacity .2s;
}

.main-navigation ul.nav-menu > li:hover::after,
.main-navigation ul.nav-menu > li.current-menu-item::after,
.main-navigation ul.nav-menu > li.current-page-item::after,
.main-navigation ul.nav-menu > li.current-menu-ancestor::after,
.main-navigation ul.nav-menu > li.current-menu-parent::after,
.main-navigation ul.nav-menu > li.current_page_parent::after,
.main-navigation ul.nav-menu > li.current_page_ancestor::after {
	opacity: 1;
}

.main-navigation ul.nav-menu ul {
	border-top-style: none;
}


/* hamburger menu */

#offcanvas-menu {
	right: -100%;
	padding: 50px 40px;
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
	transition: transform .3s ease-out;
}

body.offcanvas-menu-open #offcanvas-menu {
	right: -100%;
	transform: translateX(-100%);
}

#offcanvas-menu .close-offcanvas-menu {
	margin: 0;
	padding: 0;
}

#offcanvas-menu .close-offcanvas-menu button {
	padding: 15px 20px;
}

.offcanvas-navigation li.page_item_has_children > a span.triangle, .offcanvas-navigation li.menu-item-has-children > a span.triangle {
	font-size: 18px;
}

.offcanvas-navigation li.page_item_has_children > a span.triangle:before, .offcanvas-navigation li.menu-item-has-children > a span.triangle:before {
	margin-top: 9px;
}


/* sub menu */

.main-navigation ul.nav-menu ul {
	transition: opacity .15s ease-out, top .15s ease-out;
}

.main-navigation ul.nav-menu > li:hover > ul, .main-navigation ul.nav-menu > li:focus > ul, .main-navigation ul.nav-menu > li:active > ul, .main-navigation ul.nav-menu > li.focus > ul {
	transition: opacity .3s ease-out, top .3s ease-out;
}

.main-navigation ul.nav-menu li.menu-item-has-children > a:after {
	margin: 4px 0 0 8px;
}


/* page title */

.section-banner-wrap:not(.section-banner-two):not(.section-banner-three) {
	padding: 5px 30px 110px;
}

.wrap-inner-banner {
	padding-top: 40px;
}

.wrap-inner-banner .page-header .page-title {
	font-size: 44px;
	font-weight: normal;
}

.breadcrumb-wrap .breadcrumbs {
	text-align: left;
}

.breadcrumb-wrap .breadcrumbs .trail-items {
	line-height: 1.6;
}

.inner-header-content .posted-on {
	margin-bottom: 25px;
}

.inner-header-content .posted-on .entry-date {
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 1px solid #666;
	color: #111;
	letter-spacing: .06em;
}

@media only screen and (max-width: 479px) {
	
	.section-banner-wrap:not(.section-banner-two):not(.section-banner-three) {
		padding: 0 0 60px;
	}
	
	.wrap-inner-banner {
		padding-top: 40px;
	}
	
	.wrap-inner-banner .page-header .page-title {
		font-size: 7vw;
		text-align: left;
	}
	
}


/* side bar */

sidebar.sidebar {
	border-left: 1px solid #ececec;
	padding-left: 30px;
}

#secondary .widget, #offcanvas-menu .widget {
	margin-bottom: 70px;
}

#secondary .widget .widget-title, #offcanvas-menu .widget .widget-title {
	display: inline-block;
	margin-bottom: 20px;
	padding: 0 0 2px 0;
	border-style: none;
	border-bottom: 1px solid #439c37;
	color: #439c37;
	font-size: 17px;
	line-height: 1.4;
	text-align: left;
}

.widget li a {
	color: #4c4228;
	line-height: 1.6;
	transition: color .2s;
}

.widget li a br {
	display: none;
}

.widget .tagcloud {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.widget .tagcloud a {
	-webkit-flex-grow: 0;
	flex-grow: 0;
	width: calc(50% - 8px);
	margin: 4px;
	padding: 6px;
	border-color: #4c4228;
	color: #4c4228;
	font-size: 14px !important;
	transition: border-color .2s, color .2s;
}

.post-type-archive-stay .widget_categories ul,
.tax-stay_area .widget_categories ul,
.single-stay .widget_categories ul {
	display: flex;
	flex-wrap: wrap;
}

.post-type-archive-stay .widget_categories ul li,
.tax-stay_area .widget_categories ul li,
.single-stay .widget_categories ul li {
	width: 50%;
}

.post-type-archive-stay .widget_categories ul li:last-child,
.tax-stay_area .widget_categories ul li:last-child,
.single-stay .widget_categories ul li:last-child {
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

@media only screen and (max-width: 575px) {
	
	sidebar.sidebar {
		border-left-style: none;
		padding-left: 0;
	}
	
}


/* panels */

.post-section .post .post-content h3 br {
	display: none;
}

.post .entry-meta-cat a {
	font-size: 12px;
}

body.woocommerce ul.products li.product .price .amount, body.woocommerce ul.products li.product .price ins .amount, body .inner-header-content .posted-on a, body .post .entry-meta-cat a {
	color: #6f4f1f;
}

body .button-primary, body .page-numbers.current, body .page-numbers:hover.current, body .page-numbers:focus.current, body .page-numbers:active.current, body .woocommerce ul.products li.product .button, body .woocommerce ul.products li.product a.added_to_cart, body .comments-area .comment-respond .comment-form .submit, body #go-top span:hover, body #go-top span:focus, body #go-top span:active, body .post .entry-meta-cat a, body .wrap-nav nav.main-navigation ul ul {
	border-color: #b9a382;
}

.post .post-content .post-text {
	margin-bottom: 15px;
}

.post-section .post .post-text p {
	font-size: 15px;
}

.post-text .addtoany_content {
	padding: 0;
}

.post .addtoany_list {
	margin-left: 0;
}

.post .meta-tag [class*="meta-"] {
	font-size: 12px;
}

.addtoany_content .addtoany_list a:hover svg path, .addtoany_content .addtoany_list a:focus svg path, .addtoany_content .addtoany_list a:active svg path, .widget_a2a_share_save_widget .addtoany_list a:hover svg path, .widget_a2a_share_save_widget .addtoany_list a:focus svg path, .widget_a2a_share_save_widget .addtoany_list a:active svg path {
	fill: #fff !important;
}

.addtoany_list a img, .addtoany_list a span {
	transition: opacity .2s;
}

@media only screen and (max-width: 479px) {
	
	.post-section .post .post-content {
		padding-top: 5px;
	}
	
	h3.entry-title {
		font-size: 5.6vw;
	}
	
}


/* footer */

.bottom-footer {
	background-color: #f5f3ee;
}

.site-footer .desc-menu-wrap {
	display: flex;
	margin: 0;
}

.site-footer .copyright {
	display: block;
	width: 50%;
	text-align: right;
	letter-spacing: .05em;
}

.site-footer .footer-menu-wrap {
	display: block;
	width: 70%;
	margin: 0;
	text-align: left;
}

.site-footer .footer-menu-wrap ul li {
	line-height: 1.6;
}

.site-footer .copyright {
	width: 30%;
}

@media only screen and (max-width: 479px) {
	
	.bottom-footer {
		padding: 10vw 0;
	}
	
	.site-footer .desc-menu-wrap {
		display: block;
	}
	
	.site-footer .copyright {
		width: auto;
		margin-top: 15px;
	}
	
	.site-footer .footer-menu-wrap {
		width: auto;
	}
	
}


/* page top button */

#go-top span {
	color: #4c4228;
	transition: color .2s, background-color .2s, border-color .2s;
}

#go-top span:hover, #go-top:focus span, #go-top:active span {
	border-color: #7c7552 !important;
	background-color: #7c7552 !important;
	color: #fff;
}


/* top page */

#top-page .kv {
	height: 36vw;
	background-image: url(./assets/images/kv.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

#top-page .kv p {
	padding: 17vw 5vw 0;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 40px #3e3828;
}

.toppage-body {
	padding-top: 90px;
}

.toppage-body .lead {
	font-size: 20px;
}

.toppage-links a.gnav {
	display: block;
	position: relative;
	margin-top: 40px;
	padding: 40px 0 20px;
	border-top: 1px solid #4c4228;
	color: #4c4228;
}

.toppage-links a.gnav:hover,
.toppage-links a.gnav:active {
	color: #4c4228;
}

.toppage-links a.gnav::after {
	content: "\e046";
	position: absolute;
	right: 0;
	bottom: 0;
	color: #f95759;
	font-size: 26px;
	font-family: 'kf-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	transition: color .2s;
}

.toppage-links a.gnav:hover::after,
.toppage-links a.gnav:active::after {
	color: #7c7552;
}

.toppage-links a.banner {
	display: block;
	position: relative;
	margin-top: 40px;
	padding: 10px 20px 10px 60px;
	border: 1px solid #4c4228;
	background-color: #fff;
	color: #111;
	font-size: 16px;
	transition: background-color .2s, color .2s;
}

.toppage-links a.banner:hover,
.toppage-links a.banner:active {
	background-color: #7c7552;
	color: #fff;
}

.toppage-links a.banner::after {
	content: "\e010";
	position: absolute;
	left: 20px;
	top: 50%;
	color: #111;
	font-size: 20px;
	font-family: 'kf-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	transition: color .2s;
	transform: translateY(-67%);
}

.toppage-links a.banner:hover::after,
.toppage-links a.banner:active::after {
	color: #fff;
}

.toppage-links .sub div {
	margin-top: 16px;
}

.toppage-links .sub a {
	display: inline-block;
	position: relative;
	padding-left: 26px;
	color: #111;
	font-size: 18px;
	transition: color .2s;
}

.toppage-links .sub a:hover,
.toppage-links .sub a:active {
	color: #888;
}

.toppage-links .sub a::after {
	content: "\e046";
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
	color: #4c4228;
	font-size: 20px;
	font-family: 'kf-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

@media only screen and (max-width: 479px) {
	
	#top-page .kv {
		height: 60vw;
	}
	
	#top-page .kv p {
		padding: 28vw 5vw 0;
		font-size: 5.6vw;
		text-shadow: 0 0 30px #3e3828;
	}
	
	.toppage-body {
		padding-top: 10vw;
	}
	
	.toppage-links a.gnav {
		margin-top: 5vw;
		padding: 10vw 0 5vw;
	}
	
	.toppage-links a.banner {
		margin-top: 5vw;
		margin-bottom: 15vw;
	}
	
	.toppage-links .sub {
		margin-top: 5vw;
		padding: 5vw 0 5vw;
		border-top: 1px solid #4c4228;
	}
	
	.toppage-links .sub div {
		margin-top: 5vw;
	}
	
}


/* 404 */

body.content-none-page .wrap-detail-page .section-title {
	margin-bottom: 0;
	padding: 6vw 0 2vw;
	font-weight: normal;
}


/* share buttons */

.post-text .addtoany_share_save_container,
.post-text .addtoany_shortcode {
	align-items: center;
	margin-top: 50px;
	padding: 30px 35px;
	background-color: #f5f3ee;
}

.post-text .addtoany_share_save_container .addtoany_header,
.post-text .addtoany_shortcode .addtoany_header {
	padding-right: 20px;
	color: #4c4228;
	font-family: "Hind", sans-serif;
}

@media only screen and (max-width: 479px) {
	
	.post-text .addtoany_share_save_container,
	.post-text .addtoany_shortcode {
		padding: 20px;
	}
	
	.post-text .addtoany_share_save_container .addtoany_header,
	.post-text .addtoany_shortcode .addtoany_header {
		padding-right: 10px;
	}
	
}


/* area tags */

.post-content-inner .tag-links {
	flex-wrap: wrap;
}

.post-content-inner .tag-links:before {
	content: "\e01d";
}

.post-content-inner .tag-links a {
	margin: 6px 3px;
	border: 1px solid #4c4228;
	border-radius: 100px;
	background-color: #fff;
	transition: background-color .2s, color .2s
}


/* prev, next link */

.nav-links {
	display: block;
}

.post-content.stay {
	margin-bottom: 50px;
}


/* post body text */

.post-text h2 {
	margin-top: 60px;
}

.post-text > h2:first-child {
	margin-top: 0;
}

.post-text h3 {
	margin-top: 40px;
}

.post-text p {
	line-height: 2.1;
}


/* rooms data */

.rooms-data {
	margin-top: 50px;
	border-top: 1px solid #f2f2f2;
}

.rooms-data th {
	position: relative;
	padding: 12px 15px 12px 28px;
	border-bottom: 1px solid #f2f2f2;
	color: #1f1b10;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
}

.rooms-data th::before {
	content: "";
	display: block;
	position: absolute;
	left: 15px;
	top: calc(50% - 3px);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #439c37;
}

.rooms-data td {
	width: 80%;
	padding: 12px 15px;
	border-bottom: 1px solid #f2f2f2;
	font-size: 14px;
	vertical-align: top;
}


/* form */

.form-table dt {
	margin-top: 40px;
	font-weight: normal;
}

.form-table dt:first-child {
	margin-top: 0;
}

.form-table .req {
	display: inline-block;
	margin-left: 1em;
	padding: 4px 8px;
	background-color: #f95759;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	transform: translateY(-2px);
}

span.wpcf7-list-item {
	display: block;
	margin: 0;
}

.wrap-detail-page form label, .wrap-detail-page form .searchform .search-button, .searchform .wrap-detail-page form .search-button {
	margin: 15px 0;
}

span.wpcf7-list-item-label {
	font-size: 15px !important;
}

.form-table input[type='checkbox'] {
	display: none;
}

.form-table input[type='checkbox'] + span {
	position: relative;
	display: inline-block;
	padding: 2px 0 2px 24px;
	white-space: nowrap;
	cursor: pointer;
}


@media only screen and (max-width: 479px) {
	
	.form-table input[type='checkbox'] + span {
		white-space: normal;
	}
	
}

.form-table input[type='checkbox'] + span::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-color: #ececea;
}

.form-table input[type='checkbox']:checked + span::before {
	background: #ececea;
}

.form-table input[type='checkbox']:checked + span::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 3px;
	width: 15px;
	height: 10px;
	border-left: 3px solid #4c4228;
	border-bottom: 3px solid #4c4228;
	transform: rotate(-45deg);
}

span.wpcf7-not-valid-tip {
	margin-top: 10px;
	color: #f95759;
	font-size: 15px;
	letter-spacing: normal;
}

.form-button {
	margin-top: 40px;
}

div.wpcf7-response-output {
	margin: 20px 0 0;
	padding: 15px;
	border-style: none !important;
	background-color: #f95759;
	color: #fff;
}

div.wpcf7-mail-sent-ok {
	background-color: #439c37;
}


/* contact button */

.contact-button {
	margin: 50px 0;
}

.contact-button a {
	display: inline-block;
	padding: 15px 30px;
	background-color: #f95759;
	color: #fff;
	transition: background-color .2s;
}

.contact-button a:hover,
.contact-button a:active {
	color: #fff;
	background-color: #7c7552;
}

.contact-button a::before {
	content: "\e076";
	margin-right: 8px;
	font-family: "kf-icons";
}


/* stay index page */

.stay-index-links {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ececec;
}

.stay-index-links div {
	margin: 15px 40px 0 0;
}

.stay-index-links a {
	display: inline-block;
	position: relative;
	padding-left: 22px;
	color: #111;
	font-size: 18px;
}

.stay-index-links a::after {
	content: "\e046";
	position: absolute;
	left: 0;
	top: calc(50% - 9px);
	color: #4c4228;
	font-size: 18px;
	font-family: 'kf-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

@media only screen and (max-width: 479px) {
	
	.stay-index-links {
		display: block;
	}
	
	.stay-index-links div {
		margin: 5vw 0 0 0;
	}
	
	.stay-index-links a {
		font-size: 4.8vw;
	}
	
}


/* google maps */

iframe[src^="https://www.google.com/maps/"] {
	width: 100%;
}


/* form */

.wpcf7 select {
	padding: .7em .5em;
}

.contact-type-container {
	display: none;
}

.contact-type-container > p {
	margin-bottom: 40px;
}

/* powerd-by banner */

#top-page .banner {
	margin-top: 30px;
}

#top-page .banner img {
	width: 140px;
}

@media only screen and (max-width: 479px) {

	#top-page .banner {
		text-align: right;
	}

	#top-page .banner img {
		width: 160px;
	}

}


/* facebook */

#top-page .fb-page,
#top-page .fb-page span,
#top-page .fb-page iframe {
  width: 100% !important;
  height: 480px !important;
}


/* form */

.form_contents {
 border-bottom: 1px solid #dee2e6;
}

.form_contents td {
 border-bottom-style: none;
 vertical-align: middle;
}