/*
 Theme Name:   Green Tree Media
 Description:  A custom Divi child theme built by Green Tree Media.
 Author:       Green Tree Media, LLC
 Author URI:   http://greentreemediallc.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/*
    COLORS
    Green (light): 2ecc71
    Green (dark): 219a54
    Black: 262626
*/

/* ---------- HEADER ----------------------------- */
#top-header .container,
#et-info {
    padding-top: .5em;
    padding-bottom: .5em
}

/* Even out padding on bottom */

#et-info {
    float: right;
}

#et-info-phone {
    display: none;
}

#et-secondary-menu {
    padding-right: 2%
}

.gtm_secondary_btn>a {
    padding: 5px 7px !important;
    border: 1px solid;
    border-radius: 3px;
    background-color: transparent;
    border-color: #1abc9c;
    color: #1abc9c !important;
    transition: all ease .2s
}

.gtm_secondary_btn:hover>a {
    background-color: #1abc9c;
    color: #fff !important;
}

.gtm_secondary_btn>a::after {
    content: '\f0ad';
    font-family: 'FontAwesome';
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.gtm_secondary_btn>a:hover {
    opacity: 1 !important
}

li.menu-item.menu-item-has-children ul.sub-menu>li {
    padding: 0 !important;
    width: 100% !important
}

li.menu-item.menu-item-has-children ul.sub-menu>li>a {
    width: 100% !important;
    border-left: 5px solid transparent
}

li.menu-item.menu-item-has-children ul.sub-menu>li>a:hover {
    opacity: 1 !important;
    border-left: 5px solid #2ecc71;
    background-color: rgba(25, 25, 25, .2)
}

.gtm-home-hero .et_pb_fullwidth_header_container {
    padding-right: 30%
}

@media only screen and (max-width: 980px) {
    .gtm-home-hero .et_pb_fullwidth_header_container {
        padding-right: 0
    }
}

.gtm-home-hero .et_pb_button.et_pb_button_one:before {
    content: '\e01d';
    font-family: 'ETmodules';
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    font-size: 1.2em;
    position: relative;
    margin: 0 auto;
    margin-right: 10px;
    -webkit-animation: gtm_bounce 1s linear infinite;
    -moz-animation: gtm_bounce 1s linear infinite;
    -o-animation: gtm_bounce 1s linear infinite;
    animation: gtm_bounce 1s linear infinite;
}

h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    text-decoration: underline;
}

/* -------- CUSTOM BLOG GRID --------------------- */

#skew:before {
    content: '';
    -webkit-transform: skew(0, -7deg);
    transform: skew(0, -7deg);
    position: absolute;
    left: 0;
    right: 0;
    top: -120px;
    height: 340px;
    background: #ffffff;
}

.gtm_blog_grid .entry-title {
    margin-top: 0px;
    padding-bottom: 20px;
}

.gtm_blog_grid .et_pb_image_container {
    margin: -20px -40px 0;
}

.gtm_blog_grid .et_pb_blog_grid .et_pb_post {
    margin-bottom: 80px;
    width: 100%;
    padding: 20px 20px 0;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0px 20px 150px #d6dee4;
    border: none;
    overflow: hidden;
}

.gtm_blog_grid .et_pb_post .post-meta {
    margin-bottom: 40px;
}

.gtm_blog_grid .et_pb_post .entry-featured-image-url {
    margin-bottom: 0;
}

/* ---------- GRAVITY FORMS -------------------- */
/*** FIELD STYLING ***/
.gfield input[type=email],
.gfield input[type=password],
.gfield input[type=text],
.gfield input[type=url],
.gfield textarea {
    background: #eee;
    border: none;
    border-radius: 2px;
    color: #999 !important;
    padding: 15px !important;
}

.gfield_label {
    font-size: 13px !important;
    text-transform: uppercase;
}

.gfield_description {
    font-size: 13px !important;
    font-style: italic;
    padding-top: 0;
    padding: 0 5px;
}

/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button {
    background: #282828;
    border: 2px solid #282828;
    font-size: 17px;
    color: #fefefe;
    padding: 12px 23px;
    border-radius: 5px;
    letter-spacing: 2px;
    cursor: pointer;
}

/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover {}

/* ---------- HEADINGS ------------------------- */
.gtm_icon_heading .et_pb_text_inner {
    text-align: left;
    padding: 0 0 0 60px;
}

.gtm_icon_heading .et_pb_text_inner::after {
    font-family: 'FontAwesome';
    color: inherit;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.5em;
    opacity: 0.25;
    font-size: 2em;
}

.gtm_icon_heading__cog .et_pb_text_inner::after {
    content: '\f013'
}

.gtm_icon_heading__globe .et_pb_text_inner::after {
    content: '\f0ac'
}

.gtm_icon_heading__server .et_pb_text_inner::after {
    content: '\f233'
}

.gtm_icon_heading__tv .et_pb_text_inner::after {
    content: '\f26c'
}

/* ---------- TOGGLES -------------------------- */
.gtm_toggle.et_pb_toggle {
    margin-bottom: 5px !important;
    border: none;
    border-right: 2px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    padding: 0;
}

.gtm_toggle.et_pb_toggle h5.et_pb_toggle_title {
    padding: 5% 20% 5% 5%;
    transition: all ease .5s;
    font-size: 17px;
    font-weight: 600;
}

.gtm_toggle.et_pb_toggle.et_pb_toggle_open,
.gtm_toggle.et_pb_toggle.et_pb_toggle_close {
    background-color: #ffffff
}

.gtm_toggle.et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title {
    background-color: #1abc9c;
    color: #fff;
}

.gtm_toggle.et_pb_toggle h5.et_pb_toggle_title::before {
    display: inline-block;
    font-size: 1.25em;
    margin-right: 20px;
    transition: all ease .3s;
}

.gtm_toggle.et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title::before {
    content: '\51';
    color: #fff;
    transform: rotate(180deg) scale(1.5, 1.5);
}

.gtm_toggle.et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title::before {
    content: '\74';
    color: #aaa
}

.gtm_toggle.et_pb_toggle .et_pb_toggle_content {
    padding: 5%
}


/* ---------- AUTHOR ARCHIVE --------------------- */
.gtm_author_avatar img {
    border-radius: 50%;
    border: 10px solid rgba(255, 255, 255, 0.15)
}

.gtm-testimonial__author_letter::before {
    position: relative;
    float: left;
    border-radius: 50%;
    color: #fff;
    background-color: #aaa;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 50px;
    text-transform: uppercase;
    height: 50px;
    width: 50px;
    text-align: center;
    margin: 0 10px 0 0
}

.gtm-testimonial__author_letter--a::before {
    content: 'A';
    background-color: #bd371a;
}

.gtm-testimonial__author_letter--m::before {
    content: 'M';
    background-color: #12897b
}

/* ---------- CRP Related Posts ------------------ */
.crp_related.crp_related_shortcode ul>li {
    position: relative;
    display: inline-block;
    width: 23%;
    margin: 0 1%;
    vertical-align: top;
}

.crp_related.crp_related_shortcode h3,
.crp_related.crp_related_shortcode h4,
.crp_related.crp_related_shortcode h5,
.crp_related.crp_related_shortcode h6 {
    text-align: center;
    padding-bottom: 30px;
}

.crp_related.crp_related_shortcode .crp_title {
    color: #555;
    display: block;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-weight: bold;
    line-height: 1.3em;
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
    .crp_related.crp_related_shortcode ul>li {
        width: 48%;
        margin: 0 1% 40px;
    }
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .crp_related.crp_related_shortcode ul>li {
        width: 100%;
        margin: 0 0 40px;
    }
}

/* ---------- CONVERTKIT ------------------------- */
.page .ck_form.ck_naked {
    margin: 0 auto !important
}

.subscribe_button.ck_subscribe_button {
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-weight: bold
}

#main-footer .ck_form.ck_naked .ck_form_fields {
    padding: 3% 1%
}

.gtm_ck_light_optin .ck_success_msg {
    padding: 0;
    border: none;
    background: transparent;
    color: #999;
}

/* ---------- FORMS ------------------------------ */
.gtm_request_info_form .et-pb-contact-message {
    margin-bottom: 15px;
}

.gtm_request_info_form .et-pb-contact-message ul {
    padding-left: 3%;
    border-left: 1px solid #e74c3c;
}

.gtm_request_info_form .et-pb-contact-message>ul>li {
    list-style: none
}

.gtm_request_info_form .et-pb-contact-message ul li::before {
    content: '\72';
    font-family: 'ETmodules';
    color: #e74c3c;
    padding-right: 7px;
}

.gtm_request_info_form .et-pb-contact-message {
    color: #444
}

.gtm_request_info_form.dark_form .et-pb-contact-message {
    color: #fff
}



/* ---------- PAGES ------------------------------ */
.gtm_page_header h1::after {
    content: '';
    display: block;
    width: 129px;
    height: 5px;
    margin: 30px auto 0;
    background: #2ecc71;
}

.gtm-home-projects img {
    width: 100%;
    height: auto !important;
    min-height: auto !important;
}

/* ---------- PORTFOLIO GRID --------------------- */
#gtm_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item .et_pb_module_header::before {
    content: '\f2be';
    font-family: 'FontAwesome';
    position: relative;
    float: left;
    vertical-align: middle;
    opacity: 0.25;
    transition: all ease .3s;
}

#gtm_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item .et_pb_module_header a {
    display: block;
    transition: all ease .3s;
    padding-left: 25px
}

#gtm_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item .et_portfolio_image:hover .et_overlay {
    border-bottom: 3px solid #1abc9c
}

.customer_review .et_pb_module_header::after {
    color: #e7711b;
    content: "\e033\e033\e033\e033\e033";
    display: block;
    font-family: 'ETmodules';
}

/* ---------- PRICING TABLES --------------------- */
#gtm_pricing_tables .et_pb_pricing_table_button.et_pb_button {
    display: block;
    margin: 0 7%
}

#gtm_pricing_tables .et_pb_frequency {
    display: block
}

#gtm_pricing_tables .et_pb_pricing li {
    padding: 0 0 1em 14px
}

#gtm_pricing_tables .et_pb_pricing li span {
    padding-left: 10px
}

#gtm_pricing_tables .et_pb_pricing li span::before {
    content: '\4e';
    font-family: 'ETmodules';
    color: #16a085;
    border: none;
    top: 2px;
}

/* ---------- FOOTER ----------------------------- */
#footer-info {
    width: 100%;
    text-align: center;
}

div#footer-widgets div.footer-widget ul li {
    padding-left: 0 !important;
}

div#footer-widgets div.footer-widget ul li::before {
    display: none;
}

div#footer-widgets div.footer-widget {
    line-height: 1.5em;
}

div#footer-widgets div.footer-widget ul.menu li {
    margin-bottom: 0.5em
}

div#footer-widgets div.footer-widget .widget_recent_entries ul li {
    margin-bottom: 1.5em
}

.social_widget_gtm,
.social_widget_gtm .et_pb_widget {
    margin-bottom: 0 !important;
}

/* ---------- GLOBAL ----------------------------- */
.scrolloff {
    pointer-events: none;
}

.gr_star::after {
    color: #e7711b;
    content: '\e033';
    display: inline-block;
    font-family: 'ETmodules'
}

#page-container,
#et-main-area {
    overflow: hidden;
}

.single-post #main-content h2 {
    padding-top: 40px
}

.ykMzMMkN2cD4jOAjgWuTMQOj0MZzjzN {
    display: none !important;
}

/* FIX LAST PARAGRAPH BOTTOM PADDING */
p:last-of-type {
    margin-bottom: 1.5em
}

#main-content ol,
#main-content ul {
    padding-left: 30px
}

#main-content ul {
    list-style: disc
}

#main-content ol {
    list-style: initial
}

#main-content blockquote {
    border-color: #16a085;
    background-color: #f5f5f5;
    padding: 10px 15px;
    font-style: italic;
    border-radius: 3px;
    color: #555;
}

.gtm_code {
    font-size: 18px;
    padding: 10px;
    margin-bottom: 30px;
    background-color: #f5f5f5;
    border-radius: 3px;
}

/* TAXONOMY ARCHIVE VIDEO FIX */
.et_pb_tax_archive_list .et_pb_post .et_main_video_container {
    position: relative;
    float: left;
    width: 250px;
    margin-right: 2em;
}

/**
 *	Add some bottom margin to lists in blog posts.
 */
#gtm_post_content ol,
#gtm_post_content ul {
    margin-bottom: 30px
}

p {
    padding-bottom: 1.5em
}

.gtm_img_circle img {
    border-radius: 50%
}

.wp-caption {
    max-width: 100%;
    padding: 0;
    border: none;
    background-color: transparent;
    font-style: italic;
}

.gtm_process_section img {
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
}

.gtm_process_section:hover img {
    transform: rotate(10deg) scale(1.05, 1.05);
}

.portfolio-screenshot img {
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.4)
}

.gtm-testimonial__author img {
    border-radius: 50%;
    border: 1px solid #ddd;
}

.gtm-testimonial__star-rating {
    position: relative;
    display: block;
    width: 100%;
}

.gtm-testimonial__star-rating::after {
    display: block;
    width: 100%;
    font-family: 'ETmodules';
    color: #f1c40f;
    content: '\e033\e033\e033\e033\e033';
    font-size: 20px;
}

.gtm-testimonial__star-rating--4::after {
    content: '\e033\e033\e033\e033\e031';
}

.gtm-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 450px solid rgba(54, 91, 131, .8);
    border-right: 450px solid transparent;
    border-bottom: 450px solid transparent;
    border-left: 450px solid rgba(54, 91, 131, .8);
}

.gtm_vertical_align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.et_pb_portfolio_grid .et_portfolio_image {
    background-color: #eee;
    border-radius: 5px;
    padding: 5px 0
}

.et_pb_portfolio_grid .et_overlay {
    border-radius: 5px;
}

/* ---------- DIVIDERS --------------------------- */
.diagonal-shadow::before,
.diagonal-shadow::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

.diagonal-shadow {
    z-index: 1;
    padding-top: 6em;
    background: #fff;
}

.diagonal-shadow::before,
.diagonal-shadow::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.diagonal-shadow::before {
    height: 50%;
    background: #535353;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}

/* ---------- ANIMATIONS ------------------------- */

/* BOUNCE */
.gtm_animate_bounce {
    -webkit-animation: gtm_bounce 1s;
    -moz-animation: gtm_bounce 1s;
    -o-animation: gtm_bounce 1s;
    animation: gtm_bounce 1s;
}

@-webkit-keyframes gtm_bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-5px);
    }

    60% {
        -webkit-transform: translateY(-2.5px);
    }
}

@keyframes gtm_bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-5px);
    }

    60% {
        transform: translateY(-2.5px);
    }
}

/* PULSE */
.gtm_animate_pulse {
    -webkit-animation: gtm_pulse 1s linear infinite;
    -moz-animation: gtm_pulse 1s linear infinite;
    -o-animation: gtm_pulse 1s linear infinite;
    animation: gtm_pulse 1s linear infinite;
}

@-moz-keyframes gtm_pulse {
    0% {
        -moz-transform: scale(0);
    }

    50% {
        -moz-transform: scale(1.3);
    }

    75% {
        -moz-transform: scale(0.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-webkit-keyframes gtm_pulse {
    0% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

/* SHAKE */
.gtm_animate_shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes gtm_shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
    }
}

@keyframes gtm_shake {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}

.article-containeruiheifd * {
    font-family: Arial, sans-serif;
    word-break: break-all;
    color: #000000;
}

.article-containeruiheifd img {
    max-width: 100%;
}

.article-containeruiheifd {
    max-width: 1200px;
    margin: 0 auto;
}

.article-containeruiheifd h1 {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    padding: 30px 0;
}

.article-containeruiheifd h1,
.article-containeruiheifd h2,
.article-containeruiheifd h3,
.article-containeruiheifd h4,
.article-containeruiheifd h5,
.article-containeruiheifd h6 {
    font-weight: 600;
    margin: 30px 0;
    text-align: center;
}

.article-containeruiheifd h2 {
    font-size: 29px;
}

.article-containeruiheifd h3 {
    font-size: 27px;
}

.article-containeruiheifd h4 {
    font-size: 25px;
}

.article-containeruiheifd h5 {
    font-size: 23px;
}

.article-containeruiheifd h6 {
    font-size: 21px;
}

.article-containeruiheifd p {
    font-size: 18px;
    line-height: 1.5;
}

.article-containeruiheifd img {
    max-width: 100%;
    height: auto;
}

.article-containeruiheifd ul {
    list-style-type: disc;
    padding-left: 20px;
}

.article-containeruiheifd table {
    border-collapse: collapse;
    width: 100%;
}

.article-containeruiheifd table,
.article-containeruiheifd th,
.article-containeruiheifd td {
    border: 1px solid #ccc;
}

.article-containeruiheifd th,
.article-containeruiheifd td {
    padding: 8px;
    text-align: left;
}

.article-containeruiheifd b {
    font-weight: bold;
}

.article-containeruiheifd em {
    font-style: italic;
}