/**
**
**  Golden: 			#c09948;
**  Darker Golden:		#8D6F32;
**
**
**
**
**
**/




/*******************
**
** Common attributes
**
**
**
*********************/

* {
	font-family: OxygenRegular, sans-serif;
}


.golden {
	color: #c09948;
}

.no-decor {
	text-decoration: none;
}

.uppercase {
	text-transform: uppercase;
}

.tag  {
display: block;
padding: 2px 5px;
background: #c09948;
color: #fff;
font-size: 8px;
letter-spacing: 0px;
line-height: 14px;
font-weight: 100;
vertical-align: middle;
/* position: relative; */
position: absolute;
left: -25px;
top: 11px;
/* bottom: 100px; */
-webkit-transform: rotate(-40deg);
transform: rotate(-32deg);
width: 110px;
text-align: center;
font-family: sans-serif !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.33);
}

.newslist a.item-content {
	min-height: 111px;
}

/*.tag {
	display: block;
	width: 100px;
	height: 100px;
	background: red url('../img/tagribbon-gold.png') top left no-repeat;
	background-size: contain;

}*/

.newslist {
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}

.colorinherit {
	color: inherit;
}

.tabs-background-golden {
	background-color: #c09948;
}


.resp-img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.topchoice {
	width: 100%;
	max-width: 40px;
	height: auto;
	vertical-align: text-bottom;
}

.articleheaderwithlogo > figure {
	-webkit-flex: initial;
	flex: initial;
	width: 150px;
	min-width: 100px;
	align-self: center;
}

.articleheaderwithlogo > h1.title {
	align-self: center;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}


.smalllogo {
	max-height: 70px;
	max-width: 100%;
	/*width: 100%;*/
	height: auto;
}

.textbreaker,  .item .textbreaker p,
.item-content .textbreaker p  {
	white-space: normal !important;
}

h2 strong {
	font-family: OxygenBold, sans-serif;
}

.bkred {background: red;}

/* to display extra markup for horizontal large displays.  Will appear when display horizontal and min-width 1024, or something */
/*.largehorizontal { display: none; }

.splitblock {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
 }*/


/* Promotions list item */
 ion-item.promotions > a.item-content {
	background: lemonchiffon;
}

/*****************
* Extending left and right alignment for thre Grid elements in Ionic
***********/


.col-right, .right {
	text-align: right;
}

.col-left, .left {
	text-align: left;
}

.col-h-center, .center {
	text-align: center;
}

.padding10 {
	padding: 10px;
}
.padding20 {
	padding: 20px;
}
.padding30 {
	padding: 30px;
}
.padding40 {
	padding: 40px;
}

.padding10-horizontal {
	padding-left: 10px;
	padding-right: 10px;
}
.padding20-horizontal {
	padding-left: 20px;
	padding-right: 20px;
}
.padding30-horizontal {
	padding-left: 30px;
	padding-right: 30px;
}
.padding40-horizontal {
	padding-left: 40px;
	padding-right: 40px;
}

.padding10-vertical {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding20-vertical {
	padding-top: 20px;
	padding-bottom: 20px;
}
.padding30-vertical {
	padding-top: 30px;
	padding-bottom: 30px;
}
.padding40-vertical {
	padding-top: 40px;
	padding-bottom: 40px;
}


/***********************************************/
/***                                         ***/
/***  onresort HOMEPAGE                      ***/
/***                                         ***/
/***********************************************/

/* homepage */

a.mainbuttons {
	display: block;
}




/* dashboard */

.onresortdashboardpage,
.utilitiesdashboardpage
 {
	background: rgb(174, 91, 9);
	/*background: url('/img/dashboardimages/pic01.jpg') center center no-repeat;*/
	/*background: url('../img/dashboardimages/pic04-large.jpg') top center no-repeat;*/
	/*background: url('../img/dashboardimages/pic04-large-blur.jpg') top center no-repeat;*/
	/*background: url('../img/dashboardimages/pic04-large-golden.jpg') top center no-repeat;*/
	background: url('../img/dashboardimages/pic04-large-blue.jpg') top center no-repeat;
	background-size: cover;
}

.utilitiesdashboardpage {
	/*background: url('../img/dashboardimages/pic03-large.jpg') top center no-repeat;*/
	/*background: url('../img/dashboardimages/pic03-large-blur.jpg') top center no-repeat;*/
	background: url('../img/dashboardimages/pic-utilities-blue.jpg') top center no-repeat;
	background-size: cover;
}



#onresortdashboard,
#utilitiesdashboard
 {
	min-width: 100%;
	min-height: 100%;
}


#dashtop {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	width: 100%;
	padding: 20px;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: distribute;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: distribute;
    align-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}





#dashtop .textvvp,
#dashtop #datetime,
#dashtop .weather {
	color: white;
	color: rgba(255, 255, 255, .8);
	text-align: center;
	/*min-width: 10%;*/
	/*max-width: 10%;*/
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}


#dashtop .textvvp {
	text-align: left;
}

#dashtop #datetime {
	-webkit-flex-grow: 2;
	    -ms-flex-positive: 2;
	        flex-grow: 2;
}

#dashtop .weather {
	text-align: right;
	font-size: 30px;
	font-family: 'OxygenLight';
	font-weight: 100;
	display: block !important;
}




.onresort.homebuttons .dashbutton,
.utilities.homebuttons .dashbutton
 {
	/*background:black;*/
	/*background: rgba(0, 0, 0, .8);*/
	text-align: center;
	min-height: 90px;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-size: 50px;
        font-style: normal;
        margin-left: 0px;
        color: #eee;
        display: inline-block;
        line-height: 65px;
    }

.dashboardtabicon::before {
	color: #7a7a7a !important;
    font-size: 31px;
    line-height: initial;
}

.homebuttons a {
	text-decoration: none;
}


/* whith flex */
.homebuttons.flex {
		display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	-webkit-box-direction: normal;
	    -moz-box-direction: normal;
	    -webkit-box-direction: normal;
	    -moz-box-direction: normal;
	    -webkit-box-orient: horizontal;
	    -moz-box-orient: horizontal;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
-webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: flex-center;
    -ms-flex-align: center;
    align-items: flex-center;
}

/*.dashbuttonshell {
width: 100%;
min-width: 100px;
max-width: 200px;
flex-basis: 90px;
margin: 2%;
}
*/
.dashbuttonshell {
	width: 100%;
	min-width: 100px;
	max-width: 300px;
	-webkit-flex-basis: 150px;
	-ms-flex-preferred-size: 150px;
	        flex-basis: 150px;
	margin: 3%;
}


.dashbuttonimg01,
.dashbuttonimg02,
.dashbuttonimg03,
.dashbuttonimg04,
.dashbuttonimg05,
.dashbuttonimg06,
.dashbuttonimg07,
.dashbuttonimg08,
.dashbuttonimg09,
.dashbuttonimg10
{
	min-width: 150px;
	width: 100%;
	min-height: 130px;
	height: auto;
	background: url('../img/dashboardimages/buttons/butsample.jpg') center center no-repeat;
	background-size: cover;
	display: block;
}


.onresort .dashbuttonimg01 { background-image: url('../img/dashboardimages/buttons/news2.jpg'); }
.onresort .dashbuttonimg02 { background-image: url('../img/dashboardimages/buttons/rooms.jpg'); }
.onresort .dashbuttonimg03 { background-image: url('../img/dashboardimages/buttons/gastronomy.jpg'); }
.onresort .dashbuttonimg04 { background-image: url('../img/dashboardimages/buttons/bares.jpg'); }
.onresort .dashbuttonimg05 { background-image: url('../img/dashboardimages/buttons/butsample.jpg'); }
.onresort .dashbuttonimg06 { background-image: url('../img/dashboardimages/buttons/butsample.jpg'); }




.utilities .dashbuttonimg01 { background-image: url('../img/dashboardimages/buttons/flightinformation.jpg'); }
.utilities .dashbuttonimg02 { background-image: url('../img/dashboardimages/buttons/weather.jpg'); }
.utilities .dashbuttonimg03 { background-image: url('../img/dashboardimages/buttons/butsample.jpg'); }
.utilities .dashbuttonimg04 { background-image: url('../img/dashboardimages/buttons/butsample.jpg'); }
.utilities .dashbuttonimg05 { background-image: url('../img/dashboardimages/buttons/butsample.jpg'); }
.utilities .dashbuttonimg06 { background-image: url('../img/dashboardimages/buttons/butsample.jpg'); }



/******************
**
** Utilities / airport
**
*******************/
.tableairport .row.header{
	font-weight: normal;
	color: #eeeeee;
	text-transform: uppercase;
	font-family: OxygenLight;
	background: rgba(0, 0, 0, 0.8);
}

.tableairport {
	font-size: 13px;
}

.tableairport .row.odd{
	background: rgba(0, 0, 0, 0.1);
}

.tableairport a button {
	font-size: 10px;
}

/******************
**
** Map styling
**
*******************/
#restaurantsview ion-content {
	/*position: relative;*/
}

a#findmebtn {
position: absolute;
display: block;
bottom: 0px;
padding-bottom: 50px;
}

#mapcontainer {
/*width: 100% !important;*/
/*height: 50% !important;*/

width: 100%;
/*height: 50%;*/
height: 200%;
max-height: 50%;
/*height: calc(100% - 250px) !important;*/
padding-bottom: 44px;
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
}


#mapcontainer.halfsize {
	/*height: 50%;*/
	max-height: 50%;
}

#mapcontainer.expanded {
	/*height: 85%;*/
	max-height: 90%;
}

#mapcontainer.shrinked {
	/*height: 25%;*/
	max-height: 25%;
}



#map {
	width: 100%;
	height: 100%;
	background-color: white;
}

#parentdirectionspanel {
	margin-top: 25px;
	/*height: calc(100% - 54%) !important;*/
	height: calc(100% - 200px) !important;
	/*height: auto;*/
	/*padding-bottom: 0px !important;*/
	margin-bottom: 50px !important;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
}

#mapcontainer.expanded + #parentdirectionspanel {
	display: none;
}
#mapcontainer.halfsize + #parentdirectionspanel {
	height: calc(100% - 350px) !important;
}

.articleheaderbackground {
	/*position: relative;*/
	/*min-height: 30%;*/
	/*background-color: red;*/
}

.scroll {
	height: 100% !important;
	/*height: auto !important;*/
	/*min-height: 100% !important;*/
}

#parentdirectionspanel.scroll {
	/*height: 100% !important;*/
	height: auto !important;
	/*min-height: 100% !important;*/
	position: relative;
}

#parentdirectionspanel.scroll-view {
	/*height: 100% !important;*/
	/*height: auto !important;*/
	/*min-height: 100% !important;*/
}




/******************
**
** Schedules styling
**
*******************/

.schedule .row.inside {
	border-top: 1px solid rgba(0, 0, 0, .1);
}



.transparent { background: rgba(0, 0, 0, .85) !important;}

.fullscreen-image {
/*	max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;*/

    width: 100%;
    height: auto;
    /*max-height: 100%;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*margin: auto;*/
    /*overflow: auto;*/
    /*position: fixed;*/
    /*right: 0;*/
    /*top: 0;*/
  	/*position: relative;*/
	/*background-repeat: no-repeat !important;*/
	/*background-position: center center;*/
	/*zoom: 10;*/

}

.topscreen-image {

    width: 100%;
    max-width: 100%;

    height: auto;
    max-height: 60%;
	zoom: 10;

}


.articleheaderbackground ion-slide i.icon {
	background: red;
	width: 100px;
	height: 100px;
}


/****************
**
**  RESTAURANTS
**
******************/

.lighttext,
.lighttext h1,
.lighttext h2,
.lighttext h3,
.lighttext h4,
.lighttext h5,
.lighttext p,
.lighttext p *
 {
	color: white !important;
}


ion-list.photolist ion-item.item-complex a {
	height: 150px;
}

ion-list.photolist h1 {
	font-size: 1.4rem;
	line-height: 1.7rem;
	margin: 0;
	text-transform: uppercase;
	font-weight: 100;
}

ion-list.photolist .itemcontent {
position: absolute;
display: block;
bottom: 0;
width: 100%;
padding: 10px 50px 14px 0;
}


.listbackground {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	z-index: -999;
	background-position: center center;
	background-size: cover, cover;
}



/* Youtube */
.html5-video-container {
	background: white !important;
}


.summarydescription {
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;

   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   line-height: 18px;        /* fallback */
   max-height: 36px;       /* fallback */
}

.articleheaderbackground {
	/*height:	150px;*/
	/*height: 30%;*/
	/*width: 100%;*/
	/*position: relative;*/
	/*background-repeat: no-repeat !important;*/
	/*background-position: center center;*/
	/*background-size: contain !important;*/
	/*position: absolute;*/
}


 .articleheaderbackground h1 {
	font-family: OxygenBold, sans-serif;
 	position: absolute;
 	bottom: 0px;
 	text-align: right;
 	right: 0;
 	padding-right: 20px;
 	/*text-shadow: 0 2px 3px rgba(0, 0, 0, .8);*/
 }

.two-columns {
	-webkit-columns: 2 300px;
	   -moz-columns: 2 300px;
   		     columns: 2 300px;
}

.articleheaderwithlogo {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.articlebody {
	/*font-size: 0.9rem;*/
	line-height: 1.4rem;
	/*text-align: left;*/
	/*padding: 1rem 2rem;*/
}

.articlebody p {
    text-align: justify;
}

.articlebody strong {
	color: #666;
}

.articlebody ul {
	margin: 1.1rem auto;
}

.articlebody ul li {
	list-style-position: outside;
	list-style-type:  square;
	margin: 0.35rem 1.2rem;
	line-height: 0.95rem;
	text-align: left;
}

.articlebody p ul li {
	line-height: 1.15rem;
	margin: 0.55rem 1.2rem;
}


.bar  h1.title {
	text-transform: uppercase;
	font-size: 0.8rem;
	font-family: OxygenRegular, sans-serif;

}

h1, h2, h3, h4, h5 {
	font-family: OxygenRegular;
	/*text-align: left;*/
	/*text-align: center;*/
	/*color: #8D6F32;*/
	color: #333;
}


h1{
	font-family: OxygenLight;
}

h2.textbreaker {
	font-family: OxygenLight;
	text-transform: uppercase;
	font-size: 1.25rem;
	line-height: 1.5rem;
	letter-spacing: 0rem;
	font-weight: 100;
}

h1 {
	font-size: 2.1rem;
	line-height: 2rem;
	letter-spacing: -0.05rem;
	font-weight: 100;
}



.scheduletext {
	font-size: small;
	/*margin-top: 0px;*/
	/*margin-bottom: 0px;*/
	/*background-color: #555;*/
	/*background-color: #c09948;*/

	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	margin-bottom: 20px;
	/*padding: 5px 5px;*/
	line-height: 18px;
	/*color: white;*/
	text-align: left;

	color: #8D6F32;
	width: 100%;
}



.list-smalltext {
	font-size: 12px;
	opacity: .75;
	/*color: #8D6F32;*/
}



/* LAYOUT WITH FLEX */

/* The parent element */
.splitblockparent {

	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;

	-webkit-flex-wrap: nowrap;
 		-ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    	flex-direction: column;

	/* tells flexbox to start items from the left */
	-webkit-justify-content:flex-start;
		 	  -ms-flex-pack:start;
		    justify-content:flex-start;

	 -webkit-align-content: flex-start;
	    -ms-flex-line-pack: start;
			 align-content: flex-start;

	/* makes all items on a row equal height */
	-webkit-align-items:stretch;
 		 -ms-flex-align:stretch;
			align-items:stretch;

	/*max-width:906px;*/
	margin:0 auto;



}

/* The element container */

.splitblockparent .splitblock {

/*	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;*/
	/* be 33% but don't be flexible */
/*	-webkit-flex:0 0 50%;
	-ms-flex:0 0 50%;
	flex:0 0 50%;*/

	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;

	align-self: auto;




}



.articleheaderbackground .splitblock {
	/* always put this item first in the visual order */
	-webkit-order:-1;
	-ms-flex-order:-1;
	order:-1;

	/* double the size of this in our grid */
	-webkit-flex:0 0 100%;
	-ms-flex:0 0 100%;
	flex:0 0 100%;

	min-height: 200px;
}


/********************/



/** Wather forecast **/

ion-content.weatherforecast {
  background: -webkit-linear-gradient(180deg, rgba(198, 228, 255, 0.41) 10%, rgba(238, 215, 169, 0.55) 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(180deg, rgba(198, 228, 255, 0.41) 10%, rgba(238, 215, 169, 0.55) 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(180deg, rgba(198, 228, 255, 0.41) 10%, rgba(238, 215, 169, 0.55) 90%); /* IE10 */
  background:      -o-linear-gradient(180deg, rgba(198, 228, 255, 0.41) 10%, rgba(238, 215, 169, 0.55) 90%); /* Opera 11.10+ */
  background:         linear-gradient(180deg, rgba(198, 228, 255, 0.41) 10%, rgba(238, 215, 169, 0.55) 90%); /* W3C */
}

ion-list.weatherforecast .list ion-item:nth-child(2n+2) {
	background: rgba(255, 255, 255, 0.4);
	border-color: #ddd;
}
ion-list.weatherforecast .list ion-item:nth-child(2n+3) {
	background: rgba(255, 255, 255, 0.1);
	border-color: #ddd;
}

ion-list.weatherforecast .list ion-item:nth-child(1) {
	background: rgba(0, 0, 0, .6);
	color: #fff;
}
/** PhotoGallery - photoswipe **/

#Gallery div.gallery-row  { text-align: justify !important; font-size: 0.1px; margin:10px; }

#Gallery div.gallery-row div.gallery-item { width: 130px; height: 130px; display: inline-block; vertical-align: top; *display: inline; margin-bottom: 15px }
#Gallery div.gallery-row div.gallery-item a { display: inline-block; width: 130px; height: 130px; }
#Gallery div.gallery-row div.gallery-item img { width: 100%; height: 100%; }
#Gallery div.gallery-row:after { content: ""; width: 100%; display: inline-block;}

/*#Gallery div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }*/
/*#Gallery div.gallery-item { float: left; width: 100px; margin: auto; }*/

/*#Gallery div.gallery-row div.gallery-item { width: 130px; height: 130px; display: inline-block; vertical-align: top; *display: inline; }
#Gallery div.gallery-row div.gallery-item a { display: inline-block; width: 130px; height: 130px; }
#Gallery div.gallery-row div.gallery-item img { width: 100%; height: 100%; }
#Gallery div.gallery-row:after {content: "."; width: 100%; display: inline-block;}*/

/** END: PhotoGallery - photoswipe **/




/*@media only screen and (max-device-width: 1024px) and (orientation: landscape) {*/
@media only screen and (max-width: 1280px) and (orientation: landscape) {

	.articlebody {

	}




	/* dashboard buttons*/
	.dashbuttonshell {
		min-width: 200px;
		-webkit-flex-basis: 250px;
		-ms-flex-preferred-size: 250px;
		        flex-basis: 250px;
	}



}


/*@media only screen and (max-device-width: 1024px) and (orientation: landscape) {*/
@media only screen and (max-width: 1024px) and (orientation: landscape) {

	.articlebody {

	}


	/* dashboard buttons*/
	.dashbuttonshell {
		min-width: 100px;
		-webkit-flex-basis: 25%;
		-ms-flex-preferred-size: 25%;
		   flex-basis: 25%;
		   margin: 2%;
		/*height: 60px;*/
	}

	.dashbuttonimg01,
	.dashbuttonimg02,
	.dashbuttonimg03,
	.dashbuttonimg04,
	.dashbuttonimg05,
	.dashbuttonimg06,
	.dashbuttonimg07,
	.dashbuttonimg08,
	.dashbuttonimg09,
	.dashbuttonimg10
	{
		min-width: 100px;
		width: 100%;
		min-height: 90px;
		height: auto;
	}

}


/*@media only screen and (max-device-width: 760px) and (orientation: portrait) {*/
@media only screen and (max-width: 768px) and (orientation: portrait) {

	.articlebody {

	}




	/* dashboard buttons*/
	.dashbuttonshell {
		min-width: 100px;
		-webkit-flex-basis: 200px;
		-ms-flex-preferred-size: 200px;
		        flex-basis: 200px;
	}


}




/*@media only screen - mobile phones like Samsung SIII - landscape */
@media only screen and (max-width: 667px) and (orientation: landscape) {

	.articlebody {

	}


	/* Dashboard buttons */


	/* dashboard buttons*/
	.dashbuttonshell {
		min-width: 100px;
		-webkit-flex-basis: 29%;
		-ms-flex-preferred-size: 29%;
		   flex-basis: 29%;
		   margin: 1%;
		/*height: 60px;*/
	}


	.dashbuttonimg01,
	.dashbuttonimg02,
	.dashbuttonimg03,
	.dashbuttonimg04,
	.dashbuttonimg05,
	.dashbuttonimg06,
	.dashbuttonimg07,
	.dashbuttonimg08,
	.dashbuttonimg09,
	.dashbuttonimg10
	{
		min-width: 100px;
		width: 100%;
		min-height: 60px;
		height: auto;
	}

	.onresort.homebuttons .dashbutton, .utilities.homebuttons .dashbutton {
		background: black;
		background: rgba(0, 0, 0, .8);
		text-align: center;
		min-height: 82px;
	}

	/********************/



	/* Restaurant Details */

	#restaurantsview .splitblockparent {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;

		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;

		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;

		-webkit-align-items: flex-start;
 			 -ms-flex-align: start;
				align-items: flex-start;
	}

	.splitblockparent > .splitblock,
	.splitblockparent .splitblock,
	 {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 50%;
		align-self: stretch;
	}


	#restaurantsview .splitblock:nth-child(1) {
		order: -1;
		/*background: red;*/
	}

	#restaurantsview .splitblock:nth-child(2) {
		order: 2;
		align-self: flex-start;
		/*background: red;*/
	}

	#restaurantsview .splitblock:nth-child(3) {
		order: 1;
		/*background: red;*/
	}

	#restaurantsview .splitblock:nth-child(4) {
		order: 4;
		/*background: red;*/
	}

	#restaurantsview .splitblock:nth-child(5) {
		order: 3;
		/*background: red;*/
	}

	#restaurantsview .splitblock:nth-child(6) {
		order: 6;
		/*background: red;*/
	}



	/********************/








}



/*@media only screen - mobile phones like Samsung SIII - landscape */
@media only screen and (max-width: 640px) and (orientation: portrait) {

	.articlebody {

	}




	/* dashboard buttons*/
	.dashbuttonshell {
		min-width: 100px;
		-webkit-flex-basis: 44%;
		-ms-flex-preferred-size: 44%;
		   flex-basis: 44%;
		   margin: 3%;
		/*height: 60px;*/
	}


	.dashbuttonimg01,
	.dashbuttonimg02,
	.dashbuttonimg03,
	.dashbuttonimg04,
	.dashbuttonimg05,
	.dashbuttonimg06,
	.dashbuttonimg07,
	.dashbuttonimg08,
	.dashbuttonimg09,
	.dashbuttonimg10
	{
		min-width: 100px;
		width: 100%;
		min-height: 70px;
		height: auto;
	}

}



/*@media only screen - mobile phones like Samsung SIII - portrait */
@media only screen and (max-width: 414px) and (orientation: portrait) {

	.articlebody {

	}




	/* dashboard buttons*/
	.dashbuttonshell {
		min-width: 100px;
		-webkit-flex-basis: 44%;
		-ms-flex-preferred-size: 44%;
		   flex-basis: 44%;
		   margin: 3%;
	}


	.dashbuttonimg01,
	.dashbuttonimg02,
	.dashbuttonimg03,
	.dashbuttonimg04,
	.dashbuttonimg05,
	.dashbuttonimg06,
	.dashbuttonimg07,
	.dashbuttonimg08,
	.dashbuttonimg09,
	.dashbuttonimg10
	{
		min-width: 100px;
		width: 100%;
		min-height: 70px;
		height: auto;
	}

}





/*@media only screen - mobile phones like Apple iPhone4 - portrait */
@media only screen and (max-width: 320px) and (orientation: portrait) {

	.articlebody {

	}




	/* dashboard buttons*/
	.dashbuttonshell {
		min-width: 100px;
		-webkit-flex-basis: 150px;
		-ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        margin: 1.5% 1%;
	}


	.dashbuttonimg01,
	.dashbuttonimg02,
	.dashbuttonimg03,
	.dashbuttonimg04,
	.dashbuttonimg05,
	.dashbuttonimg06,
	.dashbuttonimg07,
	.dashbuttonimg08,
	.dashbuttonimg09,
	.dashbuttonimg10
	{
		min-width: 100px;
		width: 100%;
		min-height: 70px;
		height: auto;
	}


}




/*@media for horizontal large devices {*/
@media only screen and (min-width: 1024px) and (orientation: landscape) {
/*	.splitblock {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		        flex-wrap: wrap;
	}


		.splitblock-item-lowarea {
-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		margin: 40px 30px 20px 40px;
	}

/*	.splitblock-item {
		flex: 1 1 49%;
	}

	.splitblock-item:nth-child(1) {
		flex: 1 1 65%;
	}

	.splitblock-item:nth-child(2) {
		flex: 1 1 32%;
	}
*/

/*	.splitblock-item:nth-child(3) {
		flex: 3 0 100%;
	}
	*/

/*
	.splitblock-item-toparea {
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
	}


	.splitblock-item-toparea1 {
		-webkit-flex: 1 1 65%;
		    -ms-flex: 1 1 65%;
		        flex: 1 1 65%;
	}

	.splitblock-item-toparea2 {
		-webkit-flex: 1 1 36%;
		    -ms-flex: 1 1 36%;
		        flex: 1 1 36%;

	}

	.two-columns {
		-webkit-columns: 3 300px;-moz-columns: 3 300px;columns: 3 300px;
	}

	.splitblock-item-lowarea {
-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		margin: 40px 30px 20px 40px;
	}
*/
}

/* Vertical ipad */
@media only screen and (min-width: 680px) and (orientation: portrait) {

	ion-list.photolist ion-item.item-complex a {
		height: 200px;
	}

	ion-list.photolist h1 {
		font-size: 1.6rem;
		line-height: 1.8rem;
		margin: 0;
		text-transform: uppercase;
		font-weight: 100;
	}

}