@charset "utf-8";

/* CSS Document */

/* Page Overview */

body{        

	background:ebe8de;

	font-family: "Roboto Condensed", sans-serif;

}

/* Used for display Table for database  */

table.show {

  border-collapse: collapse;

}


td.this {

  border-bottom: 3pt solid #03F;

  margin:10px;

  padding:10px;

}



/* Site TEXT */

p

{

		color:#0a0823;

		font-size:17px;

		line-height: 20px;

		margin:0px 0px 10px 10px;

		letter-spacing: 1px;

		word-spacing: 8px;

		text-align: justify;	

		

}



.date

{

		color:#09C;

		font-size:12px;

		line-height: 15px;

		margin: 5px 0px 5px 20px;

		letter-spacing: 1px;

		word-spacing: 8px;

		text-align: left;

		padding: 5px;

}



.dates

{

	color:#C90;

	font-family: 'Felipa', cursive;

	font-size:15px;

	margin:10px ;

	text-align: center;

	background-color:#efedf3;

	border-radius: 10px;

  	padding: 5px;

}



.cur

{

	color:#930;

	letter-spacing: 1px;

	font-family: 'Felipa', cursive;

	

	margin:0 60px 20px 40px;

	letter-spacing: 1px;

	text-align: justify;

}


.iname

{

	color:#36C;

	font-size:14px;

	font-family: 'Felipa', cursive;

	margin:5px 5px 10px 5px;

	text-align: justify;

	background-color:#CCC;

	border-radius: 15px;

	padding: 10px;

	font-weight: ;

	font-style: ;

}


.mob

{
	font-size:20px;
	
	text-align: ;

	padding: 10px;

	font-weight: bold;

	font-style: ;

}

.pcode

{
	color:#F90;
		
	font-size:20px;
	
	text-align: ;

	padding: 10px;

	font-weight: bold;

	font-style: ;

}


article{

		color:#963;

		font-size:17px;

		line-height: 1.3;

		

		letter-spacing: 1px;

		word-spacing: 8px;

		text-align: justify;

		margin: 0px 100px 0px 75px;

		font-style: italic;

	}



.ref

{

	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; 

	font-size: 14px; 

	color: #C60;

	text-align: justify;



	}

iframe.p

{

  max-width:100%;

  max-height:100%;

  margin: auto;

  border: 0px solid #73AD21;

	

}



h1{color:#e1a341;	text-shadow: 4px 4px 4px #aaa; 	font-size: 42px; font-weight: bold; text-align: center; margin: 30px 0px 30px 10px; padding: 0px; line-height: 0;}	

h2{color:#09C; 		text-shadow: 4px 4px 4px #aaa; 	font-size: 38px; font-weight: bold; text-align: left; 	margin: 30px 0px 20px 10px; padding: 0px; line-height: 0;}	

h3{color:#999; 		text-shadow: 4px 4px 4px #aaa;	font-size: 33px; font-weight: bold;	text-align: center; 	margin: 10px 0px 20px 20px; padding: 0px; line-height: 0;}

h4{color:#963; 		text-shadow: 4px 4px 4px #aaa;	font-size: 27px; font-weight: bold;	text-align: left; 	margin: 30px 0px 40px 20px; padding: 0px; line-height: 0;}

h5{color:#f4013a; 	text-shadow: 4px 4px 4px #aaa;	font-size: 21px; font-weight: bold;	text-align: left; 	margin: 30px 0px 20px 20px; padding: 0px; line-height: 0;}

h6{color:#090; 		text-shadow: 4px 4px 4px #aaa;	font-size: 19px; font-weight: bold;	text-align: left; 	margin: 15px 0px 20px 30px; padding: 0px; line-height: 0;}









/* site LINKS */



a {

color: #63C;

font-weight: 500;

-webkit-transition: -webkit-transform 0.2s;

transition: transform 0.2s;

display: inline-block;

text-decoration: none;

position: relative;

}

#a::before {

position: absolute;

top: 0;

left: -5px;

right: -1px;

z-index: -1;

box-sizing: content-box;

padding: 0 5px;

width: 100%;

height: 100%;

border-radius: 15px;

background-color: #;

content: '';

opacity: 0;

-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;

transition: transform 0.4s, opacity 0.3s;

-webkit-transform: scale(0);

transform: scale(0);

}

a:hover::before

{

color: #FFF ;

opacity: 1;

-webkit-transform: scale(1);

transform: scale(1);

background-color: #f1f5f7;



}



a:hover

{

	color: #117917 ;	

}


/* site FEATURES  */



.quote {

	font-family: "Courier New", Courier, monospace;

	color: #36C;

	font-size: 16px;

	letter-spacing: 1px;

	word-spacing: 3px;

}

/* DROP DOWN LIST FEATURES  */

/*the container must be positioned relative:*/

.list-select {

 position: relative;

 font-family: 'Felipa', cursive;

}



.list-select select {

  display: none; /*hide original SELECT element:*/

}



.select-selected {

  background-color: #9FF;

}



/*style the arrow inside the select element:*/

.select-selected:after {

  position: absolute;

  content: "";

  top: 14px;

  right: 10px;

  width: 0;

  height: 0;

  border: 6px solid transparent;

  border-color: #fff transparent transparent transparent;

}



/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {

  border-color: transparent transparent #06C transparent;

  top: 7px;

}



/*style the items (options), including the selected item:*/

.select-items div,.select-selected {

  color: #C30;

  padding: 8px 16px;

  border: 1px solid transparent;

  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;

  cursor: pointer;

  user-select: none;

}



/*style items (options):*/

.select-items {

  position: absolute;

  background-color: DodgerBlue;

  top: 100%;

  left: 0;

  right: 0;

  z-index: 99;

}



/*hide the items when the select box is closed:*/

.select-hide {

  display: none;

}



.select-items div:hover, .same-as-selected {

  background-color: rgba(0, 0, 0, 0.1);

}

footer{
  width: 100%;
  height: 100px;
  background: #b9903c;

 
}
.pf{
    color: #FFF;
    column-count: 2;
    column-gap: 50px;
    font-size: 1em;
    font-weight: 300;
  }