/* pacific.css */

/* Global styles */
body {
    background-color: #90C7E3; /* Task 2: Background color light blue */
    background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3); /* Task 2: Linear gradient */
    background-repeat: no-repeat; /* Task 2: Do not repeat */
    color: #666666;
    margin: 0; /* Set margin to 0 to collapse empty space */
    font-family: Arial, Helvetica, sans-serif; /* Task 1: Font typeface */
}

/* Wrapper id Selector */
#wrapper {
    margin: 0 auto; /* Task 2: Centered */
    width: 80%;
    min-width: 960px;
    max-width: 2048px;
    background-color: #FFFFFF; /* Task 2: White background */
    box-shadow: 3px 3px 3px #333333; /* Task 2: 3px offset dark box shadow */
}

/* Header styles */
header {
    background-color: #002171;
    color: #FFFFFF;
    margin-bottom: 0; /* Set bottom margin of header to 0 */
    background-image: url('sunset.jpg'); /* Task 2: Background image */
    background-position: right;
    background-repeat: no-repeat;
    height: 60px; /* Task 2: 60px height */
    text-align: center; /* Task 2: Centered text */
    padding-top: 15px; /* Task 2: 15px top padding */
}

/* Navigation styles */
nav {
    background-color: #FFFFFF; /* Task 5: White background */
    text-align: center; /* Task 5: Centered text */
    padding: 1em; /* Task 5: 1em padding */
}

/* Main element Selector */
main {
    padding: 1px 20px 20px 20px; /* Task 6: Padding */
    display: block; /* Task 6: Display block for IE */
}

/* Heading styles */
h1 {
    margin-top: 0; 
    font-family: Georgia, 'Times New Roman', serif; 
}

h2 {
    margin-top: 0; 
    font-family: Georgia, 'Times New Roman', serif;
    color: #1976D2;
    text-shadow: 1px 1px #CCCCCC; /* Task 8: 1px offset gray text shadow */
}
h3 {
    margin-top: 0; 
    font-family: Georgia, 'Times New Roman', serif;
    color: #000033; /* Task 7: Text color */
}

dt {
    color: #002171;
}

ul {
    list-style-image: url('marker.gif'); /* Task 8: List marker image */
}
/* Footer styles */
footer {
    padding: 2em; /* Task 9: 2em padding */
    font-size: 75%; /* Task 9: Font size */
    font-style: italic; /* Task 9: Italic font style */
    text-align: center; /* Task 9: Centered text */
    font-family: Georgia, 'Times New Roman', serif; /* Task 9: Font typeface */
}

/* Homehero id Selector */
#homehero {
    width: 96%;
    height: 300px; /* Task 10: 300px height */
    background-image: url('coast.jpg'); /* Task 10: Background image */
    background-size: 100% 100%; /* Task 10: Fill space without repeating */
    margin-left: auto;
    margin-right: auto;
}

/* Yurthero id Selector */
#yurthero {
    width: 96%;
    height: 300px; /* Task 11: 300px height */
    background-image: url('yurt.jpg'); /* Task 11: Background image */
    background-size: 100% 100%; /* Task 11: Fill space without repeating */
    margin-left: auto;
    margin-right: auto;
}


/* Trailhero id Selector */
#trailhero {
    width: 96%;
    height: 300px; /* Task 12: 300px height */
    background-image: url('trail.jpg'); /* Task 12: Background image */
    background-size: 100% 100%; /* Task 12: Fill space without repeating */
    margin-left: auto;
    margin-right: auto;
}

/* Resort class styles */
.resort {
    font-weight: bold; /* Task 13: Bold text */
    color: #1976D2;
}

/* Contact id styles */
#contact {
    font-size: 90%; /* Task 14: Font size */
}