/*
Theme Name: DC Fractal
Theme URI: https://www.darskycreative.com/themes/dc-fractal
Author: Darsky Creative
Author URI: https://www.darskycreative.com/
Description: DC Fractal is a custom theme designed for Caroff Communications.
Version: 2.0.1
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: dc-fractal
Tags: custom-header, custom-menu, custom-logo, featured-images, footer-widgets, theme-options

This file is part of the DC Fractal Wordpress theme.

The DC Fractal Wordpress theme is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

The DC Fractal Wordpress theme is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with the DC Fractal Wordpress theme.  If not, see <http://www.gnu.org/licenses/>.
*/

/***** Custom Fonts *******************
https://fonts.google.com/share?selection.family=Encode%20Sans%20Expanded:wght@200;500%7COpen%20Sans:wght@600%7CRoboto%20Condensed:wght@300;400;700%7CRoboto:wght@300;400;500;700;900

font-family: 'Encode Sans Expanded', sans-serif;
    Extra-light - 200
    Medium - 500
font-family: 'Open Sans', sans-serif;
    Semibold - 600
font-family: 'Roboto', sans-serif;
    Light - 300
    Regular - 400
    Medium - 500
    Bold - 700
    Black - 900
font-family: 'Roboto Condensed', sans-serif;
    Light - 300
    Regular - 400
    Bold - 700

***** end Custom Fonts ***************/

:root {
	--clr-blue: #0d5aa6;
	--clr-blue-light: #5b8fc4;
	--clr-blue-dark: #0d59a6;
	--clr-blue-hyper: #0856a4;

    --clr-green: #43ab79;
	--clr-green-light: #87d7b0;

    --clr-gray: #6d6e72;
	--clr-gray-border: #b6b7b9;

    --ff-encode-sans: 'Encode Sans Expanded', sans-serif;
    --ff-open-sans: 'Open Sans', sans-serif;
    --ff-roboto: 'Roboto', sans-serif;
    --ff-roboto-cond: 'Roboto Condensed', sans-serif;

    --ht-header: 55px;
    --trans-duration: 0.2s;
}

html * {
    margin: 0;
    padding: 0;
}

html {
    font-family: var(--ff-roboto);
    font-size: 62.5%;
	scroll-behavior: smooth;
    scroll-padding-top: calc(var(--ht-header) + 40px);
}

html:focus-within {
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header-content:after,
#header-content .dc-content:after,
#header-links:after,
#main-menu-content:after,
#dc-main-menu:after,
#main-menu:after,
#header-content:after,
#home-sect-2:after,
#home-sect-2 aside:after,
#home-sect-3:after,
#home-sect-3 #sidebar:after,
#content:after,
.dc-content:after,
#footer-content:after {
    content: ' ';
    display: table;
    clear: both;
}

body {
	min-height: 100vh;
	text-rendering: optimizeSpeed;
    font-size: 2rem;
}

ul li {
    list-style-type: none;
}

header,
#page,
footer {
	width: 100%;
}

#page-sect-2 #content,
.dc-content {
	position: relative;
	margin: 0 auto;
	width: 100%;
    max-width: 129rem;
	padding: 0 2%;
}

/***** graphics *****************/
.arrow {
    display: inline-block;
    width: 0;
    height: 0;
}

.arrow-up {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 13px solid #fff;
}

.arrow-down {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 13px solid #fff;
}

.arrow-right {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 13px solid #fff;
}

.arrow-left {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 13px solid #fff;
}
/***** end graphics *************/


/***** Banner content (sub-head) ***********/
#page {
    padding-top: var(--ht-header);
}

#page-sect-1 {
    display: none;
    /* height: 359px;
    background: url(images/bg-blog-computer-keyboard.jpg) no-repeat;
    background-position: center top; */
}

#page-sect-1 .dc-content {
    width: 100%;
    max-width: 882px;
    padding: 0;
}

#page-sect-1 .dc-content .banner-text {
    position: relative;
    display: block;
    font-family: 'Helvetica Neue LT Std Heavy Condensed', Helvetica, Arial, sans-serif;
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: 700;
    color: #383838;
    max-width: 360px;
    top: 65px;
    left: 11%;
}

@media (min-width: 640px) {
    body {
        --ht-header: 76px;
    }
}

@media (min-width: 1400px) {
    body {
        --ht-header: 134px;
    }
}
/***** end Banner content (sub-head) *******/


/***** General page content ***********/
#page-sect-2 {
    overflow: hidden;
}

#page-sect-2 #content {
    position: relative;
    width: 100%;
    padding: 60px 4% 30px;
}

@media screen and (min-width: 640px) {
    #page-sect-2 #content {
        padding: 55px 4% 30px;
    }
}

@media screen and (min-width: 701px) {
    #page-sect-2 #content {
        padding: 80px 3% 30px;
    }
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    font-weight: 500;
    line-height: 1.4;
}

h1 {
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center;
}

h2,
h2 a,
h2 a:visited {
    color: #000;
    font-size: 2.4rem;
    margin: 30px 0 20px;
}

h3 {
    font-size: 2.2rem;
    padding-bottom: 10px;
}

p,
#content li,
.collapseomatic_excerpt,
.collapseomatic_content {
    font-weight: 300;
    line-height: 1.5;
    padding-bottom: 20px;
}

#content ul {
    margin-bottom: 30px;
}

#content li {
    list-style: disc inside;
    line-height: 1.5;
    padding: 0 0 20px 20px;
}

#content ol {
    list-style-position: inside;
}

a,
a:visited {
    font-weight: 500;
    color: var(--clr-blue-hyper);
    text-decoration: none;
    cursor: pointer;
}

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

.dc-button {
    position: relative;
}

.dc-button.left {
    display: block;
    float: left;
    left: auto !important;
    margin: 7px 2% 5px 0;
}

.dc-button.right {
    display: block;
    float: right;
    right: auto !important;
    margin: 7px 0 5px 2%;
}

.dc-button.center {
    display: block;
    margin-bottom: 30px;
}

a.learn-more {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    margin-left: 8px;
}

a.learn-more:before {
    content: '';
    position: relative;
    display: inline-block;
    top: 1px;
    margin-right: 5px;
    border-left: solid;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-width: 7px;
    border-left-color: inherit;
}

a.learn-more-button {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    background-color: var(--clr-blue);
    padding: 15px 40px;
    margin-top: 10px;
}

a.learn-more-button:hover {
    text-decoration: none;
    background-color: #000;
}

a.learn-more-box {
    display: block;
    padding: 10px 42px 20px;
    border: 3px solid #29348f;
}

a.learn-more-box,
a.learn-more-box:visited {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
    color: #383838;
    text-align: center;
}

a.learn-more-box strong {
    font-weight: 800;
}

a.learn-more-box span {
    display: block;
    color: #fff;
    background-color: #34489c;
    padding: 13px 0 11px;
    margin-top: 10px;
}

a.learn-more-box:hover {
    text-decoration: none;
}

a.learn-more-box:hover span {
    background: #000;
}

blockquote {
    padding: 30px 5%;
}

aside .widget-title {
    display: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

#content img {
    height: auto;
}

.alignleft {
    float: left;
    padding: 0 24px 10px 0;
}

.alignright {
    float: right;
    padding: 0 0 10px 24px;
}

.wp-block-image {
    max-width: 100%;
    margin-bottom: 0 !important;
}

.wp-block-image .alignleft {
    margin-top: 0 !important;
    margin-right: 0 !important;
}

.wp-block-image .alignright {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

.wp-block-image img {
    display: block;
}

.wp-block-image .alignleft img,
.wp-block-image .alignright img {
    padding-top: 5px;
}

.overfloat.right img {
    position: relative;
    float: right;
    margin-left: -26%;
    right: -30%;
    max-width: initial;
}

.wp-block-spacer {
    clear: none;
}

@media (max-width: 1100px) {
    .overfloat.right img {
        float: none;
        margin-left: 0;
        right: -3%;
        max-width: calc(95% - 360px);
    }
}

@media (max-width: 700px) and (min-width: 601px) {
    .overfloat.right img {
        float: right;
        margin-left: -36%;
        right: -40%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .overfloat.right img {
        right: -4%;
    }
}

    /***** On-page image grid *************/
    .wp-block-group.dc-grid > .wp-block-group__inner-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .wp-block-group.dc-grid .wp-block-group {
        flex: 0 1 120px;
        margin: 0 20px 80px;
    }

    .dc-grid .wp-block-image img {
        max-width: initial;
    }
    /***** end On-page image grid *********/

    /***** Sidebar content ****************/
    .page #sidebar,
    .single #sidebar,
    .archive #sidebar,
    .category #sidebar {
        position: relative;
        float: left;
        width: 50%;
        max-width: 360px;
        min-width: 260px;
        margin-top: 0;
        margin-right: 5%;
        z-index: 99;
    }

    #sidebar aside,
    .entry-content aside {
        margin-bottom: 60px;
    }

    #sidebar aside.horizontal,
    .entry-content aside.horizontal  {
        margin-bottom: 0;
    }

    .entry-content aside {
        display: none;
        width: 100%;
        max-width: 260px;
        margin: 25px auto 50px;
    }

    .entry-content aside.cta_post_widget {
        max-width: 240px;
    }

    .entry-content aside.randomTestimonialWidget {
        max-width: 303px;
    }

    /**** Menu widget ********/
    aside.widget_nav_menu .widget-title {
        display: block;
        font-family: var(--ff-encode-sans);
        color: #fff;
        padding: 10px 0 10px 15px;
        background-color: var(--clr-blue);
        --border-radius: 25px;
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
        margin-bottom: 70px;
    }

    #content .widget_nav_menu li {
        position: relative;
        background: none;
        padding: 0;
    }

    .widget_nav_menu a {
        display: block;
        font-size: 2.2rem;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 2px solid #aac2da;
    }

    .widget_nav_menu .menu > li {
        margin-bottom: 60px;
    }

    .widget_nav_menu .menu > li > a,
    .widget_nav_menu .menu > li > a:visited {
        color: #868686;
    }

    .widget_nav_menu a::after {
        content: '';
        position: absolute;
        display: inline-block;
        top: 10px;
        right: 4px;
        border-right: solid;
        border-bottom: solid;
        border-width: 1px;
        border-color: #0c59a5;
        --arrow-size: 10px;
        width: var(--arrow-size);
        height: var(--arrow-size);
        transform: rotate(-45deg);
        transition: var(--trans-duration) ease;
    }

    .widget_nav_menu .sub-menu a::after {
        border-color: #bcbcbc;
    }

    .widget_nav_menu a:hover::after {
        border-color: #000;
    }

    .widget_nav_menu a:hover,
    .widget_nav_menu a:active,
    .widget_nav_menu a:focus,
    .widget_nav_menu .menu > li > a:hover,
    .widget_nav_menu .menu > li > a:active,
    .widget_nav_menu .menu > li > a:focus {
        color: #000;
        text-decoration: none;
    }

    .widget_nav_menu .sub-menu a {
        font-size: 1.8rem;
        font-weight: 300;
        border-bottom: 1px solid #dedede;
    }
    /**** end Menu widget ****/

    /**** List Widget ********/
    #page-content .list_post_widget li {
        padding-bottom: 9px;
    }
    /**** end List Widget ****/

    /**** Simple Image Widget ********/
    .widget_simpleimage {
        background-color: #f7f7f7;
        text-align: center;
        padding: 20px 0;
    }

    .widget_simpleimage .widget-title {
        display: block;
        font-family: var(--ff-encode-sans);
        color: #8e8e8e;
        font-size: 3rem;
        font-weight: 200;
        letter-spacing: 14px;
        padding-bottom: 35px;
    }

    .widget_simpleimage p.simple-image {
        padding-bottom: 45px;
    }

    .widget_simpleimage img {
        max-width: 100% !important;
        margin: 0 auto;
        box-shadow: 0 0 15px #ccc;
    }

    .widget_simpleimage .more a,
    .widget_simpleimage .more a:visited {
        display: inline-block;
        color: #8e8e8e;
        font-size: 1.6rem;
        line-height: 35px;
        min-width: 150px;
        background-color: #fff;
        border: 1px solid #6b7279;
        border-radius: 6px;
    }

    .widget_simpleimage .more a:hover,
    .widget_simpleimage .more a:active,
    .widget_simpleimage .more a:focus {
        text-decoration: none;
        background-color: #dae6f2;
    }
    /**** end Simple Image Widget ****/
    /***** end Sidebar content ************/


/***** CTA widgets ***********/
.cta_post_widget {
    width: 95%;
    max-width: 260px;
    min-width: 240px;
    margin: 0 auto;
}

#sidebar .cta-widget-group {
    border: none;
    background: #e8e8e8;
    background-size: cover;
}

#sidebar .cta-widget-group .cta_post_widget {
    border: none;
    background: none;
    margin-bottom: 0;
    padding: 20px;
}
/***** end CTA widgets ***********/

@media screen and (max-width: 700px) {
    .dc-button.center {
        left: auto !important;
        margin: 0 auto 30px;
    }

    .page #sidebar,
    .single #sidebar {
        display: none;
    }

    .home #sidebar,
    .entry-content aside {
        display: block;
    }

    .wp-block-group__inner-container {
        display: flex;
    }

    .wp-block-group__inner-container aside {
        width: 50%;
    }

    .wp-block-group__inner-container aside .cta p {
        padding-bottom: 70px;
    }

    .wp-block-group__inner-container aside .cta,
    .wp-block-group__inner-container aside .cta a {
        height: 100%;
    }

    .wp-block-group__inner-container aside .cta-link {
        position: absolute;
        bottom: 35px;
    }
}

@media screen and (max-width: 550px) {
    .wp-block-group__inner-container {
        display: block;
    }

    .wp-block-group__inner-container aside {
        float: none;
        width: 100%;
    }
}
/***** end General page content *******/


/***** Table block **************/
.wp-block-table table {
    border-collapse: collapse;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 400;
    color: #383838;
    margin-bottom: 50px;
}

.wp-block-table table td {
    border: 1px solid #000;
    padding: 8px 4px;
}

.wp-block-table table a,
.wp-block-table table a:visited {
    font-size: 19px;
    font-size: 1.9rem;
}
/***** end Table block **********/


/***** Collapse-O-Matic / Collapse-Pro-Matic ***********/
.collapseomatic {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    color: #5c97d9;
    padding: 0 0 0 16px !important;
    background: url(images/arrow-right-black.png) 4px 45% no-repeat !important;
    margin-left: 4px;
    transition: background var(--trans-duration) ease;
}

.colomat-close {
    background-image: url(images/arrow-up-black.png) !important;
    background-position: 0px 45% !important;
}

.collapseomatic_excerpt,
.collapseomatic_content {
    margin: -26px 0 20px 5px !important;
    padding: 0 0 0 15px !important;
    border-left: 1px solid #9f9f9f;
}
/***** end Collapse-O-Matic / Collapse-Pro-Matic *******/


/***** Contact form *******************/
.req {
    color: #f00;
}

.req-text {
    padding-bottom: 0;
}

.gform_wrapper {
    width: calc(100% - 40% - 5%);
    max-width: 580px;
}

.popmake-content .gform_wrapper {
    width: 100%;
    max-width: none;
}

.gform_title {
    display: none;
}

.gform_wrapper,
.gform_footer,
.gform_wrapper ul li.gfield,
.gform_wrapper .gfield_description {
    clear: none !important;
}

#content .gform_wrapper ul li {
    background: none;
    padding: 0;
    margin: 0;
}

body .gform_wrapper ul li.gfield,
.gform_wrapper li.hidden_label input,
.gform_wrapper select {
    line-height: 1;
}

.gform_body label,
.gform_body input {
	color: #000;
}

.gform_body input,
.gform_body textarea,
.gform_body select {
    font-family: inherit;
	font-size: 2.1rem !important;
    font-weight: 500;
    color: #000;
	padding: 5px 5px 4px 15px !important;
    margin: 0 0 15px !important;
}

.gform_body ::placeholder {
    color: #959595;
}

.gform_wrapper select {
    padding-bottom: 8px !important;
}

.gfield_consent_label,
.gfield_consent_description,
.gfield_html,
.popmake-content .gfield_html {
	font-size: 15px !important;
	font-size: 1.5rem !important;
    font-weight: 300;
    color: #000;
    line-height: 1.1;
}

.gfield_consent_label {
    display: inline-block;
    width: calc(100% - 30px);
    font-size: 18px;
    font-size: 1.8rem;
    color: #a6a6a6;
}

.gfield_consent_description {
    max-height: none !important;
    border: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 0 20px;
}

.ginput_container_consent input[type="checkbox"] {
    float: left;
    margin: 0 8px 0 0 !important;
    cursor: pointer;
}

.gfield_consent_label {
    cursor: pointer;
}

.gform_wrapper .ginput_container_consent .gfield_required {
    display: none !important;
    margin: 0 !important;
}

.gfield_consent_label a,
.gfield_consent_label a:visited {
    font-size: 15px;
    font-size: 1.5rem;
}

.popmake .gfield_consent_label a,
.popmake .gfield_consent_label a:visited {
    color: #7d95f9;
}

.gfield_html {
    padding-top: 15px !important;
}

.popmake-content input[type="submit"],
#content input[type="submit"] {
    display: block;
    font-size: 2rem !important;
	font-weight: 700;
	color: #fff;
    text-transform: uppercase;
    padding: 12px 40px;
    margin: 10px auto 20px;
    background: var(--clr-blue-light);
    border: 1px solid #fff;
    transition: var(--trans-duration) ease;
}

.popmake-content input[type="submit"]:hover,
#content input[type="submit"]:hover {
    background: #000;
    cursor: pointer;
}

.gform_wrapper.gravity-theme .two-col .gform_fields {
    display: block;
}

.gform_wrapper .two-col .gfield input {
    margin-bottom: 1em !important;
}

.gform_wrapper .two-col .gfield:not(.fullwidth) {
    position: relative;
    display: inline-block;
    width: 49%;
    margin-right: 2%;
}

.gform_wrapper .two-col .gfield:not(.fullwidth):nth-child(even) {
    margin-right: 0;
}

.gform_wrapper.gravity-theme .two-col .gform_footer, .gform_wrapper.gravity-theme .two-col .gform_page_footer {
    padding: 0;
}

@media (max-width: 520px) {
    .gform_wrapper .two-col .gfield:not(.fullwidth) {
        width: 100%;
    }
    
    .gform_wrapper .two-col .gfield:not(.fullwidth),
    .gform_wrapper .two-col .gfield:not(.fullwidth):nth-child(even) {
        margin-right: 0;
    }
}

    /***** Contact page form ********/
    .page-template-page-contact .entry-content .gform_wrapper {
        position: relative;
        float: left;
        width: calc((100% - 40%)/2 - 5% );
        padding-right: 3%;
        margin: 0 3% 0 0;
        border-right: #c2c2c2 1px solid;
    }

    .page-template-page-contact .entry-content .gform_wrapper {
        padding-bottom: 30px;
    }

    .page-template-page-contact .entry-content .business-address {
        margin-top: 10px;
    }

    .page-template-page-contact .entry-content .address {
        display: block;
    }

    .page-template-page-contact .entry-content .address.title {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .page-template-page-contact .entry-content .address.tagline {
        font-style: italic;
    }

    .page-template-page-contact .entry-content .address.line-3 {
        padding-bottom: 10px;
    }

    .page-template-page-contact .entry-content .address.phone,
    .page-template-page-contact .entry-content .address.fax {
        margin: 5px 0;
    }

    .business-address .phone span.phone-desc {
        background: none;
        margin: 0;
        bottom: initial;
    }
    /***** end Contact page form ****/


    /***** Popup Form ***************/
    .popmake-content .gform_wrapper {
        width: 100% !important;
        max-width: none !important;
        border-right: none;
    }

    .popmake-content .gfield_consent_label,
    .popmake-content .gfield_consent_description,
    .popmake-content .gfield_consent_label,
    .popmake-content .gfield_html {
        color: #fff;
    }

    body .popmake-content .gform_wrapper .top_label div.ginput_container {
        margin-top: 0;
    }

    .popmake-content .gform_body input,
    .popmake-content .gform_body textarea,
    .popmake-content .gform_body select {
        margin-bottom: 5px !important;
    }
    /***** end Popup Form ***********/

@media screen and (max-width: 890px) {
    .page-template-page-contact .entry-content .gform_wrapper {
        float: none;
        border-right: none;
        width: calc( 100% - 40% - 5% );
        max-width: none;
        margin: 0;
    }

    .page-template-page-contact .entry-content .gform_wrapper ul li.gfield,
    .page-template-page-contact .entry-content .gform_wrapper .gform_footer {
        clear: none;
    }
}

@media screen and (max-width: 700px) {
    .entry-content .gform_wrapper,
    .page-template-page-contact .entry-content .gform_wrapper {
        width: 100%;
        max-width: none;
    }
}
/***** end Contact form ***************/


/***** Blog content *************/
.category-description {
    padding-bottom: 20px;
}

.category-title,
.category-description,
.single-post .entry-title {
    padding-bottom: 20px;
}

.archive .post-meta,
.dc-post .post-meta,
.single-post .entry-meta {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 25px;
}

.archive .post-meta p,
.dc-post .post-meta p,
.single-post .entry-meta p {
    color: #888;
    padding-bottom: 0;
    line-height: 1.2;
}

.archive .post-meta a,
.dc-post .post-meta a,
.single-post .entry-meta a {
    font-weight: 300;
}

#entry-author-info {
    color: #383838;
    border-top: #c7c7c7 1px solid;
    padding-top: 20px;
}

#author-avatar {
    position: relative;
    float: left;
}

#content #author-avatar img {
    display: block;
    max-width: 150px;
    margin: 0 10px 10px 0;
}

#author-description h2 {
    line-height: 1;
    padding: 0 0 10px;
}

#author-description {
    font-weight: 300;
}

#author-link {
    margin-top: 12px;
}

#author-link a {
    font-weight: 400;
}
/***** end Blog content *********/


/***** Blog pagination *********************/
.page-template-page-blog .entry-title {
	display: none;
}

.pagination {
	position: relative;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	padding: 40px 0;
}

 
.pagination span,
.pagination a {
	display: inline-block;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	-webkit-transition: background .15s ease-in-out;
	-moz-transition: background .15s ease-in-out;
	-ms-transition: background .15s ease-in-out;
	-o-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
}

.pagination a,
.pagination a:visited {
    font-weight: 300;
	color: #000;
}

.pagination a:hover,
.pagination .current {
	background: #f2b71f;
	color: #fff;
}

a.past-posts-link {
	display: block;
	margin-bottom: 20px;
	float: right;
}

#nav-below a {
	display: block;
    font-weight: 300;
	margin: 20px 0;
}

.nav-previous,
.nav-next {
    position: relative;
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
}
/***** end Blog pagination *****************/


/***** Testimonials page ***********/
#content .testimonial-content p::before {
    content: '\0201C';
    display: inline-block;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 3.5em;
    color: #43ab79;
    line-height: 0;
    top: 0.38em;
    padding-right: 5px;
}

#content .testimonial-content p {
    font-size: 2.2rem;
    line-height: 1.8;
}

#content .testimonial-name,
#content .testimonial-company {
    font-size: 2rem;
    font-weight: 300;
    font-style: italic;
    text-align: right;
}

#content .testimonial-name {
    margin-bottom: 0.3em;
}

#content .testimonial-name::before {
    content: '\2014';
    display: inline-block;
    position: relative;
    margin-right: 0.2em;
}
/***** end Testimonials page *******/


/***** PDF Form Thumbnails on-page layout *********/
.dc-pdf-forms {
	position: relative;
	float: left;
	margin: 0 20px 40px 0 !important;
	max-width: 200px;
}

.dc-pdf-forms img {
    border: 1px solid #9c9c9c;
}

.dc-pdf-forms figcaption {
	min-height: 60px;
	margin: 0;
    font-size: 20px;
    font-size: 2rem;
	line-height: 1.2;
	text-align: left;
	padding-top: 4px;
}
/***** end PDF Form Thumbnails on-page layout *****/


/***** 404 Page (Not Found) ***********/
#on-page-menu ul {
    list-style-type: none;
    margin-left: 5%;
}

#on-page-menu li a {
    padding-left: 20px;
    background: url(images/arrow-right-blue-light.png) center left no-repeat;
}
/***** end 404 Page (Not Found) *******/


/***** Media queries *****************/
@media screen and (max-width: 1670px) {
    #main-menu .primary-menu li:last-child .sub-menu .sub-menu {
        left: auto;
        right: 100%;
    }
}

@media screen and (max-width: 640px) {
    #associations aside img {
        height: 72px !important;
    }
}

@media screen and (max-width: 625px) {
    .event-single {
        margin-bottom: 30px;
        max-width: 100%;
    }
}

@media screen and (max-width: 500px) {
	#content {
		padding: 25px 0 45px;
	}
}
/***** end Media queries *************/
