/*******************************************************
 *
 * @file
 * CSS content/element styles
 *
 * Includes CKEditor styling for the CoC Theme of the College website
 *
 *******************************************************/

/*******************************************************
 * . CONTENT EDITOR PAGE STYLES
 *******************************************************/
.ckeditor-gold-highlight {
    /* font-family: "Roboto Slab",serif; */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    background-color: #f5d580;
}

/* Link/button styling */
.highlight-link-blue a,
.highlight-link-yellow a,
.highlight-link-gray a {
    /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
    display: inline-block;
    font-weight: 700;
    padding: 10px 14px 10px 36px;
    position: relative;
    vertical-align: bottom;
}

blockquote .highlight-link-blue a,
blockquote .highlight-link-yellow a,
blockquote .highlight-link-gray a {
    padding-left: 40px;
}

.highlight-link-blue a:before,
.highlight-link-yellow a:before,
.highlight-link-gray a:before {
    content: "\f054";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: inherit;
    position: absolute;
    left: 1em;
    top: .7em;
}

.highlight-link-blue a:before,
.highlight-link-yellow a:before,
.highlight-link-gray a:before {
    color: inherit;
}

.highlight-link-blue a {
    color: #FFFFFF;
    background-color: #023D7B;
}

.highlight-link-yellow a {
    color: #262626;
    background-color: #f5d580;
}

.highlight-link-gray a {
    color: #ab8b28;
    background-color: #eeeeee;
}

.highlight-link-yellow a:link,
.highlight-link-yellow a:visited {
    color: #262626;
    text-decoration: none;
    transition-property: all;
    transition-duration: 0.8s;
}

.highlight-link-yellow a:hover,
.highlight-link-yellow a:active {
    color: #FFFFFF;
    background-color: #023D7B;
    text-decoration: none;
}

.highlight-link-blue a:link,
.highlight-link-blue a:visited {
    color: #FFFFFF;
    text-decoration: none;
    transition-property: all;
    transition-duration: 0.8s;
}

.highlight-link-blue a:hover,
.highlight-link-blue a:active {
    color: #262626;
    text-decoration: none;
    background: #f5d580;
}

.highlight-link-gray a:link,
.highlight-link-gray a:visited,
.highlight-link-gray a:hover,
.highlight-link-gray a:active {
    color: #ab8b28;
    text-decoration: none;
}

iframe.media-oembed-content {
    width: 560px;
    height: 315px;
}