@charset "utf-8";
/* CSS Document */
/*pages blogs*/
/*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%;
}

/*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-2 {
    text-shadow: 3px 1px 1px #073c79;
}

#logo .display-3 {
    text-shadow: 3px 1px 1px #073c79;
}

#logo .display-4 {
    text-shadow: 3px 1px 1px #073c79;
}


#logo .display-5 {
    text-shadow: 3px 1px 1px #073c79;
}

#logo .h1 .display-3 {
    text-shadow: 3px 1px 2px #6c4506;
}

#logo .h1 .display-4 {
    text-shadow: 2px 1px 4px #6c4506;
}


#logo .btn {
    border-bottom-style: outset;
    border: 2px solid #030;
    text-shadow: 2px 2px 0px #000;
}


/*colors*/
 
span.when {
    color: yellow;
}

span.schedule {
    color: yellow;
}

span.meet {
    color: yellow;
}

span.companion {
    color: darkblue;
}

span.board {
    color: darkblue;
}

span.debbie{
    color: white;
}

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

span.text{
    color: white;
    text-shadow: 2px 1px 0px #073c79; 
}
span.yellow{
    color: #FF0;
    text-shadow: 2px 2px 0px #000;
}

span.red{
    color: #bf1e0a;
}

span.rojo{
    color: rgb(244, 9, 9);
}

span.blue{
    color: rgb(6, 83, 141);
}

span.boton{
    color: rgb(6, 83, 141);
    text-shadow: 1px 1px 1px #000;
}


span.orange{
    color: orange;
}

span.forestgreen{
    color: #006622;
}

span.verde{
    color: #47fc40;
}

span.pink {
    color: #fcb0f7;
}

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


/*encabezado*/

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

#header-guide {
    background: url('image/blog/header_blog.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-1rem;
	margin-bottom:-1rem;
    padding-top:25rem;
    padding-bottom:8rem;
}


#header-blog {
    background: url(image/header_blog_muelle.jpg) center center no-repeat;
    background-size: cover;
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 5rem;
    padding-bottom: 3rem;
}

#header-guide2 {
    background: url('image/header_booking.jpg') center center no-repeat;
    background-size: cover;
	margin-top:-1rem;
	margin-bottom:-2rem;
    padding-top:3rem;
    padding-bottom:3rem;
}


.header-booking-text {
    background: rgba(0, 0, 0, 0.61);
    color: lightyellow;
    text-shadow: 1px 2px 1px #000;
}

#header-booking a {
    color: lightyellow;
    text-shadow: 1px 2px 1px #000;
}

#message {
    color:#006622;
}

#message a {
    color:#006622;
}


#header-cruise {
    background: url('image/blog/header_cruiseship.jpg') center center no-repeat;
    background-size: cover;
    margin-top:-3rem;
    margin-bottom:-1rem;
}

#header-halloween {
    background: url('image/blog/header_halloween.jpg') center center no-repeat;
    background-size: cover;
    margin-top:-3rem;
    margin-bottom:-1rem;
}


#halloween {
    background: rgba(20, 71, 152, 0.45);
    color: yellow;
    text-shadow: 1px 1px #000;
}

#header-pasteles {
    background: url('image/blog/header_pasteles.jpg') center center no-repeat;
    background-size: cover;
    margin-top:-3rem;
    margin-bottom:-1rem;
}

#header-coquito {
    background: url('image/blog/header_coquito.jpg') center center no-repeat;
    background-size: cover;
    margin-top:-3rem;
    margin-bottom: -1rem;
}

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

#header-mundillo {
    background: url('image/blog/header_mundillo.jpg') center center no-repeat;
    background-size: cover;
    margin-top:-3rem;
    margin-bottom:-1rem;
}

.header-text {
    background: rgba(11, 45, 109, 0.47);
    color: white;
    text-shadow: 2px 2px 1px #000;
}

.header-text h1 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}
.header-text h2 {
	color:#FF0;
	text-shadow: 2px 2px #000;
}
	
.header-text .p {
	color:#FF0;
	text-shadow: 2px 2px #000;
}

.header-text a.btn {
	border-bottom-style: outset;
    border: 2px solid #030;
}

.header-text .btn {
	border-bottom-style: outset;
    text-shadow: 2px 2px #000;
}

/*End encabezado*/



/*jumbotron*/

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

.jumbotron-reviews .h1 {text-shadow: 2px 2px #006;}

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

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

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

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

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

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

.jumbotron a.btn {border-bottom-style: outset;}

.jumbotron {
    background-color: rgba(151, 214, 248, 0.50);
    margin-top: 1rem;
}

.jumbotron .card-block {
	border-bottom-style: outset;
    text-shadow: 1px 1px 3px #000;
}

.jumbotron .btn {
	border-bottom-style: outset;
    text-shadow: 2px 2px 1px #000;
}

/*section content*/

#content a.btn{
	border-bottom-style: outset;
}

#content .btn {
	border-bottom-style: outset;
    text-shadow: 1px 1px 0px #000;
}

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

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

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

/*Tours*/
#tours {
    margin-top:-1rem;
    background-color: #fdfae1
    
}

#tours-reviews {
    margin-top:2rem;
    background-color: #f8e4c4
    
}


/*Picture Gallery*/

#fotos .display-4 {text-shadow: 1px 1px 1px #0b3f88;}

#fotos h2 {color:green;
            text-align: center;
}

#fotos .card-title {color:green;
                    text-align: center;
}

#fotos .card-text {text-align: justify-all;
}

#fotos a.btn {
	border-bottom-style: outset;
    box-shadow: 8px 6px 0px rgba(7, 60, 121, 0.67);
}

#fotos span.text {
	text-shadow: 1px 1px 0px #074108;
}

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

/*Social Media*/

#social-media {
    background: #f7f0ca;
    color: #105fa2;
    padding: 3rem 0rem;
	margin-top:-.5rem;
}


/*Footer*/

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

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

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


/*End Footer*/