/*
 Theme Name:   Ian Stewart Responsive Theme 2017
 Theme URI:    http://ianstewart.info/
 Description:  Basic grid framework with custom menu
 Author:       Gravity Station
 Author URI:   http://gravitystation.com
 Version:      6.4.1 Float Grid
*/

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

body {
    background: url(images/bodybg.png) repeat top left;
    color: #fff;
    padding: 0;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    cursor: default;
    position:relative;
    overflow-x: hidden;
}

/* ============================================== */
/* ----------------- TYPOGRAPHY ----------------- */
/* ============================================== */

/* FONTS

    font-family: 'Raleway', sans-serif;

    font-family: 'Zilla Slab', serif;

*/

.float-center, .text-center {
    text-align: center;
}

a {
    text-decoration: none;
    transition: color 300ms linear;
}
 
main a:link, main a:visited {
    color: #24c483;
    line-height: inherit;
    outline: none;
}

 main a:hover, main a:focus, main a:active {
    color: #fff;
    text-decoration: none;
}

a img {
    border: none !important;
    outline: none;
    text-decoration: none !important;
}


/* Default paragraph styles */
p {
  font-family: inherit;
  color: #ffffff;
  font-weight: 500;
    width: 100%;
}

.large {
    font-size: 2rem;
    line-height: 1.3;
}

.maincontent p {
    margin-bottom: 2rem;
}

p.small, .sidebox p.small {
    font-size: .975rem !important;
    margin-bottom: 0;
}

.subtext {
    font-size: 1.175rem;
    text-align: center;
    font-weight: 700;
    margin: 1rem auto;
}

em,
i {
  font-style: oblique;
  line-height: inherit; }

strong,
b {
  font-weight: 700;
  line-height: inherit; }

main .widget-title {
    display: none;
}

.sidebar .widget-title {
    display: block;
    border-bottom: 2px solid #24c484;
    padding-bottom: .5rem;
}

.page-title {
    text-align: center;
    padding: 1rem;
}

.page-title h1 {
    margin: 0;
    padding: 0;
}

/* Default header styles */

h1, h2, h3, h4, h5, h6, .faq-title {
    font-family: 'Zilla Slab', serif;
    margin-top: 0;
    margin-bottom: 1.5rem;
    line-height: normal;
    width: 100%;
}

h2, .faq-title {
    font-size: 2rem;
}

h3, h4, h5, h6 {
    font-size: 1.8rem;
}

h1, h2, h3, h4, h5, h6, .faq-title {
    color: #24C484;
    font-weight: 600;
}

h1 a:link, h1 a:active, h1 a:visited,
h2 a:link, h2 a:active, h2 a:visited {
	color: #24C484;
    transition: color 300ms ease-out;
}

h3 a:link, h3 a:active, h3 a:visited,
h4 a:link, h4 a:active, h4 a:visited,
h5 a:link, h5 a:active, h5 a:visited {
	color: #24C484;
    transition: color 300ms ease-out;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: #10C6CC;
}

hr {
    background: #000;
    clear: both;
    width: 100%;
    height: 5px;
    margin: 1.25rem auto;
    border: none;
}

/* Lists */

main ul, main ol, main dl {
    font-size: 1.275rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    margin-left: 1.25em;
    list-style-position: outside;
    font-family: inherit; 
}

main ul li {
    list-style: disc;
    color: #fff;
    font-weight: normal;
}

main ul li ul, main ul li ol, main ol li ul, main ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; 
}

main ol li {
    list-style: decimal;
}

ul.inline {
    margin: 0;
    padding: 0;
}

ul.inline li {
    display: inline-block;
}

.sidebox li {
    list-style: none;
}

/* ============================================== */
/* -------------------- HEADER ------------------ */
/* ============================================== */

header {
    text-align: center;
}

#navanchor {
    background: #191411;
}

.banner-home .headermain {
    padding: 0;
    position: absolute;
    width: 100%;
    transition: text-align 300ms linear;
}

.headerbg {
    background: url(images/bannergradient.png) repeat-x bottom left;
}

.logo {
    padding: 0;
    margin: 1rem auto 2rem auto;
    transition: width 300ms ease-in;
}

.tagline {
    margin: 1px 0 0 0;
    padding: 0 .5rem;
    border-top: 3px solid #403835;
    border-bottom: 3px solid #403835;
}

.tagline p {
    font-family: 'Zilla Slab', serif;
    font-weight: 600;
    color: #c8c4c3;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
     transition: font-size 300ms ease-in;
}

.banner .phone {
    padding: 1.5rem 0;
}

.phone p {
    font-family: 'Zilla Slab', serif;
    font-weight: 600;
    font-size: 2.2rem;
    color: #fff;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    transition: font-size 300ms ease-in;
    white-space: nowrap;
}

header .phone a {
    color: #fff;
    display: inline-block;
}

.phone a:hover {
    color: #24c484;
}

.phone .green {
    color: #24c484;
    font-size: 1.2rem;
    font-weight: 500;
    width: auto;
    max-width: 472px;
    margin: 0 auto;
    display: block;
    text-align: right;
}

/* ============================================== */
/* -------------------- BANNER ------------------ */
/* ============================================== */

.banner-quote {
    padding: 0 1rem;
    margin-top: -130px;
    z-index: 99999 !important;
}

.banner-quote p {
    font-family: 'Zilla Slab', serif;
    font-size: 2.6rem;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    text-align: center;
    margin: 0 .5rem .5rem .5rem;
    padding: 0;
}

/* Subpages */

.page-wrap {
    background: url(images/page-curtains.png) no-repeat center top;
    background-size: 100%;
}

.page-banner-quote {
    padding: 2rem;
    max-width: 1040px;
}

.page-banner-quote p {
    font-family: 'Zilla Slab', serif;
    font-size: 1.9rem;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    text-align: center;
    margin: 0 .5rem;
    padding: 0;
}

.page-banner-quote .small {
    font-style: normal;
    font-weight: 500;
    margin-top: 1.5rem;
}

/* ============================================== */
/* ------------------- SECTIONS ----------------- */
/* ============================================== */

.maincontent.row {
    padding: 0 2rem;
    max-width: 72.5rem;
}

.black {
    background: #000;
}

.blackquote {
    padding: 0 2rem;
    vertical-align: middle;
}

.blackpic p {
    padding: 0;
    margin: .5rem 0;
}

/* FAQ */

.faq-section, .faq-answer {
    border-bottom: 5px solid #000;
}

.faq-title {
    text-align: center;
}

.faq-answer {
    margin-bottom: 1rem;
}

.faq-answer:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.faq-title {
    margin: 0;
    padding: .5rem;
}

.faq-questions p {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.faq-questions a {
    display: block;
    text-align: center;
    padding: .5rem;
}

.faq-questions a:link {
    color: #fff;
    background: rgba(0,0,0,.3);
}

.faq-questions a:visited {
    color: #24C483 !important;
    background: rgba(0,0,0,.2) !important;
}

.faq-questions a:hover {
    color: #24C483;
    background: rgba(0,0,0,1);
}

.faq-questions a:active {
    color: #24C483 !important;
    background: rgba(0,0,0,.2) !important;
}

.faq-questions div {
    border-bottom: 1px solid #000;
    margin: .2rem 0;
}

/* Back To Top */

/* Footer Button */
.to-the-top.row {
    display: none;
}

.to-the-top a {
    color: #fff !important;
    background: rgba(36,196,131,.2) !important;
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    padding: 3px;
    clear: both;
    display: block;
    margin: .5rem auto;
    width: 100px;
    height: 25px;
    transition: background 300ms ease-out;
}

.to-the-top a:hover {
    background: rgba(36,196,131,.8) !important;
}

/* RESUME */

.two-columns .medium-6 {
    padding: 0 1.5rem;
}

.two-columns .medium-6:first-child {
    text-align: right;
    border-right: 1px solid #000;
}

.two-columns .medium-6:last-child {
    border-left: 1px solid #000;
}

.gallery dl {
    margin-left: 0;
}


/* --------------------------------------- */
/* ------------- TESTIMONIALS  ----------- */

.testimonials {
    padding: 0;
    border-top: 5px solid #000000;
    clear: both;
    margin-top: 1rem;
}

blockquote, blockquote p {
    font-family: 'Zilla Slab', serif;
    font-weight: 700;
    font-size: 2rem;
    font-style: italic;
    line-height: 1.4;
    border: none;
}

blockquote p {
    padding: 0;
}


/* -------- Homepage Testimonials  ------- */
.testimonials {
    position: relative;
}

.testimonials blockquote {
    text-align: center;
    padding: 0 8rem;
}

.testimonials blockquote p {
    padding: 0;
}

.testimonials p {
    text-align: center;
}

.testimonials blockquote p:before {    
    content: open-quote;
}

.testimonials blockquote p:after {
    content: close-quote;
}

/* ============================================== */
/* ------------------ MAIN MENU ----------------- */
/* ============================================== */

/* Fix sticky attaching to bottom when reloaded */

.sticky.is-anchored.is-at-bottom {
    top: 0 !important;
}

.contain-to-grid {
    margin-left: auto;
    margin-right: auto;
    background: #191411;
}

.sticky {
    text-align: center; /* Center Menu */
    width: 100%;
    z-index: 99999 !important;
    background: #191411;
    border-bottom: 1px solid #191411;
}

.sticky.is-stuck {
    width: 100% !important;
    background: #191411;
    max-width: none !important;
}

.menu-collapser {
    position:relative;
    width:100%;
    padding: 1.5rem;
    font-size: 0.875rem;
    font-weight: 800;
    color: #24c484;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.menu-text {
    font-family: 'Zilla Slab', serif;
    color: #24c484;
    float: left;
    display: inline-block;
    font-weight: 700;
    font-size: 1.2rem;
}

.collapse-button {
    position:absolute;
    right: 0;
    top: 1.5rem;
    /*width: 105px;*/
    width: 100%;
    padding:.5rem;
    color:#FFFFFF;
    font-size:.875rem;
    text-align:center;
    background: rgba(0,0,0,0.0);
    cursor:pointer;
    transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -webkit-transform:translate(0, -50%);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    transition: background 300ms linear;
}

.collapse-button:hover,.collapse-button:focus {
    color:#FFF;
    background-color:rgba(0,0,0,0.055);
}

.collapse-button .icon-bar {
    display:block;
    /*float: right;*/
    height: 4px;
    width: 45px;
    margin: 4px 0 0 70px;
    background-color:#24c484;
}

ul.slimmenu {
margin:0 auto;padding:0;list-style-type:none;
}

ul.slimmenu:before,ul.slimmenu:after {
content:'';display:table;
}

ul.slimmenu:after {
clear:both;
}

ul.slimmenu.collapsed li {
display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

ul.slimmenu.collapsed li>ul {
position:static;display:none;
}

ul.slimmenu.collapsed li a {
    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

ul.slimmenu li {
    position:relative;
    /*float:left;*/
    width: 19.5%;
    display:inline-block;
    background: #24c484;
    list-style: none;
    cursor: pointer;
    transition: background 300ms ease-out;
}

@media only screen and (min-width: 1084px) {
    ul.slimmenu li {
        width: 19.7%;
    }
}

@media only screen and (min-width: 929px) and (max-width: 1083px) {
    ul.slimmenu li {
        width: 19.65%;
    }
}

ul.slimmenu li ul {
margin:0;list-style-type:none;
    width: 100%;
    display: block;
}

ul.slimmenu li ul li {
background: #24c484;
    width: 100%;
    display: block;
    float: none;
    margin: 0 !important;
}

ul.slimmenu li>ul {
    position:absolute;
    left:0;
    top:100%;
    z-index:999;
    display:none;
    width:100%;
    min-width: 250px;
    margin-left: 0;
    padding-left: 0;
}

ul.slimmenu li>ul>li ul {
position:absolute;left:100%;top:0;z-index:999;display:none;width:100%;
}

ul.slimmenu li a {
    display:block;
    padding:.5rem 1.1rem; 
    color:#24c484;
    font-family: 'Zilla Slab', serif;
    font-size: 1.195rem;
    font-weight: 600;
    text-transform: uppercase;
    background: #403835;
    transition:background 300ms ease-in;
    -o-transition:background 300ms ease-in;
    -moz-transition:background 300ms ease-in;
    -webkit-transition:background 300ms ease-in;
}
/*
Menu links are short enough that we don't need extra padding for the arrows
ul.slimmenu li.has-submenu a {
    padding:.7rem 2.5rem .7rem 1rem; 
}*/

ul.slimmenu li a:hover, ul.slimmenu.collapsed li:hover {
    text-decoration:none;
    background: #191411;
}

/*
ul.slimmenu>li {
border-right:1px solid #fff;
}

ul.slimmenu>li:last-child {
border-right:0;
}*/


ul.slimmenu ul li a,
ul.slimmenu li.current_page_parent ul li a {
    background: #191411 !important;
    border: none;
    color: #24c484;
    transition: background 300ms ease-out, color 300ms ease;
}

ul.slimmenu ul li a:hover,
ul.slimmenu li.current-menu-item a:hover,
ul.slimmenu li ul li.current-menu-item a:hover,
ul.slimmenu li.current_page_parent ul li a:hover {
    background: #403835 !important;
    color: #24c484 !important;
    border: none;
}

ul.slimmenu li.current_page_parent a,
ul.slimmenu li.current-menu-item a,
ul.slimmenu li ul li.current-menu-item a,
ul.slimmenu li.current_page_parent a:hover,
ul.slimmenu li.current-menu-item a:hover,
ul.slimmenu li ul li.current-menu-item a:hover {
    background: #191411 !important;
}

@media screen and (min-width: 811px) {
    
    .sticky {
        margin-top: 0px !important;
    }
    .sub-toggle { 
        display: none;
    }
    ul.slimmenu li.has-submenu > a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #191411 transparent transparent;
    border-image: none;
    border-style: solid inset inset;
    border-width: 8px 8px 0;
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -3px;
    position: absolute;
    right: 10px;
    top: 50%;
}
}

@media screen and (max-width: 810px) {
    
    ul.slimmenu li.has-submenu > a::after {
        display: none;
    }

    ul.slimmenu li .sub-toggle{
        width:100%; 
        position:absolute; 
        left:0; 
        top:0; 
        background:none; 
        height:100%;
    }
    ul.slimmenu li .sub-toggle i {
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        color: #191411;
        cursor: pointer;
        padding: 1rem;
        float: right;
    }
    
    ul.slimmenu li .sub-toggle:hover i {
        text-decoration:none;
    }
    
    ul.slimmenu.collapsed li > ul{position: relative; }

    ul.slimmenu li .sub-toggle:before {
        content:'';
        display:inline-block;
        height:100%;
        vertical-align:middle;
    }
    
    ul.slimmenu>li {
        border-bottom:1px solid #191411;
        border-right: none;
        float:left;
    }
    
    ul.slimmenu>li:last-child {
    border-bottom:0;
    }
    
    ul.slimmenu li.has-submenu a {
        padding: 1rem;
    }
    
    ul.slimmenu li.has-submenu li a {
        text-indent: 1rem;
    }
    
}

/* ============================================== */
/* -------------------- BUTTONS ----------------- */
/* ============================================== */

.button, 
.button:link, .button:visited, .button:active,
.more-link:link, .more-link:visited, .more-link:active,
.comment-reply-link:link, .comment-reply-link:active, .comment-reply-link:visited, #commentform input[type="submit"] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #10C6CC;
    padding: .5rem 1rem;
    border: none;
    transition: background 300ms ease-out, border 300ms ease-out;
}

.button:hover, .comment-reply-link:hover, #commentform input[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
    background: #24C483;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], input[type="submit"],
.comment-reply-link:link, .comment-reply-link:active, .comment-reply-link:visited {
    font-size: 1.5rem !important;
    color: #fff;
    font-weight: 700;
    background: #10C6CC;
    text-transform: uppercase;
    border: none;
    padding: .8rem 1.5rem;
    cursor: pointer;
    transition: background 300ms ease-out, color 300ms ease-out, font-size 300ms ease-in, padding 300ms ease-in;
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover,
.more-link:hover, gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, input[type="submit"]:hover, .comment-reply-link:hover {
    color: #fff;
    text-decoration: none;
    background: #24C483;
}

.gform_wrapper .gform_footer {
    margin: .5rem auto;
    text-align: center;
}

/* ============================================== */
/* --------------------- FORMS ------------------ */
/* ============================================== */

input::placeholder, textarea::placeholder {
    color: #10C6CC;
}

input:focus::placeholder {
    color: #fff;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
      border: 2px solid #10C6CC;
  }

/* Default Form Stuff */

label {
    font-size: 1.2rem !important;
    color: #ffffff;
    font-weight: 400 !important;
}

form span label {
    font-size: .875rem !important;
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
    border: 1px solid #10C6CC;
    background: #fff !important;
    color: #ffffff !important;
}

form li {
    margin-bottom: 0;
}

.gform_wrapper .gfield_required {
    color: #10C6CC !important;
    font-weight: 400 !important;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"] {
    vertical-align: inherit !important;
}

.gform_wrapper .top_label .gfield_label {
    font-weight: 600 !important;
}

/* ============================================== */
/* ---------------- SIDEBAR STUFF --------------- */
/* ============================================== */

.sidebox {
	clear: both;
    margin: 1.5rem 0 0 0;
}

.sidebox .button {
    margin: 1em auto;
}

.sidebar ul {
	margin: 0 !important;
	padding: 0 !important;
}

.sidebox .menu {
    display: block;
}
/* Custom Menus */

.sidebox .menu li {
	margin: 0 0 .5em 0;
	padding: 0;
	list-style: none;
    display: block;
}

.sidebox .menu .current-menu-item a:hover {
	cursor: crosshair;
}

.sidebar .menu li a:link, .sidebar .menu li a:visited, .sidebar .menu li a:active,
.sidebar li.cat-item a:link, .sidebar li.cat-item a:visited, .sidebar li.cat-item a:active {
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 1.4rem;
    color: #24c484;
    line-height: 1;
    text-decoration: none;
    padding: .8rem;
    width: 100%;
    height: auto;
    clear: both;
    display: block;
    border-bottom: 5px dotted rgba(36,196,131,.5);
    transition: color 300ms ease-out, text-indent 300ms ease-out, border 300ms linear, background 300ms ease-in;
}

.sidebar ul li a:focus, .sidebox li a:hover, .sidebar ul .current-cat a:hover, .sidebar ul li a:visited, .sidebar ul li a:active, .sidebar ul.menu li a:hover, .sidebar ul.menu li a:focus, .sidebar ul.menu .current-menu-item a:hover,
.sidebar ul.menu li a:active, .sidebar ul.menu li a:active:hover, .sidebar ul.menu .current-menu-item a, .sidebar ul.menu .current-menu-item a:hover, .sidebar li.cat-item a:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(36,196,131,.3);
    border-bottom-color: rgba(36,196,131,0);
}

/* Default Categories Widget */

.sidebar li.cat-item {
    margin: 0 0 .5em 0;
	padding: 0;
	list-style: none;
    display: block;
}

/* Default Other Widgets */

.sidebox li {
    list-style-position: inside;
    color: #ffffff;
    border-bottom: 1px solid #000;
}

.sidebox li a:link, .sidebox li a:visited, .sidebox li a:active,
.sidebox #recentcomments li a:link, .sidebox #recentcomments li a:visited, .sidebox #recentcomments li a:active{
    color: #10C6CC;
    background: none;
    line-height: normal;
    padding: .5rem;
    display: block;
}

.sidebox li a:hover, .sidebox #recentcomments li a:hover {
    color: #ffffff;
    background: none;
}

/* Sidebar Search */

.sidebox form {
    max-width: 100%;
    display: block;
}

.sidebox .row {
    max-width: 87%;
}

/* ============================================== */
/* -------------------- FOOTER ------------------ */
/* ============================================== */

footer {
    clear: both;
    display: block;
    font-family: 'Zilla Slab', serif;
    text-align: center;
    background: #000;
    margin-top: 2rem;
    padding: 1rem 1rem 2rem 1rem;
    border-top: 4px solid #24c483;
}

footer ul {
    margin: .2rem auto;
    text-align: center;
    padding: 0;
}

footer ul li {
    list-style: none;
    display: inline-block;
    margin: 0 .3rem;
}

footer ul li a {
    padding: 0 .3rem !important;
}

footer p {
    font-size: inherit;
    margin: 0;
    padding: 0;
    line-height: 1;
}

footer a:link, footer a:visited, footer a:active {
    color: #24c483 !important;
    font-size: 2.2rem !important;
    text-transform: uppercase;
    /*border-top: 5px dotted #000;*/
    transition: border 300ms linear;
}



@-webkit-keyframes 
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

footer .phone p {
    text-align: center;
}

/* ================================================ */
/* ------------- EXTRAS / DEFAULT STUFF ----------- */
/* ================================================ */


/* Hide widget titles */

.hide { display: none; }


/* --- Comments --- */

.comments-area {
    border: 1px solid #000;
    padding: 1rem 2rem;
}

h3#comments {
    font-family: 'Raleway', sans-serif;
    color: #10C6CC;
    font-size: 1.5rem;
    background: #fff;
    padding: .5em 0;
    text-transform: none;
}

.commentlist {
    margin: 0;
    font-size: 1rem;
    width: 100%;
}

.commentlist p {
    font-size: .975rem;
}

.commentlist li {
    border: 1px solid #10A6CC;
    font-size: 1rem;
    padding: .5em .1em 1em 1em;
    color: #fff;
}

#respond {
    width: 100%;
}

.says {
    font-size: .875rem;
    color: #fff;
}

.commentlist li a, #respond a {
    color: #10C6CC;
}

.comment-meta, .logged {
    font-size: .8rem;
    margin-bottom: 1em;
}

#commentform textarea {
    background: #fff;
    border: 1px solid #10C6CC !important;
}

.post-title {
    margin: 0;
    padding-top: 0;
    text-align: left;
}

.post-title.catpg {
    font-size: 1.6rem;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid #24C483;
}

.post-title a {
    color: #fff !important;
    text-decoration: none !important;
}

.article-excerpt {
    display: block;
    clear: both;
    margin-bottom: 1em;
    width: 100%;
}
/*
.article-excerpt .button {
    font-size: 1rem;
    clear: both;
    padding: .5rem 1rem !important;
    text-align: right;
    border-top: none;
    color: #10A6CC;
    width: 100%;
    display: block;
}

.article-excerpt .button:hover {
    background: #10A6CC;
    color: #fff;
}
*/
/* Featured Image -- Width set in media queries below */

.article-excerpt .featured-img {
    padding: 0;
}
    
.article-excerpt .featured-img img {
    max-width: 295px;
    height: auto;
    margin: 0 1rem 0 0;
}

.featured-article {
    padding: 0;
}

.subfeatured-articles .article-excerpt .featured-img img {
    max-width: 95px;
}

.article-excerpt .date, .article-excerpt .category, .cat-pub span, .tagged, .tagged li {
    color: #24C483;
    font-size: 1rem;
    margin: 0;
}

.article-excerpt .column {
    padding: 0;
}

.tagged {
    margin: 0 auto 1rem auto;
    border-bottom: 1px solid #10A6CC;
    padding-bottom: .3rem;
}

.tagged ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.tagged li {
    display: inline;
    list-style: none;
}

.tagged li a {
    padding: .2rem;
    margin: .2rem;
    display: inline-block;
    border: 1px solid #10A6CC;
}

.article-excerpt .category {
    background: rgba(36,196,131,.5);
    padding: .3rem;
    margin: .5rem 0;
}

.article-excerpt .category a:link, .article-excerpt .category a:active, .article-excerpt .category a:visited,
.cat-pub span a:link, .cat-pub span a:active, .cat-pub span a:visited {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    padding: .2rem .5rem;
}

.article-excerpt .category a:hover, .cat-pub span a:hover {
    background: #1D262C;
    color: #24C483;
}

.article-excerpt .follower p {
    font-size: 1.1rem;
}
/*
.featured img {
    float: right;
    max-width: 40%;
    border-radius: 7px;
    margin: 0 0 1rem 1rem;
}
*/

.article-excerpt-title-row {
   padding: 0 0 1rem 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #000;
}
    
.alignnone {
	display: inline;
}


.alignright { float: right; padding: 0;
	margin: 10px 0 0 25px; }
.alignleft { float: left;
padding: 0;
	margin: 10px 25px 25px 0;}
.aligncenter { display: block; padding: 0;
	margin: 10px auto; }


.article-content .attachment-post-thumbnail {
    margin-bottom: 1.5em;
}

/* Blog Description */

.blogdesc, .tagtitle {
    border-bottom: 1px solid #10A6CC;
    padding: 1rem;
    margin-bottom: 1rem;
}

.blogdesc p {
    font-size: .875rem !important;
    color: #333;
    color: rgb(118,160,176);
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin: 0;
}

/* Tag Title at Top */

.tagtitle p {
    color: #10C6CC;
    font-weight: bold;
    margin: 0;
}

.wp-caption {
	background: #f1f1f1;
    border: 1px solid #10C6CC;
	text-align: center;
	padding: .5rem;
	color: #000000;
	font-size: .875rem;
	display: block;    
    max-width: 100%;
}
	.wp-caption a {
		line-height: 0.11em;
		font-size: .875em;
	}
	.wp-caption a:hover {
		color: #000000;
	}
	.wp-caption img {
		margin: 0 auto;
		display: block;
		padding: 0;
        box-shadow: none;
	}
	.wp-caption-text {
		font-size: .875rem;
		color: #000000;
		padding: 3px !important;
		margin: 0 !important;
	}
.wp-caption-dd {
	font-size: 1rem;
	line-height: 16px;
	padding: 0 4px 5px;
	margin: 0;
}

.wp-paginate {
    text-align: center;
    margin: 0 auto;
}

.wp-paginate li {
    display: inline-block;
    margin: 0 .3rem;
}

.wp-paginate li, .wp-paginate li .span {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
    display: inline-block;
}

.wp-paginate .current {
    color: #fff;
	background: #24C483 !important;
	border: none !important;
    padding: .2rem .6rem .4rem .6rem;
}

.wp-paginate a {
	font-weight: 700 !important;
    background: #10C6CC !important;
	color: #FFFFFF !important;
	border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    padding: .2rem .6rem .4rem .6rem;
    display: inline-block;
}

.wp-paginate a:hover {
	background: #24C483 !important;
	color: #fff !important;
}



/* ============================================== */
/* ----------------- BREAKPOINTS ---------------- */
/* ============================================== */

/* --------------------------- */
/* ----- ALL RESOLUTIONS ----- */
/* --------------------------- */

.no-margin {
    margin: 0;
}

.padded {
    padding: 1.5rem;
}

.padded-top {
    padding-top: 2rem;
}

.featured-img img {
        max-width: 295px !important;
        height: auto;
    }
    
    .featured-img {
        max-width: 295px;
        max-height: 295px;
        margin-right: 1rem;
        margin-bottom: 1rem;
        overflow: hidden;
    }

/* ---------------------------- */
/* ----- LARGE RESOLUTION ----- */
/* ---------------------------- */

/* 1024px and up */

@media only screen and (min-width: 64em) {
    
    .sticky {
        position: relative !important;
    }
    
    .swing:hover {
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
   }
    
    footer a:hover {
        border-top: 5px dotted #24c483;
    }
    
    .maincontent {
        padding: 2rem;
    }
    
    .page-contact-info {
        padding-top: 3rem;
    }
    
    p {
        font-size: 1.175rem;
    }
    
    .post-title.catpg {
        font-size: 1.9rem;
    }

}

@media screen and (max-width: 898px) {
    
    .logo {
        margin: .2rem auto 1rem auto;
        padding: 0;
        max-width: 220px;
    }
    
    header .phone {
        padding: 0 .3rem;
    }
    
    .headermain .phone a, .headermain .green {
        font-size: 1.6rem;
    }
    
    .tagline p {
        font-size: 1.3rem;
    }
    
    .banner-home {
        min-height: 690px;
    }
    
    .headerbg {
        background: url(images/banner-home.jpg) no-repeat top left;
        background-size: cover;
        min-height: 690px;
    }
    .headerbg img {
        display: none;
    }
    
    .banner-quote {
        margin-top: -60px;
    }

}

@media screen and (max-width: 390px) {
    .headermain .phone a, .headermain .green {
        font-size: 1.3rem;
    }
    
}

@media only screen and (min-width: 899px) {
    .tagline p {
        font-size: 1.9rem;
    }
}

/* MEDIUM + LARGE */
@media only screen and (min-width: 40em) {

    main {
        padding-bottom: 1.5rem;
    }
    
}

/* ----------------------------- */
/* ----- MEDIUM RESOLUTION ----- */
/* ----------------------------- */

/* 640px to 1023px */

@media only screen and (min-width: 40em) and (max-width: 63.9375em) {
    
    .page-wrap {
        background-size: 150%;
    }
    
    .featured-img {
        max-height: 100px;
        max-width: 100px;
    }
    
    .article-excerpt .featured-img img {
        max-width: 100px !important;
    }
    
    footer a:link {
        font-size: 1.4rem !important;
        padding: .5rem;
        display: block;
    }

}

/* SMALL + MEDIUM */

@media only screen and (max-width: 63.9375em) {
    
    .date, .category {
        flex: none;
        margin: .2rem 0;
    }
    
    .date, .category {
        padding: .5rem;
    }

    
    .category a {
        padding: 1rem 0;
        margin: 0 auto;
    }
    
    .column-block {
        margin: 0 auto;
        text-align: center;
    }
    
    .sidebox p, .sidebar .menu li a {
        font-size: 1.2rem !important;
    }
    
    .sidebar .widget-title {
        font-size: 1.4rem;
    }
    
    footer .column {
        padding-left: .2rem;
        padding-right: .2rem;
        margin: 0 0 .5rem 0;
    }
    
    footer {
        padding: 1rem 0;
    }
    
    footer .phone .green {
        text-align: center;
    }
    
    .maincontent {
        padding: 0 1.5rem;
    }

}



/* ----------------------------- */
/* ------ SMALL RESOLUTION ----- */
/* ----------------------------- */

/* 639px and under */

@media only screen and (max-width: 39.9375em) {
    
    .page-wrap {
        background-size: 200%;
    }
    
    main {
        border-top: 4px solid #000;
        padding-top: 1rem;
    }
    
    .maincontent.row {
        padding: .5rem .8rem;
    }
    
    .two-columns .medium-6:first-child {
        text-align: left;
        border-right: none;
    }

    .two-columns .medium-6:last-child {
        border-left: none;
    }
    
    .two-columns .medium-6 {
        padding: 0;
    }
    
    #gallery-2 .gallery-item {
        width: 100% !important;
        float: none !important;
    }
    
    .gallery br {
        display: none;
    }
    
    .page-banner-quote {
        padding: .5rem;
    }
    
    .large, .page-banner-quote p {
        font-size: 1.3rem !important;
    }
    
    .large {
        font-weight: 700;
    }
    
    p.small {
        font-size: .975rem !important;
    }
    
    .button {
        display: block;
        font-size: 1rem !important;
    }
    
    h1, .section-title, .green .section-title, .blue .section-title {
        font-size: 1.5rem !important;
        margin: 0;
        padding: .5rem;
    }
    
    h2, h3 {
        font-size: 1.475rem !important;
        margin: 0;
        padding: 0;
    }
    
    .logo {
        margin: 0 auto;
        display: block;
        float: none;
    }
    
    p, .tagline p, blockquote p, main li { 
        font-size: 1.075rem !important;
        margin-bottom: 0 !important;
    }
    
    .banner-quote p {
        font-size: 1.5rem !important;
        margin: 1rem 0;
    }
    
    .banner-quote img {
        max-width: 150px;
        height: auto;
    }
    
    main p {
        margin-bottom: 1rem;
    }
    
	main ul, main ol, main dl {
        margin: .2rem 1rem;
        padding: 0;
    }
    
    .sidebar {
        border-top: 5px solid #000;
    }
    
    main .column {
        margin-bottom: .5rem;
    }

    img, img.alignright, img.alignleft, .featured-img img {
    	display: block;
    	float: none;
    	margin: .5rem auto !important;
        text-align: center;
    }
    
    .article-excerpt .category {
        display: none;
    }
    
    .article-excerpt .leader {
        margin-bottom: 1rem;
    }
    
     .featured-img {
        display: none;
    }
    
    .article-excerpt, .row.leader {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .testimonials, .testimonials p, .testimonials blockquote {
        padding: .2rem !important;
        margin: 0;
        font-size: 1.3rem !important;
    }
    
    .testimonials .small {
        font-size: 1.075rem !important;
        padding: .2rem !important;
        margin: 0;
    }
    
    .testimonials blockquote p {
        max-width: 100%;
    }
    
    footer ul li {
        width: 30%;
    }
    
    footer a:link {
        font-size: 1.2rem !important;
        padding: .6rem 0;
        display: block;
    }
    
    .to-the-top.row {
    clear: both;
    display: block;
    margin: .5rem 0;
    padding: .5rem;
}
    
}


@media only screen and (orientation: portrait) {
    
}

@media only screen and (orientation: landscape) {
   
}