/* SET MARGIN AND PADDING TO 0 FOR ALL ELEMENTS */
/* the reason for using the universal selector here is to override any browser-specific defaults  */
* {
margin: 0; padding: 0;
}
/* Prevent padding from breaking containers */
* {
  box-sizing: border-box;
}



body {
	background: white; 
}
body {
	padding-top: 2em;
}




body, input, textarea {
	color: yellow;
	font: 15px Arial;
	font-weight: 300;
	line-height: 1.625;
}



html, body {
font-family:Arial;color:black;font-size:16px; 
color: black;
margin: 0px auto;
}


/**********************************************************************************************/
/** TABLES                                                                                   **/
/**********************************************************************************************/

th, td {
  padding: 1%;
}

/* nopad added 26-aug-2020; needed for canal tours */
table.nopad th, td {
  padding: 0%;
}


/**********************************************************************************************/
/** PAGE HEADERS AND WRAPPERS                                                                **/
/**********************************************************************************************/


.wrapper {
	margin: 0px auto;
	background-color: white;
}
.wrapper-gallery {
	margin: 0px auto;
	background-color: white;
}


@media (max-width: 500px) {
   .wrapper{width:100%;}
   .wrapper-gallery{width:100%;}
}

@media (min-width: 500px) {
   .wrapper{max-width: 1000px};
}


@media (max-width: 500px) {
   .desktop-footer-bar{ display:none;}
   .mobile-footer-bar{ }
}
@media (min-width: 500px) {
   .desktop-footer-bar{ }
   .mobile-footer-bar{ display:none;}
}


/**********************************************************************************************/
/** PAGE CONTAINERS                                                                          **/
/**********************************************************************************************/

@media (max-width: 500px) {
   .blog-left {width:100%;padding:5px 5px 5px 5px}
   .blog-central {width:100%;padding:5px 5px 5px 5px}
   .blog-left-100 {width:100%;padding:5px 5px 5px 5px} /* this is an expt with containers to make use of the RHS */
   .blog-fullwidth {width:100%;padding:5px 5px 5px 5px}
}

@media (min-width: 500px) {
   .blog-left {max-width:700px;margin-left:0px;padding:5px 5px 5px 5px}
   .blog-central {max-width:700px;margin:auto;padding:5px 5px 5px 5px}
   .blog-left-100 {max-width:1000px;margin-left:0px;padding:5px 5px 5px 5px}
   .blog-fullwidth {max-width:1000px;margin-left:0px;padding:5px 5px 5px 5px}
}

.thin-border {border-width:1px;border-color:green;border-style:solid;border-radius:15px;margin-top:10px}


/**********************************************************************************************/
/** FONTS                                                                          **/
/**********************************************************************************************/


@media (max-width: 500px) {
	* {line-height:1.2}
	h1 {color:purple; font-size:30px;padding-top:5px;padding-bottom:5px}
	h2 {color:purple; font-size:22px;padding-top:5px;padding-bottom:5px}
	h3 {color:purple; font-size:18px;padding-top:4px;padding-bottom:4px}
	h4 {color:purple; font-size:16px;padding-top:3px;padding-bottom:3px}
	p  {color:black; font-size:16px;padding-top:3px;padding-bottom:3px}
}

@media (min-width: 500px) {
	* {line-height:1.2}
	h1 {color:purple;font-size:33px;padding-top:10px;padding-bottom:10px}
	h2 {color:purple; font-size:28px;padding-top:8px;padding-bottom:8px}
	h3 {color:purple; font-size:24px;padding-top:8px;padding-bottom:8px}
	h4 {color:purple; font-size:22px;padding-top:7px;padding-bottom:5px}
	p  {color:black; font-size:20px;padding-top:5px;padding-bottom:3px}
}




/**********************************************************************************************/
/** Buttons                                                                                  **/
/**********************************************************************************************/
.default_cursor {cursor: default;}


/**********************************************************************************************/
/** Dividing line                                                                            **/
/**********************************************************************************************/
// changed from 97% to 99%, 20-sep-2020
hr {width: 99%;margin-left: auto;margin-right: auto;margin-top:10px;margin-bottom:10px}