@charset "utf-8";
/* CSS Document */
/*pages night tales, sightseeing, thanksgiving, morning, guavate*/
/*Style sheet for Tour guide Debbie Copyright 2018*/

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)}

span.board {color: #103891;}

span.pink {color: #fcb0f7;}

span.debbie {color: white;}

span.text{color: ghostwhite;}

span.pavo {
    color: floralwhite;
    text-decoration-style: double;
    text-shadow: 1px 1px 1px #000;
}

span.red {color: #bf1e0a;}

span.green {color: #056c28;}

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.sky {
    color:rgb(112, 208, 244);
    text-shadow: 2px 2px 2px #000;
}

span.orange {
    color:rgb(253, 176, 52);
    text-shadow: 2px 2px #000;
}

span.gold {
    color:rgb(248, 204, 82);
    text-shadow: 2px 3px #000000;
}

span.lightblue {
    color:rgb(173, 233, 247);
    text-shadow: 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;
}

@media screen and ( max-width : 767px ) {
    
    ul.topnav li a {
  		display: inline-block;
  		color: #f2f2f2;
  		text-align: left;
  		padding: 14px 18px;
  		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 #6c4506;
}
#logo .display-2 {
    text-shadow: 3px 1px 5px #6c4506;
}


#logo .display-3 {
    text-shadow: 3px 1px 2px #6c4506;
}


#logo .display-4 {
    text-shadow: 2px 1px 3px #0a5f07;
}

#logo .display-4 {
    text-shadow: 2px 1px 3px #6c4506;
}

#logo .display-5 {
    text-shadow: 3px 1px 2px #6c4506;
}

#logo .h1 .display-3 {
    text-shadow: 3px 1px 2px #6c4506;
}

#logo .h1 .display-4 {
    text-shadow: 2px 1px 3px #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*/

/*nt encabezado*/

#night {
    background: url('image/nt_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
	margin-bottom:-2rem;
}

.night-text {
    background: rgba(3,26,103,0.6);
    color: white;
}

.night-text h1 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}
.night-text h2 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.night-text h3 {
	color:#f2f2cd;
	text-shadow: 2px 1px #000;
}
	
.night-text .p {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.night-text a.btn {
	border-bottom-style: outset;
    border: 4px solid #064d06;
    text-shadow: 2px 2px 5px #000;
}


/*End nt encabezado*/

/*--mobile--*/

section #txlog {background-color: azure;}

/*jumbotron night tales*/

.jumbotron .h1 {text-shadow: 2px 2px #006;}

.jumbotron .h3 {text-shadow: 2px 2px #006;}

.jumbotron .display-4 {text-shadow: 2px 2px 4px #006;}

.jumbotron .display-5 {text-shadow: 2px 2px #006;}

.jumbotron a.btn {
    border-bottom-style: outset;
    text-shadow: 1px 2px 3px #06387e;
    text-decoration-style: solid;
}

/*End jumbotron night tales*/

/*section content*/

#content {
    margin-top: 0rem;
}

#content a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 5px #000;  
}

#content h1 {
	text-shadow: 1px 1px 0px #06387e;
}

#content h3 {
	text-shadow: 1px 1px 0px #06387e;
}


/*End section content*/

/*NT Picture Gallery*/

#fotos{
    margin-top: 2rem;
    margin-bottom: 1rem;
} 

#mfotos{
    margin-top: -2rem;
    margin-bottom: -2rem;
} 

#fotos h1 {text-shadow: 1px 1px 3px #0a5f07;}
#mfotos 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 NT Picture Gallery*/



/*rum logo*/

#rum-logo .display-4 {
    text-shadow: 1px 2px 1px #0a5f07;
}



/*End logo*/




/*rum encabezado*/

#rum {
    background: url('image/spr_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-2rem;
	margin-bottom:-2rem;
}

#m-rum {
    background: url('image/spr_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
	margin-bottom:-2rem;
}

.rum-text {
    background: rgba(7, 51, 121, 0.53);
    color: white;
}

.rum-text h1 {
	color:white;
	text-shadow: 2px 4px 2px #000000;
}

.rum-lead {
	color:yellow;
	text-shadow: 2px 3px #000;
}

.rum-text h2 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.rum-text h3 {
	color:#79f782;
	text-shadow: 2px 2px 2px #000;
}

.rum-text .p {
	color:#FF0;
	text-shadow: 2px 2px #000;
    text-decoration-line: overline;
}

.rum-text a.btn {
	border-bottom-style: outset;
    border: 4px solid #060a6f;
    text-shadow: 2px 2px 5px #000;
}

/*End rum encabezado*/


/*rum fotos*/

#rum-fotos{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#rum-fotos h2 {color:green;}

#rum-fotos .card-title {color:green;}

#rum-fotos .card-block .card-blockquote { text-shadow: 1px 1px 4px #000;}

#rum-fotos a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 4px #000;
    text-decoration-style: solid;
}

#rum-fotos h1 {text-shadow: 1px 2px 3px #000;}


#rum-fotos span.text {
	text-shadow: 1px 1px 4px #074108;
}

#rum-fotos a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 6px #000;
}

/*End rum fotos*/

/*mobile rum fotos*/

#mrum-fotos{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#mrum-fotos h2 {color:green;}

#mrum-fotos .card-title {color:green;}

#mrum-fotos .card-block .card-blockquote { text-shadow: 1px 1px 1px #000000;}

#mrum-fotos a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 4px #000;
    text-decoration-style: solid;
}

#mrum-fotos h1 {text-shadow: 1px 2px 3px #000;}


#mrum-fotos span.text {
	text-shadow: 1px 1px 4px #074108;
}

#mrum-fotos a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 6px #000;
}

/*End mobile rum fotos*/



/*morning encabezado*/

#morning_header {
    background: url('image/sj_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
	margin-bottom:-2rem;
}

.morning-text {
    background: rgba(3, 36, 128, 0.57);
    color:yellow;
    text-shadow: 2px 2px #000;
}

.morning-text h1 {
	color:#adeaf5;
    text-shadow: 2px 3px #000;
    
}

.morning-text h2 {
	color:#79f782;
    text-shadow: 3px 2px #000;
}
	
.morning-text .p {
	color:white;
	text-shadow: 2px 2px #000;
}

.morning-text a.btn {
	border-bottom-style: outset;
    border: 4px solid rgba(203, 141, 40, 0.9);
    text-shadow: 1px 2px 5px #000;
}

/*End morning encabezado*/

/*morning content*/

#morning .jumbotron {
	margin-top:-2rem;
	margin-bottom:-2rem;
}

#morning .jumbotron a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 6px #000;
}

#morning .jumbotron .card-block {
	border-bottom-style: outset;
    text-shadow: 1px 1px 3px #000;
}

#morning .jumbotron .display-3 {text-shadow: 2px 2px 3px #006;}

#morning .jumbotron .display-5 {
    text-shadow: 1px 1px 2px #006;
}

#morning-about {border-bottom: -2rem;}

/*End morning content*/

/*morning fotos*/

#morning-fotos{
    margin-top: -2rem;
    margin-bottom: -2rem;
} 

#morning-fotos{
    margin-top: 1rem;
    margin-bottom: 2rem;
} 

#morning-fotos .card-title {color: green;}

#morning-fotos .card-block .card-blockquote { text-shadow: 1px 1px 4px #000;}


/*End morning fotos*/

/*morning button*/

#morning-fotos a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 6px #000;
}


/*End morning button*/

/*Sightseeing encabezado*/

#sightseeing-header {
    background: url('image/ho_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
	margin-bottom:-2rem;
}
    
.sightseeing-text {
    background: rgba(29,22,53,0.3);
    color: white;
}

.sightseeing-text h1 {
	color:#FF0;
	text-shadow: 3px 3px #000;
}
.sightseeing-text h2 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.sightseeing-text h3 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}


.sightseeing-text .p {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.sightseeing-text a.btn {
	border-bottom-style: outset;
    border: 2px solid white;
}

#sightseeing .jumbotron .display-4 {
	color:#FF0;
    text-shadow: 2px 2px 4px #006;
}

#sightseeing .jumbotron .card-block {text-shadow: 2px 1px 4px #000;}
                    

/*End sightseeing encabezado*/


/*Story*/

#story {
    background: url('image/st_header-1.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
	margin-bottom:-2rem;
}

.story-text {
    background: rgba(3,26,103,0.6);
    color: white;
}

.story-text h1 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}
.story-text h2 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.story-text h3 {
	color:#f2f2cd;
	text-shadow: 2px 1px #000;
}
	
.story-text .p {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.story-text a.btn {
	border-bottom-style: outset;
    border: 4px solid #064d06;
    text-shadow: 2px 2px 5px #000;
}


/*End Story encabezado*/

/*--mobile--*/

section #story {background-color: azure;}

/*jumbotron Story*/

.jumbotron .h1 {text-shadow: 2px 2px #006;}

.jumbotron .h3 {text-shadow: 2px 2px #006;}

.jumbotron .display-4 {text-shadow: 2px 2px 4px #006;}

.jumbotron .display-5 {text-shadow: 2px 2px #006;}

.jumbotron a.btn {
    border-bottom-style: outset;
    text-shadow: 1px 2px 3px #06387e;
    text-decoration-style: solid;
}

/*End jumbotron Story*/

/*section content Story*/

#content-story {
    margin-top: 0rem;
}

#content-story a.btn {
	border-bottom-style: outset;
    text-shadow: 1px 2px 5px #000;  
}

#content-story h1 {
	text-shadow: 1px 1px 0px #06387e;
}

#content-story h3 {
	text-shadow: 1px 1px 0px #06387e;
}

/*End section content Story*/

/*Story Picture Gallery*/

#fotos{
    margin-top: 2rem;
    margin-bottom: 1rem;
} 

#mfotos{
    margin-top: -2rem;
    margin-bottom: -2rem;
} 

#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 Story Picture Gallery*/


/*thanksgiving encabezado*/

#tx {
    background: url('image/tx_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
	margin-bottom:-2rem;
}

.tx-text {
    background: rgba(5, 131, 47, 0.56);
    color: yellow;
}

.tx-text h1 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}
.tx-text h2 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}
	
.tx-text .p {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.tx-text a.btn {
	border-bottom-style: outset;
    border: 2px solid #030;
    text-shadow: 1px 2px 0px #000;
}

.jumbotron #tx {margin-bottom: -2rem;}

.jumbotron .card {text-shadow: 2px 2px 0px #000;}

/*End thanksgiving encabezado*/


/*Guavate encabezado*/

#g {
    background: url('image/g_header.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
	margin-bottom:-2rem;
}

.g-text {
    background: rgba(6, 114, 181, 0.78);
    color: yellow;
}

.g-text h1 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}
.g-text h2 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}
	
.g-text .p {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.g-text a.btn {
	border-bottom-style: outset;
    border: 2px solid #030;
    text-shadow: 1px 2px 0px #000;
}

.jumbotron #g {margin-bottom: -2rem;}

.jumbotron .card {text-shadow: 2px 1px 2px #000;}


/*End Guavate encabezado*/

/*404 encabezado*/

#growing {
    background: url('image/404.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-3rem;
	margin-bottom:-2rem;
}

.growing-text {
    background: rgba(3,26,103,0.3);
    color: white;
}

.growing-text h2 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.jumbotron {
    margin-bottom: -2rem;
}

.card {
    margin-bottom: 3rem;
}

/*End 404 encabezado*/


/*Social Media*/

#social-media {margin-top: -1.70rem;}

.feature-content {
	background-color:#FFE79E;
	padding:4rem 0;
	overflow; hidden;
}
.feature-content  {
	background-color:#FFE79E;
	padding:4rem 0;
	overflow; hidden;
    margin-top: -1.5rem;
}

.feature-content h5 {color:#039;}

.feature-content h2 {color:#006622;}

.feature-content p {color:#039;}

.feature-content img{
	margin-top:-3rem;
	padding-bottom: -5rem;
}
.feature-dark {
	padding-top: 20px;
	color: white;
}

.feature-content a.btn {
	box-shadow: 8px 6px 0px #098A0C;
	border-bottom-style: outset;
}

/* Media Queries */

@media screen and ( min-width : 991px ) {
    
    .feature-content {
        display: flex;
        align-items: center;
    }
    
}
/*End Social Media*/

/*Social Media 404*/

.feature-content-s{
	background-color:#FFE79E;
	padding:4rem 0;
	overflow; hidden;
    margin-top: -3rem;
}

.feature-content-s h5{color:#039;}

.feature-content-s h2 {color:#006622;}

.feature-content-s p {color:#039;}

.feature-content-s img{
	margin-top:-3rem;
	padding-bottom: -5rem;
}
.feature-dark {
	padding-top: 20px;
	color: white;
}

.feature-content-s a.btn {
	box-shadow: 8px 6px 0px #098A0C;
	border-bottom-style: outset;
}

/* Media Queries */

@media screen and ( min-width : 991px ) {
    
    .feature-content-s {
        display: flex;
        align-items: center;
    }
    
}
/*End Social Media 404*/

/*Footer*/

#main-footer {
    background: #097db1;
    color: white;
    padding: 3rem 0rem;
    font-size: 0.8rem;
	margin-top:-2.50rem;
}

#main-footer h6 {color: #FFFF00;}

#main-footer a {color: #FFFFFF;}


/*End Footer*/
