/*
Theme Name: doodle
Description: A hand-drawn WordPress theme.
Theme URI: http://doodle.15robots.com
Author: 15robots.com
Author URI: http://15robots.com
Version: 1.1.0
License: Themeforest Split Licence
License URI: http://themeforest.net/licenses/terms/regular
Tags: brown, blue, orange, pink, green, one-column, right-sidebar, responsive-layout, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready
Text Domain: doodle

doodle is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

/*---------------------------------------------------
>>> TABLE OF CONTENTS:
-----------------------------------------------------
# Global Styles
# Buttons
# Section Headings
# Loading
# Icons
# Slider
# Header
  ## Primary Nav
  ## Jumbotron
  ## Breadcrumbs
# Posts and pages
# Blog Entries
# Portfolio
# Pagination
# Widgets
    ## Calendar widget
# Asides
# Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Countdown
# Features
# Portfolio slider
# Mailchimp
# Testimonials
# Map
# Forms
# Footer
# Color Schemes
    ## Default
    ## Cyan
    ## Red
    ## Brown
    ## Blue gray
    ## Pink
    ## Blue
    ## Orange
    ## Green
    ## Custom
-------------------------------------------------- */

/* GLOBAL STYLES
-------------------------------------------------- */
body {
    color: #212121;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    background: #FAFAFA;
    min-width: 320px;
}

h1 {
    font-family: "Grand Hotel", serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2, h3, h4, .btn, h1 small, .countdown-item-wrapper, #main-nav,
input[type=submit], #wp-calendar, .breadcrumbs-bar .breadcrumbs, .posted-on, .shuffle-btns {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn.btn-medium {
    font-family: 'Lato';
    font-weight: 300;
}

body {
    font-size: 12px;
    line-height: 18px;
}

h1 {
    font-size: 68px;
    line-height: 72px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.fullwidth-intro-text h1 {
    margin-top: 48px;
}

h1 small {
    font-size: 26px;
    line-height: 48px;
    text-transform: uppercase;
}

.lead {
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
}

h2 {
    font-size: 42px;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h3 {
    font-size: 32px;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h4 {
    font-size: 26px;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h5 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    margin-top: 24px;
    margin-bottom: 24px;
}

h6 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
    font-weight: 400;
}

p, ul, ol, pre, table, blockquote {
    margin-top: 24px;
    margin-bottom: 24px;
}

a {
    color: #212121;
    text-decoration: underline;
}

a:focus, a:hover {
    color: #111;
    text-decoration: underline;
}

img.alignright, figure.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft, figure.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

img.aligncenter, figure.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hentry img, .hentry figure {
    max-width: 100%;
    height: auto;
}

.full-width {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
}

hr {
    background: url(img/borders/border-top.svg) repeat-x;
    height: 1px;
    border: 0;
    background-size: 100% 1px;
}

code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 80%;
    color: #212121;
    background-color: rgba(255,255,255,0.5);
    border-radius: 0;
}

blockquote {
    border: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    padding: 24px 72px;
    text-align: center;
}

blockquote:before {
    content: '\e809';
    border-color: #424242;
    display: block !important;
    margin: 0 auto !important;
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child,
blockquote h1:last-child, blockquote h2:last-child, blockquote h3:last-child,
blockquote h4:last-child, blockquote h5:last-child, blockquote h6:last-child {
    margin-bottom: 0;
}

section.inverse a {
    color: #EEE;
}

section.inverse a:focus, section.inverse a:hover {
    color: #FAFAFA;
}

section.inverse a.btn {
    color: #212121;
}

section.inverse a.btn:focus, section.inverse a.btn:hover {
    color: #212121;
}

div.hand-drawn-border {
    border: 2px solid #424242;
    padding: 6px 6px 4px 4px;
    margin: 48px 0 24px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

div.hand-drawn-border.thumb-wrapper {
    margin: 0;
}

img.hand-drawn-border {
    border: 2px solid #545454;
    padding: 6px 6px 4px 4px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

.site-section {
    padding: 72px 0;
    position: relative;
}

.background-accent {
    padding: 47px 0;
    border-top: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

.site-section.compact {
    padding: 30px 0;
}

.site-section.fullwidth-section {
    padding: 0;
}

.vertical-align-container {
    height: 100%;
    width: 100%;
    display: table;
}

.vertical-align-content {
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

[data-sr] {
    visibility: hidden;
}

.screen-reader-text {
    display: none;
}

.fl-builder-content {
    margin-left: -15px;
    margin-right: -15px;
}

/* BUTTONS
-------------------------------------------------- */
.btn, .btn:active, .btn.active, input[type=submit] {
    border: 2px solid #212121;
    width: auto;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
    padding: 0 24px;
    color: #212121;
    text-decoration: none;
    background-color: #EEE;
    background-color: rgba(255,255,255,0.6);
    -webkit-transition: none;
    transition: none;
    border-radius: 7px;
    text-transform: uppercase;
    position: relative;
}

input[type=submit], .btn {
    box-shadow: -1px 0px 0px rgba(255,255,255,0.6), rgba(0,0,0,0.1) -3px 0px 0px inset;
}

@-webkit-keyframes dropshadow {
    from {box-shadow: none;}
    to {box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);}
}

@keyframes dropshadow {
    from {box-shadow: none;}
    to {box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);}
}

@-webkit-keyframes increaseshadow {
    from {box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);}
    to {box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);}
}

@keyframes increaseshadow {
    from {box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);}
    to {box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);}
}

.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus {
    background-color: rgba(255,255,255,0.7);
    position: relative;
    z-index: 2;
    outline: 0;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: dropshadow;
    animation-name: dropshadow;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

.input-group-btn>.btn:hover {
    z-index: 1;
}

.btn:active, .btn.active, input[type=submit]:active {
    background-color: rgba(255,255,255,0.7);
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 2;
}

.btn-medium, .btn-medium:active, .btn-medium.active {
    height: 50px;
    line-height: 50px;
    border-radius: 7px;
    font-size: 18px;
    background-color: rgba(255,255,255,0.3);
    text-transform: none;
}

.btn-small, .btn-small:active, .btn-small.active {
    height: 33px;
    font-size: 19px;
    line-height: 33px;
    border-radius: 4px;
    padding: 0 24px;
}

.btn-medium i, .btn-large i {
    margin-right: 5px;
}

.clickable {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

.clickable:hover, .clickable:focus {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: increaseshadow;
    animation-name: increaseshadow;
}

.clickable:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* SECTION HEADINGS
-------------------------------------------------- */
.section-title {
    text-align: center;
    position: relative;
    z-index: 1;
}

.section-title h1 small {
    display: block;
    padding: 0;
    color: #212121;
    max-width: 100%;
    background-size: 55px auto;
    background: none;
    line-height: 44px;
}

.section-title h1 small span {
    display: inline-block;
}

.section-title h1 small i {
    display: block;
    font-size: 100%;
    background: url(img/borders/border-top.svg) no-repeat center;
    background-size: 100px 3px;
    position: relative;
    z-index: -1;
}

.section-title h1 small i:before {
    width: 2em;
    background-color: #f8f8f8;
}

.background-accent .section-title h1 small i:before {
    background-color: #EEEEEE;
}

/* LOADING
-------------------------------------------------- */
.loading-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #FAFAFA;
}

body.loading .loading-modal {
    display: block;
}

.no-js body.loading .loading-modal {
    display: none;
}

.loading-modal .loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
}

.loading-modal .loading-icon img {
    height: 50px;
    width: 50px;
    -webkit-animation: rotating 1.5s linear infinite;
    -moz-animation: rotating 1.5s linear infinite;
    -ms-animation: rotating 1.5s linear infinite;
    -o-animation: rotating 1.5s linear infinite;
    animation: rotating 1.5s linear infinite;
    transform-origin: center;
}

@-webkit-keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ICONS
-------------------------------------------------- */
.social-icons {
    font-size: 24px;
    line-height: 48px;
    text-align: center;
}

.social-icons a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: transparent;
    text-align: center;
    text-decoration: none;
    margin: 0 2px;
}

.social-icons a:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

#wp-calendar tfoot #prev a:before, #wp-calendar tfoot #next a:after, blockquote:before {
    font-family: "jollyicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
  /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    visibility: visible;
    font-size: 120%;
}

/* SLIDER
-------------------------------------------------- */
.slick-prev, .slick-next, .animated-arrow.drawn {
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -17px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    background-position: center;
    background-size: cover;
    background-color: rgba(255,255,255,0.05);
}

.slick-prev, .slick-prev:hover, .slick-prev:focus, .slick-prev:active {
    left: 15px;
    background-image: url(img/arrows/arrow-left.svg);
}

.slick-next, .slick-next:hover, .slick-next:focus, .slick-next:active {
    right: 15px;
    background-image: url(img/arrows/arrow-right.svg);
}

.slick-prev:before, .slick-next:before {
    color: #212121;
    font-size: 34px;
    opacity: 1;
    display: none;
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus, .animated-arrow.drawn:hover, .animated-arrow.drawn:focus {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    background-color: rgba(255,255,255,0.1);
}

.slick-prev:active, .slick-next:active, .animated-arrow.drawn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255,255,255,0.1);
}

.animated-arrow.drawn.inverse, .animated-arrow.drawn.inverse:active, .animated-arrow.drawn.inverse:hover, .animated-arrow.drawn.inverse:focus {
    background-color: rgba(0,0,0,0.1);
}

.slick-dots {
    margin: 10px 0 0;
    bottom: auto;
}

.slick-dots li button:before {
    font-size: 20px;
}

.slick-dots li button:before {
    content: '\00b7';
    font-family: "slick";
    opacity: 1;
    color: #212121;
}

.slick-dots li.slick-active button:before {
    content: '\2022';
    font-family: "slick";
    opacity: 1;
}

.slick-slide img {
    margin: auto;
}

.standard-slider, .gallery-thumb {
    border: 2px solid #424242;
    padding: 6px 6px 4px 4px;
    margin: 24px 0 72px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

.gallery-thumb {
    margin: 0;
    max-width: 640px;
}

.gallery-thumb.doodle-thumb-portrait {
    max-width: 360px;
}

.gallery-thumb.doodle-thumb-square {
    max-width: 480px;
}

.standard-slider .slick-prev, .standard-slider .slick-prev:hover, .standard-slider .slick-prev:focus, .standard-slider .slick-prev:active,
.gallery-thumb .slick-prev, .gallery-thumb .slick-prev:hover, .gallery-thumb .slick-prev:focus, .gallery-thumb .slick-prev:active {
    background-image: url(img/arrows/arrow-left-simple.svg);
}

.standard-slider .slick-next, .standard-slider .slick-next:hover, .standard-slider .slick-next:focus, .standard-slider .slick-next:active,
.gallery-thumb .slick-next, .gallery-thumb .slick-next:hover, .gallery-thumb .slick-next:focus, .gallery-thumb .slick-next:active {
    background-image: url(img/arrows/arrow-right-simple.svg);
}

.standard-slider .slick-prev, .standard-slider .slick-next,
.gallery-thumb .slick-prev, .gallery-thumb .slick-next {
    width: 30px;
    height: 30px;
    background-color: rgba(255,255,255,0.5);
    z-index: 2;
    box-shadow: none;
    transition: none;
}

.standard-slider .slick-prev:hover, .standard-slider .slick-next:hover,
.gallery-thumb .slick-prev:hover, .gallery-thumb .slick-next:hover {
    background-color: rgba(255,255,255,0.7);
}

.standard-slider .slick-prev {
    top: auto;
    bottom: -45px;
    left: 50%;
    margin-left: -35px;
}

.standard-slider .slick-next {
    top: auto;
    bottom: -45px;
    right: 50%;
    margin-right: -35px;
}

/* HEADER
-------------------------------------------------- */
.site-header {
    padding: 12px 0 11px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    z-index: 3;
}

.site-header h1 {
    margin: 0;
    line-height: 48px;
    font-size: 38px;
    float: left;
    padding: 0 10px 0 15px;
}

section.site-header h1 a {
    color: white !important;
}

.site-header a {
    text-decoration: none;
}

.site-header h2 {
    color: #FFF;
    margin: 0;
    line-height: 46px;
    padding: 2px 5px 0 0;
    font-size: 22px;
    display: none;
    float: left;
    text-transform: uppercase;
}

.max-logo-height img {
    max-height: 48px;
}

.site-header .social-icons {
    margin: 0;
}

body.fixed-header {
    padding-top: 72px;
}

.fixed-header .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.fixed-header.admin-bar .site-header {
    top: 32px;
}

@media (min-width: 768px) {
    .site-header .social-icons {
        text-align: right;
    }

    .site-header h1 {
        margin-left: -15px;
    }

    .site-header .social-icons {
        margin: 0;
    }
}

@media (min-width: 1200px) {

    .site-header h2 {
        display: block;
    }

}

/* PRIMARY NAV
-------------------------------------------------- */
#main-nav.navbar-default {
    min-height: 48px;
    background: none;
    border: none;
    margin: 0;
}

#main-nav.navbar-default .navbar-nav>li>a {
    color: #FFF;
    padding: 2px 15px 0 15px;
    line-height: 46px;
    font-size: 22px;
    text-transform: uppercase;
}

#main-nav.navbar-default .navbar-nav>li>a:focus, #main-nav.navbar-default .navbar-nav>li>a:hover {
    color: #FFF;
    background: transparent;
}

.navbar-default .navbar-nav>li>a>i:before {
    font-size: 24px;
}

#main-nav.navbar-default .navbar-nav>.active>a, #main-nav.navbar-default .navbar-nav>.active>a:focus, #main-nav.navbar-default .navbar-nav>.active>a:hover {
    color: #FFF;
    background: transparent;
}

#main-nav .icon-preceding:before {
    margin-right: 2px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background: transparent;
    color: #fff;
}

.navbar-nav>li>.dropdown-menu {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    min-width: 100%;
    margin-top: 12px;
    overflow: hidden;
}

.navbar-nav>li.stacked>.dropdown-menu {
    margin-top: 0;
}

.dropdown-menu>li {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin-top: 0;
}

li.stacked>.dropdown-menu>li {
    margin-top: 2px;
}

li.stacked.open>.dropdown-menu>li {
    margin-top: 0;
}

.dropdown-menu>li>a {
    background: #fff;
    color: #212121;
    text-decoration: none;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #212121;
    background: #fff;
}

#main-nav.navbar-default .navbar-nav>li.stacked>a.dropdown-toggle {
    background: white;
    color: #212121;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    padding-top: 7px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li {
        border-bottom: none;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 45px;
    }

    .animated-dropdown .dropdown-menu>li {
        -webkit-transform: none !important;
        transform: none !important;
    }
}

@media (min-width: 768px) {
    .navbar-nav>li>.dropdown-menu {
        max-height: 0;
        transition: all 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
    }

    .navbar-nav>li.open>.dropdown-menu {
        max-height: 1000px;
        padding-bottom: 40px;
    }

    .animated-dropdown .dropdown-menu>li {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        transform: translateY(-100%);
        position: relative;
    }

    .animated-dropdown .dropdown-menu {
        display: block;
    }
}

/* JUMBOTRON
-------------------------------------------------- */
#doodle-jumbotron {
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 360px;
    overflow: hidden;
}

#doodle-jumbotron.background-accent {
    border-top: none;
}

#doodle-jumbotron.fullwidth-section {
    padding: 0;
}

#doodle-jumbotron.boxed {
    background-color: #000;
    border-bottom: none;
    min-height: 0;
}

#doodle-jumbotron.show-next-and-prev-bg {
    background-color: #424242;
    border-bottom: none;
}

#fullwidth-slider-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

#fullwidth-slider {
    background: transparent;
    position: relative;
    z-index: 2;
    margin: 0;
    height: 100%;
}

.fullwidth-slide, .standard-slide, .gallery-thumb-slide {
    display: none;
}

.fullwidth-slide.active, .standard-slide.active, .gallery-thumb-slide.active {
    display: block;
}

.fullwidth-arrows-container {
    position: absolute;
    top: 50%;
    z-index: 2;
    left: 0;
    right: 0;
}

#fullwidth-slider .slick-list, #fullwidth-slider .slick-track {
    height: 100%;
}

.fullwidth-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}

.fullwidth-slide img {
    display: none;
}

#boxed-slider-wrapper {
    max-width: 945px;
    margin: 0 auto;
}

#boxed-slider-wrapper.show-next-and-prev {
    max-width: 722px;
}

#boxed-slider-wrapper.show-next-and-prev .slick-list {
    overflow: visible;
}

.boxed-video {
    font-size: 0.1px;
    line-height: 1em;
    margin: 0 auto;
    max-width: 945px;
    background-color: black;
}

@media (min-width: 768px) {
    #boxed-slider-wrapper.show-next-and-prev {
        max-width: 722px;
    }
}

@media (min-width: 992px) {
    #boxed-slider-wrapper.show-next-and-prev {
        max-width: 942px;
    }
}

@media (min-width: 1200px) {
    #boxed-slider-wrapper.show-next-and-prev {
        max-width: 947px;
    }
}

.center-slides .slick-slide {
    text-align: center;
}

.center-slides .slick-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.center-slides .slick-slide img {
    vertical-align: middle;
    display: inline-block;
}

@media (min-width: 768px) {
    #boxed-slider-wrapper.show-next-and-prev .boxed-slide {
        opacity: 0.3;
        transition: opacity 0.2s ease-out;
    }

    #boxed-slider-wrapper.show-next-and-prev .boxed-slide.slick-center {
        opacity: 1;
    }
}

#boxed-slider {
    margin-bottom: 0;
}

.animated-svg svg {
    width: 100%;
    display: block;
    height: 100%;
}

.animated-border-wrapper {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
}

#animated-border-top {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#animated-border-left {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

#animated-border-bottom {
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#animated-border-right {
    width: 3px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.animated-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 4;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -17px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

#animated-arrow-left {
    left: 18px;
}

#animated-arrow-right {
    right: 18px;
}

.fullwidth-intro-text {
    padding: 12px;
    text-align: center;
    margin: 72px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.fullwidth-intro-text .vertical-align-content {
    padding: 0 24px 24px 24px;
    background: #fff;
    background: rgba(255,255,255,0.9);
    color: #212121;
    opacity: 0;
}

.intro-unboxed {
    margin: 24px 0 24px;
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.intro-unboxed .countdown-item-wrapper {
    background-image: url(img/frames/inverse/frame2.svg);
}

.intro-unboxed .countdown-item {
    border: 1px solid white;
    height: 76%;
    width: 76%;
    margin: 12%;
    background: rgba(255,255,255,0.9);
    color: #212121;
}

.jumbotron-overlay {
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.jumbotron-overlay.striped {
    background-image: url(img/overlay/raster.png);
}

.ytplayer-bg {
    background: transparent !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

@media (min-width: 992px) {
    .fullwidth-intro-text {
        text-align: left;
        margin: 72px 0;
        transform: translate3d(0,0,0);
    }

    .fullwidth-intro-text .vertical-align-content {
        padding: 0 36px 24px 36px;
    }
}

@media (max-width: 991px) {
    .fullwidth-arrows-container {
        width: 140px;
        top: auto;
        bottom: 37px;
        display: none;
    }

    .fullwidth-arrows-container .animated-svg {
        visibility: hidden;
    }
}

/* BREADCRUMBS
-------------------------------------------------- */
.site-section.breadcrumbs-bar, .site-section.background-accent.breadcrumbs-bar {
    padding: 0;
    border-top: none;
    min-height: 72px;
}

.breadcrumbs-bar .breadcrumbs {
    font-size: 21px;
    line-height: 24px;
    margin: 24px 0;
}

.breadcrumbs-bar .breadcrumbs a {
    text-decoration: none;
}

/* POSTS AND PAGES
-------------------------------------------------- */
.sticky {
    display: block;
}

.hentry {
    margin: 48px 0;
}

.fl-builder .hentry, .fl-builder .entry-content {
    margin-top: 0;
}

.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 24px 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page-header {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin: 48px 0;
}

@media (min-width: 768px) {
    .hentry {
        margin-bottom: 72px;
    }
}

/* BLOG ENTRIES
-------------------------------------------------- */
h1.entry-title {
    margin-top: 0;
    margin-bottom: 24px;
}

.blog h1.entry-title, .archive h1.entry-title {
    font-size: 48px;
    line-height: 54px;
}

.entry-title a {
    text-decoration: none;
}

.entry-meta {
    font-family: Lato;
    font-weight: 300;
}

.posted-on {
    text-transform: uppercase;
    font-size: 23px;
    margin-top: 3px;
}

.byline a, .posted-on-and-byline a {
    text-decoration: none;
}

.post-navigation {
    margin: 24px 0;
    overflow: hidden;
}

.post-navigation i.icon-arrow-left, .post-navigation i.icon-arrow-right {
    font-size: 140%;
}

.entry-comments-link .comments-link, .entry-comments-link .edit-link {
    margin-top: 0px;
    display: block;
}

.comments-link a, .edit-link a {
    text-decoration: none;
    white-space: nowrap;
}

.comments-link a:before {
    content: "\e89b";
    font-family: "jollyicons";
    margin-right: 2px;
    font-size: 18px;
}

.edit-link a:before {
    content: "\e83f";
    font-family: "jollyicons";
    margin-right: 2px;
    font-size: 18px;
}

.entry-header .byline, .entry-header .comments-link {
    margin-right: 12px;
}

.doodle-video-thumb {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #111;
}

.doodle-video-thumb:before {
    content: "P";
    font-family: "ytpregular";
    position: absolute;
    top: 50%;
    font-size: 26px;
    line-height: 36px;
    margin-top: -18px;
    left: 50%;
    margin-left: -25px;
    text-align: center;
    z-index: 2;
    color: #212121;
    background-color: rgba(255,255,255,0.5);
    border-radius: 10px;
    width: 50px;
    padding-left: 4px;
}

.doodle-video-thumb:hover:before {
    background-color: rgba(255,255,255,0.7);
}

.thumb-overlay {
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

@media (max-width: 767px) {
    .cat-links label, .tags-links label {
        margin: 0;
        display: inline;
    }

    .posted-on {
        display: inline;
    }

    .blog .post, .archive .post {
        border-top: 1px solid rgba(0,0,0,0.15);
        padding-top: 48px;
    }

    .blog .post:first-child, .archive .post:first-of-type {
        border-top: none;
        padding-top: 0px;
    }

    .entry-meta, h1.entry-title {
        margin: 24px 0;
    }

    .cat-separator:before, .tag-separator:before {
        content: ",";
        margin-right: 4px;
    }
}

@media (min-width: 768px) {
    .entry-meta-wrapper {
        text-align: right;
    }

    .single .entry-meta .byline, .group-blog .entry-meta .byline {
        display: block;
        font-style: italic;
    }

    .entry-header .entry-meta .byline, .entry-header .entry-meta .posted-on {
        display: inline;
    }

    .cat-links, .tags-links {
        margin-top: 12px;
    }

    .cat-links label, .tags-links label {
        display: block;
        font-weight: 300;
        margin: 0;
    }

    .entry-header .cat-links label, .entry-header .tags-links label {
        margin-bottom: 2px;
    }

    .cat-links a, .tags-links a, .tagcloud a {
        text-decoration: none;
        line-height: 24px;
        margin: 2px;
        padding: 0 4px 0 24px;
        height: 28px;
        display: inline-block;
        vertical-align: baseline;
        width: auto;
        max-width: 100%;
        background-image: url(img/tags/tag.svg);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 1000px 28px;
        border-right: 2px solid #555;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .entry-comments-link {
        margin-top: 12px;
    }
}

/* PORTFOLIO
-------------------------------------------------- */
.grid-item .hentry {
    margin: 6px 0 24px;
}

.grid-item h1.entry-title {
    margin: 24px 0 12px;
    font-size: 42px;
    line-height: 48px;
}

.grid-item p {
    margin: 12px 0 36px;
}

.grid-item .cat-links, .grid-item .tags-links {
    margin: 18px 0 12px;
}

ul.shuffle-btns {
    list-style: none;
    padding: 0;
    margin: 48px 0;
    text-transform: uppercase;
}

ul.shuffle-btns li {
    display: inline-block;
    margin-right: 24px;
}

ul.shuffle-btns li a {
    text-decoration: none;
    font-size: 21px;
    line-height: 24px;
}

.shuffle-btns a:before {
    content: '\00b7';
    font-family: slick;
    margin-right: 6px;
    font-size: 16px;
    vertical-align: top;
    line-height: 22px;
}

.shuffle-btns li.active a:before {
    content: '\2022';
}

/* PAGINATION
-------------------------------------------------- */
.pagination>li>a, .pagination>li>span, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #212121;
    background-color: transparent;
    background-color: rgba(255,255,255,0.3);
    border: 2px solid #555;
    margin-left: -2px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.16);
}

.pagination>li>a:focus, .pagination>li>a:hover {
    color: #212121;
    background: transparent;
    border-color: #555;
    background-color: rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
}

.pagination>li>a:active,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #212121;
    background-color: transparent;
    border-color: #555;
    background-color: rgba(0,0,0,0.05);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.numeric-pagination {
    text-align: center;
}

/* WIDGETS
-------------------------------------------------- */
#secondary {
    margin-top: 60px;
}

#secondary .widget, .site-footer .widget {
    margin: 48px 0;
}

h3.widget-title {
    text-transform: uppercase;
    margin: 24px 0 12px;
}

.widget ul {
    margin: 12px 0 24px;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

.widget ul {
    list-style: none;
    padding-left: 0px;
}

/* CALENDAR WIDGET
-------------------------------------------------- */
.widget_calendar {
    position: relative;
    z-index: 1;
}

#calendar_wrap {
    position: relative;
    margin: 24px 0;
    padding: 48px 1px 0 0;
    border: 2px solid #212121;
    border-radius: 4px;
    webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}

#wp-calendar {
    width: 100%;
    font-size: 15px;
    margin: 0;
    background-color: rgba(255,255,255,0.1);
    border-radius: 4px;
}

#wp-calendar caption {
    position: absolute;
    top: 0;
    left: -4px;
    right: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    z-index: -1;
    text-align: center;
    color: #212121;
    font-size: 24px;
    padding: 14px 0 10px;
    margin: 0 0 12px;
}

#wp-calendar thead th {
    padding: 10px 0 5px;
    text-align: center;
    border-top: 2px solid #212121;
}

#wp-calendar tbody {
    color: #212121;
    margin-bottom: 10px;
}

#wp-calendar tbody td {
    text-align: center;
    padding: 2px 0;
    width: 32px;
}

#wp-calendar tbody td a {
    text-decoration: none;
    background-image: url(img/calendar-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 32px;
    line-height: 32px;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#wp-calendar tfoot #next {
    font-size: 18px;
    text-transform: uppercase;
    text-align: right;
    padding: 16px 5px 0;
    position: absolute;
    right: 0;
}

#wp-calendar tfoot #prev {
    font-size: 18px;
    text-transform: uppercase;
    padding: 16px 5px 0;
    position: absolute;
    left: 0;
}

#wp-calendar tfoot #prev a, #wp-calendar tfoot #next a {
    text-decoration: none;
    visibility: hidden;
}

#wp-calendar tfoot #prev a:before {
    content: '\e87c';
}

#wp-calendar tfoot #next a:after {
    content: '\e87b';
}

.inverse #wp-calendar {
    background-color: rgba(255,255,255,0.9);
    color: #212121;
}

section.inverse #wp-calendar a {
    color: #212121;
}

.inverse #wp-calendar caption {
    left: -3px;
}

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

/* COMMENTS
-------------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-reply-title {
    text-transform: uppercase;
}

.comments-area, .comments-respond-area {
    margin: 24px 0;
}

.comments-area {
    border-top: 1px solid rgba(0,0,0,0.15);
}

.comments-title {
    margin: 48px 0 24px;
    text-transform: uppercase;
}

.comments-area ul, .comments-area ol {
    list-style: none;
}

.comments-area ul.comment-list, .comments-area ol.comment-list {
    padding-left: 0;
}

.comments-area .comment {
    margin: 48px 0 72px;
}

.comments-area .comment p {
    margin: 12px 0;
}

.comments-area .comment-avatar {
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: inline-block;
    padding: 14px;
    margin-right: 10px;
}

.comments-area img.avatar {
    border: 1px solid #212121;
}

.comments-area .comment-author {
    margin-top: 6px;
    font-weight: bold;
}

.comments-area .commentmetadata {
    margin-bottom: 6px;
}

.comments-area .comment-author a {
    text-decoration: none;
}

.comments-area .reply {
    text-decoration: underline;
}

.comments-area .commentmetadata a {
    text-decoration: none;
    font-weight: 300;
    font-style: italic;
}

/* INFINITE SCROLL
-------------------------------------------------- */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-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;
}

.infinite-loader > .spinner {
    left: 50% !important;
}

/* MEDIA
-------------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .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%;
}

/* CAPTIONS
-------------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/* GALLERIES
-------------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.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;
}

/* COUNTDOWN
-------------------------------------------------- */
.doodle-countdown {
    overflow: hidden;
    max-width: 240px;
    margin: 24px auto;
}

.countdown-item-wrapper {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    background: url(img/frames/frame2.svg) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.countdown-item {
    border: 2px solid #424242;
    background: rgba(255,255,255,0.1);
    position: absolute;
    height: 78%;
    width: 78%;
    margin: 11%;
    border-radius: 2px;
}

section.inverse .countdown-item-wrapper {
    background-image: url(img/frames/inverse/frame2.svg);
}

section.inverse .countdown-item {
    border: 2px solid #EEE;
    background: rgba(0,0,0,0.1);
}

.countdown-item span {
    font-size: 34px;
    line-height: 1em;
    display: block;
}

@media (min-width: 768px) {
    .doodle-countdown {
        max-width: 600px;
    }

    .countdown-item-wrapper {
        font-size: 16px;
    }

    .countdown-item span {
        line-height: 1.2em;
        font-size: 47px;
    }
}

@media (min-width: 992px) {
    .countdown-item span {
        line-height: 1em;
    }
}

@media (min-width: 1200px) {
    .countdown-item span {
        line-height: 1.2em;
    }
}

/* FEATURES
-------------------------------------------------- */
i.feature-icon {
    width: 90px;
    height: 90px;
    text-align: center;
    float: none;
    display: inline-block;
    color: #212121;
    background: url(img/feature.svg) no-repeat center;
}

.feature-icon-container {
    display: inline-block;
    background: rgba(255,255,255,0.8);
    border-radius: 37% 50% 50% 45%;
    margin: 3px 0;
}

i.feature-icon:before {
    font-size: 42px;
    line-height: 90px;
}

.feature-item {
    text-align: center;
}

.feature-item p {
    overflow: hidden;
}

/* PORTFOLIO SLIDER
-------------------------------------------------- */
.portfolio-slider {
    margin: 20px 30px 60px;
}

.portfolio-slider.with-button .slick-prev, .portfolio-slider.with-button .slick-next {
    margin-top: -57px;
}

.portfolio-slider .slick-prev {
    left: -30px;
}

.portfolio-slider .slick-next {
    right: -30px;
}

.portfolio-thumb {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.portfolio-slide {
    padding: 20px 15px 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 1;
}

.portfolio-slide .hand-drawn-border {
    margin: 0;
}

.slick-center .portfolio-slide {
    opacity: 1;
}

.slick-center .portfolio-thumb {
    transform: scale(1.05);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
}

.portfolio-slide p {
    margin: 20px 0;
}

@media (max-width: 767px) {
    .portfolio-slider {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
    .portfolio-slider .slick-prev {
        left: -25px;
    }

    .portfolio-slider .slick-next {
        right: -25px;
    }
}
@media (max-width: 479px) {
    .portfolio-slider {
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
    .portfolio-slider .slick-prev {
        left: -20px;
    }

    .portfolio-slider .slick-next {
        right: -20px;
    }
}

/* MAILCHIMP
-------------------------------------------------- */
#mc_embed_signup div {
    vertical-align: middle;
    margin: 10px 0;
}

#mc_embed_signup form {
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
}

#mc_embed_signup .indicates-required {
    display: block;
    font-style: italic;
}

#mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] {
    padding: 18px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.42857143;
    width: 260px;
    background: transparent;
    border: 2px solid #212121;
    border-radius: 4px;
}

#mc_embed_signup ::-webkit-input-placeholder {
 /* WebKit browsers */
    color: #212121;
}

#mc_embed_signup :-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
    color: #212121;
    opacity: 1;
}

#mc_embed_signup ::-moz-placeholder {
 /* Mozilla Firefox 19+ */
    color: #212121;
    opacity: 1;
}

#mc_embed_signup :-ms-input-placeholder {
 /* Internet Explorer 10+ */
    color: #212121;
}

#mc_embed_signup label {
    display: none;
}

#mc_embed_signup .button {
    text-transform: uppercase;
}

@media (min-width: 992px) {
    #mc_embed_signup div {
        display: inline-block;
        vertical-align: middle;
    }

    #mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] {
        width: 340px;
        margin: 0 5px;
    }
}

/* TESTIMONIALS
-------------------------------------------------- */
.testimonial {
    text-align: center;
    margin: 12px 0;
}

.testimonial h2 {
    margin-top: 24px;
}

.testimonial div.frame-1,
.testimonial div.frame-2,
.testimonial div.frame-3,
.testimonial div.frame-4,
.testimonial div.no-frame {
    margin: 36px 0 0;
}

div.frame {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 11% 12%;
}

div.frame-1 {
    background-image: url(img/frames/frame1.svg);
}

div.frame-2 {
    background-image: url(img/frames/frame2.svg);
}

div.frame-3 {
    background-image: url(img/frames/frame3.svg);
}

div.frame-4 {
    background-image: url(img/frames/frame4.svg);
}

.testimonial div.frame-1 img,
.testimonial div.frame-2 img,
.testimonial div.frame-3 img,
.testimonial div.frame-4 img {
    border: 3px solid #212121;
}

@media (min-width: 768px) {
    .testimonial {
        text-align: left;
    }

    .testimonial h2 {
        margin-top: 48px;
    }
}

/* MAP
-------------------------------------------------- */
#map_canvas {
    width: 100%;
    height: 360px;
    border-top: 2px solid rgba(0,0,0,0.1);
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

/* FORMS
-------------------------------------------------- */
.form-group {
    margin-bottom: 16px;
}

form {
    margin-top: 24px;
    margin-bottom: 24px;
}

form input[type="text"], form input[type="email"], form input[type="url"], form input[type=search], form textarea, form select, form .dropdown-toggle {
    display: block;
    margin: 0;
    color: #212121;
    padding: 15px;
    background: #FFF;
    background: rgba(255,255,255,0.6);
    border: 2px solid #212121;
    border-radius: 4px;
    height: 60px;
    box-shadow: -1px 0px 0px rgba(255,255,255,0.8), rgba(0,0,0,0.15) -3px 0px 0px inset;
    transition: none;
}

form input[type="text"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type=search]:focus, form textarea:focus, form select:focus, form .dropdown-toggle:focus {
    outline: 0;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: dropshadow;
    animation-name: dropshadow;
}

.inverse form input[type="text"], .inverse form input[type="email"], .inverse form input[type="url"], .inverse form input[type=search], .inverse form textarea, .inverse form select, .inverse form .dropdown-toggle {
    background-color: rgba(255,255,255,0.9);
}

.input-group-btn:last-child>.btn {
    margin-left: -2px;
    z-index: 1;
}

.form-control:focus {
    border-color: #212121;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    position: relative;
    z-index: 2;
}

.comment-respond {
    max-width: 600px;
}

#commentform textarea {
    height: 200px;
    width: 100%;
}

#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"],
form.contact-form input[type='text'], form.contact-form input[type='email'], form.contact-form input[type="url"] {
    width: 100%;
}

form .dropdown-toggle {
    text-align: left;
}

form .dropdown-toggle .dropdown-arrow {
    float: right;
}

form .dropdown-menu {
    width: 100%;
    padding: 0;
}

form .dropdown-menu li {
    padding: 8px 16px;
    cursor: pointer;
}

form .dropdown-menu li:hover {
    background: #F8F8F8;
}

form.search-form {
    max-width: 300px;
}

.ninja-forms-required-items {
    margin: 24px 0;
    font-style: italic;
}

.field-wrap.label-left .ninja-forms-field, .field-wrap.label-left .ninja-forms-star-rating-control {
    display: inline-block;
}

/* FOOTER
-------------------------------------------------- */
#footer-section {
    padding: 0 0 45px;
    margin-top: 48px;
}

#footer-section .social-icons, #footer-section h4 {
    margin: 20px 0;
}

.site-colophon {
    text-align: center;
}

/* COLOR SCHEMES - DEFAULT
-------------------------------------------------- */
body, .loading-modal, .section-title h1 small i:before {
    background-color: #F8F8F8;
}

.feature-icon-container {
    box-shadow: inset -4px -2px 0px #F8F8F8;
}

.background-accent, .background-accent .section-title h1 small i:before, #wp-calendar caption, .search-submit {
    background-color: #EEEEEE;
}

.background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #EEEEEE;
}

section.inverse {
    position: relative;
    color: #EEE;
}

section.inverse {
    background: #212121;
}

.fullwidth-intro-text h1 {
    color: #212121;
}

/* COLOR SCHEMES - CYAN
-------------------------------------------------- */
body.cyan, .cyan .loading-modal, .cyan .section-title h1 small i:before {
    background-color: #B2EBF2;
}

.cyan .feature-icon-container {
    box-shadow: inset -4px -2px 0px #B2EBF2;
}

.cyan .background-accent, .cyan .background-accent .section-title h1 small i:before, .cyan #wp-calendar caption, .cyan .search-submit {
    background-color: #80DEEA;
}

.cyan .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #80DEEA;
}

.cyan section.inverse {
    background-color: #006064;
}

.cyan .fullwidth-intro-text h1 {
    color: #006064;
}

/* COLOR SCHEMES - RED
-------------------------------------------------- */
body.red, .red .loading-modal, .red .section-title h1 small i:before {
    background-color: #FFCDD2;
}

.red .feature-icon-container {
    box-shadow: inset -4px -2px 0px #FFCDD2;
}

.red .background-accent, .red .background-accent .section-title h1 small i:before, .red #wp-calendar caption, .red .search-submit {
    background-color: #EF9A9A;
}

.red .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #EF9A9A;
}

.red section.inverse {
    background-color: #B71C1C;
}

.red .fullwidth-intro-text h1 {
    color: #B71C1C;
}

/* COLOR SCHEMES - BROWN
-------------------------------------------------- */
body.brown, .brown .loading-modal, .brown .section-title h1 small i:before {
    background-color: #D7CCC8;
}

.brown .feature-icon-container {
    box-shadow: inset -4px -2px 0px #D7CCC8;
}

.brown .background-accent, .brown .background-accent .section-title h1 small i:before, .brown #wp-calendar caption, .brown .search-submit {
    background-color: #BCAAA4;
}

.brown .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #BCAAA4;
}

.brown section.inverse {
    background-color: #3E2723;
}

.brown .fullwidth-intro-text h1 {
    color: #3E2723;
}

/* COLOR SCHEMES - BLUEGRAY
-------------------------------------------------- */
body.bluegray, .bluegray .loading-modal, .bluegray .section-title h1 small i:before {
    background-color: #CFD8DC;
}

.bluegray .feature-icon-container {
    box-shadow: inset -4px -2px 0px #CFD8DC;
}

.bluegray .background-accent, .bluegray .background-accent .section-title h1 small i:before, .bluegray #wp-calendar caption, .bluegray .search-submit {
    background-color: #B0BEC5;
}

.bluegray .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #B0BEC5;
}

.bluegray section.inverse {
    background-color: #263238;
}

.bluegray .fullwidth-intro-text h1 {
    color: #263238;
}

/* COLOR SCHEMES - PINK
-------------------------------------------------- */
body.pink, .pink .loading-modal, .pink .section-title h1 small i:before {
    background-color: #F8BBD0;
}

.pink .feature-icon-container {
    box-shadow: inset -4px -2px 0px #F8BBD0;
}

.pink .background-accent, .pink .background-accent .section-title h1 small i:before, .pink #wp-calendar caption, .pink .search-submit {
    background-color: #F48FB1;
}

.pink .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #F48FB1;
}

.pink section.inverse {
    background-color: #880E4F;
}

.pink .fullwidth-intro-text h1 {
    color: #880E4F;
}

/* COLOR SCHEMES - BLUE
-------------------------------------------------- */
body.blue, .blue .loading-modal, .blue .section-title h1 small i:before {
    background-color: #BBDEFB;
}

.blue .feature-icon-container {
    box-shadow: inset -4px -2px 0px #BBDEFB;
}

.blue .background-accent, .blue .background-accent .section-title h1 small i:before, .blue #wp-calendar caption, .blue .search-submit {
    background-color: #90CAF9;
}

.blue .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #90CAF9;
}

.blue section.inverse {
    background-color: #1565C0;
}

.blue .fullwidth-intro-text h1 {
    color: #1565C0;
}

/* COLOR SCHEMES - ORANGE
-------------------------------------------------- */
body.orange, .orange .loading-modal, .orange .section-title h1 small i:before {
    background-color: #FFE0B2;
}

.orange .feature-icon-container {
    box-shadow: inset -4px -2px 0px #FFE0B2;
}

.orange .background-accent, .orange .background-accent .section-title h1 small i:before, .orange #wp-calendar caption, .orange .search-submit {
    background-color: #FFCC80;
}

.orange .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #FFCC80;
}

.orange section.inverse {
    background-color: #EF6C00;
}

.orange .fullwidth-intro-text h1 {
    color: #EF6C00;
}

/* COLOR SCHEMES - GREEN
-------------------------------------------------- */
body.green, .green .loading-modal, .green .section-title h1 small i:before {
    background-color: #C8E6C9;
}

.green .feature-icon-container {
    box-shadow: inset -4px -2px 0px #C8E6C9;
}

.green .background-accent, .green .background-accent .section-title h1 small i:before, .green #wp-calendar caption, .green .search-submit {
    background-color: #A5D6A7;
}

.green .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #A5D6A7;
}

.green section.inverse {
    background-color: #1B5E20;
}

.green .fullwidth-intro-text h1 {
    color: #1B5E20;
}

/* COLOR SCHEMES - CUSTOM
-------------------------------------------------- */
body.custom-color-scheme, .custom-color-scheme .loading-modal, .custom-color-scheme .section-title h1 small i:before {
    background-color: #F8F8F8;
}

.custom-color-scheme .feature-icon-container {
    box-shadow: inset -4px -2px 0px #F8F8F8;
}

.custom-color-scheme .background-accent, .custom-color-scheme .background-accent .section-title h1 small i:before, .custom-color-scheme #wp-calendar caption, .custom-color-scheme .search-submit {
    background-color: #EEEEEE;
}

.custom-color-scheme .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #EEEEEE;
}

.custom-color-scheme section.inverse {
    background-color: #212121;
}

.custom-color-scheme .fullwidth-intro-text h1 {
    color: #212121;
}

/* COLOR SCHEMES - OCHRE
-------------------------------------------------- */
body.ochre, .ochre .loading-modal, .ochre .section-title h1 small i:before {
    background-color: #f0dca2;
}

.ochre .feature-icon-container {
    box-shadow: inset -4px -2px 0px #f0dca2;
}

.ochre .background-accent, .ochre .background-accent .section-title h1 small i:before, .ochre #wp-calendar caption, .ochre .search-submit {
    background-color: #e0b58c;
}

.ochre .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #e0b58c;
}

.ochre section.inverse {
    background-color: #b5421e;
}

.ochre .fullwidth-intro-text h1 {
    color: #b5421e;
}

/* COLOR SCHEMES - LIGHT BROWN
-------------------------------------------------- */
body.lightbrown, .lightbrown .loading-modal, .lightbrown .section-title h1 small i:before {
    background-color: #f7ebc9;
}

.lightbrown .feature-icon-container {
    box-shadow: inset -4px -2px 0px #f7ebc9;
}

.lightbrown .background-accent, .lightbrown .background-accent .section-title h1 small i:before, .lightbrown #wp-calendar caption, .lightbrown .search-submit {
    background-color: #f2cc96;
}

.lightbrown .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #f2cc96;
}

.lightbrown section.inverse {
    background-color: #814906;
}

.lightbrown .fullwidth-intro-text h1 {
    color: #814906;
}

/* COLOR SCHEMES - PURPLE
-------------------------------------------------- */
body.purple, .purple .loading-modal, .purple .section-title h1 small i:before {
    background-color: #fdf3f3;
}

.purple .feature-icon-container {
    box-shadow: inset -4px -2px 0px #fdf3f3;
}

.purple .background-accent, .purple .background-accent .section-title h1 small i:before, .purple #wp-calendar caption, .purple .search-submit {
    background-color: #f8e7e7;
}

.purple .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #f8e7e7;
}

.purple section.inverse {
    background-color: #724060;
}

.purple .fullwidth-intro-text h1 {
    color: #724060;
}

/* COLOR SCHEMES - PURPLE & GREEN
-------------------------------------------------- */
body.purple-green, .purple-green .loading-modal, .purple-green .section-title h1 small i:before {
    background-color: #c9d1c2;
}

.purple-green .feature-icon-container {
    box-shadow: inset -4px -2px 0px #c9d1c2;
}

.purple-green .background-accent, .purple-green .background-accent .section-title h1 small i:before, .purple-green #wp-calendar caption, .purple-green .search-submit {
    background-color: #b3b095;
}

.purple-green .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #b3b095;
}

.purple-green section.inverse {
    background-color: #472634;
}

.purple-green .fullwidth-intro-text h1 {
    color: #472634;
}

/* COLOR SCHEMES - BLUEGREEN
-------------------------------------------------- */
body.bluegreen, .bluegreen .loading-modal, .bluegreen .section-title h1 small i:before {
    background-color: #d1dbbd;
}

.bluegreen .feature-icon-container {
    box-shadow: inset -4px -2px 0px #d1dbbd;
}

.bluegreen .background-accent, .bluegreen .background-accent .section-title h1 small i:before, .bluegreen #wp-calendar caption, .bluegreen .search-submit {
    background-color: #91aa9d;
}

.bluegreen .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #91aa9d;
}

.bluegreen section.inverse {
    background-color: #3e606f;
}

.bluegreen .fullwidth-intro-text h1 {
    color: #3e606f;
}

/* COLOR SCHEMES - RED & GREEN
-------------------------------------------------- */
body.red-green, .red-green .loading-modal, .red-green .section-title h1 small i:before {
    background-color: #e1f6f4;
}

.red-green .feature-icon-container {
    box-shadow: inset -4px -2px 0px #e1f6f4;
}

.red-green .background-accent, .red-green .background-accent .section-title h1 small i:before, .red-green #wp-calendar caption, .red-green .search-submit {
    background-color: #9dd5cb;
}

.red-green .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #9dd5cb;
}

.red-green section.inverse {
    background-color: #d5441c;
}

.red-green .fullwidth-intro-text h1 {
    color: #d5441c;
}

/* COLOR SCHEMES - BROWN
-------------------------------------------------- */
body.brown, .brown .loading-modal, .brown .section-title h1 small i:before {
    background-color: #f6eddd;
}

.brown .feature-icon-container {
    box-shadow: inset -4px -2px 0px #f6eddd;
}

.brown .background-accent, .brown .background-accent .section-title h1 small i:before, .brown #wp-calendar caption, .brown .search-submit {
    background-color: #caad8c;
}

.brown .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #caad8c;
}

.brown section.inverse {
    background-color: #49260a;
}

.brown .fullwidth-intro-text h1 {
    color: #49260a;
}

/* COLOR SCHEMES - BROWN & BEIGE
-------------------------------------------------- */
body.brown-beige, .brown-beige .loading-modal, .brown-beige .section-title h1 small i:before {
    background-color: #e8e3c7;
}

.brown-beige .feature-icon-container {
    box-shadow: inset -4px -2px 0px #e8e3c7;
}

.brown-beige .background-accent, .brown-beige .background-accent .section-title h1 small i:before, .brown-beige #wp-calendar caption, .brown-beige .search-submit {
    background-color: #d4ceb0;
}

.brown-beige .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #d4ceb0;
}

.brown-beige section.inverse {
    background-color: #A65238;
}

.brown-beige .fullwidth-intro-text h1 {
    color: #A65238;
}

/* COLOR SCHEMES - BLUE & PALE YELLOW
-------------------------------------------------- */
body.blue-paleyellow, .blue-paleyellow .loading-modal, .blue-paleyellow .section-title h1 small i:before {
    background-color: #fdfbda;
}

.blue-paleyellow .feature-icon-container {
    box-shadow: inset -4px -2px 0px #fdfbda;
}

.blue-paleyellow .background-accent, .blue-paleyellow .background-accent .section-title h1 small i:before, .blue-paleyellow #wp-calendar caption, .blue-paleyellow .search-submit {
    background-color: #d3d0a8;
}

.blue-paleyellow .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #d3d0a8;
}

.blue-paleyellow section.inverse {
    background-color: #2d4659;
}

.blue-paleyellow .fullwidth-intro-text h1 {
    color: #2d4659;
}

/* COLOR SCHEMES - RED & PALE YELLOW
-------------------------------------------------- */
body.red-paleyellow, .red-paleyellow .loading-modal, .red-paleyellow .section-title h1 small i:before {
    background-color: #fdfbda;
}

.red-paleyellow .feature-icon-container {
    box-shadow: inset -4px -2px 0px #fdfbda;
}

.red-paleyellow .background-accent, .red-paleyellow .background-accent .section-title h1 small i:before, .red-paleyellow #wp-calendar caption, .red-paleyellow .search-submit {
    background-color: #d3d0a8;
}

.red-paleyellow .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #d3d0a8;
}

.red-paleyellow section.inverse {
    background-color: #D15555;
}

.red-paleyellow .fullwidth-intro-text h1 {
    color: #D15555;
}

/* COLOR SCHEMES - YELLOW & ORANGE
-------------------------------------------------- */
body.yellow-orange, .yellow-orange .loading-modal, .yellow-orange .section-title h1 small i:before {
    background-color: #f7fccf;
}

.yellow-orange .feature-icon-container {
    box-shadow: inset -4px -2px 0px #f7fccf;
}

.yellow-orange .background-accent, .yellow-orange .background-accent .section-title h1 small i:before, .yellow-orange #wp-calendar caption, .yellow-orange .search-submit {
    background-color: #ffe0b2;
}

.yellow-orange .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #ffe0b2;
}

.yellow-orange section.inverse {
    background-color: #da6969;
}

.yellow-orange .fullwidth-intro-text h1 {
    color: #da6969;
}

/* COLOR SCHEMES - GOLD
-------------------------------------------------- */
body.gold, .gold .loading-modal, .gold .section-title h1 small i:before {
    background-color: #F5F0E8;
}

.gold .feature-icon-container {
    box-shadow: inset -4px -2px 0px #F5F0E8;
}

.gold .background-accent, .gold .background-accent .section-title h1 small i:before, .gold #wp-calendar caption, .gold .search-submit {
    background-color: #D3BD9A;
}

.gold .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #D3BD9A;
}

.gold section.inverse {
    background-color: #674F04;
}

.gold .fullwidth-intro-text h1 {
    color: #674F04;
}

/* COLOR SCHEMES - GREEN & GREY
-------------------------------------------------- */
body.green-grey, .green-grey .loading-modal, .green-grey .section-title h1 small i:before {
    background-color: #efefef;
}

.green-grey .feature-icon-container {
    box-shadow: inset -4px -2px 0px #efefef;
}

.green-grey .background-accent, .green-grey .background-accent .section-title h1 small i:before, .green-grey #wp-calendar caption, .green-grey .search-submit {
    background-color: #d2d86e;
}

.green-grey .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #d2d86e;
}

.green-grey section.inverse {
    background-color: #3f3f3f;
}

.green-grey .fullwidth-intro-text h1 {
    color: #3f3f3f;
}

/* COLOR SCHEMES - FUCHSIA & BLUE
-------------------------------------------------- */
body.fuchsia-blue, .fuchsia-blue .loading-modal, .fuchsia-blue .section-title h1 small i:before {
    background-color: #d2e5ec;
}

.fuchsia-blue .feature-icon-container {
    box-shadow: inset -4px -2px 0px #d2e5ec;
}

.fuchsia-blue .background-accent, .fuchsia-blue .background-accent .section-title h1 small i:before, .fuchsia-blue #wp-calendar caption, .fuchsia-blue .search-submit {
    background-color: #add7ed;
}

.fuchsia-blue .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #add7ed;
}

.fuchsia-blue section.inverse {
    background-color: #e0385c;
}

.fuchsia-blue .fullwidth-intro-text h1 {
    color: #e0385c;
}


/* COLOR SCHEMES - BROWN & BLUE
-------------------------------------------------- */
body.brown-blue, .brown-blue .loading-modal, .brown-blue .section-title h1 small i:before {
    background-color: #f7dda4;
}

.brown-blue .feature-icon-container {
    box-shadow: inset -4px -2px 0px #f7dda4;
}

.brown-blue .background-accent, .brown-blue .background-accent .section-title h1 small i:before, .brown-blue #wp-calendar caption, .brown-blue .search-submit {
    background-color: #b89068;
}

.brown-blue .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #b89068;
}

.brown-blue section.inverse {
    background-color: #567582;
}

.brown-blue .fullwidth-intro-text h1 {
    color: #567582;
}

/* COLOR SCHEMES - GREEN
-------------------------------------------------- */
body.green, .green .loading-modal, .green .section-title h1 small i:before {
    background-color: #E5F1E3;
}

.green .feature-icon-container {
    box-shadow: inset -4px -2px 0px #E5F1E3;
}

.green .background-accent, .green .background-accent .section-title h1 small i:before, .green #wp-calendar caption, .green .search-submit {
    background-color: #A3CD9E;
}

.green .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #A3CD9E;
}

.green section.inverse {
    background-color: #35635B;
}

.green .fullwidth-intro-text h1 {
    color: #35635B;
}

/* COLOR SCHEMES - BLUE & BROWN
-------------------------------------------------- */
body.blue-brown, .blue-brown .loading-modal, .blue-brown .section-title h1 small i:before {
    background-color: #CFFFFF;
}

.blue-brown .feature-icon-container {
    box-shadow: inset -4px -2px 0px #CFFFFF;
}

.blue-brown .background-accent, .blue-brown .background-accent .section-title h1 small i:before, .blue-brown #wp-calendar caption, .blue-brown .search-submit {
    background-color: #7FC5CA;
}

.blue-brown .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #7FC5CA;
}

.blue-brown section.inverse {
    background-color: #764F51;
}

.blue-brown .fullwidth-intro-text h1 {
    color: #764F51;
}

/* COLOR SCHEMES - PURPLE & BLUEGRAY
-------------------------------------------------- */
body.purple-bluegray, .purple-bluegray .loading-modal, .purple-bluegray .section-title h1 small i:before {
    background-color: #E2EFF1;
}

.purple-bluegray .feature-icon-container {
    box-shadow: inset -4px -2px 0px #E2EFF1;
}

.purple-bluegray .background-accent, .purple-bluegray .background-accent .section-title h1 small i:before, .purple-bluegray #wp-calendar caption, .purple-bluegray .search-submit {
    background-color: #B6D5E1;
}

.purple-bluegray .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #B6D5E1;
}

.purple-bluegray section.inverse {
    background-color: #555273;
}

.purple-bluegray .fullwidth-intro-text h1 {
    color: #555273;
}

/* COLOR SCHEMES - YELLOW & GREEN
-------------------------------------------------- */
body.yellow-green, .yellow-green .loading-modal, .yellow-green .section-title h1 small i:before {
    background-color: #F5F093;
}

.yellow-green .feature-icon-container {
    box-shadow: inset -4px -2px 0px #F5F093;
}

.yellow-green .background-accent, .yellow-green .background-accent .section-title h1 small i:before, .yellow-green #wp-calendar caption, .yellow-green .search-submit {
    background-color: #FBD66F;
}

.yellow-green .background-accent .feature-icon-container {
    box-shadow: inset -4px -2px 0px #FBD66F;
}

.yellow-green section.inverse {
    background-color: #38817A;
}

.yellow-green .fullwidth-intro-text h1 {
    color: #38817A;
}