/* ---------------------------------------------------------- */
/* General page/wide definitions                              */
/* ---------------------------------------------------------- */

body				{background-image:url('./Images/background.jpg'); background-size:100% 100%; background-repeat:no-repeat; background-attachment:fixed;}
*					{box-sizing: border-box; }
/* html				{font-family: Verdana, Geneva, sans-serif; font-weight: 500; } */
/* html				{font-family: Calibri Light, sans-serif; font-weight: 500; } */
/* html				{font-family: Times New Roman, sans-serif; font-weight: 500; } */
   html				{font-family: Arial, sans-serif; font-weight: 500; }
/* html				{font-family: Aptos, sans-serif; font-weight: 500; } */


.menuspace			{padding: 1px; }
.menuspace::after	{content: ""; clear: both; display: table; }
.mainspace			{padding: 1px; }
.mainspace::after	{content: ""; clear: both; display: table; }
.title				{color: black; padding: 1px; text-align: center;	}
.title::after		{content: ""; clear: both; display: table; }	
.text				{padding: 0px;	text-align: left; }
.text::after		{content: ""; clear: both; display: table;	}	
.thumbs				{padding: 0px; text-align: left;	}
.thumbs::after		{content: ""; clear: both; display: table; }
.footer				{background-color: #0099cc; color: #ffffff; text-align: left; padding: 1px; font-size: 12px; }

/* ---------------------------------------------------------- */
/* DIV definitions                                            */
/* ---------------------------------------------------------- */
#preloadspace		{height: 1px; width: 1px; }

/* ---------------------------------------------------------- */
/* Paragraph (text layout) definitions                        */
/* ---------------------------------------------------------- */
p					{color:black; display: block; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; text-align: center; }
p.testimonialbody	{font-style: italic; text-align: left;}
p.text				{text-align: left;}
p.menus				{margin-top: 0.06vw; margin-bottom: 0.06vw; text-align: center;}
p.pagelinks			{font-style: italic;}
p.submenus			{color: blue; }
p.temptext			{font-size: 11px; text-align: left; text-indent: -60px; padding-left: 60px;}

a.pdflinks			{font-style: italic; color:red; }


/* ---------------------------------------------------------- */
/* Table definitions                                          */
/* ---------------------------------------------------------- */
table					{margin:auto; font-family: Verdana, Geneva, sans-serif;}
table.links 			{width: 100%;}
table.availability		{width: 100%;}
table.key				{width: 80%;}

td						{text-align: center; }

tr.links				{border: none; padding: 0.06vw;}
td.links				{border: thick; padding: 0.06vw;}	

tr.availability			{padding: 0.06vw; background-color: #E0E0E0;}
td.availability			{background-color: #E0E0E0; border-style: solid; border-width:0.06vw; border-color: blue; padding: 0.06vw;}
td.availability-empty	{background-color: #FFFFFF; border-style: solid; border-width:0.06vw; border-color: blue; padding: 0.06vw;}
td.availability-pending	{background-color: #FFFF99; border-style: solid; border-width:0.06vw; border-color: blue; padding: 0.06vw;}
td.availability-booked	{background-color: #3399FF; border-style: solid; border-width:0.06vw; border-color: blue; padding: 0.06vw;}
td.availability-notes	{background-color: #E0E0E0; border-style: solid; border-width:0.06vw; border-color: blue; padding: 0.06vw;}

/* ---------------------------------------------------------- */
/* Column (layout) definitions                                */
/* ---------------------------------------------------------- */
[class*="col-"] 
	{
    float: left;
    padding: 0.06vw;
/*	background-color: rgba(242,242,242,0.6); 
	border-color: rgba(0,0,255,0.4); 
    border-style: solid; 
    border-width:0.06vw; */ 
	width: 100%; 
}

/* ---------------------------------------------------------- */
/* Define static settings                                     */
/* ---------------------------------------------------------- */
	.col-header-slate 	    {width: 10vw;} 
	.col-header-fillerleft 	{width: 2vw; } 
	.col-header-fillerright {width: 2vw; } 
	.col-header-logo 	    {width: 20vw;} 
/*	.col-header-logo 	    {width: 22vw;} */

	.col-header-1 	        {width: 16vw; } 
	.col-header-2 			{width: 16vw; }
    .col-dropdown-1 		{width: 15vw; }
	
	.col-main-1 			{width: 15vw; }
	.col-main-2 			{width: 26vw; padding-left: 0.8vw; padding-right: 0.04vw;}
	.col-main-3 			{width: 56vw; }

	.col-footer-1 			{width: 28vw; clear: left}
	.col-footer-2 			{width: 12vw; }
	
	.col-debug 				{width: 98vw; font-size: 1.5vh; color: red; clear:left;}

	img.logosize		{display: block; margin: auto;}
	img.travel			{border-color: rgba(255,0,0,0.2); border-style: solid; border-width:0.06vw; display: block; margin: auto;}

	img.mainimage0		{border-color: rgba(255,0,0,0.2); border-style: solid; border-width:0.15vw; display: block; margin: auto;}
	img.mainimage1		{border-color: rgba(255,0,0,0.2); border-style: solid; border-width:0.15vw; display: block; margin: auto;}
	img.thumb0			{border-color: rgba(255,0,0,0.2); border-style: solid; border-width:0.08vw; display: block; margin: auto;}
	img.thumb1			{border-color: rgba(255,0,0,0.2); border-style: solid; border-width:0.08vw; display: block; margin: auto;}

	img.mumsnet			{border-style: none; display: block; margin: auto;}
	img.facebook		{border-style: none; display: block; margin: auto;}
	img.summerfocus		{border-style: none; display: block; margin: auto;}
	img.linksimage		{border-style: none; display: block; margin: auto;}
	img.tricolore		{border-style: none; display: block; margin: auto;}

/* ---------------------------------------------------------- */
/* Define variable settings based on Viewport dimensions      */
/* ---------------------------------------------------------- */

/* Estimation for tablets and phones in portrait mode */ 
@media only screen and (min-aspect-ratio:5/10) and (max-aspect-ratio: 139/100)

	{
	img.logosize		{width: 14vw; height: 4vh;}
	img.mainimage0		{width: 74vw; height: 26vh;}
	img.mainimage1		{width: 44vw; height: 26vh;}
	
	.col-phone-main-1 	{width: 15vw; }
	.col-phone-main-2 	{width: 80vw; }
	.col-phone-main-3 	{width: 100vw; }

	.col-footer-mobile-1 {width: 50.00%; clear: left;}
	.col-footer-mobile-2 {width: 25.00%; }
	.col-footer-mobile-3 {width: 20.00%; }
	.col-footer-mobile-4 {width: 25.00%; } 

	img.thumb0			{width: 12vw; height: 6vh;}
	img.thumb1			{width: 8vw; height: 8vh;}
	img.mumsnet			{width: 8vw; height: 6vh;}
	img.facebook		{width: 8vw; height: 6vh;}
	img.summerfocus		{width: 10vw; height: 6vh;}
	img.linksimage		{width: 16vw; height: 8vh;}
	img.tricolore		{width: 8vw; height: 6vh;}
	
	p.title				{font-size: 1.2vh;}
	p.testimoniallist	{font-size: 1.2vh;}
	p.testimonialbody	{font-size: 1.2vh;}
	p.text				{font-size: 1.2vh;}
	p.menus				{font-size: 1.8vh;}
	p.submenus			{font-size: 1.2vh;}
	p.pagelinks			{font-size: 1.2vh;}
	p.contact			{font-size: 1.4vh;}
	p.links				{font-size: 1.4vh;}
	
	a.pdflinks			{font-size: 1.5vh;}

	table.availability	{font-size: 1.5vh;}
	table.key			{font-size: 1.5vh;}
	}

/* Estimation for classic home pc format          */
@media only screen and (min-aspect-ratio:14/10) and (max-aspect-ratio: 189/100)
	{
	.col-main-1 		{width: 15vw; }
	.col-main-2 		{width: 23vw; padding-left: 0.8vw; padding-right: 0.04vw;}
	.col-main-3 		{width: 59vw; }
		
	img.logosize		{width: 14vw; height: 11vh;}
	img.mainimage0		{width: 58vw; height: 58vh;}
	img.mainimage1		{width: 36vw; height: 72vh;}
	img.thumb0			{width: 10vw; height: 12vh;}
	img.thumb1			{width: 8vw; height: 14vh;}
	img.mumsnet			{width: 6vw; height: 8vh;}
	img.facebook		{width: 6vw; height: 8vh;}
	img.summerfocus		{width: 10vw; height: 8vh;}
	img.linksimage		{width: 16vw; height: 10vh;}
	img.tricolore		{width: 6vw; height: 8vh;}
	
	p.title				{font-size: 2.2vh;}
	p.testimoniallist	{font-size: 1.6vh;}
	p.testimonialbody	{font-size: 1.6vh;}
	p.text				{font-size: 2.2vh;}
	p.menus				{font-size: 2.2vh;}
	p.submenus			{font-size: 1.5vh;}
	p.pagelinks			{font-size: 1.5vh;}
	p.contact			{font-size: 1.7vh;}
	p.links				{font-size: 1.7vh;}
	
	a.pdflinks			{font-size: 1.5vh;}

	table.availability	{font-size: 1.5vh;}
	table.key			{font-size: 1.5vh;}
	}

/* Estimation for tablets in landscape */ 
@media only screen and (min-aspect-ratio:19/10) and (max-aspect-ratio: 209/100)
	{
	img.logosize		{width: 10vw; height: 14vh;}
	img.mainimage0		{width: 48vw; height: 70vh;}

	img.mainimage1		{width: 32vw; height: 72vh;}
	img.thumb0			{width: 10vw; height: 14vh;}
	img.thumb1			{width: 7vw; height: 14vh;}
	img.mumsnet			{width: 4vw; height: 8vh;}
	img.facebook		{width: 5vw; height: 8vh;}
	img.summerfocus		{width: 10vw; height: 8vh;}
	img.linksimage		{width: 16vw; height: 10vh;}
	img.tricolore		{width: 6vw; height: 8vh;}
	
	p.title				{font-size: 2.4vh;}
	p.testimoniallist	{font-size: 1.6vh;}
	p.testimonialbody	{font-size: 1.6vh;}
	p.text				{font-size: 2.4vh;}
	p.menus				{font-size: 2.7vh;}
	p.submenus			{font-size: 2.0vh;}
	p.pagelinks			{font-size: 1.5vh;}
	p.contact			{font-size: 1.7vh;}
	p.links				{font-size: 1.9vh;}
	
	a.pdflinks			{font-size: 2.0vh;}

	table.availability	{font-size: 1.5vh;}
	table.key			{font-size: 1.5vh;}	
	}

/* ---------------------------------------------------------- */
/* Estimation for large screens in landscape                        */ 
/* ---------------------------------------------------------- */
@media only screen and (min-aspect-ratio:21/10)
	{
	.col-main-1 		{width: 21vw; }
	.col-main-2 		{width: 28vw; padding-left: 0.4vw; padding-right: 0.04vw;}
	.col-main-3 		{width: 48vw; }
	
	img.logosize		{width: 10vw; height: 14vh;}
	img.mainimage0		{width: 44vw; height: 70vh;}

	img.mainimage1		{width: 32vw; height: 72vh;}
	img.thumb0			{width: 10vw; height: 14vh;}
	img.thumb1			{width: 7vw; height: 14vh;}
	img.mumsnet			{width: 4vw; height: 8vh;}
	img.facebook		{width: 5vw; height: 8vh;}
	img.summerfocus		{width: 10vw; height: 8vh;}
	img.linksimage		{width: 16vw; height: 10vh;}
	img.tricolore		{width: 6vw; height: 8vh;}
	
	p.title				{font-size: 2.4vh;}
	p.testimoniallist	{font-size: 1.6vh;}
	p.testimonialbody	{font-size: 1.6vh;}
	p.text				{font-size: 2.4vh;}
	p.menus				{font-size: 2.7vh;}
	p.submenus			{font-size: 2.0vh;}
	p.pagelinks			{font-size: 1.5vh;}
	p.contact			{font-size: 1.7vh;}
	p.links				{font-size: 1.9vh;}
	
	a.pdflinks			{font-size: 2.0vh;}

	table.availability	{font-size: 1.5vh;}
	table.key			{font-size: 1.5vh;}	
	}