/*
Theme Name: villavodicka.sk
Theme URI: https://www.elegantthemes.com/
Author: Martin Tomasek
Author URI: martintomasek.com
Description: odvodená téma z Divi témy pre villavodicka.sk.
Version: 1.0.0
Template: Divi
*/
@import url("../Divi/style.css");

.et-fixed-header #top-menu li > a {
	color: #606060;
}

/*********************************
Invert Logo color on fixed header
*********************************/
.et-fixed-header #logo {
-webkit-filter: invert(100%);
filter: invert(100%);
}

@media (max-width: 980px) {

	.et_fixed_nav #main-header {
    	background-color: #FFF !important;
    }

    #logo {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    }

    .et-fixed-header #top-menu li > a {
    	color: #606060;
    }

    #et_search_icon:before,
    span.et_close_search_field:after,
    .mobile_menu_bar:before,
    .et_overlay:before {
    	color: #606060 !important;
    }

    #main-header .et_mobile_menu {
    	background-color: #fff !important;
    }

    .et_mobile_menu li a {
    	color: #606060 !important;
    }

    .et_search_form_container input::placeholder{
    	color: #606060 !important;
    }
}

/*  WP Booking Calendar */
.wpbc_booking_form_structure.wpbc_form_center
.wpbc_structure_calendar,
{
	width: 700px !important;
}

.bk_calendar_frame,
.wpbc_booking_form_structure.wpbc_form_center
.wpbc_structure_calendar,
.wpbc_booking_form_structure.wpbc_form_center .wpbc_structure_form {
	width: auto !important;
}

.booking_form input,
.booking_form select {
	width: 300px !important;
}

.booking_form select {
	width: 316px !important;
}

.booking_form_div textarea {
	width: 620px !important;
}

.booking_form .form-group {
	display: inline-block;
}

.booking_form .form-group:last-child {
	display: block;
}

.booking_form_div .btn {
	color: #ffffff!important;
	    border-width: 0px!important;
	    border-radius: 0px !important;
	    letter-spacing: 2px !important;
	    font-size: 16px !important;
	    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
	    font-weight: 300!important;
	    text-transform: uppercase!important;
	    background-color: #225a2d !important;
	    padding: 1em 2em!important;

}

.booking_form_div .btn:hover {
	background: #3a7144 !important;
	    border-radius: 0px !important;
	    letter-spacing: 2px !important;
	    cursor: pointer;
}

@media (max-width: 768px){

.booking_form_div input {
	width: 250px !important;
}

.booking_form select {
	width: 366px !important;
}

.booking_form_div textarea {
	width: 250px !important;
}

.booking_form .form-group {
	display: block;
}
}

.booking_class {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}    .booking_class select {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 20px 15px;
        outline: 0;
        border: 0px solid #000000;
        border-radius: 0px;
        background: #E6E6E6;
        color: #616161;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
        .booking_class select::-ms-expand {
            display: none;
        }
        .booking_class select:hover,
        .booking_class select:focus {
            color: #000000;
            background: #CCCCCC;
        }
        .booking_class select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }
       .booking_class .select_arrow {
            position: absolute;
            top: 45px;
            right: 15px;
            pointer-events: none;
            border-style: solid;
            border-width: 8px 5px 0px 5px;
            border-color: #7B7B7B transparent transparent transparent;
        }

.booking_class select:hover ~ .select_arrow,
.booking_class select:focus ~ .select_arrow {
    border-top-color: #000000;
}
.booking_class select:disabled ~ .select_arrow {
    border-top-color: #CCCCCC;
}