/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
    font-family: RoyalCrescent;
    src: url('/fonts/RoyalCrecentFont.eot');
    src: url('/fonts/RoyalCrecentFont.eot?#iefix') format('embedded-opentype'), url('/fonts/RoyalCrecentFont.woff2') format('woff2'), url('/fonts/RoyalCrecentFont.woff') format('woff'), url('/fonts/RoyalCrecentFont.ttf') format('truetype');
}

@font-face {
    font-family: Frutiger;
    src: url('/fonts/lte50331.eot');
    src: url('/fonts/lte50331.eot?#iefix') format('embedded-opentype'), url('/fonts/lte50331.woff2') format('woff2'), url('/fonts/lte50331.woff') format('woff'), url('/fonts/lte50331.ttf') format('truetype');
}

@font-face {
    font-family: RobotoLight;
    src: url('/fonts/Roboto-Light.eot');
    src: url('/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Light.woff2') format('woff2'), url('/fonts/Roboto-Light.woff') format('woff'), url('/fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    src: url('/fonts/Roboto-Regular.eot');
    src: url('/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff'), url('/fonts/Roboto-Regular.ttf') format('truetype');
}


@font-face {
    font-family: RobotoBlack;
    src: url('/fonts/Roboto-Black.eot');
    src: url('/fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Black.woff2') format('woff2'), url('/fonts/Roboto-Black.woff') format('woff'), url('/fonts/Roboto-Black.ttf') format('truetype');
}

@font-face {
    font-family: Montserrat;
    src: url('/fonts/Montserrat-Regular.eot');
    src: url('/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Montserrat-Regular.woff2') format('woff2'), url('/fonts/Montserrat-Regular.woff') format('woff'), url('/fonts/Montserrat-Regular.ttf') format('truetype');
}

body {
    font-family: "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-size: 0.95rem;
}

.rcfont {
    font-family: Roboto;
    display: inline-block;
}

h1, .h1 {
    font-size: 2.0rem;
}

h2, .h2 {
    font-size: 1.5rem;
}

h3, .h3 {
    font-size: 1.25rem;
}

h4, .h4 {
    font-size: 1.15rem;
}

h5, .h5 {
    font-size: 1.10rem;
}

h6, .h6 {
    font-size: 1.05rem;
}

.lead {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 2rem;
}



.jumbotron {
    background-image: url('/img/oregon1818-D.png');
    background-repeat: repeat-y;
    background-position: center;
    background-size: cover;
    vertical-align: text-bottom;
}
.pane {
    width: 300px;
    height: 175px;
    background: #f0f0fd;
    background: rgba(240,240,253,0.90);
    padding: 22px 32px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
    -box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 15px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    padding-bottom: 0px;
}

.footer {
    font-size-adjust: 0.80;
}

.site-footer {
    font-family: "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    position: absolute;
    width: 100%;
    background-color: #26272b;
    padding: 45px 0 20px;
    font-size: 15px;
    line-height: 24px;
    height: auto;
    color: #bbb;
    border-top: 6px ridge #bbb;
}

.site-footer hr {
    border-top-color: #ffffff;
    opacity: 0.5
}

.site-footer hr.small {
    margin: 20px 0
}

.site-footer h6 {
    color: #bbb;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
    letter-spacing: 2px
}

.site-footer a {
    color: #fff;
}

.site-footer a:hover {
    color: #3366cc;
    text-decoration: none;
}

.footer-links {
    padding-left: 0;
    list-style: none;
}

.footer-links li {
    display: block;
}

.footer-links a {
    color: #fff;
}

.footer-links a:active, .footer-links a:focus, .footer-links a:hover {
    color: #3366cc;
    text-decoration: none;
}

.footer-links.inline li {
    display: inline-block
}

.site-footer .social-icons {
    text-align: right
}

.site-footer .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 6px;
    margin-right: 0;
    border-radius: 100%;
    background-color: #33353d
}

.copyright-text {
    margin: 0
}

@media (max-width:991px) {
    .site-footer [class^=col-] {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .site-footer {
        padding-bottom: 0
    }
    .site-footer .copyright-text, .site-footer .social-icons {
        text-align: center
    }
}

.social-icons {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.social-icons li {
    display: inline-block;
    margin-bottom: 4px
}

.social-icons li.title {
    margin-right: 15px;
    text-transform: uppercase;
    color: #96a2b2;
    font-weight: 700;
    font-size: 13px
}

.social-icons a {
    background-color: #eceeef;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    margin-right: 8px;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.social-icons a:active, .social-icons a:focus, .social-icons a:hover {
    color: #fff;
    background-color: #29aafe
}

.social-icons.size-sm a {
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-size: 14px
}

.social-icons a.facebook:hover {
    background-color: #3b5998
}

.social-icons a.twitter:hover {
    background-color: #00aced
}

.social-icons a.instagram:hover {
    background-color: #dd2a7b;
}

.social-icons a.linkedin:hover {
    background-color: #007bb6
}

@media (max-width:767px) {
    .social-icons li.title {
        display: block;
        margin-right: 0;
        font-weight: 600
    }
}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #e6e9ed;
    width: 100%
}

    .breadcrumb-arrow li:first-child a {
        border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px
    }

    .breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
        display: inline-block;
        vertical-align: top
    }

        .breadcrumb-arrow li:not(:first-child) {
            margin-left: -5px
        }

        .breadcrumb-arrow li + li:before {
            padding: 0;
            content: ""
        }

        .breadcrumb-arrow li span {
            padding: 0 10px
        }

        .breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
            height: 36px;
            padding: 0 10px 0 25px;
            line-height: 36px
        }

        .breadcrumb-arrow li:first-child a {
            padding: 0 10px
        }

        .breadcrumb-arrow li a {
            position: relative;
            color: #fff;
            text-decoration: none;
            background-color: #00aeef;
            border: 1px solid #00aeef
        }

        .breadcrumb-arrow li:first-child a {
            padding-left: 10px
        }

        .breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
            position: absolute;
            top: -1px;
            width: 0;
            height: 0;
            content: '';
            border-top: 18px solid transparent;
            border-bottom: 18px solid transparent
        }

        .breadcrumb-arrow li a:before {
            right: -10px;
            z-index: 3;
            border-left-color: #00aeef;
            border-left-style: solid;
            border-left-width: 11px
        }

        .breadcrumb-arrow li a:after {
            right: -11px;
            z-index: 2;
            border-left: 11px solid #2494be
        }

        .breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
            background-color: #4fc1e9;
            border: 1px solid #4fc1e9
        }

            .breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
                border-left-color: #4fc1e9
            }

        .breadcrumb-arrow li a:active {
            background-color: #2494be;
            border: 1px solid #2494be
        }

            .breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
                border-left-color: #2494be
            }

        .breadcrumb-arrow li span {
            color: #434a54
        }


.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #0080b2 !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0080b2 !important;
}


/* Container for the button */
.url-reveal-btn {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Starting width for "WEB LINK" */
    max-width: 100px;
    transition: max-width 0.5s ease-in-out, background-color 0.3s ease;
}

    /* Expanded state on first click */
    .url-reveal-btn.revealed {
        /* Large enough to fit standard URLs */
        max-width: 100%;
        background-color: #218838; /* A slightly darker shade to indicate active state */
    }

    /* Text transition */
    .url-reveal-btn .btn-text {
        transition: opacity 0.2s ease-in-out;
    }

/* Helper class to fade text out briefly before swapping */
.text-fade-out {
    opacity: 0;
}

.directory-container {
    /* This tells the browser to create columns that are at least 250px wide. 
           It will automatically calculate how many columns fit on the screen 
           (e.g., 1 column on mobile, 3-4 columns on a wide desktop screen). */
    column-width: 450px;
    column-gap: 2rem;
}

.letter-group {
    /* This prevents the group from being split in half across two columns */
    break-inside: avoid;
    page-break-inside: avoid; /* For older browser support */
    /* Optional: gives a little breathing room between letters */
    margin-bottom: 1.5rem;
    /* Ensures the block stays together in the flow */
    display: inline-block;
    width: 100%;
}