/*  ELEMENTS
 
 *	html: Set font size to 62.5% so that the base is not 10px
 *  font-size: 62.5% = 10px 
 *	$rembase = 10px
 *	Example ( 16px ÷ $rembase = 1.6rem )

 *	"line-heights" Specified in the <body> so all other line height's are relative to the parent 
 *	font-size. To change a line-height just add it to the element.

 *  "font-weight" Weights to be set in numerical value
 *  Example ( font-weight: 700; = Bold )

 *  CONTENTS

 *  1.0  Transitions
 *  1.1  Document Structure
 *  1.2  Helper Classes & Grid
 *  1.3  Base Typography
 *  1.4  Site Header
 *  1.5  Page
 *  1.6  Page Templates
 *  1.7  Front Page
 *  1.8  Article Content
 *  1.9  News Archive
 *  1.10 News Single
 *  1.11 Pagination
 *  1.12 Sidebar
 *  1.13 Blocks
 *  1.14 Site Footer

 * 
------------------------------------------------------------------------------------------------------- */


body {
    background: rgba( 255, 255, 255, 1 );
    color: rgba( 34, 34, 34, 1 );
    font-family: Zeta, Helvetica, sans-serif;
}

body * {
    -webkit-font-smoothing: antialiased;
}

a {
    color: rgba( 222, 183, 92, 1 );
}

/* FONTS */

@font-face {
    font-family: 'Zeta';
    font-style: normal;
    font-weight: 400;
    src: 
        url( '../fonts/Zeta-Book.eot?#iefix' ) format( 'embedded-opentype' ),
        url( '../fonts/Zeta-Book.otf' ) format( 'opentype' ),
        url( '../fonts/Zeta-Book.woff' ) format( 'woff' ),
        url( '../fonts/Zeta-Book.ttf' ) format( 'truetype' ),
        url( '../fonts/Zeta-Book.svg#Zeta-Book' ) format( 'svg' );
}

@font-face {
    font-family: 'Zeta';
    font-style: normal;
    font-weight: 700;
    src: 
        url( '../fonts/Zeta-Bold.eot?#iefix' ) format( 'embedded-opentype' ),
        url( '../fonts/Zeta-Bold.otf' ) format( 'opentype' ),
        url( '../fonts/Zeta-Bold.woff' ) format( 'woff' ),
        url( '../fonts/Zeta-Bold.ttf' ) format( 'truetype' ),
        url( '../fonts/Zeta-Bold.svg#Zeta-Bold' ) format( 'svg' );
}

@font-face {
    font-family: 'Zeta Condensed';
    font-style: normal;
    font-weight: 400;
    src: 
        url( '../fonts/Zeta-BoldCondensed.eot?#iefix' ) format( 'embedded-opentype' ),
        url( '../fonts/Zeta-BoldCondensed.otf' ) format( 'opentype' ),
        url( '../fonts/Zeta-BoldCondensed.woff' ) format( 'woff' ),
        url( '../fonts/Zeta-BoldCondensed.ttf' ) format( 'truetype' ),
        url( '../fonts/Zeta-BoldCondensed.svg#Zeta-BoldCondensed' ) format( 'svg' );
}


/*  1.0 Transitions
------------------------------------------------------------------------------------------------------- */

.user-menu input[type="text"],
.user-menu input[type="password"] {
        -webkit-transition: all .1s ease-in-out;
        -moz-transition:    all .1s ease-in-out;
        -o-transition:      all .1s ease-in-out;
    transition:             all .1s ease-in-out;
}

.user-toggle-icon .fa,
.user-menu-bottom a {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition:    all .2s ease-in-out;
        -o-transition:      all .2s ease-in-out;
    transition:             all .2s ease-in-out;
}


/*  1.2 Document Structure
------------------------------------------------------------------------------------------------------- */

.wrapper-inner.postwidth {
    width: 60rem;
}



/*  1.3 Base Typography
------------------------------------------------------------------------------------------------------- */

/* BASE TYPOGRAPHY */

.subtitle {
    letter-spacing: 0;
}

.subtitle {
    color: rgba( 222, 183, 92, 1 );
}



/*  1.4 Site Header
------------------------------------------------------------------------------------------------------- */

.light-header {
    border-top-color: rgba( 222, 183, 92, 1 );
}

.light-header .header-logo {
    display: block;
    margin-left: 5%;
    padding: 0 0 0 0;
}

.light-header .header-logo img {
    max-height: 6rem;
}

.light-header a {
    color: rgba( 34, 34, 34, 1 );
}

.site-header.light-header .primary-nav {
    padding-right: 13rem;
}

/* NAVBAR */

.navbar-logo {
    border: none;
    padding-bottom: 0;
    padding-top: 0;
}

.navbar-logo img {
    height: 7rem;
}

.navbar-menu > li > a {
    color: rgba( 34, 34, 34, 1 );
}

.nav-toggle {
    left: auto;
    right: 6rem;
}


/* STATUS BAR */


.status-bar {
    background: rgba( 222, 183, 92, 1 );
    color: rgba( 255, 255, 255, 1 );
    padding: 0.8rem 0 0.6rem 0;
}

.status-bar-inner {
    margin: 0 auto 0 auto;
    max-width: calc( 100% - 3.8rem );
    padding-left: 2.5rem;
    position: relative;
    text-align: left;
    width: 124rem;
}

.status-bar .fa {
    font-size: 1.8rem;
    position: absolute;
        left: 0;
        top: calc( 50% - 1rem );
}
    
.status-bar p {
    font-family: Zeta, Helvetica, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
}


/* USER MENU */


.user-menu-wrapper {
    margin-top: -2rem;
    position: absolute;
        right: 13rem;
        top: 50%;
}

a.user-toggle {
    color: rgba( 222, 183, 92, 1 );
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    height: 4rem;
    padding-right: 5rem;
    text-transform: uppercase;
}

.user-toggle-label {
    display: none;
}

.user-toggle-icon {
    background: rgba( 222, 183, 92, 1 );
    border: .2rem solid rgba( 255, 255, 255, 0.5 );
    border-radius: 99rem;
    color: rgba( 255, 255, 255, 1 );
    height: 4rem;
    margin-top: -2rem;
    position: absolute;
        right: 0;
        top: 50%;
    width: 4rem;
}

.user-toggle-icon .fa {
    display: block;
    font-size: 1.7rem;
    margin-top: -0.8rem;
    position: absolute;
        left: 0;
        right: 0;
        top: 50%;
    text-align: center;
}

.user-toggle .close-icon, 
.user-toggle.active .open-icon { opacity: 0; }

.user-toggle .open-icon,
.user-toggle.active .close-icon { opacity: 1; }

.user-menu {
    background: rgba( 255, 255, 255, 1 );
    border: .1rem solid rgba( 231, 231, 231, 1 );
    border-radius: .6rem .6rem .6rem .6rem;
    opacity: 0;
    position: absolute;
        left: -9999rem;
        top: 5rem;
        -webkit-transition: opacity .3s ease-in-out, top 0.3s ease-in-out;
        -moz-transition:    opacity .3s ease-in-out, top 0.3s ease-in-out;
        -o-transition:      opacity .3s ease-in-out, top 0.3s ease-in-out;
    transition:             opacity .3s ease-in-out, top 0.3s ease-in-out;
    width: 26rem;
}

.user-menu.active {
    opacity: 1;
        left: auto;
        right: -1rem;
        top: 6rem;
}

.user-menu:before,
.user-menu:after {
    background: #fff;
    content: "";
    display: block;
    height: 1.4rem;
    position: absolute;
        top: -0.8rem;
        right: 2.3rem;
        -webkit-transform: rotate( 45deg );
        -moz-transform: rotate( 45deg );
    transform: rotate( 45deg );
    width: 1.4rem;
}

.user-menu:before {
    border: .1rem solid rgba( 231, 231, 231, 1 );
}

.user-menu:after {
    height: 1.6rem;
    top: -0.7rem;
    width: 1.6rem;
}

.user-menu.logged-in { width: 20rem; }
.user-menu.not-logged-in { width: 26rem; }

.user-menu-bottom {
    background: rgba( 238, 238, 238, 1 );
    border-radius: 0 0 0.4rem 0.4rem;
    overflow: hidden;
}

.user-menu-bottom a {
    color: rgba( 102, 102, 102, 1 );
    display: block;
    float: left;
    padding: 2rem 0.5rem 1.8rem 0.5rem;
    text-align: center;
    width: 50%;
}

.user-menu-bottom a + a {
    border-left: .1rem solid rgba( 221, 221, 221, 1 );
}

.user-menu-bottom a:hover {
    background: rgba( 221, 221, 221, 1 );
    text-decoration: none;
}

/* Logged in */

.user-menu li a {
    color: rgba( 51, 51, 51, 1 );
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 1.7rem 2rem 1.7rem 4.8rem;
    position: relative;
    text-align: left;
}

.user-menu li + li {
    border-top: .1rem solid rgba( 231, 231, 231, 1 );
}

.user-menu li a .fa {
    color: rgba( 201, 201, 201, 1 );
    margin-top: -0.1rem;
    position: absolute;
        left: 1.9rem;
}

.logged-in .user-menu-bottom a {
    padding-bottom: 1.5rem;
    padding-top: 1.7rem;
}

/* Not logged in */

.not-logged-in .user-menu-inner {
    padding: 2rem 2rem 2rem 2rem;
}

#loginform .login-username label,
#loginform .login-password label {
    display: none;
}

#loginform p + p {
    margin-top: 1rem;
}

#loginform .login-username,
#loginform .login-password {
    position: relative;
}

#loginform .login-username:before,
#loginform .login-password:before {
    color: rgba( 204, 204, 204, 1 );
    content: "";
    display: block;
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    line-height: 1;
    margin-top: -0.9rem;
    position: absolute;
        top: 50%;
        left: 0;
    text-align: center;
    width: 4rem;
}

#loginform .login-username:before { content: "\f007"; }
#loginform .login-password:before { content: "\f023"; }

#loginform input[type="text"],
#loginform input[type="password"],
#loginform input[type="submit"] {
    -webkit-appearance: none;
}

#loginform input[type="text"],
#loginform input[type="password"] {
    border-color: rgba( 238, 238, 238, 1 );
    display: block;
    font-size: 1.4rem;
    padding: 1.3rem 1.5rem 1.3rem 4rem;
    width: 100%;
}

#loginform .login-remember label,
#loginform input[type="text"]::-webkit-input-placeholder,
#loginform input[type="password"]::-webkit-input-placeholder {
    color: rgba( 102, 102, 102, 1 );
}

#loginform .warning input { border-color: #EE8787; }

#loginform .login-remember,
#loginform .login-submit {
    margin-top: 2rem;
}

#loginform .login-remember {
    float: left;
    font-size: 1.2rem;
    padding-top: 0.5rem;
}

#loginform .login-submit {
    float: right;
}

#loginform .login-submit #wp-submit {
    font-size: 1.2rem;
    min-width: 0;
    padding: 1rem 0 1rem 0;
    width: 9rem;
}

.not-logged-in .user-menu-bottom a {
    font-size: 1.2rem;
}

.not-logged-in .user-menu-bottom.registration-closed a {
    width: 100%;
}


/* AUTOCOMPLETE SEARCH */


.autocomplete-search {
    position: relative;
        left: calc( 50% - 50vw );
    width: 100vw;
}

.autocomplete-search.open {
    left: calc( 50% - 50vw );
}

.autocomplete-search.open #search-form {
    margin: 0 auto 0 auto;
    max-width: 100%;
    width: 124rem;
}


/* AUTOCOMPLETE RESULTS */


/*  1.5 Page
------------------------------------------------------------------------------------------------------- */

.page-title {
    font-family: 'grad', Georgia, serif;
    margin-bottom: 1rem;
}

.page-title + .post-excerpt {
    margin-top: 1rem;
}

.page-template-default .article-media,
.page-template-default .article-content {
    margin-top: 2rem;
}

/* SUB PAGE ALT */

.page .content-related a {
    display: none;
}

.page .content-related a:nth-child(2),
.page .content-related a:nth-child(3) {
    display: block;
}


/*  1.6 Page Templates
------------------------------------------------------------------------------------------------------- */

/* COVER PAGE */

.video-wrapper {
    background: rgba( 11, 11, 11, 1 );
}

.video-wrapper .wrapper-inner {
    max-width: 100%;
    width: 104rem;
}

.video-wrapper iframe {
    display: block;
}

.big-single-header.overlay-header {
    position: relative;
    width: 85rem;
}

.big-single-header:after {
    background: url( ../images/sep.png ) no-repeat center;
    background-size: auto 1.8rem;
    content: "";
    display: block;
    height: 1.8rem;
    margin: 3rem auto 3rem auto;
    width: 20rem;
}

.big-single-header.overlay-header p {
    margin-left: auto;
    margin-right: auto;
    max-width: 57rem;
}

.page-template-cover-page main .wrapper-inner {
    position: relative;
}

.big-single-header + .wrapper-inner {
    margin-bottom: 4rem;
}

/* EMPLOYEES PAGE TEMPLATE */

.employee-name {
    font-family: Grad, Georgia, serif;
}

.employee-contact-links,
.employee-contact-links a {
    color: rgba( 222, 183, 92, 1 );
}

.employees .label {
    display: none;
}

/* RESTRICTED */

.restricted #loginform {
    margin: 0 auto 0 auto;
    max-width: 40rem;
    width: 100%;
}


/*  1.7 Front Page
------------------------------------------------------------------------------------------------------- */

.page-template-page-template-accademia-start .big-overlay-header.wrapper-inner.small {
    padding-bottom: 0;
    width: 85rem;
}

.page-template-page-template-accademia-start .big-overlay-header .inner {
    margin: 0 auto 0 auto;
    max-width: 100%;
    width: 64rem;
}

.post-grid.wrapper-inner {
    margin-top: 0;
}

.page-template-page-template-accademia-start .big-overlay-header .button {
    margin-top: 1.4rem;
}

/* STATIC FEATURED POSTS */

.small-featured-post.static p {
    color: rgba( 102, 102, 102, 1 );
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 -2rem 0 -2rem;
}

.small-featured-post.static .puff-link {
    display: block;
    margin-top: 1.5rem;
    text-decoration: none;
}

.small-featured-post.static .puff-link span {
    display: inline-block;
    padding-bottom: .4rem;
    position: relative;
}

.small-featured-post.static .puff-link span:before {
    background: rgba( 222, 183, 92, 1 );
    content: "";
    height: .2rem;
    display: block;
    position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
}

.small-featured-post.static .puff-link:hover span:before {
    animation-fill-mode: both;
    animation: switcharoo .6s ease-in-out 1;
}

@keyframes switcharoo {
    0% {
        left: 0;
        right: 0;
    }
    40% {
        left: 0;
        right: 100%;
    }
    59.99% {
        left: 0;
        right: 100%;
    }
    60% {
        right: 0;
        left: 100%;
    }
    100% {
        left: 0;
    }
}


/*  1.8 Article Content
------------------------------------------------------------------------------------------------------- */

.article-content {
    font-family: 'grad', Georgia, serif;
    font-size: 1.11em;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.article-content table {
    font-family: Zeta, Helvetica, sans-serif;
}

.article-content > p:first-child {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.5;
    margin-bottom: 2rem;
}

.article-content > p:first-child:last-child {
    margin-bottom: 0;
}

form input[type=text], 
form input[type=password], 
form input[type=email], 
form input[type=url], 
form input[type=date], 
form input[type=month], 
form input[type=time], 
form input[type=datetime], 
form input[type=datetime-local], 
form input[type=week], 
form input[type=number], 
form input[type=search], 
form input[type=tel], 
form input[type=color], 
form select, 
form textarea {
    font-family: Zeta, Helvetica, sans-serif;
}

input[type="button"],
input[type="submit"],
button,
.button {
    background: rgba( 222, 183, 92, 1 );
    border-radius: 99rem;
    color: rgba( 255, 255, 255, 1 );
    font-family: Zeta, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    min-width: 14rem;
    padding: 1.1rem 2.5rem 1rem 2.5rem;
    text-align: center;
    text-transform: uppercase;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.button:hover {
    background: rgba( 199, 164, 82, 1 );
    text-decoration: none;
}


/*  1.9 News Archive
------------------------------------------------------------------------------------------------------- */

.overlay-header {
    background: rgba( 255, 255, 255, 1 );
    padding: 2rem 5% 0 5%;
}

.page-template-page-template-accademia-start .overlay-header,
.featured-bg-image + .overlay-header {
    margin-top: -2rem;
}

.big-single-header + .wrapper-inner {
    margin-top: 0;
}

.post-title,
.post-excerpt {
    font-family: 'grad', Georgia, serif;
}

.post-title {
    font-weight: 700;
}

.post-title a {
    color: rgba( 17, 17, 17, 1 );
}

h1.post-title {
    margin: 0 0 1rem 0;
}

* + h1.post-title {
    margin-top: 1rem;
}

.post-excerpt {
    font-size: 1.1em;
}

/* BYLINE */

.byline {
    font-family: 'Zeta Condensed', Helvetica, sans-serif;
    font-size: 1.4rem;
    margin-top: 1rem;
    padding: 0.9rem 0 0.9rem 0;
}

.byline a {
    color: rgba( 153, 153, 153, 1 );
    display: inline-block;
    position: relative;
}

.byline a + a {
    margin-left: 2rem;
}

.byline .author-link {
    color: rgba( 222, 183, 92, 1 );
    padding-left: 4.2rem;
}

.byline .author-link img {
    border-radius: 999rem;
    margin-top: -1.6rem;
    position: absolute;
        left: 0;
        top: 50%;
    width: 3.2rem;
}

.byline .comments-link .fa {
    margin-right: 0.3rem;
}

.byline a:hover {
    text-decoration: underline;
}

/* FEATURED PREVIEW */

.featured-preview-image {
    background-color: rgba( 241, 241, 241, 1 );
    display: block;
    max-height: 60rem;
    width: 100%;
}

.featured-preview-image:before {
    content: "";
    display: block;
    widows: 100%;
    padding-bottom: 62.5%;
}

.small-featured-post .byline {
    padding: 0 0 0 0;
}

.small-featured-post .byline .author-link {
    padding-left: 0;
}

.small-featured-post .byline .author-link img {
    display: none;
}

.featured-post-title {
    font-size: 2.4rem;
}

/* BIG FEATURED PREVIEW */

.big-featured-post + .wrapper-outer {
    padding: 3rem 0 3rem 0;
}

/* CONTENT PREVIEW */

.content-preview + .content-preview {
    border-top-color: rgba( 231, 231, 231, 1 );
}

.content-preview .subtitle {
    font-size: 1.2rem;
}

.content-preview .byline {
    margin-top: 0.8rem;
    padding: 0 0 0 0;
}

.content-preview a + a {
    margin-left: 1rem;
}

.content-preview .byline .author-link {
    padding-left: 0;
}

.content-preview .byline .avatar {
    display: none;
}

.preview-thumbnail.image-wrapper {
    background-color: rgba( 238, 238, 238, 1 );
    position: relative;
}

.preview-thumbnail.image-wrapper:before {
    color: rgba( 228, 228, 228, 1 );
    content: "\f03e";
    font-family: 'FontAwesome';
    font-size: 2.8rem;
    position: absolute;
        top: calc( 50% - 1.4rem );
    text-align: center;
    width: 100%;
}

.preview-thumbnail.image-wrapper .inner {
    background-size: cover;
    background-position: center;
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}


/*  1.10 News Single
------------------------------------------------------------------------------------------------------- */

article.single-post .wrapper-inner.small {
    width: 81.3rem;
}

article.single-post .author-info,
article.single-post .related-below,
article.single-post .comments-wrapper,
.more-reading {
    border-top: .1rem solid rgba( 221, 221, 221, 1 );
    margin-top: 4rem;
    padding-top: 2rem;
}

/* SHARED */

/* Cat Tags */

.cat-tags, 
.cat-tags + .share-links {
    margin: 3rem 0 0 0;
}

.cat-tags,
.cat-tags a {
    color: rgba( 153, 153, 153, 1 );
}

.author-links a,
.cat-tags > div {
    display: block;
    font-family: 'Zeta Condensed', Helvetica, sans-serif;
    float: left;
    font-size: 1.4rem;
    margin: 0 2.4rem 1rem 0;
    padding-left: 2.4rem;
    position: relative;
}

.author-links .fa,
.cat-tags .fa {
    font-size: 1.8rem;
    margin-top: -1rem;
    position: absolute;
        left: 0;
        top: 50%;
}

/* Share Links */

.share-links .email a,
.share-links .print a {
    min-width: 4rem;
    height: 3.8rem;
    padding: 0 0 0 0;
}

.share-links .email a:before,
.share-links .print a:before {
    width: 100%;
}

.share-links .email span,
.share-links .print span {
    display: none;
}

/* Author Info */

.author-info {  
    padding: 4rem 0 0 6rem;
    position: relative;
}

.author-info .avatar {
    border-radius: 999rem;
    width: 4.5rem;
    position: absolute;
    left: 0;
    top: 2rem;
}

.author-info h3,
.author-info p {
    font-family: 'grad', Georgia, serif;
    margin: 0 0 1rem 0;
    max-width: 60rem;
}

.author-info h3 {
    font-size: 2.2rem;
}

.author-info h3 span {
    color: rgba( 102, 102, 102, 1 );
    display: block;
    font-family: 'Zeta', Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 0.7rem;
}

.author-links {
    margin-top: 2rem;
}

/* Related Below */

.related-below h6 {
    display: none;
}

.related-below .related-item { 
    display: none; 
    float: left;
    width: 47.5%;
}

.related-below .related-item + .related-item {
    margin: 0 0 0 5%;
}

.related-below .related-item:nth-child(2),
.related-below .related-item:nth-child(3) {
    display: block;
}

.content-related p {
    line-height: 1.2;
}

/* More Reading */

.more-reading {
    padding-bottom: 2rem;
}

.more-reading .preview-container {
    margin: 0 auto 0 auto;
    max-width: 90%;
    width: 81.3rem;
}

/* DEFAULT */

.article-media img {
    width: 100%;
}

.default-header {
    background: rgba( 255, 255, 255, 1 );
    padding: 3rem 0 3rem 0;
    position: relative;
}

.default-header .post-excerpt {
    font-size: 1.1em;
}

.default-header + .article-content-container {
    margin-top: 0;
}

.related-top {
    display: none;
}

/* LONGFORM */

.single-longform .article-media {
    margin: 0 0 0 0;
}

.featured-bg-image {
    background-color: rgba( 241, 241, 241, 1 );
    max-height: 90vh;
    width: 100%;
}

.featured-bg-image:before {
    content: "";
    display: block;
    widows: 100%;
    padding-bottom: 62.5%;
}


/*  1.11 Comments
------------------------------------------------------------------------------------------------------- */

.comments-title,
.comment-reply-title {
    font-family: 'grad', Georgia, serif;
}

.comment-reply {
    font-family: 'Zeta Condensed', Helvetica, sans-serif;
}


/*  1.12 Sidebar
------------------------------------------------------------------------------------------------------- */

.news-sidebar {
    display: none;
}

/* BORDERED WIDGETS */

.widget {
    border: .1rem solid rgba( 221, 221, 221, 1 );
    padding: 3rem 3rem 3rem 3rem;
}

.widget.widget_search,
.widget.widget_accademia_categories {
    border: none;
    padding: 0 0 0 0;
}

.widget-title-wrapper {
    position: relative;
    margin: -3.8rem 0 1rem 0;
}

.widget-title {
    background: rgba( 255, 255, 255, 1 );
    border-left: .1rem solid rgba( 221, 221, 221, 1 );
    border-right: .1rem solid rgba( 221, 221, 221, 1 );
    color: rgba( 222, 183, 92, 1 );
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1;
    padding: 0.1rem 1.5rem 0 1.5rem;
    text-transform: uppercase;
}

/* CONTACT PERSON WIDGET */

.widget_dijoyb2b_contact_person.has-image .widget-title {
    margin-bottom: 0;
    position: relative;
        bottom: -1.5rem;
        left: 1rem;
}

.icon-link-list .email .fa {
    font-size: 1.5rem;
    margin-top: -0.9rem;
}


/* WIDGET LIST */


.dijoyb2b-widget-list li > a {
    color: rgba( 34, 34, 34, 1 );
    display: block;
    min-height: 7rem;
}

.dijoyb2b-widget-list .post-icon {
    height: 7rem;
    width: 7rem;
}

.dijoyb2b-widget-list .inner {
    padding-left: 8rem;
}

.dijoyb2b-widget-list .title {
    color: rgba( 34, 34, 34, 1 );
    font-family: 'grad', Georgia, serif;
    font-size: 1.8rem;
    line-height: 1.25;
    margin: 0 0 0 0;
}

.dijoyb2b-widget-list a:hover { text-decoration: none; }
.dijoyb2b-widget-list a:hover .title { text-decoration: underline; }

.dijoyb2b-widget-list .meta {
    color: rgba( 153, 153, 153, 1 );
    font-family: 'Zeta Condensed', Helvetica, sans-serif;
    font-size: 1.4rem;
}

.dijoyb2b-widget-list .meta + .title,
.dijoyb2b-widget-list .title + .meta {
    margin-top: 0.5rem;
}


/* POPULAR POSTS WIDGET */


.widget_accademia_recent_posts ul {
	counter-reset: li; /* Initiate a counter */
}

.widget_accademia_recent_posts ul li {
    position: relative;
}

.widget_accademia_recent_posts ul li > a:before {
    color: rgba( 222, 183, 92, 0.8 );
    content: counter( li ); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    display: block;
    font-size: 5rem;
    font-weight: 700;
    line-height: 3.3rem;
    position: absolute;
        bottom: 0;
        left: -2rem;
    text-align: center;
    width: 4rem;
    z-index: 10;
}


/* RECENT COMMENTS WIDGET */


.dijoyb2b-widget-list .comment-excerpt {
    font-size: 1.7rem;
    font-weight: 400;
}


/* ACCADEMIA CATEGORIES WIDGET */


.widget_accademia_categories li + li {
    margin-top: .5rem;
}

.widget_accademia_categories a {
    background: rgba( 241, 241, 241, 1 );
    color: rgba( 54, 54, 54, 1 );
    display: block;
    padding: 2rem 2rem 2rem 2rem;
    position: relative;
}

.widget_accademia_categories a:before {
    border: .1rem solid rgba( 221, 221, 221, 1 );
    content: "";
    display: block;
    position: absolute;
        bottom: .4rem;
        left: .4rem;
        right: .4rem;
        top: .4rem;
}

.widget_accademia_categories .title {
    color: rgba( 54, 54, 54, 1 );
    font-family: 'Zeta Condensed', Helvetica, sans-serif;
    font-size: 1.8rem;
}

.widget_accademia_categories .count {
    background: rgba( 222, 183, 92, 1 );
    border-radius: .4rem .4rem .4rem .4rem;
    color: rgba( 255, 255, 255, 1 );
    float: right;
    font-size: 1.2rem;
    font-weight: 700;
    min-width: 2.6rem;
    padding: .3rem .3rem .3rem .3rem;
    text-align: center;
}


/*  1.13 Blocks
 *  Reusable, sitewide elements
------------------------------------------------------------------------------------------------------- */

/* SMALL PUFF */

.puff {
    position: relative;
}

.small-puff {
    background: rgba( 241, 241, 241, 1 ) url( ../images/small-education-tab.png ) no-repeat 2rem 0;
	background-size: 5rem auto;
	padding: 9rem 2rem 2rem 2rem;
}

.small-puff:first-child {
    margin-top: 0;
}

.puff h3,
.puff p {
    font-family: 'grad', Georgia, serif;
}

.puff p {
    color: rgba( 102, 102, 102, 1 );
    font-size: 1.1em;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

/* BIG PUFF */

.big-puff .puff-image {
    background-color: rgba( 192, 192, 192, 1 );
    height: 20rem;
}

.big-puff .puff-inner {
	background: rgba( 241, 241, 241, 1 );
	padding: 2rem 2rem 2rem 2rem;
}

/* SUB PAGE NAV */

.sub-page-nav a {
    border: none;
    color: rgba( 153, 153, 153, 1 );
    margin: 0;
    padding: 0;
}

.sub-page-nav > li > a {
    color: rgba( 17, 17, 17, 1 );
    font-size: 1.6rem;
    font-weight: 700;
}

.sub-page-nav-mobile {
    border: none;
    margin-top: 2rem;
}

.sub-page-nav-mobile > li > a {
    border-top: .1rem solid rgba( 221, 221, 221, 1 );
    color: rgba( 222, 183, 92, 1 );
    font-family: 'Zeta Condensed', Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
}

.sub-page-nav-toggle:before {
    background: rgba( 221, 221, 221, 1 );
    content: "";
    display: block;
    width: .1rem;
    position: absolute;
        bottom: 0;
        right: 5rem;
        top: 0;
}

.sub-page-nav-toggle:after {
    color: rgba( 153, 153, 153, 1 );
    width: 5rem;
    text-align: center;
}

.sub-page-nav-mobile a {
    border: .1rem solid rgba( 221, 221, 221, 1 );
    border-top: none;
    padding: 1.8rem 2rem 1.8rem 2rem;
}

.sub-page-nav-mobile li li li a { padding-left: 4rem; }
.sub-page-nav-mobile li li li li a { padding-left: 6rem; }
.sub-page-nav-mobile li li li li li a { padding-left: 8rem; }

/* PAGINATION */

.pagination {   
    border-bottom: none;
    border-top-color: rgba( 231, 231, 231, 1 );
    margin-top: 2rem;
    padding-top: 2rem;
}

.pagination .prev-next {
    bottom: 0;
    top: auto;
}

.pagination .prev-next a {
    color: rgba( 222, 183, 92, 1 );
}

.pagination .active a {
    color: rgba( 34, 34, 34, 1 );
}

/* BREADCRUMBS */

.breadcrumbs-wrapper {
    background: rgba( 241, 241, 241, 1 );
    padding: 1.8rem 0 1.8rem 0;
}

.breadcrumbs-wrapper.wrapper-outer .breadcrumbs {
    margin-bottom: 0;
}

.breadcrumbs li {
    color: rgba( 222, 183, 92, 1 );
    font-weight: 700;
    text-transform: uppercase;
}

/* RELATED CONTENT */

.content-related .fallback-image {
    background: rgba( 241, 241, 241, 1 );
}

.content-related .fallback-image:before {
    content: "";
    display: block;
    padding-bottom: 62.5%;
    width: 100%;
}

.content-related a {
    font-family: 'grad', Georgia, serif;
    color: rgba( 34, 34, 34, 1 );
    font-size: 0.88em;
}

/* SEARCH FORM */

.search-form .search-button {
    background: rgba( 222, 183, 92, 1 );
    min-width: 0;
}

/* SHARE BUTTONS */

.share-links a {
    background: rgba( 102, 102, 102, 1 );
    border-radius: .3rem;
    height: 3.8rem;
    min-width: 3.8rem;
    padding: 1.3rem 2rem 1.3rem 3.6rem;
    padding: 0 0 0 0;
    text-decoration: none;
    width: auto;
}

.share-links a:hover {
    background: rgba( 82, 82, 82, 1 );
}

.share-links a:before {
    width: 3.8rem;
}

.share-links a span {
    color: rgba( 255, 255, 255, 1 );
    display: none;
    font-size: 1.2rem;
}


/*  1.14 Footer
------------------------------------------------------------------------------------------------------- */

.light-footer.wrapper-outer {
    padding-top: 0;
}

.credits-logo {
    max-width: 11.9rem;
}

.light-footer .credits p a {
    border-bottom: .05rem solid rgba( 222, 183, 92, 1 );
    color: rgba( 222, 183, 92, 1 );
    text-decoration: none;
}

.light-footer .social-menu a {
    border-color: rgba( 222, 183, 92, 1 );
    color: rgba( 222, 183, 92, 1 );
}