/*
*    BLOG
*/
/* Headings */
h1 { font-size: 30px; }
h2, #blog-body h2 { font-size: 26px; }
h3 { font-size: 22px; }
#blog-body h1, #blog-body h2, #blog-body h3, #blog-body h4, #blog-body h5, #blog-body h6 { font-weight: bold; }

/* Content */
#blog-body section#main { padding-top: 72px; }
p { font-size: 16px; }

/* Pages */
.home { padding-top: 2rem; }
.blog {

    margin-top: 0;
    min-height: 500px;
}

/* Breadcrumbs */
.breadcrumb-office { font-size: 14px; }
.breadcrumb li::before { margin-left: .5rem; }
.breadcrumb li:last-child { color: #4fbfdb; }

section#main .margin-bottom { margin-bottom: 15px; }

/* Main Grid */
section#main .blog-grid-image {
    background-size: cover !important;
    background-color: #f8f8f8 !important;
    background-repeat: no-repeat;
    background-position: center center;
}
section#main .blog-grid-image:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
    background: #4fbfdb;
    z-index: 1;
    opacity: 0.5;
    transition: transform 0.2s;
}
section#main .blog-grid-image:hover::after { transform: scaleY(1); }
/* Main Grid -- Sizes */
section#main .blog-grid-large .blog-grid-image {
    height: 265px;
    cursor: pointer;
}
section#main .blog-grid-mini .blog-grid-image  {
    height: 200px;
    cursor: pointer;
}
/* Main Grid -- Content */
section#main .blog-grid-large a, section#main .blog-grid-mini a { display: block; }
section#main .blog-grid-image h1 {

    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 5;

    margin: 0 12px;
    padding: 1rem;
    border-radius: 3px;
    background: hsla(0,0%,100%,.85);

    text-align: left;
    color: #343e47;
    opacity: 0.8;
}
section#main .blog-grid-image h1 span {
    font-size: 17px;
    color: #343e47;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    line-height: 1.25;
    text-decoration: none;
    font-weight: 600;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
section#main .blog-grid-large .blog-grid-image h1 span { font-size: 21px; }

/* Categories */
section#main .category-list { padding-top: 2rem; padding-bottom: 2rem; }
section#main .category-list h3, section#main .category-list ul { display: inline-block; }
section#main .category-list h3 { font-size: 22px; margin-top: 11px; }
section#main .category-list li { display: inline-block; margin-right: 1rem; margin-bottom: 1rem; }
section#main .category-list li a {
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: 2px solid #4fbfdb;
}
section#main .category-list li a:hover { text-decoration: none; }

/* -----------
# SINGLE POST
----------- */
.single-post section#main .blog-single .img-responsive { padding: 10px; }
.single-post section#main .blog-single .img-responsive img {
    height: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
@media (min-width: 768px) {
    .single-post section#main .blog-single .img-responsive img { max-height: 400px; width: auto; }
}

.single-post section#main .blog-single img {
    margin-bottom: 15px;
    margin-top: 6px;
    max-width: 100% !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: auto;
}
.single-post section#main .blog-single .wp-caption {
    max-width: 100%;
}
.single-post section#main .blog-single h1 { font-size: 30px; }
.single-post section#main .blog-single-bottom {
    border-top: 1px solid #a8a8a8;
    margin-bottom: 20px;
    padding-top: 10px;
}
.single-post section#main .blog-single-bottom div {
    display: inline-block;
    margin-right: 1rem;
    font-weight: bold;
}
.single-post section#main .blog-single-bottom div a { border-bottom: 2px solid #4fbfdb; }
.single-post section#main .blog-single-bottom div a:hover { text-decoration: none; }

/* Search Form */
.search-form-block form { margin-top: 1.5rem; }
.search-form-block form label { display: block; }
.search-form-block form input[type="text"] {
    display: inline-block;
    line-height: 31px;
    border: 1px solid #ddd;
    padding-left: 7px;
}
.search-form-block form input[type="submit"] {
    display: inline-block;
    border: none;
    line-height: 31px;
    padding: 2px 1rem;
    color: #ffffff;
    background: #4fbfdb;
}

/* Pagination */
.pagination > li > a { font-weight: bold; color: #343e47; }

/* Single Post */
.blog-single { padding-top: 2rem; padding-bottom: 4rem; }
.blog-single .social-holder { padding-bottom: 10px; }
.blog-single .social-holder .social-wrapper { margin-right: 10px; }
/* -- Stop fb button placeholder taking two lines pre-js load */
.blog-single .social-holder .social-wrapper div.fb-share-button { display: inline-block; }
.blog-single .wp-caption-text {
    font-size: 16px;
    margin-top: -10px;
}
.blog-single .blog-single-content { padding-top: 3rem; padding-bottom: 4rem; }
#blog-body .blog-single .blog-single-content h2 { font-size: 22px; }
.blog-single .publish-date { font-size: 14px; }
.blog-single .social-holder .social-wrapper {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

/* ------------
# RESPONSIVE
------------ */
@media (max-width: 767px){

    iframe { max-width: 100%; height: auto; }

    section#main .category-list ul { padding: 0; }

    /* Single Post -- Mobile */
    #blog-body section#main { padding-top: 50px; }
    .single-post section#main .blog-single h1 { font-size: 22px; }

    .dpsp-network-label-wrapper { display: none !important; }
    .dpsp-networks-btns-wrapper .dpsp-network-btn:before { width: 100% !important; }
}

/* -----------
#  WP CORE
----------- */
.alignnone, a img.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter, a img.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright, a img.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft, a img.alignleft { float: left; margin: 5px 20px 20px 0; }