@charset "UTF-8";

/* customized

colors: https://es.pinterest.com/pin/171277592050859245/
        #5F6074
        #979AC3
        #E4E2E3 
        #E3E7F2
        #D6D4E2


out: Pinyon Script
*/

body {  
    background-color: #5F6074;
    font-family: 'Lato', sans-serif; 
}

cite,dfn {
    font-weight:400;
    font-style: italic;
}

h1,h2,h3,h4,h5 {
    font-weight:700; 
}

a, strong {
    font-weight:700;
    color: #979AC3; 
}

abbr,dt,mark {
    font-weight:400;
    font-style: italic;
    }



/* ---------------- DEFAULT ------------------- */


#init_body { 
    background: url('/img/bkg_init.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#inside_body { 
    background: url('/img/bkg_inside.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#rooms_body { 
    background: url('/img/bkg_rooms.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#local_body { 
    background: url('/img/bkg_local.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#togo_body { 
    background: url('/img/bkg_togo.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 
#booking_body { 
    background: url('/img/bkg_booking.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#contact_body { 
    background: url('/img/bkg_contact.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* --------- header --------- */
 
#main_header {
    text-align: center;
    margin-top: 4em;
    margin-bottom: 4em;
}

#main_header h1  {
    font-family: 'Tangerine', cursive;
    font-size: 4.4em; 
    color: #5F6074;
}

#main_header h2 {
    font-family: 'Tangerine', cursive; 
    font-size: 2.2em;
    margin-bottom: 4.2em;
    color: #5F6074;
}

#main_nav {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 4em;
}

#upper_nav li {
    padding: 1.2em;
}

#upper_nav li a {
    font-weight:700;
    text-transform: uppercase;
    color: #5F6074; 
    font-size: 0.875em;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    padding: 0.875em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#upper_nav li a:hover {
    background-color: #D6D4E2;
    color: #333; 
}

   /* --- special cases  dark / clear */

#inside_body #main_header h1,
#inside_body #main_header h2 {
    color: #424351;
    text-shadow: 3px 3px 5px #333;
} 


#room_body #main_header h1,
#room_body #main_header h2,
#room_body #main_nav a,
#local_body #main_header h1,
#local_body #main_header h2,
#local_body #main_nav a,
#contact_body #main_nav a,
#inside_body #main_nav a,
#booking_body #main_nav a {
    color: #E3E7F2;
    text-shadow: 3px 3px 5px #333;
}




/* --------- content --------- */
 
.set-psmall {
    padding: 0.875em;
}

.set-pmedium {
    padding: 2.25em;
}

.fillcolor, a.booknow {
    background-color: #5F6074;
    color: #fff;
}

.fillcolor > h3 {
    color: #D6D4E2;    
}

.fillwhite {
    background-color: #fff;
    color: #222;
}

.fillwhite h3, .fillwhite h4 { 
    color: #5F6074;
    text-align: center;
}

.fillwhite footer a {
    background-color: #E4E2E3;
    color: #5F6074;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.fillwhite a:hover {
    background-color: #E3E7F2;
}

.bordercolor {
    border: 0.1em #979AC3 solid;
}

.iconcenter {
    display: block;
    margin-left: auto;    
    margin-right: auto;    
}

article + article {
    border-top: 0.1em #E4E2E3 solid;
}

a.button {
    padding: 0.5em;
    text-transform: uppercase;
    font-size: 0.875em;
}
  
a.booknow:hover {
    background-color: #5F6074;
    color: #fff;
}
  
.block p {
    text-align: justify;
}
 
input, textarea {
    font-size: 1.2em;
}

textarea {
   font-family: inherit;
   font-size: inherit;
}


/* --------- footer --------- */
 
#links_footer {
    margin-top: 2.75em;
    background-color: rgba(228,226,227,0.8);
}

#links_footer .col {
    padding-left: 1.5em;
    color: #555;
    font-size: 0.875em;
}

#links_footer .col h3 {
    font-size: 1.25em;
    color: #5F6074;
}

#author_footer {
    background-color: #222;
    color: #ccc;
    font-size: 0.75em;
    font-weight: 400;
}

#author_footer img {
    height: 0.875em;
    width: auto;
}

#author_footer a {
    color: #A9B856;
}

#author_footer a:hover {
    color: #FFC200;
}