/* CSS Document */


@import url("https://rwbimini.com/wp-content/themes/resorts-world/style.css");

p {
    margin: 0 0 1.55em;
    font-size: 20px;
	line-height:1.25
}

.entry-content {
  
    width: 100%;
    margin:20px auto;
}


.entry-content h1, .entry-summary h1, .comment-content h1 {
    
    display: inline;
}
h2 {
	font-size: 32px;
	line-height: 1.2;
    margin-bottom: 15px;
}

h2.promos {
	font-size: 24px;
	line-height: 1.2;
    margin-bottom: 15px;
	text-transform: none !important;
}

.login {max-width:330px;}

.stats-card, .stats-score {
	float: right;
}
.page-title {
	float: left;
}
.page-subsection {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.row {padding:20px 0}
.tan {background:#f9f2e8;}

.tan .wc-shortcodes-column-first {border-right: 3px solid #ce3439;}
.red {text-transform:uppercase; color:#ce3439; font-weight:700; font-size:24px}
.gradient {background: rgb(227,26,60);
    background: linear-gradient(
90deg
, rgba(227,26,60,1) 0%, rgba(158,6,33,1) 100%);

}

.border-box {border: 15px solid #ce3439;padding:25px 0}

.cards {background-image: url(images/card-suit-lg.png);
    background-position: right top;
    background-repeat: no-repeat;
}

h3.name {font-size:28px;}
h2.white {color:#ffffff}

.signout {
    float: right;
    padding: 10px 20px;
    text-transform: uppercase;
    /* margin-top: 15px; */
    border: 2px solid #ce3439;
    color: #ce3439;
    font-size: 20px;
}
.tierlabel, .name {
	text-transform: uppercase;
	color: #ce3439;
	font-size: 30px;
	font-weight: bold;
}
h3.title {
	margin: 0;
	text-transform: uppercase;
	font-size: 20px !important;
	color: #000 !important;
}
.score-exp {
	margin-top: 20px;
}
.tierlabel label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.spcr {
	padding: 5px 0;
}
.button {
	background-color: #ce3439; /* RW Red */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
input:focus { 
    background-color: #ffdee1;
}
input#textfield, input#phonefield {width:44%;margin-right:10px}


.update {    padding: 12px !important;
    background: #e0b77f !important;
    color: #ce3439 !important;
    float: right !important;
    display: inline-block !important;
    margin: 0 !important;
    font-size: 18px !important;}

  
.fakebtn {-webkit-appearance: none;
    -webkit-border-radius: 0;

    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding: 13px 27px;
    min-width: 118px;
    background: #ce3439;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin: 10px 0;}
.pattern .wc-shortcodes-one-third, .no-pattern .wc-shortcodes-one-third{
    width: 33.33%;
    margin-left: 0;
    padding: 60px;
    min-height: 300px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	
}

.pattern  {background-image: url(images/block-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;}
.no-pattern  {background:#f9f2e8;}

.pattern .content, .no-pattern .content {
    width: 100%;
    margin: 0 auto;
}

.alt {display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;}

.pattern .wc-shortcodes-two-third, .no-pattern .wc-shortcodes-two-third {
    
    margin-left: 0;
    background-size: cover;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 66.666%;
    min-height: 380px;
}

.pattern .wc-shortcodes-two-third {
    float: right;
    order: 2;
}

.no-pattern .wc-shortcodes-two-third {
    float: left;

}


@media (max-width: 768px) {

.stats-card, .stats-score {
	float: left;
}
	
.pattern .wc-shortcodes-two-third, .no-pattern .wc-shortcodes-two-third	 {
    display: block;
    height: 300px;
}
	
.pattern .wc-shortcodes-one-third, .no-pattern .wc-shortcodes-one-third {
    display: block;
}
.pattern .wc-shortcodes-two-third, .no-pattern .wc-shortcodes-two-third, .pattern .wc-shortcodes-one-third, .no-pattern .wc-shortcodes-one-third	
	{width: 100%;
    float: none;
    margin-left: 0;
   margin-bottom: 0;
    padding: 30px;
	min-height: auto;}
	
	input#textfield, input#phonefield {width:90%;margin-right:0;display:block;margin-bottom:15px}


.update {
   
    float: none !important;
    display: block !important;
    margin: 10px 0 !important;
   
}




}


#duetto header {
			display: flex;
			align-items: center;
			font-size: calc(16px+ (26 - 16) * ((100vw - 300px) / (1600 - 300)));
			justify-content: center;
			margin-bottom: 1em;
    color: #ce3439;
    /* min-height: 10vh; */
			text-align: center;
		}
		
		#duetto ul {
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			grid-gap: .5em;
			margin: 0 auto;
			max-width: 64em;
			padding: 0;
		}
		
		#duetto li {
			display: flex;
			align-items: center;
			text-align: center;
			justify-content: center;
			list-style: none;
			margin-left: 0;
			font-size: calc(16px+ (21 - 16) * ((100vw - 300px) / (1600 - 300)));
				    font-size: 1em;
					-webkit-justify-content: center;
					flex-direction:column;
		}
		
		
	
@supports (-ms-accelerator: true) { /* Edge only */

    #duetto li {
        justify-content: space-around;
        /* you can also add some other adjustments to size, margins etc to get the same positioning */
    }

}
	
		
		#duetto ul.weekdays {
			margin-bottom: 1em;
			    font-size: 14px;
		}
		
		/*#duetto ul.weekdays li {
			height: 4vw;
		} */
		
		#duetto ul.day-grid li {
			    background-color: #f9f2e8;
    border: 1px solid #f9f2e8;
			height: 12vw;
			max-height: 125px;
		}
		#duetto ul.day-grid li:hover {
			    background-color: #e0b77f;
			border: 1px solid #e0b77f;}
		 #duetto ul.weekdays abbr[title] {
			border: none;
			font-weight: 400;
			text-decoration: none;
		 
		} 
		
	 
	  #duetto ul.weekdays li span {
		  font-size:12px !important;
color: #000;}
	 
@media screen and (min-width: 1025px)
{
   #duetto ul.weekdays abbr[title]:after
   {
      display:none;
   }
}
@media screen and (max-width: 1025px)
{
	 #duetto ul.weekdays span {
		 display:none;}
		#duetto ul.weekdays abbr[title]:after
{
   content: attr(title);
}
 
}

#duetto h1 {font-size: 36px;
    color: #ce3439;
    line-height: 1;
    margin: 10px auto;
}
#duetto li span {text-align: center;
    font-size: 28px;
      display: block;
    margin: 0 auto;
    color: #ce3439;
    clear: both;
    width: 100%;}


		/* white bg for days not in month */
		/*
		ul.day-grid li:nth-child(1),
		ul.day-grid li:nth-child(2),
		ul.day-grid li:nth-child(3),
		ul.day-grid li:nth-child(34),
		ul.day-grid li:nth-child(35) {
			background-color: #fff;
		}
		*/		
		
		@media all and (max-width: 800px) {
			#duetto ul {
				grid-gap: .25em;
			}
			/*#duetto ul.weekdays li {
				font-size: 0;
			} 
			#duetto ul.weekdays> li abbr:after {
				content: attr(title);
				/*font-size: calc(16px+ (26 - 16) * ((100vw - 300px) / (1600 - 300)));
				text-align: center;
			}*/
		}


.wc-shortcodes-clearfix:before,
.wc-shortcodes-clearfix:after {
    content: "";
    display: table;
}

.wc-shortcodes-clearfix:after {
    clear: both;
}

.wc-shortcodes-clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}



.wc-shortcodes-item {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.wc-shortcodes-row {
    display: block;
    width: 100%;
}

.wc-shortcodes-column-first {
    margin-left: 0!important;
    clear: left;
}
.wc-shortcodes-column-last {
    margin-right: 0!important;
    clear: right;
}
.wc-shortcodes-one-half, .wc-shortcodes-one-third, .wc-shortcodes-two-third, .wc-shortcodes-three-fourth, .wc-shortcodes-one-fourth, .wc-shortcodes-one-fifth, .wc-shortcodes-two-fifth, .wc-shortcodes-three-fifth, .wc-shortcodes-four-fifth, .wc-shortcodes-one-sixth, .wc-shortcodes-five-sixth {
    position: relative;
    margin-left: 4%;
    margin-bottom: 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wc-shortcodes-two-third {
    width: 65.33%;
}

.wc-shortcodes-one-third {
    width: 30.66%;
    
}

@media screen and (max-width: 768px) {
    .wc-shortcodes-one-half, .wc-shortcodes-one-third, .wc-shortcodes-two-third, .wc-shortcodes-three-fourth, .wc-shortcodes-one-fourth, .wc-shortcodes-one-fifth, .wc-shortcodes-two-fifth, .wc-shortcodes-three-fifth, .wc-shortcodes-four-fifth,.wc-shortcodes-one-sixth, .wc-shortcodes-five-sixth {
        width:100%;
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
        padding:5px;
    }
	#duetto li span {font-size: 20px;}
	
	h2.promos {padding-bottom: 30px; border-bottom: 1px solid #c2c2c2;}
}


@media (max-width: 950px) {
.booking-widget-content-block {
    display: block;
}}

.book-widget-select-wrap {
    text-align: left;
    margin: 15px auto;
}

.booking-widget-content-block {
      text-align: left;
        padding: 0;
    margin: 0;
}

p.small { font-size:12px;}


  .roomtype {
    /* border: 3px solid #ce3439; */
    border-radius: 7px;
    margin: 0 5px;
    padding: 5px 10px;
    display: flow-root;
}



#duetto button {margin-bottom:0!important;}
.roomtype .left {float:left; margin-right:20px;}
.social-links li {font-size: 18px; margin: 0 9px 0 0;}

.roomtype img {max-width:300px; display:block}

.call {font-size:24px;padding:18px 0}

.row {width:100%;display:block;clear:both;}

.booking-widget input[type='text'] {

    width: 625px;
}

#tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 22px !important;
    text-transform: uppercase !important;
	    font-family: 'Commissioner', sans-serif;
    font-weight: 700;
}

#tabs.ui-widget-header {
     border: none !important;
    background: #fff !important;
}

.ui-widget-header {
     border: none !important;
    background: #fff !important;
}

.ui-widget { font-family: 'Commissioner', sans-serif !important;}

#tabs.ui-state-active, #tabs.ui-widget-content .ui-state-active,  #tabs.ui-widget-header .ui-state-active {
    color: #fff !important;
   	border: 1px solid #ce3439 !important;
    background: #ce3439 !important; /* RW Red */
	    
}



#tabs.ui-widget-content {
      border: none !important;
}

#tabs.ui-tabs .ui-tabs-panel {
     border: none !important;
}

.ui-tabs .ui-tabs-nav {
    padding: 0 !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff !important;}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
   border-top-left-radius: 0 !important; }


.ui-tabs .ui-tabs-nav li {
    white-space: nowrap !important;
    width: 49% !important;
    margin: .5% !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
     border: 1px solid #ce3439 ; 
    background: #fff !important;
    font-weight: normal;
    color: #000 !important;
 
}

.ui-state-default a, .ui-state-default a:link {
    color: #000 }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px solid #ce3439 !important; }

#tabs .ui-state-default a, #tabs .ui-state-default a:link {
		color: #ce3439;    display: block;
    width: 100%;}
	.ui-widget {font-size:16px !important; font-family: 'Lato', sans-serif;}

@media screen and (max-width: 550px) {	
	#tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 16px !important;
	
	}
	  #duetto li {
	    font-size: 10px;
	  }
	
	.ui-tabs .ui-tabs-nav li {

    width: 100% !important;
   
}
	
	
	
	}