/*
 Theme Name:     Divi Child Theme
 Theme URI:      
 Description:    A child theme of Divi Theme
 Author:         Elegant Themes
 Author URI:     
 Template:       Divi
 Version:        3.0
*/


/****************************************
*** Theme customization starts below ***
*****************************************/

@font-face {
  font-family: 'msgeotr1';
  src: url('/wp-content/themes/ai-divi-child-theme-master/assets/font/msgeotr1.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}


/* Room Page */

ul.amenities-list li:before {
    font-family: "FontAwesome";
    top: 2px;
	position: absolute;
	left: 0;
}

ul.amenities-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;

}

ul.amenities-list li {
    margin-bottom: 7px;
	position: relative;
	padding-left: 0;
}

ul.amenities-list li.bed-king:after,
ul.amenities-list li.bed-queen:after,
ul.amenities-list li.bed-king-trundle:after,
ul.amenities-list li.bed-queen-trundle:after {
    content: "\f236";
    padding-left: 10px;
}

ul.amenities-list li.bed-twin:after {
	content: "\f236"" ""\f067"" ""\f236";
    padding-left: 10px;
}

ul.amenities-list li.sleep1:after {
    content: "\f007";
    padding-left: 10px;
}

ul.amenities-list li.sleep2:after {
    content: "\f007"" ""\f007";
    padding-left: 10px;
}

ul.amenities-list li.sleep3:after {
    content: "\f007"" ""\f007"" ""\f007";
    padding-left: 10px;
}

ul.amenities-list li.sleep4:after {
    content: "\f007"" ""\f007"" ""\f007"" ""\f007";
    padding-left: 10px;
}

/*ul.amenities-list li.bath-rainfall:after,
ul.amenities-list li.bath-shower-head:after, 
ul.amenities-list li.bath-separate-shower:after, 
ul.amenities-list li.bath-tub:after, 
ul.amenities-list li.bath-jetted-spa:after {
    content: "\f2cd"" ""\f2cc";
    padding-left: 10px;
}*/

ul.amenities-list li.bath-rainfall:after,
ul.amenities-list li.bath-shower-head:after, 
ul.amenities-list li.bath-separate-shower:after, 
ul.amenities-list li.bath-tub:after, 
ul.amenities-list li.bath-jetted-spa:after {
    content: "\f2cc";
    padding-left: 10px;
}

ul.amenities-list li.fireplace:after,
ul.amenities-list li.fireplace-electric:after {
    content: "\f06d";
    padding-left: 10px;
}

ul.amenities-list li.pool:after,
ul.amenities-list li.pool-oversized:after,
ul.amenities-list li.pool-for-two:after {
    content: "\f0c9";
    padding-left: 10px;
}

ul.amenities-list li.flooring-wood:after,
ul.amenities-list li.flooring-carpet:after,
ul.amenities-list li.flooring-hardwood:after {
    content: "\f039";
    padding-left: 10px;
}

ul.amenities-list li:after {
    font-family: 'FontAwesome';
}


/*ul.amenities-list li.bed:before {
    content: "\f236";
}

ul.amenities-list li.sleep:before {
    content: "\f007";
}

ul.amenities-list li.wifi:before {
    content: "\f1eb";
}

ul.amenities-list li.fan:before {
    content: "\f013";
}
ul.amenities-list li.fridge:before {
    content: "\f187";
}

ul.amenities-list li.hardwood:before {
    content: "\f039";
}

ul.amenities-list li.tv:before {
    content: "\f26c";
}

ul.amenities-list li.iron:before {
    content: "\f052";
}

ul.amenities-list li.gas:before {
    content: "\f06d";
}

ul.amenities-list li.whirlpool:before {
    content: "\f0c9";
}

ul.amenities-list li.soap:before {
    content: "\f203";
}

ul.amenities-list li.heat:before {
    content: "\f2dc";
}

ul.amenities-list li.shower-head:before {
    content: "\f2cd";
}

ul.amenities-list li.chair:before {
    content: "\f09c";
}*/

/* Room Gallery Slider */

ul.gallery-slider ul.slick-dots {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 !important;
    list-style: none;
}

ul.gallery-slider {
    position: relative;
    padding: 0;
}

ul.slick-dots li button {
    font-size: 0;
    padding: 0;
    width: 25px;
    height: 7px;
    background: #106673;
    border: none;
    border-radius: 10px;
}

ul.slick-dots li:not(:last-child) {
    margin-right: 10px;
}

ul.slick-dots  li.slick-active button {
    background: #fff;
}

ul.gallery-slider button.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 0;
    width: 64px;
    height: 64px;
    border: 2px solid #106673!important;
    color: #fff;
    background: #106673;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
ul.gallery-slider button.slick-arrow:hover {
    background: #fff;
    color: #B1B325;
}
ul.gallery-slider:hover button.slick-prev {
    left: 20px;
}

ul.gallery-slider:hover button.slick-next {
    right: 20px;
}

ul.gallery-slider button.slick-next:before {
    content: "\35";
    font-family: ETmodules!important;
    font-size: 48px;
}


ul.gallery-slider button.slick-prev:before {
    content: "\34";
    font-family: ETmodules!important;
    font-size: 48px;
}

ul.gallery-slider:hover button.slick-arrow {
    opacity: 1;
}

/* Rooms page */

.room-content {
    width: 100%;
    height: 100%;
    padding: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	background-blend-mode: overlay;
    background-color: #00000021;
    color: #fff;
    position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.room-item .featured-image {
    position: relative;
    display: block;
}

.room-item {
    width: 33%;
	padding: 10px;
}

.room-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.room-content h3 {
    color: #fff;
}

.room-item .room-title {
    color: #fff;
}

.room-content a {
    color: #fff;
}

span.room-cat {
    position: absolute;
    color: rgb(255, 255, 255);
    z-index: 1;
    right: 0%;
    top: 0%;
    font-size: 18px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    overflow: hidden;
    background: #106673;
    padding: 20px 30px;
}

.room-item .view_detials, 
.room-item .book_now {
    background-color: rgb(255, 255, 255);
    color: rgb(120,122,14);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(120,122,14);
    -o-border-image: initial;
       border-image: initial;
    display: block;
    padding: 15px 20px !important;
    width: 100%;
    max-width: 160px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    margin: 10px auto;
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.btn-wrap a {
    margin: 5px !important;
}

.room-item .view_detials {
    float: left;
    color: rgb(120,122,14) !important;
}

.room-item .book_now {
    float: right;
    background: rgb(120,122,14);
    color: #fff;
}

.room-item:hover ul.amenities-list {
    opacity: 1;
    cursor: pointer;
}
.room-item ul.amenities-list {
    opacity: 0;
    padding: 20px 10px;
    background: #926b40;
    display: block;
    margin: 15px auto;
    transition: all ease .7s;
}

.room-item .view_detials:hover {
    background: rgb(120,122,14) !important;
    color: #fff !important;
}

.room-item .book_now:hover {
    background: #fff;
}

.room-filter-list h4,
.room-filter-list h3{
    background: #926B40;
    color: #fff;
    padding: 15px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.room-filter-list h4 i,
.room-filter-list h3 i,
.room-filter-list h4 span,
.room-filter-list h3 span {
    margin-left: 5px;
}

.room-filter-list .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.room-filter-list .filter-item {
    padding: 10px 20px;
}

.room-filter-list .list label {
    color: #fff;
}

.room-filter-list .list:not(:last-child) {
    margin-bottom: 10px;
}

.room-filter-list form input[type="submit"] {
    width: 100%;
    background-color: #106673;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    padding: 20px;
    display: block;
    max-width: 300px;
    border: 2px solid #106673;
    cursor: pointer;
    margin: 20px 0 auto;
}

.room-filter-list .submit-btn {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.room-filter-list form input[type="submit"]:hover {
    background-color: #ffff;
    color: #106673;
}

.hide-table-wrapper:not(.show-table) .item-wrap {
    display: none;
}

div.show-table a.lodging-options {
    margin: 20px auto 30px !important;
    display: block;
}

#main-table a.lodging-options {
	margin-top: 20px !important;
}

/* Header */

/* .logged-in header#main-header {
    top: 108px !important;
}

.logged-in div#top-header {
    top: 75px !important;
}

.logged-in .cust-hello-bar.open {
    top: 32px !important;
    z-index: 999 !important;
    position: fixed !important;
} */



/****************************************
**** Responsiveness CSS starts below ****
*****************************************/
@media screen and (max-width: 1300px) {
.room-item {
    width: 50%;
}
}


/* Default Divi Tablet breakpoint */
@media screen and (max-width: 980px) {
span.room-cat {
    font-size: 16px;
    padding: 15px;
}
}

/* Default Divi Mobile breakpoint */
@media screen and (max-width: 767px) {
.room-item {
    width: 100%;
}
}

@media screen and (max-width: 500px) {
	.room-item .view_detials, .room-item .book_now {
		float: none;
	}

	span.room-cat {
		font-size: 12px;
		padding: 10px;
	}
}

/* Default Divi Desktop breakpoint */
@media screen and (min-width: 981px) {
	
}


@media screen and (max-width: 980px) and (min-width: 768px){
	.room-item .view_detials, .room-item .book_now {
		float: none;
	}
}