/*
 Theme Name: Kokoro
 Theme URI: https://www.apartma-kokoro.si/
 Description: Divi Child Theme, designed for Kokoro Apartment
 Author: Studio Mars
 Author URI: https://www.studiomars.si
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Header */
@media (min-width: 981px) {
	.et_fullwidth_nav #main-header .container {
    	padding-right: 80px;
    	padding-left: 80px;
	}
	#et-top-navigation {
		float: left;
	}
	#top-menu {
		padding-left: 80px;
	}
	#top-menu li {
		padding-right: 60px;
	}
	#top-menu-nav>ul>li>a:hover {
		opacity: 1;
		color: #dcc864;
	}
}
@media (max-width: 1330px) {
	#top-menu {
		padding-left: 50px;
	}
	#top-menu li {
		padding-right: 40px;
	}
}
@media (max-width: 1120px) {
	#top-menu {
		padding-left: 30px;
	}
	#top-menu li {
		padding-right: 20px;
	}
}
#main-header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* First section */
@media all and (max-width: 980px) {
	.twocolumn_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
	.first_on_mobile {
		-webkit-order: 1;
		order: 1;
	}
	.second_on_mobile {
		-webkit-order: 2;
		order: 2;
	}
	.twocolumn_row:last-child .et_pb_column:last-child {
		margin-bottom: 40px;
	}
}

/* Links with icon */
.et_pb_blurb_description {
	padding-top: 3px;
}

/* Image gallery */
.et-pb-arrow-next, .et-pb-arrow-prev {
	background-color: #fff;
}
.et_pb_slider:hover .et-pb-arrow-prev {
	left: 0;
}
.et_pb_slider:hover .et-pb-arrow-next {
	right: 0;
}

/* Checkmark list */
.checkmark_list ul {
	padding: 0;
}
.checkmark_list li::before {
	content: url(https://www.apartma-kokoro.si/wp-content/uploads/2019/07/checkmark_list.png);
	padding-right: 7px;
}

/* Price list */
.house_rules span {
	display: inline-block;
	font-weight: 700;
}

/* Footer */
#footer-widgets {
	border-bottom: 1px solid #aaa;
}
#footer-widgets h4 {
	letter-spacing: 2px;
}
#footer-widgets .textwidget {
	letter-spacing: 1px;
}
#footer-widgets .custom-html-widget img {
	vertical-align: middle;
	margin-right: 10px;
}
#footer-bottom {
	padding: 40px 0 30px;
}
#footer-info {
	float: none;
	text-align: center;
	letter-spacing: 1px;
}

/* WP Booking Calendar */
.wpbs-container {
	width: 48.5%;
	margin-right: 3%;
	display: inline-block;
    vertical-align: top;
}
@media only screen and (max-width: 980px) {
	.wpbs-container {
		width: 100%;
		margin-right: 0;
		display: block;
	}
}
.wpbs-legend {
    border: 1px solid #ddd;
}
.wpbs-main-wrapper .wpbs-form-container {
	width: 48.5%;
	display: inline-block;
    vertical-align: top;
	border-top: 1px solid #ddd;
	max-width: none;
	padding: 17px 0 20px 0;
}
@media only screen and (max-width: 980px) {
	.wpbs-main-wrapper .wpbs-form-container {
		width: 100%;
		display: block;
		border-top: none;
	}
}
.wpbs-form-field-label {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.wpbs-form-field-label .wpbs-field-required-asterisk {
	bottom: .1em;
    color: red;
}
.wpbs-form-field-input input, .wpbs-form-field-input textarea {
	background-color: #f7f7f7;
	border: none;
    border-bottom: 1px solid #bbb;
    padding: 10px;
    color: #4e4e4e;
}
.wpbs-form-field-text, .wpbs-form-field-email {
	display: inline-block;
}
.wpbs-form-field-1-1, .wpbs-form-field-1-3 {
	width: 48%;
	margin-right: 4%;
}
.wpbs-form-field-1-2, .wpbs-form-field-1-4 {
	width: 48%;
}
.wpbs-form-field-1-6, .wpbs-form-field-1-7 {
	width: 30.66%;
	margin-right: 4%;
}
.wpbs-form-field-1-8 {
	width: 30.66%;
}
.wpbs-form-field-input textarea {
	min-height: 70px;
}
@media only screen and (max-width: 420px) {
	.wpbs-form-field-text, .wpbs-form-field-email {
		width: 100% !important;
		display: block !important;
		margin-right: 0 !important;
	}
}
.wpbs-form-submit-button button {
	height: auto;
	padding: 30px 60px;
	border: none;
	background-color: #dcc864;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #fff;
	transition: all 500ms ease 0ms;
}
.wpbs-form-submit-button button:hover {
	background-color: #000;
}
.wpbs-form-confirmation-message {
	width: 48%;
    display: inline-block;
    background-color: #dcc864;
    padding: 23px 32px;
}