@font-face {
    font-family: 'Source Sans Pro';
    src: 
        url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    src: 
        url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: 700;
}

body {
    font-family: 'Source Sans Pro', sans-serif, Arial;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #556271;
    color: #fff;
}

::selection {
    background: #FF6A67;
    color: #fff;
}
::-moz-selection {
    background: #FF6A67;
    color: #fff;
}

/********************************************/
/* Navbar */

.wrd-nav {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
    padding-top: 1.5rem;
}
.wrd-nav .navbar-brand {
    font-family: 'Times New Roman', Times, serif;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
}
.wrd-nav .nav-item {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.25rem;
    padding-left: 1.25rem;
}
.wrd-nav .nav-item .nav-link {
    cursor: pointer;
}

/********************************************/
/* Search */

.wrd-wrapper {
    padding: 2rem 6.5rem;
}

.wrd-search {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: .5rem 1rem;
    background-color: transparent;
    color: #fff;
    border-color: #8692a0;
}

.wrd-search-button {
    background-color: #74818f;
    border-color: #74818f;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: .5rem 1rem;
    font-weight: 700;
}
.wrd-search-button:hover {
    opacity: .8;
    background-color: #7B8898;
    border-color: #7B8898;
}
.wrd-search-button img {
    height: 20px;
}

.wrd-acknowledgement {
    font-size: 1.5rem;
    color: #8692a0;
    padding: 2rem 6.5rem;
}
.wrd-acknowledgement a {
    color: #8692a0;
}

/********************************************/
/* Dictionary */

.wrd-heading {
    font-size: 8rem;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 700;
    text-transform: capitalize;
}
.wrd-empty-heading {
    font-size: 8rem;
    padding: 2rem 6.5rem;
    font-family: 'Times New Roman', Times, serif;
}

.wrd-container {
    padding: 2.5rem;
    border-top: 1px #74818f solid;
    border-right: 1px #74818f solid;
    background-color: rgba(255,255,255,.05);
}

.wrd-audio {
    margin-top: 4rem;
}

.wrd-meaning:last-of-type {
    border-bottom: 1px #74818f solid;
}

.wrd-part {
    font-size: 2rem;
    font-family: 'Times New Roman', Times, serif;
    text-transform: capitalize;
    padding-left: 4.75rem;
    font-style: italic;
}

.wrd-definition {
    font-size: 2rem;
    font-family: 'Times New Roman', Times, serif;
}
.wrd-definition a {
    color: #fff;
}

.wrd-example {
    font-size: 1.5rem;
    font-style: italic;
    color: #96a4b6;
}

/********************************************/
/* Thesaurus */

.wrd-thesaurus-wrapper {
    border-left: 1px #74818f solid; 
    margin-left: -1px; 
    margin-bottom: -1px;
}

.wrd-thesaurus {
    padding-right: 6.5rem;
    margin-right: -1px;
}
.wrd-thesaurus:last-of-type {
    border-bottom: 1px #74818f solid;
}

.wrd-thesaurus-heading {
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #96a4b6;
}

/********************************************/
/* Mobile responsive */

@media screen and (max-width: 992px) {
    .wrd-nav {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 1rem;
    }
    .wrd-nav .nav-item {
        padding-left: 0;
    }
    .wrd-wrapper {
        padding: 2rem 1.5rem;
    }
    .wrd-heading {
        font-size: 3rem;
    }
    .wrd-empty-heading {
        font-size: 3rem;
        padding: 0 1.5rem;
    }
    .wrd-audio {
        margin-top: 2rem;
    }
    .wrd-part {
        font-size: 1.5rem;
        padding-left: 0;
    }
    .wrd-definition {
        font-size: 1.5rem;
    }
    .wrd-acknowledgement {
        padding: 1.5rem;
    }  
}