@charset "utf-8";
/* CSS Document */
/*pages aguada, isabela*/
/*Style sheet for Tour Guide Debbie Copyright 2019*/

body{ 
	padding-top: 50px;
	 -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    color: #6c6f73;
}

body {margin:0;}

body {
    height: 100%;
}

img {
    max-width: 100%;
}

/*colors*/

span.when {
    color: yellow;
    text-shadow: 2px 2px #000;
    
}

span.schedule {
    color: yellow;
    text-shadow: 2px 1px #000;
}

span.meet {
    color: yellow;
    text-shadow: 2px 1px #000;
}

span.yellow {color: rgba(255, 255, 0, 0.96);
             text-shadow: 2px 1px #000;
}

span.board {color: #103891;}

span.pink {
    color: #fcb0f7;
    text-shadow: 1px 2px 2px #000;
}

span.ss {color: rgb(44, 255, 44);}

span.white {color: white;}

span.pavo {
    color: floralwhite;
    text-decoration-style: double;
    text-shadow: 1px 1px 1px #000;
}

span.red {color: red;}

span.rojo {color: #be1010;
    text-shadow: 1px 1px 2px #000;
}

span.european {color: #f52121;
    text-shadow: 1px 1px 3px #000;
}

span.green {color:green}

span.blue {color:blue}

span.lightblue {
    color:rgb(173, 233, 247);
    text-shadow: 2px 3px #000000;
}

span.sky {
    color:rgb(112, 208, 244);
    text-shadow: 2px 2px 3px #000;
}


span.verde {color: #006622;}

span.limon {
    color:#79f782;
    text-shadow: 1px 2px 2px #000;
}

span.brown {
    color:#985007;
    text-shadow: 0px 0px 0px #000;
}

span.orange {
    color:rgb(253, 203, 91);
    text-shadow: 2px 2px #000;
}

span.dark orange {
    color:rgb(239, 115, 25);
    text-shadow: 2px 2px #000;
}

span.light orange {
    color:rgb(252, 217, 161);
    text-shadow: 2px 2px #000;
}

span.rincon {
    color:rgb(255, 155, 8);
    text-shadow: 2px 3px 3px #05234d;
}

span.gold {
    color:rgb(248, 204, 82);
    text-shadow: 2px 2px 3px #000000;
}


/*End colors*/

/*Navbar*/

.navbar-brand {padding-right:2;}

.navbar-toggler{color:#FFF;}

ul.topnav {
  list-style-type:none;
  margin: 0;
  padding: 0;
  background-color: #097db1;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: left;
  padding: 14px 15px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}



ul.topnav li a:hover {
	background-color: #f3fafc;
	color:#044174;
}

ul.topnav li.icon {display:none}

.dropdown-menu a {color:#b5432c;}

div .dropdown-menu {background-color:#039}

/*End Navbar*/

/*logo*/

#logo .display-1 {
    text-shadow: 3px 1px 5px #0a5f07;
}
#logo .display-2 {
    text-shadow: 3px 1px 5px #0a5f07;
}

#logo-aguada .display-2 {
    text-shadow: 3px 1px 5px #ba0715;
}
#logo .display-3 {
    text-shadow: 3px 1px 2px #0a5f07;
}

#logo .display-4 {
    text-shadow: 1px 1px 2px #0a5f07;
}

#logo .display-5 {
    text-shadow: 1px 1px 4px #0a5f07;
}

/*End logo*/

/*Cards Section*/

#cards {
    background-color: beige;
    padding: 1rem;
}

#cards .h1 .display-4 {text-shadow: 10px 2px 4px #006;}
#cards .h3 {text-shadow: 10px 1px 4px #006;}

.cards .p {
    text-shadow: 3px 1px 1px #175f11;}

.card-header {
	color:#FFFFA6;
	text-align:center;
}

.card a.btn {
    border-bottom-style: outset;
    align-content: center;
    border: 4px solid #006622;
    text-shadow: 1px 2px 5px #000;
}

.card .btn {
	border-bottom-style: outset;
    align-content: center;
}

/*section color encabezado de cards*/

.card-header {
	color:#FFFFA6;	
	background-color: #0b670b;
	text-align:center;
}

/*End section encabezado de cards*/

/*aguada landmark encabezado*/

#aguada {
    background: url('image/aguada_header.jpeg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
    margin-bottom:-3rem;
}

.aguada-text {
    background: rgba(0, 0, 0, 0.63);
    color: white;
    text-shadow: 1px 1px 1px #000;
}

.aguada-text h1 {
	color:#FF0;
	text-shadow: 2px 1px 1px #000;
}

.aguada-text h2 {
	color:#FF0;
	text-shadow: 2px 3px #000;
}

.aguada-text .p {
	color:#FF0;
	text-shadow: 2px 3px #000;
}

.aguada-text a.btn {
	border-bottom-style: outset;
    border: 4px solid rgba(16, 16, 188, 0.86);
    text-shadow: 2px 2px 5px rgba(245, 8, 8, 0.7);
}

/*End aguada encabezado*/

/*aguada logo*/


#logo-aguada .display-3 {
    text-shadow: 3px 1px 2px rgba(186, 11, 32, 0.85);
}


/*End logo*/

/*aguada fotos*/

#fotos-aguada h1 {
    text-shadow: 2px 1px 3px rgba(186, 11, 32, 0.85);
}

#fotos-aguada .display-3 {
    text-shadow: 1px 1px 2px rgba(186, 11, 32, 0.55);
}

#fotos-aguada .card a.btn {
    border-bottom-style: outset;
    align-content: center;
    border: 4px solid #060684;
    text-shadow: 1px 2px 5px #000;
}

/* Media Queries */
@media screen and ( max-width : 354px ) {
    
    ul.topnav li a {
  		display: inline-block;
  		color: #f2f2f2;
  		text-align: left;
  		padding: 14px 18px;
  		text-decoration: none;
  		transition: 0.3s;
  		font-size: 17px;
}

}

/* End Media Queries */



/*End aguada fotos*/



/*isabela history encabezado*/

#isabela {
    background: url('image/isabela_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
    margin-bottom:-3rem;
}

.isabela-text {
    background: rgba(32, 32, 32, 0.35);
    color: white;
}

.isabela-text h1 {
	color:#FF0;
	text-shadow: 2px 3px #000;
}

.isabela-text h2 {
	color:#FF0;
	text-shadow: 2px 3px #000;
}

.isabela-text .p {
	color:#FF0;
	text-shadow: 2px 3px #000;
}

.isabela-text a.btn {
	border-bottom-style: outset;
    border: 4px solid #e57f08;
    text-shadow: 2px 2px 5px #000;
}

/*End isabela encabezado*/

/*isabela history photos*/

/* Media Queries */
@media screen and ( max-width : 354px ) {
    
    ul.topnav li a {
  		display: inline-block;
  		color: #f2f2f2;
  		text-align: left;
  		padding: 14px 18px;
  		text-decoration: none;
  		transition: 0.3s;
  		font-size: 17px;
}

}

/* End Media Queries */

/*End isabela history photos*/


/*rincon encabezado*/

#rincon {
    background: url('image/r_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
    margin-bottom:-3rem;
}

.rincon-text {
    background: rgba(17, 18, 18, 0.41);
    color: white;
}

.rincon-text h1 {
	color:#FF0;
	text-shadow: 2px 2px 6px #000;
}
.rincon-text h2 {
	color:#ffc400;
	text-shadow: 2px 2px #000;
}

.rincon-text h3 {
	color:#f2f2cd;
	text-shadow: 2px 1px #000;
}
	
.rincon-text .p {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.rincon-text a.btn {
	border-bottom-style: outset;
    border: 4px solid #064d06;
    text-shadow: 2px 2px 5px #000;
}


/*End pepino encabezado*/


/*jumbotron pepino*/

.jumbotron .display-3 {text-shadow: 1px 2px 4px #006;}
.jumbotron .display-4 {text-shadow: 2px 2px 4px #006;}
.jumbotron .display-5 {text-shadow: 1px 2px 2px #006;}

.jumbotron .card {text-shadow: 2px 2px 1px #006;}

/*End jumbotron pepino*/


/*content*/

#content {
    margin-top: 0rem;
}

#content h1 {
	text-shadow: 1px 1px 0px #06387e;
}

#content h2 {
	text-shadow: 1px 1px 0px #06387e;
}

#content h3 {
	text-shadow: 1px 1px 2px #06387e;
}

#content h4 {
	text-shadow: 1px 1px 2px #06387e;
}

/*End section content*/


/*Picture Gallery*/

#fotos{
    margin-top: -2rem;
    margin-bottom: 1rem;
} 

#mfotos{
    margin-top: -2rem;
    margin-bottom: -2rem;
} 

#fotos h1 {text-shadow: 1px 1px 3px #0a5f07;}

#fotos h2 {color:green;}
#mfotos h2 {color:green;}

#fotos .card-title{color:green;}
#mfotos .card-title{color:green;}

#fotos a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 4px #000;
    text-decoration-style: solid;
}

#mfotos a.btn {
	border-bottom-style: outset;
    text-shadow: 2px 2px 3px #000;
    text-decoration-style: solid;
}

#fotos span.text {text-shadow: 1px 1px 4px #074108;}
#mfotos span.text {	text-shadow: 1px 1px 3px #074108;}

#fotos .card-block .card-blockquote { text-shadow: 1px 1px 4px #000;}
#mfotos .card-block .card-blockquote { text-shadow: 1px 1px 3px #123f88;}

#mfotos h1 { text-shadow: 2px 2px 1px #04297b;}

/*End pepino Picture Gallery*/


/* Media Queries */

@media screen and ( min-width : 991px ) {
    
    .feature-content-s {
        display: flex;
        align-items: center;
    }
    
}

/*Footer*/

#main-footer {
    background: #097db1;
    color: white;
    padding: 3rem 0rem;
    font-size: 0.8rem;
	
}

#main-footer h6 {color: #FFFF00;}

#main-footer a {color: #FFFFFF;}


/*End Footer*/