/*
Theme Name: Cherished
Theme URI: http://wp.themechills.com/cherished
Author: ThemeChills
Author URI: http://wp.themechills.com/cherished
Description: A modern WordPress theme for the perfect wedding couple.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, yellow, gray, white, dark, light, one-column, two-columns, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: Cherished

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
	10.4 - Countdown Timer
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
13.0 - Header
14.0 - Footer
15.0 - Simply Scroll

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    background-color: #FFF;
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    
    overflow-x: hidden;
    /* Removes horizontal scrolling */
    
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*, *:before, *:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
table {
    /* tables still need 'cellspacing="0"' in the markup */
    
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
a img {
    border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body, button, input, select, textarea {
    color: #333;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 1.8;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1.2;
    margin-bottom: 2.2rem;
    font-weight: 700;
}
h1 {
    font-size: 50px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
p {
    margin-bottom: 3rem;
}
b, strong {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.6;
    margin: 5rem 0;
    padding-top: 30px;
    position: relative;
    font-style: italic;
}
blockquote:before {
    content: " ";
    width: 40px;
    height: 4px;
    background: #383f49;
    position: absolute;
    left: 0;
    top: 0;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, 
kbd, 
tt, 
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

hr {
    background-color: #EBEBEB;
    border: 0;
    height: 1px;
    margin: 5% 0;
}
ul, 
ol {
    margin: 0 0 2rem 2.2rem;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
    margin-bottom: 1%;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    
    max-width: 100%;
    /* Adhere to container width. */
}
figure {
    margin: 0;
}
table {
    font-size: 18px;
    margin-bottom: 5%;
    padding: 0;
    width: 100%;
}
table thead {
    background: #f7f7f7;
}
table thead th {
    font-weight: bold;
}
table td, #content table th {
    padding: 10px;
}
table td {
    border-bottom: solid 1px #f7f7f7;
}
table tr:last-child td {
    border-bottom: none;
}
table tr:nth-child(even) {
    background: #f7f7f7;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button, input, select, textarea {
    border: 1px solid #EBEBEB;
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    
    font-family: inherit;
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    
    max-width: 100%;
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
    
    padding: 5px 9px;
    padding: 0.5rem 0.9rem;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #232527;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 30px;
    padding: 1rem 3rem;
    width: auto;
    -webkit-appearance: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: #ca9a23;
    width: auto;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    background: #eeeeee;
    border: 1px solid #eeeeee;
    color: #575859;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    
    border: 0;
    padding: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    color: #666;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
    color: #111;
    outline: none;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    padding: 1rem 2rem;
}
textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    
    width: 100%;
}
#page .contact-form {
    display: inline-block;
    margin-bottom: 4%;
    width: 100%;
}
#page .contact-form label {
    font-weight: normal;
}
#page .contact-form input[type='text'], #page .contact-form input[type='email'], #page .contact-form textarea, #page .contact-form select {
    background: #EBEBEB;
    max-width: 100%;
    margin-bottom: 2rem;
    width: 100%;
}
#page .contact-form select {
    font-size: 13px;
    padding: 2rem;
}
#page .contact-form input:focus, #page .contact-form textarea:focus, #page .contact-form select:focus {
    background: #FFF;
}
#page .contact-form span {
    font-size: 12px;
}
#page .contact-form .contact-submit {
    margin-bottom: 0;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

.post-navigation {
    overflow: hidden;
}
.post-navigation a,
#infinite-handle span {
    background: #F5F5F5!important;
    color: #666!important;
    display: block;
    font-size: 14px;
    height: 120px;
    margin-bottom: 2.5rem;
    overflow: hidden;
    padding: 4.5rem!important;
    position: relative;
    text-align: center;
    width: 100%;
}
.post-navigation a:hover {
    background: #BABABA;
    color: #fff;
}
.nav-previous {
    float: left;
}
.nav-next {
    float: right;
}
.nav-previous, .nav-next {
    width: 100%;
}
@media only screen and (min-width: 87.500em) {
    .nav-previous, .nav-next {
        width: 50%;
    }
    .nav-previous {
        padding-right: 1.5rem;
    }
    .nav-next {
        padding-left: 1.5rem;
    }
}
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
    color: #e9be53;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a:hover, 
a:focus, 
a:active {
    color: #ca9a23;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation ul {
    margin: 0;
}
.main-navigation ul li a {
    display: inline-block;
}
.main-navigation ul li:hover > ul {
    left: auto;
}
.main-navigation ul ul li:hover > ul {
    left: 100%;
}
.main-navigation .current_page_item a, .main-navigation .current-menu-item a {}
/* Off Canvas */

#site-navigation {
    background: #FAFAFA;
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    left: -100%;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 5;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.15s ease;
    transition: 0.15s ease;
}
@media only screen and (min-width: 47.50em) {
    #site-navigation {
        border-right: 1px solid #EEE;
        left: -300px;
        width: 300px;
    }
}
#site-navigation.active {
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
}
#site-navigation::-webkit-scrollbar {
    display: none;
}
.site-content {
    -webkit-transition: 0.15s ease;
    transition: 0.15s ease;
}
.site-content.active  {
    -webkit-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}
.site-main .comment-navigation, 
.site-main .paging-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.menu-toggle {
    color: #FFF!important;
    font-size: 3rem;
    line-height: 1;
    left: 20px;
    margin-top: 20px;
    outline: none!important;
    position: absolute;
    z-index: 10;
}
@media only screen and (min-width: 68.750em) {
    .menu-toggle {
        font-size: 4rem;
    }
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    float: left;
    margin-right: 1.5em;
}
.alignright {
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clear:before, 
.clear:after, 
.entry-content:before, 
.entry-content:after, 
.comment-content:before, 
.comment-content:after, 
.site-content:before, 
.site-content:after, 
.site-footer:before, 
.site-footer:after {
    content: '';
    display: table;
}
.clear:after, 
.entry-content:after, 
.comment-content:after, 
.site-content:after, 
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget-area {
    color: #A0A6AF;
    font-size: 16px;
    width: 100%;
    vertical-align: top;
}
.widget-area .site-title-wrap {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.widget-area .site-title {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}
.widget-area .site-title a {
    color: #fff;
}
.widget-area .site-description {
    color: #A0A6AF;
    font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}
.widget-area .site-avatar {
    display: inline-block;
    text-align: center;
    width: 100%;
    vertical-align: top;
}
.widget-area .site-avatar img {
    border-radius: 500px;
    margin-bottom: 15px;
    width: 85px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.widget-area .site-avatar img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.widget-area .widget {
    padding: 3rem;
}
.widget-area .widget, 
.site-branding {
    border-bottom: solid 1px #EEE;
}
.widget-area .widget:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.widget-area .widget > ul, 
.widget-area .widget li:last-child, 
.widget-area .widget .menu {
    margin: 0;
}
.widget-area .widget-title, 
.widget-area .widgettitle {
    color: #333;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.widget-area li {
    font-size: 1.3rem;
    list-style-type: none;
    padding: 0.5rem 0;
    position: relative;
}
.widget-area a:link, 
.widget-area a:visited {
    color: #333;
    border-bottom: 1px dotted rgba(0, 0, 0, 0);
}
.widget-area a:hover {
    border-bottom: 1px dotted #333;
}
.widget-area .widget select {
    max-width: 100%;
}
.widget-area .widget_search .search-field {
    width: 100%;
    border: none;
    border-bottom: none;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.widget-area .widget_search .search-field:focus {
    outline: none;
    color: #383f49;
}
.widget-area .widget_search .search-submit {
    display: none;
}
.widget-area .widget_text a {
    border-bottom: dotted 1px #8999AC;
}
.widget-info {
    position: relative;
}
.menu-profile {
    display: inline-block;
    height: 100%;
    padding: 5%;
    width: 64%;
    vertical-align: top;
}
#calendar_wrap {
    background: #fff;
    border-right: none;
    border-bottom: none;
    color: #383f49;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px -1px;
}
#wp-calendar {
    font-size: 16px;
    margin: 0;
    max-width: 100%;
}
#wp-calendar caption {
    text-align: center;
    background: #EBEBEB;
    padding: 5px 10px;
    font-weight: bold;
}
#wp-calendar tr th, #wp-calendar tr td {
    text-align: center;
}
#wp-calendar tr th {
    background: #383f49;
    color: #fff;
    margin: -10px -10px 10px -10px;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0;
}
#wp-calendar tbody tr td {
    padding: 2px 0;
    border-right: solid 1px #f3f3f3;
    border-top: solid 1px #f3f3f3;
}
#wp-calendar tfoot td {
    border-top: solid 1px #f3f3f3;
    border-right: solid 1px #eee;
    padding: 7px 0 5px 0;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}
#wp-calendar a {
    color: #383f49;
}
#wp-calendar a:hover {
    color: #999999;
}
.widget_rss li {
    border-bottom: solid 1px #57616D;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.widget_rss li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget_rss li .rsswidget {
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 100%;
}
.widget_rss .rss-date, .widget_rss cite {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    margin: 10px 0;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.entry-header {
    padding: 10rem 2rem;
    position: relative;
    text-align: center;
}
@media (min-width: 48em) {
    .entry-header {
        padding: 10%;
    }
}
.entry-header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
}
.entry-title {
    color: #FFF;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    display: block;
    line-height: 1.35;
    margin-bottom: 2rem;
    text-transform: uppercase;
    position: relative;
}
@media (min-width: 48em) {
    .entry-title {
        font-size: 8rem;
    }
}
@media only screen and (min-width: 72.875em) {
    .entry-title, 
    .site-logo {
        font-size: 10rem;
        margin-bottom: 12rem!important;
    }
    .entry-title:after, 
    .site-logo:after {
        content: "";
        background: #FFF;
        height: 10px;
        width: 25%;
        z-index: 1;
        margin: auto;
        position: absolute;
        bottom: -60px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
.entry-message {
    color: #FFF;
    font-weight: 300;
    line-height: 1.8;
    margin: 0 auto 3rem;
    padding: 0 1rem;
    position: relative;
}
@media only screen and (min-width: 72.875em) {
    .entry-message {
        font-size: 2rem;
    }
}
@media only screen and (min-width: 91.250em) {
    .entry-message {
        width: 70%;
    }
}
.entry-content {
    padding: 5%;
}
@media only screen and (min-width: 62.50em) {
    .entry-content,
    .entry-footer {
        width: 1000px;
        margin: auto;
    }  
}
.entry-content li {
    margin-bottom: 1rem;
}
.entry-title a, 
.entry-title a:hover,
.entry-meta a,
.entry-meta a:hover {
    color: #FFF;
    border-bottom: 1px dotted transparent;
}
.entry-title a:hover, 
.entry-meta a:hover {
    border-bottom: 1px dotted #FFF;
}
.entry-footer {
    padding: 0 5% 2.5%
}
.site {
    margin-left: auto;
    margin-right: auto;
}
.featured-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Apply only for pages with homepage template */

.page-template-homepage-php .featured-image {
    background-position: top center;
}
.entry-meta {
    color: #FFF;
    border: 5px solid #FFF;
    display: inline-block;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 3rem;
    padding: 2rem 5rem;
    position: relative;
}
@media only screen and (min-width: 48em) {
    .entry-meta {
        font-size: 2.4rem;
        padding: 2rem 8rem;
        margin-bottom: 5rem;
    }
}

@media only screen and (min-width: 72.875em) {
    .entry-meta {
        padding: 2rem 15rem;
    }
}

/* Container  ----------------------------------------- */

.container {
    margin: auto;
    padding: 5rem 3rem;
}

@media only screen and (min-width: 64em) {
    .container {
        width: 1024px;
        padding: 10rem 5rem;
    }
}
@media only screen and (min-width: 68.75em) {
    .container {
        width: 1100px;
    }
}

/* Post meta list bottom  ----------------------------------------- */

.meta-list {
    font-size: 1.4rem;
    list-style-type: none;
    margin: 0;    
    overflow: hidden;
}
.meta-list li {
    margin-bottom: 1rem;
}
.meta-list .meta-tag a { 
    margin-right: 0.6rem; 
}
.meta-list .meta-tag a:before { 
    content: "#"; 
}
.meta-list .edit-link {
    clear: both;
    margin-top: 8rem;
}

@media only screen and (min-width: 40.063em) {
    .meta-tag {
        float: left;
    }
    .meta-cat {
        float: right;
    }
}

/* Featured content  ----------------------------------------- */

.featured-content-list {
    overflow: hidden;
    margin: 0;
}
.featured-content-list-item {
    list-style: none;
    padding: 0.5rem;
    overflow: hidden;
}
@media only screen and (min-width: 37.50em) {
    .featured-content-list-item {
        width: 50%;
    }
}
.featured-content-title {
    color: #FFF;
    display: block;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    margin: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    z-index: 10;
}
.featured-item-image {
    display: block;
    position: relative;
    float: left;
    cursor: pointer;
    width: 100%;
}
.featured-item-image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba( 0, 0, 0, 0.2 );
    -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}
.featured-item-image:hover:before {
    background: rgba( 0, 0, 0, 0.4 );
}
.featured-item-image img {
    width: 100%;
    float: left;
}

/* Sections  ----------------------------------------- */

.section-header {
    margin-bottom: 4rem;
    text-align: center;
}
.section-header p, 
.section-title {
    font-weight: 300;
}
.section-header p {
    line-height: 1.8;
}

/* Instagram  ----------------------------------------- */

.section-instagram {
    background-color: #f6f6f6;
}
.section-instagram .section-header {
    margin: 0;
}
@media only screen and (min-width: 37.50em) {
    .section-instagram .section-header {
        width: 75%;
        margin: auto;
    }
}
.section-instagram .section-title {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 6rem;
    text-transform: uppercase;
}
.section-instagram span {
    color: #9e9e9e;
}

/* Events  ----------------------------------------- */

.section-events p {
    margin-bottom: 8rem;
}
.event-title {
    font-weight: normal;
    letter-spacing: 0;
}
.event-list {
    list-style: none;
    margin: 0 0 5rem;
}
.event-list li {
    border-bottom: 1px solid #ebebeb;
    padding: 1rem 0;
}
.event-location {    
    display: block;
}
@media only screen and (min-width: 34.375em) {
    .event-location {
        float: right;
        overflow: hidden;
    }
}

/* Registry  ----------------------------------------- */

.registry-list {
    overflow: hidden;
    text-align: center;
}
.registry-list a {
    display: block;
    margin-bottom: 1rem;
}
.registry-list a:hover {
    opacity: 0.7;
}
@media only screen and (min-width: 48em) {
    .registry-list a {
        float: left;
        width: 50%;
    }
}
@media only screen and (min-width: 62.50em) {
    .registry-list a {
        width: 23.35%;
        margin-right: 2rem;
    }
    .registry-list a:nth-child(4n) {
        margin-right: 0;
    }
    .section-registry {
        padding-bottom: 15rem;
        padding-top: 15rem;
    }
}
.page-template-template-registry-php .entry-content {
    padding-left: 0;
    padding-right: 0; 
}


/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.highlight {
    background: #fff198;
}
.intro-text {
    font-size: 2.5rem;
    line-height: 1.75;
}
.sticky, .edit-link {
    display: block;
}
.edit-link {
    position: relative;
}
.byline, 
.updated:not(.published) {
    display: none;
}
.single .byline, 
.group-blog .byline {
    display: inline;
}
.page-content, 
.entry-summary, 
.comments-area {
    margin: 1.5em 0 0;
    margin: auto;
}
.page-header {
    padding: 3.5rem 2rem;
    position: absolute;
    width: 100%;
}
.page-title {
    color: #FFF;
    font-size: 2rem;
    font-family: 'Courier New', Courier, monospace;
    margin: 0;
    position: relative;
    float: right;
    z-index: 10;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.single article {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    margin-bottom: 3rem;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title, 
.archive .format-aside .entry-title {
    display: none;
}

/* --------------------------------------------------------------
10.3 Comments
-------------------------------------------------------------- */

.comments-area {
    background: #f5f5f5;
    display: block;
    padding: 4rem 2rem;
}
@media only screen and (min-width: 34.375em) {
    .comments-area {
        margin: auto 2rem 10rem;
        padding: 5%;
    }
}
@media only screen and (min-width: 62.50em) {
    .comments-area {
        margin: auto auto 10rem;
        width: 1000px;
    }  
}
.comments-title {
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 5rem;
    width: 100%;
}
.comment-info {
    display: inline-block;
    margin-bottom: 3%;
}
.bypostauthor .comment-cite:after {
    color: #999999;
    content: "\f007";
    font-family: "FontAwesome";
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    top: -2px;
}
.comment-list, 
.comment-list li {
    margin: 0;
    counter-reset: li;
    list-style-type: none;
}
.comment-list > li {
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 2px solid #E6E6E6;
}
.comment-list .children {
    margin: 4% 0 0 13%;
}
.comment-list .children li {
    margin-bottom: 5%;
    padding-bottom: 2%;
    border-bottom: solid 3px #E6E6E6;
}
.comment-list .children li:first-child {
    border-top: solid 3px #E6E6E6;
    padding-top: 5%;
}
.comment-list .children li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.comment-list .avatar {
    display: inline-block;
    margin-right: 5%;
    border-radius: 100px;
    vertical-align: top;
    width: 8%;
}
.comment-wrap {
    display: inline-block;
    width: 82%;
    vertical-align: top;
}
.comment-cite {
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    width: 100%;
}
.comment-cite a {
    color: #404040;
}
.comment-time, 
.comment-edit-link {
    color: #aaa;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.comment-reply-title {
    font-size: 52px;
    font-weight: 500;
    letter-spacing: -1px;
}
.comment-reply-title small a {
    background: #404040;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: right;
    margin-left: 8px;
    padding: 5px 8px;
}
.comment-reply-title small a:hover {
    background: #555;
    color: #fff;
    cursor: pointer;
}
.logged-in-as, 
.comment-notes {
    color: #aaa;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 3%;
}
.comment-notes {
    display: none;
}
.required {
    color: #F35959;
}
.logged-in-as a {
    color: #404040;
}
.comment-form-author, 
.comment-form-email, 
.comment-form-url {
    display: inline-block;
    width: 100%;
}
@media only screen and (min-width: 48em) {
    .comment-form-author, 
    .comment-form-email, 
    .comment-form-url {
        width: 100%;
        margin-right: 0;
    }
    .comment-form-url {
        margin-bottom: 1em;
    }    
}
.comment-list #respond {
    border-top: solid 2px #eeeeee;
    margin-top: 4%;
    padding-top: 4%;
}
.comment-form label {
    display: inline-block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}
.comment-form input {
    width: 100%;
}
.comment-form #submit {
    margin-top: 10px;
    width: auto;
}
.form-allowed-tags {
    display: none;
}
.comment-subscription-form {
    margin-bottom: 10px;
}
.comment-subscription-form label {
    font-weight: normal;
    font-size: 14px;
}
.comment-form-comment {
    margin-bottom: 1rem;
}
@media only screen and (min-width: 48em) {
    .comments-title {
        font-size: 38px;
    }
    .comment-content {
        font-size: 18px;
    }
    .comment-list .avatar {
        margin-top: 2%;
    }
    .comment-reply-title {
        font-size: 34px;
    }
}

/* --------------------------------------------------------------
10.4 Countdown Timer
-------------------------------------------------------------- */

.countdown-timer {
    border-bottom: 1px solid #ebebeb;
    clear: both;
    line-height: 1.5;
    margin: 0;
    text-align: center;
    padding: 2rem;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 9999;
}
/* Fixes menu overlap when logged in */

.admin-bar .fixed {
    top: 30px;
}
.admin-bar .site-branding {
    padding-top: 5rem;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display 
elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}
/* The Infinite Scroll button */

#infinite-handle, 
.infinite-loader {
    text-align: center;
    margin: 2rem 0;
}
#infinite-handle span:hover {
    color: #47525c;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley, 
.entry-content img.wp-smiley, 
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers */

embed, iframe, object {
    max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
    position: relative;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    background: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    font-size: 14px;
    padding: 3px 12px;
    position: absolute;
    bottom: 15px;
    left: 15px;
}
.pull-right {
    float: right;
    margin: 1% 0 3% 5%;
    text-align: right;
}
.pull-left {
    float: left;
    margin: 0 5% 3% 0;
    text-align: left;
}
.pull-right, .pull-left {
    color: #383f49;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    width: 34%;
}
@media (max-width: 800px) {
    .pull-right, .pull-left {
        width: 100%;
        margin: 0 0 5% 0;
    }
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    padding-right: 5%;
    padding-bottom: 5%;
    width: 25%;
    vertical-align: top;
}
@media (max-width: 800px) {
    .gallery-item {
        width: 32%;
    }
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.gallery a img {
    border: none;
    height: auto;
    width: 100%;
    max-width: 100%;
}
.gallery dd, 
.gallery figcaption {
    font-size: 15px;
    text-align: left;
    margin: 0 0 15px 0;
}
/*--------------------------------------------------------------
13.0 Header
--------------------------------------------------------------*/

.site-branding {
    padding: 3rem;
}
.site-description {
    color: #333;
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing: 0;
    margin: 10px 0 0;
}
.site-title:link,
.site-title:visited {
    border: 3px solid #333;
    color: #333;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.2;
    display: inline-block;
    margin-bottom: 5px;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
}
.site-title:hover {
    background-color: #333;
    color: #FFF;
}
.site-logo {
    position: relative;
}
@media (min-width: 40em) {
    .site-logo {
        margin-bottom: 5rem;
    }
}

/*--------------------------------------------------------------
14.0 Footer
--------------------------------------------------------------*/

.site-footer img {
    float: left;
}

/*--------------------------------------------------------------
15.0 Simply Scroll
--------------------------------------------------------------*/
/* Clip DIV - automatically generated */

.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */

.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.simply-scroll-list li img {
    border: none;
    display: block;
}
/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */
/* Container DIV */

.simply-scroll {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

/* Clip DIV */

.simply-scroll .simply-scroll-clip {
    width: 100%;
    height: auto;
}

/* Explicitly set height/width of each list item */

.simply-scroll .simply-scroll-list li {
    float: left;    
    width: 290px;
    height: auto;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
}

/* Display a default message for activating widgets */
    
.default-msg  {
    position: relative;
    background: white;
    height: 200px;
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    resize: both;
}

.default-msg a {
    background: #FAFAFA;
    border: 1px solid #EEE;
    display: block;
    width: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 20px;
    resize: both;
}