@charset "utf-8";
/* CSS Document */

/*!
Theme Name: hradiant
Theme URI: https://hotelradiant.com/hr/wp-content/themes/hradiant
Author: eadroit
Author URI: https://eadroit.com
Description: hradiant is child-theme created using themify builder and Luviana Gutenberg theme perfectly fitting for hotels, rental accommodations and services, boarding houses or hostels. The theme comprises an integrated online booking plugin that allows conducting reservations of your rental properties and receiving online payments.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hotelradiant
Template: luviana
*/
/*** buttons hover color:#d20202, buttons bg color:#8a0707**/

@import url('https://fonts.googleapis.com/css?family=Cherry+Swash:400,700|Nunito:700,700i&display=swap');
/*** header section***/
.entry-header-wrapper{display:none}
.site-header { background: rgb(247,244,228);
background: linear-gradient(98deg, rgba(247,244,228,1) 0%, rgba(255,237,142,1) 100%) !important;}
.site-header .site-header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: baseline;
    flex-flow: row!important;}


.hwadd{font-size:small;position: relative;    bottom: 10px;}

.highlight{letter-spacing:1px; color:#2b251f;}
.header-menus-wrapper{position: relative;    bottom: 10px;}

/***body section***/
body{ color:#52504e!important;  font-family: 'Nunito', sans-serif !important; font-size:1.05rem!important; background:transparent !important;}
body .site { width: 100%;}
#content{background:url('https://hotelradiant.com/hr/wp-content/uploads/2019/12/bg_pattern3.png') center center repeat fixed !important; 
}

img{ border: thin solid #dec391!important;}


/*** navi styles***/
a, .main-navigation a {color: rgb(181, 11, 11);}
a:hover, .main-navigation a:hover{color:#f31616;}

/*** mobile-menu styles***/
.menu-toggle {
    padding: 0;
    border: 0;
    background: transparent;
    width: 45px;
    height: 40px;
}
.menu-toggle .line{background:#ffffff!important; height: 2px;width: 30px;
    display: block;
    height: 1px;
    background: #404040;
    margin-bottom: 9px;
    margin-right:auto;
    margin-left: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: margin .3s ease .3s, opacity .3s ease .3s, -webkit-transform .3s ease 0s;
    transition: margin .3s ease .3s, opacity .3s ease .3s, -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s, margin .3s ease .3s, opacity .3s ease .3s;
    transition: transform .3s ease 0s, margin .3s ease .3s, opacity .3s ease .3s, -webkit-transform .3s ease 0s;
    opacity: 1;}
button.menu-toggle {padding: 0!important;
    border-radius: 5px!important;
    margin: 1rem!important;
    position: absolute;
    top: 100px;
    right: 5px;}


/*back to top*/
#topbutton {
  position: fixed;
  display: none;
  height: 40px;
  width: 40px;
  line-height: 40px;
  right: 15px;
  bottom: 15px;
  z-index: 1;
  background: rgb(193, 170, 106);
  border-radius: 50%;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}

#topbutton:after {
  content: "\21E7";
}
/*.topbtn {
    position: relative;
    display: inline;
    left: 110%;
    top: 5%;
    z-index: 1;
    background: rgb(193, 170, 106);
    border-radius: 50%;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: .35em 1.1rem;
    font-size: 1.5rem;
}
.topbtn:hover{background: #f31616; }
.topbtn a:hover{text-decoration:none !important;}
.topbtn a:visited{text-decoration:none!important;}*/


/*** front-page-widget***/
.front-page-widget-area {
    position: relative;
    margin:0 auto!important;
    padding: 1.5rem;
    background: #f38413 !important;
    -webkit-box-shadow: 0px 13px 43px 0px rgba(6, 28, 52, 0.23);
    box-shadow: 0px 13px 43px 0px rgba(6, 28, 52, 0.23);
    color: #f5ede8;
}
.front-page-widget-area .widget_mphb_search_availability_widget .mphb_widget_search-submit-button-wrapper .button {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    background: #f7b31a ;
    font-weight: 700;
    padding-right: 1em;
    padding-left: 1em;
}
.front-page-widget-area:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#e26e06), to(rgba(48, 34, 22, 0)));
  background: linear-gradient(to top, #ec7e0b 0%, rgba(25, 30, 35, 0) 100%) !important;
  opacity: .2;
}
p.mphb-required-fields-tip{display:none !important;}
.front-page-widget-area input[type="text"],
.front-page-widget-area input[type="email"],
.front-page-widget-area input[type="url"],
.front-page-widget-area input[type="password"],
.front-page-widget-area input[type="search"],
.front-page-widget-area input[type="number"],
.front-page-widget-area input[type="tel"],
.front-page-widget-area input[type="range"],
.front-page-widget-area input[type="date"],
.front-page-widget-area input[type="month"],
.front-page-widget-area input[type="week"],
.front-page-widget-area input[type="time"],
.front-page-widget-area input[type="datetime"],
.front-page-widget-area input[type="datetime-local"],
.front-page-widget-area input[type="color"],
.front-page-widget-area textarea,
.front-page-widget-area select {
  background-color: #f77207;
  border-color: rgba(198,184,127 , 0.14);
  color: #b9b28b;
}

.front-page-widget-area input[type="text"], .front-page-widget-area input[type="email"], .front-page-widget-area input[type="url"], .front-page-widget-area input[type="password"], .front-page-widget-area input[type="search"], .front-page-widget-area input[type="number"], .front-page-widget-area input[type="tel"], .front-page-widget-area input[type="range"], .front-page-widget-area input[type="date"], .front-page-widget-area input[type="month"], .front-page-widget-area input[type="week"], .front-page-widget-area input[type="time"], .front-page-widget-area input[type="datetime"], .front-page-widget-area input[type="datetime-local"], .front-page-widget-area input[type="color"], .front-page-widget-area textarea, .front-page-widget-area select {
    background-color: #ecdeb8!important;
    border-color: #f10d0d rgba(127, 160, 198, 0.14)!important;
    color: #846e4e!important;
}
p.mphb_sc_search-submit-button-wrapper{ text-align:left;}
	
}
/***button links styles**/

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .more-link, .wpforms-form button[type=submit], .wpforms-page-button{
    display: block;
    background: #8a0707!important;
    color: #fff!important;
    border: 1px solid!important;
    border-color: #f10d0d!important;
    border-radius: 1.875rem!important;
    font-size: 0.75rem!important;
    text-transform: uppercase!important;
    line-height: 1.2!important;
    padding: 1.5835em 3.333em!important;
    font-weight: 600!important;
    -webkit-transition: all .3s ease!important;
    transition: all .3s ease!important;
    text-align: center!important;
    letter-spacing: 1px!important;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .more-link :hover, .wpforms-form button[type=submit]:hover, .wpforms-page-button:hover{	background: #d20202!important;	}

/***booking search widget***/

.mphb-calendar.mphb-datepick .datepick-month td .mphb-date-selectable, .mphb-calendar.mphb-datepick .datepick-month td a.mphb-selectable-date, .mphb-calendar.mphb-datepick .datepick-month td .mphb-available-date, .datepick-popup .mphb-datepick-popup .datepick-month td .mphb-date-selectable, .datepick-popup .mphb-datepick-popup .datepick-month td a.mphb-selectable-date, .datepick-popup .mphb-datepick-popup .datepick-month td .mphb-available-date {
    background: #f9eeea;
    color: #7b6b6b;
}

.mphb-calendar.mphb-datepick .datepick-month td .mphb-date-cell, .datepick-popup .mphb-datepick-popup .datepick-month td .mphb-date-cell {
    font-weight: 400;
    padding: .3em 0;
}
.main-banner .front-page-widget-area .wp-block-getwid-section__background,.mphb_sc_search-form{background-color:#f38413 !important;}

/***Misc styles***/
.wp-block-getwid-image-box { text-align:center;}

/*front page main heading**/


h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif !important;
		font-weight:700; 
		text-transform:none;
		color:#4a4848;
}
h4{font-size:1.2rem;}
h5{font-size:1.15rem;}



.fp-heading{
    color: rgb(181, 11, 11) !important;
    font-family: 'Cherry Swash', cursive!important;
    font-weight: 700;
    font-size: 3.9em!important;
    text-transform: none;
    line-height: 1.1;
    text-shadow: 2px 2px 5px #817777;
	//margin-bottom:0!important;
	text-align:center;
}
.spl-headings{
    color: rgb(181, 11, 11) !important;
    font-family: 'Cherry Swash', cursive!important;
    font-weight: 700;
    text-transform: none;
    line-height: 1.1;
    text-shadow: 2px 2px 5px #817777;
	margin-bottom:2%!important;
}
.fp-sub-head {
    font-size: 1.5em;
    line-height: 1.3em;
    color: #9a0909 !important;
    margin-top:5px!important;
}

/***amenities section***/
.golden-yellow-caption  {
	background-color: #dacb42; /*fallback col*/
 	background-color: rgba(218, 203, 66, 0.9);
	padding: 1rem;
	color:#fff;
}
.ochre-caption  {
  background-color: #cc7722; /*fallback col*/
	background-color: rgba(204, 119, 34, 0.85);
	padding: 1rem;
	color:#fff;
}
.violet-caption  {
  background-color: #a48aea; /*fallback col*/
	background-color: rgba(164, 138, 234, 0.9);
	padding: 1rem;
	color:#fff;
}
.gray-caption {
  background-color: #778db1; /* fallback col*/
	background-color: rgba(119, 141, 177, 0.85);
	padding: 1rem;
	color:#fff;
}

.image-wrap{-webkit-box-shadow: -10px 0px 13px -7px #A5A5A5, 10px 0px 13px -7px #000000, 1px 9px 17px 10px rgba(165,165,165,0); 
box-shadow: -10px 0px 13px -7px #A5A5A5, 10px 0px 13px -7px #000000, 1px 9px 17px 10px rgba(165,165,165,0);}
.amenities-list{background-color: #eca616;}
.amenities-list ul{
	 list-style-type: none;
	 text-align:center; 
	}
.amenities-list ul li {
    padding-bottom: 0.7rem;
    border-bottom: thin dotted #ede5d4;
}
.amenities-list ul {padding-inline-start: 0px;}
.amenities-list ul li:first-child{margin-top:1rem;}
.fullwidth-white-row {
    background-color: white !important;
		padding-top: 1em;
    padding-bottom: 1em;
}	
.amenities h3, .amenities h4, .usp h4, .amenities h5, .food h4,  .food h5{
    text-align: center;
    margin: 0 .05em;
    letter-spacing: 1px;
    font-family: 'Cherry Swash', cursive!important;

		}
.amenities h3, .usp h4, .amenities h5, .food h4, .food h5{		color: rgb(181, 11, 11) !important;	
}

.amenities-list h3 {
        color: #4a4848;
				border-bottom: dashed medium #ea6f0e;
			}
.food{background-color:#f9f1dc;}				
			
/***room pages section***/
.room-details {text-align:left;}
.mphb_sc_checkout-wrapper, .mphb_sc_booking_confirmation {
		background: #fff;
    -webkit-box-shadow: 0 13px 43px 0 rgba(37, 46, 89, 0.1);
    box-shadow: 0 13px 43px 0 rgba(37, 46, 89, 0.1);
    padding: 3.125rem 2.5rem;
}
.mphb-loop-room-type-attributes li:before, .mphb-single-room-type-attributes li:before, .mphb-widget-room-type-attributes li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f05a";
    width: 2em;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    color: #fbbd01!important;
    position: absolute;
    left: 0;
    top: 0;
}
.mphb-view-details-button-wrapper{display:none!important;}
button.slick-arrow{
    padding: 0 !important;
    line-height: 0!important;
    background-color:transparent;
    border:none;
    font-size:0!important;
}


.mphb_sc_rooms-wrapper .mphb-room-type-title, .mphb_sc_room-wrapper .mphb-room-type-title, .mphb_sc_search_results-wrapper .mphb-room-type-title, .mphb-reservation-submitted-title, .mphb-booking-details-title{
	color: rgb(181, 11, 11) !important;
    font-family: 'Cherry Swash', cursive!important;
    font-weight: 700;
    font-size: 1.2em!important;
    text-transform: none;
    line-height: 1.1;
    text-shadow: 2px 2px 5px #817777;
		margin:1rem 0!important;
	}
	.mphb-price{	color: rgb(181, 11, 11) !important;}
.mphb-currency span.mphb-currency	{font-fmaily:'Nunito', sans-serif !important;}
.mphb-facilities-title, .mphb-bed-type-title, .mphb-size-title,.mphb-adults-title, .mphb-categories-title{color: #f58109!important;}			
	
.mphb-regular-price, .mphb-widget-room-type-price {
    margin: 0;
    font-size: 1.875rem;
    color: #f58109!important;
}
.mphb-recommendation-item-link, .mphb-room-type-title a, .mphb-price-breakdown-accommodation{color:#e06a05;}	

.mphb-single-room-type-attributes li .mphb-attribute-value{background-color: transparent!important;}
.single-room-reservation-form-wrapper{   max-width: 370px;
    margin-left: auto;
    position: relative!important;
    top: 50px!important;
    background: #e6d17c!important;
    padding: 1.5rem!important;
    -webkit-box-shadow: 0 13px 43px 0 rgba(37, 46, 89, 0.1);
    box-shadow: 0 13px 43px 0 rgba(37, 46, 89, 0.1);
}
.mphb-single-room-type-attributes {
    display: table;
    border-collapse: collapse;
    width: 100%;
    background-color: #fbf4d9;
}

/*room gallery slider pagination*/
button[role="tab"]{
    padding:0.5rem!important; color:#8a0707!important;}
button[role="tab"]:hover{background-color:#d20202!important;}
button[role="tab"]


h1.entry-title {color:rgb(181, 11, 11) !important; text-align:center;font-family: 'Cherry Swash', cursive!important;
    font-weight: 700;}


#booking-form-28, #booking-form-59{text-align:center;}


/***structural styles***/

.wp-block-getwid-section .wp-block-getwid-section__wrapper .wp-block-getwid-section__inner-wrapper {
    //width:fit-content!important;
    //max-width:fit-content!important;
		
}
.site-content {
	padding-top:0;
 }
.wp-block-column {
    display:flex;
    flex-basis: initial;
    //flex-grow: 0;
    
}

.usp .wp-block-getwid-image-box.has-image-left, .usp .wp-block-getwid-image-box.has-image-right {
    flex-direction: row!important;
}
.wp-block-getwid-image-box .wp-block-getwid-image-box__content {
    order: 0;
    flex: 0 1 100%;
    align-self: center;
}
.wp-block-getwid-image-box .wp-block-getwid-image-box__image-container.is-position-top{margin:0;}

.wp-block-getwid-section.has-inner-blocks-gap-large>.wp-block-getwid-section__wrapper>.wp-block-getwid-section__inner-wrapper>.wp-block-getwid-section__content>.wp-block-getwid-section__inner-content>*{margin-top : 0!important; margin-bottom: 1em!important;}
.wp-block-getwid-section.has-inner-blocks-gap-huge>.wp-block-getwid-section__wrapper>.wp-block-getwid-section__inner-wrapper>.wp-block-getwid-section__content>.wp-block-getwid-section__inner-content>*{margin-top:0 !important;margin-bottom:1.25em !important;}

/*#main{ box-shadow: 0 13px 43px 0 rgba(37, 46, 89, 0.1);     padding: 2.5rem;     background: #f9f1dc; }*/

/*front page main banner*/
.main-banner {
    padding: 0 1rem !important;
    margin: -8% auto 0!important;
    
}

/***contact-form styles ***/
.wpforms-container{background: #e6d17c!important;
    padding: 1.5rem!important;}

#post-330 .wp-block-getwid-section{
    background: #fff;
    padding: 1.5625rem;
    -webkit-box-shadow: 0 13px 43px 0 rgba(37, 46, 89, 0.1);
    box-shadow: 0 13px 43px 0 rgba(37, 46, 89, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.site-branding img{border:none !important;}

/*** footer styles***/

.site-info-wrapper {    background-color: #decfa5!important;}

.footer-menu-container a, .site-info {  color: #a97a06;}
.site-info a{color:#6f5105!important;}
.site-info a:hover{text-decoration:underline!important;}

@media(min-width:1024px) and (max-width:1366px) and (orientation:portrait){
    .main-navigation {
    clear: both;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;}
    
    
}


@media(min-width:1024px) and (max-width:1441px){
    
   .header-menus-wrapper {    padding:0;} 
   .main-navigation {
    clear: both;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;}
    
    .main-navigation.toggled .header-menus-wrapper {
    position: relative;
    left: 0px;
    background: #e8e2c4;
    color: #3e3c3c;
    top: 150px;
    max-width: 150px;
}
.amenities h4{margin:0;}
.usp p { margin: 1rem 1.5rem;}
}



/**landscape mobile styles**/
@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){
	/**header & navi styles**/
	.site-header .site-header-wrapper{flex-direction:row!important;align-items:flex-end;}
	button.menu-toggle {
    padding: 0!important;
    border-radius: 5px!important;
    margin: 1rem!important;
    position: absolute;
    top: 10px!important;
    right: 5px;
	}
	.hwadd {
    font-size: small;
    position: relative;
    bottom: 0;}
    
 	/**hp banner styles**/
	.main-banner {    padding: 0 1rem !important;    margin: -12% auto 0!important;}
	/*.main-banner .wp-block-getwid-section__background{background:transparent!important;}
.main-banner .wp-block-getwid-section__foreground{opacity:0 !important;}*/

    
    .fp-heading{font-size: 2.9em!important; margin:2% 0!important; }
    .fp-sub-head {    font-size: 1.2em;    line-height: 1.3em;    margin-top: 5px!important;}
    .front-page-widget-area{margin-bottom:2%!important;}
  
    
    /**amenities section**/
.amenities h4, .amenities h5 {   margin: 0 .05em;}

/**usp section**/

.usp{margin-top:1rem!important;}
.usp .wp-block-getwid-image-box.has-image-left, .usp .wp-block-getwid-image-box.has-image-right {    flex-direction: column!important;}
.wp-block-getwid-image-box .wp-block-getwid-image-box__image-container.is-position-top {
    align-self: center;
}
.wp-block-image {
    max-width: 90%;
}
.wp-block-getwid-image-box.has-image-right .wp-block-getwid-image-box__image-container {
    order: 1;
    margin: 20px 0 0 20px;
    max-width: max-content;
}
/**structrural styles**/
.getwid-padding-top-large, .getwid-padding-bottom-large{padding-top:0;padding-bottom:0;}
/*.wp-block-getwid-section .wp-block-getwid-section__inner-content  {
    margin-bottom: 0;
    margin-top: -28%;
}*/

/**forms**/
.single-room-reservation-form-wrapper {  max-width: 100%;}
#wpforms-328{margin-top:10%!important;}

/*mobile menu*/
.main-navigation .menu {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 320px;
  margin: 0 auto;
}
/* Small menu. */

  .menu-toggle,
  .main-navigation.toggled .menu,
  .main-navigation.toggled .socials-menu-mobile,
  .main-navigation.toggled .socials-menu-mobile-container,
  .main-navigation.toggled .header-menus-wrapper {
    display: block;

}
.main-navigation.toggled .header-menus-wrapper {
    position: relative;
    right: 0px;
    background: #e8e2c4;
    color: #3e3c3c;
    top: 60px;
    max-width: 200px;
    padding:0;
}
/**structrural styles**/
 .wp-block-column {
    display: flex;
    flex-basis: 100%;
    flex-shrink: 1;
    justify-content: center;
}
.wp-block-column:nth-child(2n) {
    margin-left: 0 !important; 
}

}    



/*** mobile devices portrait styles**/

@media (min-width:320px) and (max-width:850px) and (orientation:portrait){
	#header-widget-area{margin-top: 1rem;	}

/**hp banner**/	
	.main-banner {     padding: 0 1rem !important;     margin: -20% auto 0!important; }
.fp-heading  {  font-size: 8vw!important; }	
.fp-sub-head {    position: relative;
    margin-top: 10px!important;font-size:4vw; }

.main-banner .wp-block-getwid-section__background{background:transparent!important;}

.main-banner .wp-block-getwid-section__foreground{opacity:0 !important;}

/**navi styles**/
.header-menus-wrapper {
    position: absolute;
    right: 0px;
    top:80px;
    background:transparent;
    color: #3e3c3c;
    bottom:0;
    padding: 0.5rem 0 1rem;
 }
 
 #primary-menu{	background: #e8e2c4;}
 .site-header {
    padding: 1.5625rem 2.75rem;
}
button.menu-toggle {
    position: absolute;
    top: 10px;
    right: 5px;
}


.site-header .site-header-wrapper{flex-direction:column!important; }

.logo-wrapper {width:80%;}


.front-page-widget-area{padding:0 !important;}

/**usp section**/


.usp .wp-block-getwid-image-box.has-image-left, .usp .wp-block-getwid-image-box.has-image-right {    flex-direction: column!important;}

.wp-block-getwid-image-box.has-image-right .wp-block-getwid-image-box__image-container {
    order: 1;
    margin: 20px 0 0 20px;
    max-width: max-content;
}


/**amenities section**/
.amenities h4, .amenities h5 {   margin: 0 .05em;}
.wp-block-columns {
    justify-content:center;
}
.wp-block-column:nth-child(2n) {
    margin-left: 0px!important;}

figure {    margin: 1em;}
/*single room page*/
.single-room-reservation-form-wrapper { margin: 0 auto;}
.mphb_sc_checkout-wrapper, .mphb_sc_booking_confirmation{padding:0.5rem !important;}

/*structrural styles**/
.wp-block-getwid-section__wrapper { padding: 0.5rem !important;}



.getwid-padding-right-medium{padding:0 !important;}

.getwid-padding-top-large, .getwid-padding-bottom-large{padding-top:0;padding-bottom:0;}
.site-content {
    padding-top: 3.625rem;
    padding-bottom: 3.625rem;
    padding-left: 10px;
    padding-right: 10px;
}
.content-area .site-main > .hentry > .entry-content > *.alignfull, .content-area.wide .site-main > .hentry > .entry-content > *.alignfull, .content-area.front-page .site-main > .hentry > .entry-content > *.alignfull{margin:0 auto;}
.spl-headings, .mphb-details-title, h2.mphb-reservation-form-title{text-align:center;}

.mphb_sc_search_results-wrapper{margin-top:-28%;}

form.mphb_sc_checkout-form{font-size: .85rem!important;}

}