@import url('https://fonts.googleapis.com/css?family=Crete+Round|Open+Sans');

@media print {
    nav, figure, footer, hr {
        display: none;
    }

    li {
        color:black;
    }

    #main-content {
        color:black;
    }
}

html {
    background-image: url('../images/Caduceus_blue_background_pulmonary_80.jpg');
    background-size: 175rem;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.logo {
    height:100px;
    display:inline-block;
    vertical-align:top;
}

.print-icon {
    width:50px;
}

.print-icon:hover {
    border-radius:25px;
    outline:none;
    border-color: rgba(206, 185, 47, 1);
    box-shadow: 0 0 40px rgba(206, 185, 47, 1);
}

figure {
    float:right;
    text-align: center;
}


header {
    margin-bottom: 1rem;
}

.banner {
    margin-bottom:20px;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: transparent;
    margin-bottom:20px;
}

h1 {
    margin: 0;
    font-family: 'Crete Round', serif;
}

header {
    display:inline-block;
}

header h1 {
    color: rgb(187, 31, 177);
}

header h2 {
    color: rgb(23, 204, 159);
}

h2 {
    font-family: 'Crete Round', serif;
    margin: 0;
}

h3 {
    height:50px;
    font-size:2em;
    margin-left:-20px;
    margin-bottom: 20px;
    padding: 5px 20px;
    display:inline-block;
    font-family: 'Crete Round', serif;
    background-color:rgb(187, 31, 177);
    text-shadow: 2px 1px 10px black;
    vertical-align:top;
}

h5 {
    height:34px;
    font-family: 'Crete Round', serif;
    margin-left:-20px;
    margin-bottom: 10px;
    padding: 5px 20px;
    display:inline-block;
    font-family: 'Crete Round', serif;
    background-color:rgb(187, 31, 177);;
    text-shadow: 2px 1px 10px black;
    vertical-align: top;
}

h6 {
    height:30px;
    margin-left: -20px;
    vertical-align:top;
    display:inline-block;
    padding: 5px 20px;
    font-family: 'Crete Round', serif;
    background-color: rgb(23, 204, 159);
    color:black;
}

#staff h6 {
    margin-bottom:0;
    margin-left: 0;
}

.title {
    display:block;
    position:relative;
    top: -6px;
}

h3 + .arrow-right {
    width: 0; 
    height: 0; 
    display:inline-block;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid rgb(187, 31, 177);
}

h5 + .arrow-right {
    width: 0; 
    height: 0; 
    display:inline-block;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid rgb(187, 31, 177);
}

h6 + .arrow-right {
    width: 0; 
    height: 0; 
    display:inline-block;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid rgb(23, 204, 159);
  }

.arrow-group {
    display:inline-block;
    white-space: nowrap;
}

li {
    font-family: 'Crete Round', serif;
    color: rgb(184, 208, 228);
}

nav a {
    color:white;
}

.active {
    color: black;
    text-shadow:none;
}

a, figcaption {
    color: rgb(119, 180, 230);
}

@media (max-width: 991.98px) { 
    #content {
        margin:auto;
    }
 }

nav a:hover {
    color:darkslategray;
    text-shadow: none;
}

nav li {
    background-color: rgba(206, 185, 47, 1);
    color: white;
    text-shadow: 2px 1px 10px black;
    font-size: 1em;
    list-style-type: none;
    font-family: 'Crete Round', serif;
}

#content li {
    margin:0;
    padding-left: 20px;
    list-style: none;
    background-image: url('../images/Caduceus_logo_blue_reduced.png');
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 1rem;
}

#staff li {
    background-size: 2rem;
    padding-left: 40px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    nav li {
        min-width: 20rem;
        margin-bottom: .2em;
        background: -moz-linear-gradient(left, rgba(206, 185, 47, 1) 0%, rgba(206, 185, 47, 1) 68%, rgba(206, 185, 47, 0) 100%);
        background: -webkit-linear-gradient(left, rgba(206, 185, 47, 1) 0%, rgba(206, 185, 47, 1) 68%, rgba(206, 185, 47, 0) 100%);
        background: linear-gradient(to right, rgba(206, 185, 47, 1) 0%, rgba(206, 185, 47, 1) 68%, rgba(206, 185, 47, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb92f', endColorstr='#00ceb92f', GradientType=1);
        color: white;
        text-shadow: 2px 1px 10px black;
        font-size: 2em;
        list-style-type: none;
        font-family: 'Crete Round', serif;
        text-align:left !important;
    }
}

#content {
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    padding: 20px;
    max-width: 50rem;
}

#content a:hover, figcaption:hover  {
    color: rgba(206, 185, 47, 1);
}

.centered {
    text-align: center;
}

.inline li {
    display:inline;
}

footer, footer a {
    color: rgb(129, 158, 182);
}

.footer-title {
    text-align: center;
}

.bottom-link {
    text-align: center;
}

#locations {
    margin:auto;
    text-align:center;
}

.address {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    font-size: .9rem;
}

.map {
    display:inline-block;
}