/*

Theme Name: DEA Theme
Theme URI: http://beasnstalk.com.au
Author: Beanstalk Creative
Author URI: http://beasnstalk.com.au
Description: Custom Theme for DEA
Version: 1.0.0
Template: x

*/

/*
Base colors for DEA branding

greeen - #9ACA3C
blue - #1578BE

*/

/* green gradient */
/*
left - #669c48
right - #96cc4c
*/

/* Site styles */
body {
    background-image: none !important;
    font-weight: 200;
}

li {
    margin-bottom: 0.6em;
    line-height: 1.4;
}

p {
    margin-bottom: 1em;
    line-height: 1.6
}

.woocommerce-checkout label {
    clear: both;
}

.post_heading_subpage {
    margin-top: 0;
    font-size: 2.75em;
    font-weight: bold;
    color: #4c4c4c;
}

.x-container > .offset {
    margin: 70px auto 35px auto;
}

.clear {
    clear: both;
}

/* override firefox cutoff selects */
select, input[type="file"] {
    height: 2.65em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

/* add extra break point */

@media screen and (min-width: 1450px) {
    .x-container.max {
        max-width: 1400px !important;
    }

    nav.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1449px) and (min-width: 1200px) {
    .dea_sidebar_join_block h2, .woocommerce-account .dea_sidebar_join_block h2, .woocommerce-checkout .dea_sidebar_join_block h2 {
        font-size: 2em !important;
    }

    .x-main.left {
        width: 70% !important;
    }

    .x-sidebar.right {
        width: 28% !important;
    }

    #ubermenu-nav-main-34-primary {
        font-size: 1.2em;
    }

    nav.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
        padding-left: 10px;
        padding-right: 10px;
    }

    #ubermenu-green-strip-menu-87-green-strip-menu a {
        padding: 10px 30px !important;

    }
}

@media screen and (max-width: 1199px) {
    .offset.cf {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dea_sidebar_join_block.sticky-sidebar {
        margin-right: 10px;
    }
}

/* top bar */

.x-topbar .p-info, .x-topbar .p-info a {
    color: #FFF;
}

.x-main.left {
    padding-right: 15px;
}

.x-sidebar.right {
    padding-left: 0px !important;
}

body h1 {
    text-transform: none;
}

/* mega menu */
.top_menu_post {
    border: 1px solid #9d9d9a !important;
    background-color: #f5f5f2 !important;
    margin-left: 20px;
    margin-right: 20px;
}

.top_menu_post a {
    color: #454543
}

.ubermenu .top_menu_post.ubermenu-item > .ubermenu-target {
    padding: 0 !important;
}

.top_menu_post img {
    width: 100%;
}

.top_menu_post span.ubermenu-target-title {
    padding: 8px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #4c4c4c
}

.top_menu_post .wpp-list, .top_menu_post .wpp-list .ubermenu-target {
    padding: 0;
    margin: 0;
}

.ubermenu .ubermenu-column.uber_posts_column {
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}

.ubermenu .ubermene_posts_column li {
    text-align: center;
}

nav.ubermenu-skin-clean-white .ubermenu-submenu.ubermenu-submenu-drop {
    border: none;
}

nav.ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-top: none;
}

.x-navbar-fixed-top .ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0, .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left {
    margin-left: 0.2em;
}

.ubermenu-nav .green-gradient {
    padding-bottom: 10000px !important;
    margin-bottom: -10000px !important;
}

.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > a.ubermenu-target, body .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target {
    background: #669c48;
    background-image: linear-gradient(to right, rgb(102, 156, 72) 1%, rgb(150, 204, 76) 100%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background: -moz-linear-gradient(left, #669c48 1%, #96cc4c 100%);
    background-image: linear-gradient(to right, rgb(102, 156, 72) 1%, rgb(150, 204, 76) 100%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background: -webkit-linear-gradient(left, #669c48 1%, #96cc4c 100%);
    background-image: linear-gradient(to right, rgb(102, 156, 72) 1%, rgb(150, 204, 76) 100%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;

    color: #FFF;
    /*border-radius:4px 4px 0  0;*/
}

/* sidebar */

.x-sidebar.right a, .x-sidebar.right {
    color: #FFF !important;
    text-decoration: none;
}

/* posts */

/* social */

.x-entry-share .x-share {
    background-color: #1578BE;
    color: #FFF
}

/* pages */

.entry-content {
    margin-top: 0;
}

/* top right menu */

#menu-top-right > div {
    display: inline;
    margin-left: 18px;
}

#menu-top-right > div a {
    font-size: 1.2em;
    font-weight: 600;
    /* letter-spacing: 0.6px; */
    text-transform: uppercase;
}

#menu-top-right {
    margin-top: 28px;
    margin-right: 20px;
}

.x-navbar .form-search {
    margin-top: 18px;
}

.x-navbar .searchform a.x-btn-navbar-search {
    font-size: 32px;
    padding: 0;
    font-weight: 100
}

.x-navbar .searchform a.x-btn-navbar-search i {
    color: #4c4c4c;
}

/* sidebar */
.x-header-landmark + .x-container > .offset > .x-sidebar {
    margin-top: 0;
}

/* without images for the woocommerce products we need to make the width of the product details wider */

.woocommerce div.product div.summary {
    width: 100%;
    float: none;
    clear: both;
}

/* navigation students */

.tribe-events-adv-list-widget h3.ubermenu-widgettitle {
    margin-top: 0;
    padding-top: 0;
}

.tribe-events-adv-list-widget {
    padding-top: 0;
}

.tribe-events-adv-list-widget h2.tribe-events-title a, .tribe-events-adv-list-widget .tribe-events-duration, .tribe-events-adv-list-widget .tribe-events-location {
    color: #1578BE
}

.tribe-events-adv-list-widget .tribe-events-location {
    clear: both;
}

.top-menu-heading {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
}

/* home page spacing fix */
.home .x-container > .offset {
    margin-top: 50px;
}

.tg-dea-custom .tg-cats-holder .category {
    padding: 2px;
}

.tg-dea-custom .tg-item-inner:hover {
    background-color: #000000;
    -webkit-box-shadow: inset 20px #141414;
    -moz-box-shadow: inset 20px #141414;
    box-shadow: inset 20px #141414;
}

.tg-cats-holder a {
    color: white;

    border-radius: 2px;
    font-weight: 200;
}

.tg-item.tg-dea-custom .tg-cats-holder a .tg-item-term {
    color: #FFF;
}

.tg-item.tg-dea-custom div.tg-cats-holder a {
    color: #FFF !important;
}

#top.site {
    background-color: #e5e5e5
}

.green-gradient, .ubermenu .ubermenu-column.green-gradient, .ubermenu .ubermenu-column-id-71.ubermenu-column, #ubermenu-green-strip-menu-87-green-strip-menu {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#669c48+1,96cc4c+100 */
    background: #669a40; /* Old browsers */
    background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #669a40 1%, #9aca3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669a40', endColorstr='#9aca3c', GradientType=1); /* IE6-9 */
}

#ubermenu-green-strip-menu-87-green-strip-menu {
    font-weight: 400;
}

body {
    background-image: none
}

.green-gradient a, .ubermenu .ubermenu-column.green-gradient a, .ubermenu .ubermenu-column-id-71.ubermenu-column a, #ubermenu-green-strip-menu-87-green-strip-menu a {
    color: #FFF
}

#ubermenu-green-strip-menu-87-green-strip-menu.ubermenu {
    z-index: 5;
}

/* join widget */

.dea_sidebar_join_block h2, .woocommerce-account .dea_sidebar_join_block h2, .woocommerce-checkout .dea_sidebar_join_block h2 {
    color: #FFF;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 2.6em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
    font-weight: 900;
}

.dea_join_block, .dea_support_block, .dea_follow_block, .sidebar_resources_body {
    padding: 5px 20px;
    height: 33.3%;
    text-align: left;
}

#text-3 {
    text-align: left;
}

.x-social-global {
    display: flex;
    align-items: center;
}

.social-sidebar i {
    /* width: 50%;
     float: right;*/
    font-size: 2.1em !important;
}

.x-social-global > a {
    margin-right: 4px;
}

/* lists */
.sidebar_resources ul.x-ul-icons {
    margin-left: 1.5em !important;
}

.x-sidebar .widget, .idea17_widget {
    margin-top: 3.2em;
    display: block;
}

.social-sidebar a:hover i {
    color: #c7c7c7;
}

@media screen AND (max-width: 1199px) {
    .social-sidebar {
        width: 100%;
        float: none !important;
    }

    .x-main.left {
        width: 70% !important;
    }

    .x-sidebar.right {
        width: 28% !important;
    }
}

/* join btn colors */
/* left - #97cc4b */
.x-btn.btn-join, .wpcf7-submit, .ubermenu-item-view-all a.ubermenu-target, .single_add_to_cart_button, .tg-ajax-button, .woocommerce-checkout form .button, .button.view, input.button, .woocommerce-Button.button, .membership-actions .button.renew, .button.wcs-switch-link, .button.product_type_subscription.add_to_cart_button, .x-btn.btn-renew, .x-btn.btn-view {
    color: #ffffff !important;
    border: none;
    background-color: #97cc4b !important;

}

.woocommerce-account .subscription-actions .button, .woocommerce-checkout .subscription-actions .button {
    font-size: 16px;
}

.ubermenu-item-view-all a.ubermenu-target {
    margin-top: 4px;
    text-align: center
}

.x-sidebar.right {
    width: 21%
}

.btn-sidebar {
    clear: both;
}

/* @todo need to reduce margin on last item */
.x-btn.btn-join, .wpcf7-submit {
    margin-bottom: 12px;
}

.x-btn.btn-join:hover, .wpcf7-submit:hover {
    background-color: #81b346 !important;
}

.submit.buy.button:hover {
    background: #669a40;
    background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: linear-gradient(to right, #669a40 1%, #9aca3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669a40', endColorstr='#9aca3c', GradientType=1);
}

.dea_support_block { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a6da3+1,5482b3+100 */
    background: #1578be; /* Old browsers */
    background: -moz-linear-gradient(left, #1578be 1%, #3e8fd7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1578be 1%, #3e8fd7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1578be 1%, #3e8fd7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1578be', endColorstr='#3e8fd7', GradientType=1); /* IE6-9 */
}

.dea_follow_block { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+1,5b5c59+100 */
    background: #444444; /* Old browsers */
    background: -moz-linear-gradient(left, #444444 1%, #5b5c59 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #444444 1%, #5b5c59 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #444444 1%, #5b5c59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#5b5c59', GradientType=1); /* IE6-9 */
}

/* footer */
footer.x-colophon.bottom {
    background-color: #4c4d4d;
    color: #a5a5a5
}

footer p {
    color: #a5a5a5;
    font-size: 1.2em;
    line-height: 1.3em
}

footer #ubermenu-main-75-footer {
    background-color: transparent;
    color: #FFF
}

footer #ubermenu-main-75-footer a {
    color: #FFF
}

a.btn-footer.x-btn {
    background-color: white;
    color: #4c4c4c;
    width: 100%;
    margin-bottom: 8px;
    border: none;
}

footer #ubermenu-main-75-footer a.btn-footer.x-btn {
    color: #4c4d4d;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    font-size: 18px;
}

footer h3, footer h4 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

footer a, footer #ubermenu-main-75-footer .footer-site-links a {
    color: #a5a5a5;
    font-size: 1.4em;
    margin: 0;
    padding: 0;
}

.x-colophon.bottom .x-social-global.social-footer a {
    font-size: 55px;
    font-size: 5.5rem;
}

/*.x-colophon.top {display:none;}*/
footer h6.footer-doctors-address-title {
    font-weight: bold;
    color: #FFF;
    font-size: 1.4em;
    text-transform: none;
    margin-top: 18px;
}

.footer-search-btn {
    border: none;
    background: transparent;
    text-align: left;
    padding-left: 0;
    font-size: 20px;
    text-transform: none !important;
    color: #a5a5a5 !important;
}

.footer-search-btn i {
    padding-left: 20px;
}

footer .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
    padding-left: 0;
}

.menu-footer-column-3-container li a {
    font-size: 16px;
    margin-bottom: 0;
}

.menu-footer-column-3-container li {
    margin-bottom: 0;
}

footer #custom_html-5 {
    margin-top: 0;
}

footer .social-footer {
    width: 25%;
    float: left;
    text-align: Center;
}

footer .x-icon-facebook-square:before, footer .x-icon-twitter-square:before, footer .x-icon-youtube-square:before, footer .x-icon-instagram:before {
    font-size: 60px;
}

/* top right menu */

#menu-top-right .tr-join {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#659b47+0,6fa447+100 */
    background: #659b47; /* Old browsers */
    background: -moz-linear-gradient(left, #659b47 0%, #6fa447 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #659b47 0%, #6fa447 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #659b47 0%, #6fa447 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#659b47', endColorstr='#6fa447', GradientType=1); /* IE6-9 */

}

#menu-top-right .tr-donate {
    background-color: #1578be;
}

#menu-top-right {
    margin: -3px 0 5px 0;
    float: right;
}

#menu-top-right .account-button {
    border: 0;
    outline: none;
    color: #FFF
}

body:not(.home) #menu-top-right .account-button {
    border: 0;
    outline: none;
    color: #000
}

header.masthead.sticky #menu-top-right .account-button {
    border: 0;
    outline: none;
    color: #000
}

#menu-top-right > div {

    margin: 0;
    padding: 3px 6px;
}

#menu-top-right > div a {
    color: white;
    padding: 2px 4px;
}

.searchbox {
    float: right;
    clear: right;
    font-size: 16px;
}

.x-s
.x-navbar .form-search {
    margin-top: 0;
}

.form-search input::-webkit-input-placeholder {
    color: #4c4c4c;
}

.form-search input:-moz-placeholder { /* Firefox 18- */
    color: #4c4c4c;
}

.form-search input::-moz-placeholder { /* Firefox 19+ */
    color: #4c4c4c;
}

.form-search input:-ms-input-placeholder {
    color: red;
}

.form-search input {
    border: 0;
    font-size: 26px;
    height: 1.8em;
    padding: 0 2em;
}

.form-search:before {
    content: ""
}

.form-search:after, .widget_product_search form:after {
    content: "\f002";
    position: absolute;
    right: 16px;
    bottom: 25%;
    display: block;
    margin-bottom: -6px;
    font-size: 38px;
    line-height: 1;
    text-decoration: inherit;
    text-shadow: none;
    color: #4c4c4c;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.search-form .x-btn-navbar-search {

}

.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding: 10px 20px;
}

#ubermenu-nav-main-34-primary {
    float: right;
    font-size: 1.55em;
    font-weight: bold
}

#ubermenu-nav-main-34-primary {
    float: right;
    font-size: 1.55em;
    font-weight: 500
}

.ubermenu-skin-clean-white #ubermenu-nav-main-34-primary .ubermenu-item-level-0 > .ubermenu-target {
    font-weight: bold;
    color: #4c4c4c;
}

/*.ubermenu-skin-clean-white #ubermenu-nav-main-34-primary .ubermenu-item-level-0 .ubermenu-target {
    color: #FFF;}*/
.ubermenu-skin-clean-white #ubermenu-nav-main-34-primary .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    color: #FFF;
}

.effect5 {
    box-shadow: 0 4px 4px -2px #aaaaaa;
}

.uberblockquote {
    padding: 12px;
    margin: 6px;
    font-size: 1.4em
}

.rev_slider_wrapper {
    margin-top: 65px !important;
}

.tparrows:before {
    color: #e4e4e4 !important;
    opacity: 0.6;
}

.custom-1 .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    /* background: #aaa;*/
    /*  background: #e4e4e4 !important;*/
    opacity: 0.6;
    cursor: pointer;
    box-sizing: content-box;
}

a.joinpanel_support_btn.x-btn {
    background-color: #3f8dd5 !important
}

a.joinpanel_support_btn.x-btn:hover {
    background-color: #247fd5 !important
}

a.btn-joinpanel-follow.x-btn {
    background-color: #707070 !important
}

a.btn-joinpanel-follow.x-btn:hover {
    background-color: #565656 !important
}

.dea_sidebar_join_block .x-btn {
    border: none;
}

/* featured items */
.dea_featured_row .featured_item {
    background-color: #FFF;
    text-align: center;
    text-transform: none;
}

.dea_featured_row .featured_item h2 {
    text-transform: none;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.dea_featured_row .featured_item img {
    width: 100%
}

.dea_featured_row .featured_item p {
    margin: 0;
    font-size: 19px;
    line-height: 1.4;
    padding: 8px 15px;
    font-weight: 500;
}

/* sidebar_events */

.sidebar_events, .sidebar_resources {
    /*  background-color:#FFF;*/
    color: #4c4c4c;
}

.sidebar_events, .sidebar_resources ul {
    list-style: none;
    margin: 0 !important;
}

.sidebar_resources ul li {
    margin-left: 10px;
    text-indent: -12px;
    min-height: 45px;
    line-height: 20px;
    padding-left: 22px;
}

.sidebar_events .event-widget-list-item a {
    display: block;
}

.x-sidebar.right .sidebar_events a, .x-sidebar.right .sidebar_resources a {
    color: #444 !important;
    font-weight: 600
}

.x-sidebar.right .sidebar_resources a span.icon-col {
    float: left;
    width: 15%;
    text-align: left;
}

.x-sidebar.right .sidebar_resources a span.text-col {
    float: right;
    width: 85%;
    text-align: left;
}

.sidebar_events .sidebar_events_header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba7843+0,d2904d+100 */
    background: #de761c; /* Old browsers */
    background: -moz-linear-gradient(left, #de761c 0%, #f7931d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #de761c 0%, #f7931d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #de761c 0%, #f7931d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de761c', endColorstr='#f7931d', GradientType=1); /* IE6-9 */

    color: #FFF;
    padding: 10px 20px;
}

.sidebar_resources .sidebar_resources_header {
    color: #FFF;
    /*  padding:10px 20px;*/
    padding: 0;
}

.x-sidebar.right .sidebar_events .tribe-mini-calendar td.tribe-events-has-events {
    background: #669a40;
    background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: linear-gradient(to right, #669a40 1%, #9aca3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669a40', endColorstr='#9aca3c', GradientType=1);
    color: #FFF;
}

.x-sidebar.right .sidebar_events .tribe-mini-calendar td.tribe-events-has-events a {
    color: #FFF !important;
}

.x-sidebar.right .sidebar_events .sidebar_events_header a {
    color: #FFF !important;
    float: right;
    margin-right: 4px;
}

.sidebar_events .sidebar_events_body .sidebar_events_list, .sidebar_resources .sidebar_resources_header {
    padding: 10px 20px;
}

.sidebar_events .sidebar_events_body .tribe-mini-calendar-wrapper {
    padding: 0;
}

.sidebar_events .sidebar_events_header h2,
.sidebar_resources .sidebar_resources_header h2 {
    color: #FFF;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 2.2em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
    font-weight: 900;
}

.sidebar_events .sidebar_event_calendar_trigger {
    font-size: 1em;
    vertical-align: top;
    /*margin-top: 4px;*/
}

.sidebar_resources {
    margin-top: 3em;
}

.sidebar_resources_body {
    padding: 6px;
}

li.menu-item.x-menu-item.x-menu-item-search {
    display: none;
}

/*hide navbar search*/
.sidebar_resources_body ul i {
    font-size: 24px;
    color: green;
    margin-right: 12px;
    font-size: 32px;
    margin-left: 0px;
    top: 15px;
    position: relative;
}

.center {
    text-align: center;
}

/* front page masonry */

/*h2.tg-item-title.tg-element-4{text-transform: none;}
.tg-grid-holder .kampala .tg-item-title,.tg-grid-holder  .kampala .tg-item-title a{font-size:16px;text-transform: none;}*/
.tg-dropdown-holder {
    z-index: 100 !important;
}

.tg-dea-custom .tg-element-6 {
    margin-bottom: -1px;
}

.header_logo {
    max-width: 100%;
    width: 300px;
}

.tg-dea-custom .tg-item-inner .tg-element-11 {
    top: 50px;
    color: #444444 !important;
}

/* event calendar time */
.sidebar_events .sidebar_events_list {
    font-size: 1em;
}

ul.sidebar_events_list {
    list-style: none;
    margin: 0;
}

ul.sidebar_events_list li {
    width: 100%;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #4c4c4c;
    margin-bottom: 6px;
    /*min-height: 70px;*/
}

.event_time_holder {
    width: 20%;
    float: left;
}

.event_details_holder {
    padding-left: 1em;
    width: 80%;
    float: left;
    line-height: 1.4em;
}

.sidebar_events_list ul li:after {
    border-bottom: 1px solid #4c4c4c;
}

/* DEA style event date */
.event_time_holder { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba7843+0,d2904d+100 */
    background: #ba7843; /* Old browsers */
    background: -moz-linear-gradient(left, #de761c 0%, #f7931d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #de761c 0%, #f7931d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #de761c 0%, #f7931d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de761c', endColorstr='#f7931d', GradientType=1); /* IE6-9 */
    color: #FFF;
    line-height: 1.2;
    text-align: center;
}

time.dea-event-dates p {
    text-transform: uppercase;
    padding: 0;
    margin: 1px 0 0 !important;
    line-height:1.1;
}

time.dea-event-dates span {
    font-size: 1.5em;
    font-weight: bold;
}

time.icon {
    font-size: 0.8em; /* change icon size */
    display: block;
    position: relative;

    background-color: #fff;
    margin: 0;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
}

time.icon * {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

time.icon strong {
    position: absolute;
    top: 0;
    /*padding: 0.4em 0;*/
    padding: 0;
    color: #fff;
    background-color: #fd9f1b;
    border-bottom: 1px dashed #f37302;
    box-shadow: 0 2px 0 #fd9f1b;
}

time.icon em {
    position: absolute;
    bottom: -0.3em;
    color: #fd9f1b;
}

time.icon span {
    width: 100%;
    font-size: 2.4em;
    letter-spacing: -0.05em;
    padding-top: 0.4em;
    color: #2f2f2f;
}

time.icon:hover, time.icon:focus {
    -webkit-animation: swing 0.6s ease-out;
    animation: swing 0.6s ease-out;
}

time.dea-event-dates span {
    font-size: 1.8em
}

time.dea-event-dates p {
    font-size: 1em !important;
}

/* subpage dats for events */
/*body:not(.home) .event_time_holder {padding-top:4px;}
body:not(.home) time.dea-event-dates span,
body:not(.home) time.dea-event-dates p
{font-size:0.8em;}
*/

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(0deg) skewY(0deg);
    }
    20% {
        -webkit-transform: rotate(12deg) skewY(4deg);
    }
    60% {
        -webkit-transform: rotate(-9deg) skewY(-3deg);
    }
    80% {
        -webkit-transform: rotate(6deg) skewY(-2deg);
    }
    100% {
        -webkit-transform: rotate(0deg) skewY(0deg);
    }
}

@keyframes swing {
    0% {
        transform: rotate(0deg) skewY(0deg);
    }
    20% {
        transform: rotate(12deg) skewY(4deg);
    }
    60% {
        transform: rotate(-9deg) skewY(-3deg);
    }
    80% {
        transform: rotate(6deg) skewY(-2deg);
    }
    100% {
        transform: rotate(0deg) skewY(0deg);
    }
}

/* the grid on front page */

.tg-grid-wrapper .tg-grid-area-top2 {
    margin-top: 12px;
    margin-bottom: 12px;
}

img.tg-item-image {
    background: #FFF;
}

.grid-title {
    float: left;
    font-size: 1.6em;
    font-weight: bold;
    text-align: left;
    margin-top: 0;
    line-height: 1em;
    margin-right: 20px;
}

/* filters */
#grid-162 .tg-dropdown-holder {
    margin: 0;
}

#grid-162 .tg-dropdown-holder, #grid-162 .tg-search-holder, #grid-162 .tg-sorters-holder {
    background-color: #4a4a48;
}

#grid-162 .tg-dropdown-holder, #grid-162 .tg-search-inner, #grid-162 .tg-sorter-order, #grid-162 .tg-sorters-holder {
    border: 0;
}

input[type=text].tg-search {
    color: #FFF
}

#grid-162 .tg-search-holder .tg-search-clear {
    border-left: none;
}

body #grid-162 .tg-dropdown-holder, body #grid-162 .tg-search-inner, body #grid-162 .tg-sorter-order {
    border: none;
    margin: 0;
}

body #grid-162 .tg-nav-color {
    color: #FFF
}

/* posts */
.post_inner {
    padding: 2em !important;
}

.post_inner_padding {
    padding: 0 1em !important;
}

.post_heading {
    padding: 8px;
    color: #FFF
}

h1.post_heading {
    padding: 8px;
    color: #FFF;
    margin: 0;
    font-size: 2.2em
}

.page .x-main.left .hentry .entry-featured, .single-post .x-main.left .hentry .entry-featured {
    margin-top: 0px;
}

.single-post .post_inner, .post_inner {
    background-color: #FFF !important;
}

/* woocommerce dashboard */
.woocommerce-MyAccount-navigation-link .x-btn:hover {
    color: #FFF;
    font-weight: bold
}

.woocommerce-MyAccount-navigation-link .x-btn {
    padding: 0.643em 1.143em 0.643em;
}

.woocommerce-MyAccount-navigation-link.is-active .x-btn {
    background-color: #1578be
}

/*.woocommerce-MyAccount-navigation-link .x-btn:hover{color:#000!important;}*/

.btn-join:hover {
    color: #FFF !important;
}

/* ubermenu */
.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-current-menu-item {
    background-color: #1578be;
}

.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
    color: #FFF !important;
}

.ubermenu-event-column .ubermenu-widget-area, .ubermenu-event-column .ubermenu-widget-area li {
    margin: 0;
    padding: 0;
}

/* green strip menu */

.menu-green-strip-container {
    background-color: green;
}

.menu-green-strip-container li {
    display: inline;
}

.menu-green-strip-container li a {
    color: #FFF
}

#ubermenu-green-strip-menu-87-green-strip-menu a {
    transition: 0.4s;
    color: #FFF;
    text-transform: uppercase;
    padding: 10px 40px;
    font-size: 1em
}

#ubermenu-green-strip-menu-87-green-strip-menu a:hover, #ubermenu-green-strip-menu-87-green-strip-menu .ubermenu-current-menu-item a {
    background-color: #1578be;
    /* color: #EEA200;*/
    padding: 10px 30px;
    margin: 0 10px;
}

/* spacing for header to allow breadcrumbs and green menu */
/*header.masthead {height:144px;}*/
@media screen AND (min-width: 1200px) {

  /*  .sticky .x-navbar img.header_logo, body:not(.home) .x-navbar img.header_logo {
        height: 85px;
        width: auto;
        padding-top: 12px;
        padding-bottom: 2px;
        transition: all .800s;
    }
*/
    .sticky .x-navbar .searchbox, body:not(.home) .x-navbar .searchbox {
        visibility: hidden;
        height: 1px;
        opacity: 0;
        transition: all .800s;
    }
/*
    .sticky .x-brand, body:not(.home) .x-brand {
        margin-top: 5px;
        transition: all .800s;
    }
*/
    a.x-brand {
        margin-top: 25px;
        transition: all .800s;
    }

    .sticky.masthead-header {
        padding: 10px 0 0px;
        position: fixed;
        width: 100%;
        background: #33485d;
        z-index: 1000;
        top: 0;
        transition: all .300s;
    }

    .sticky .top-nav .btn, .sticky .nav.navbar-right.uc li a {
        padding: 10px 14px;
        transition: all .300s;
    }
}

@media screen AND (max-width: 1199px) {
    #menu-top-right {
        margin: 0;
        /*    float: none;
            position: fixed;
            top: 0;
            right: 100px;*/
    }
}

/* override oversided h2 tags */
h2, .h2, h3, .h3 {
    font-size: 100%;
    line-height: 1.2;
}

h2 {
    margin-bottom: 0.8em;
}

h3 {
    font-size: 1.4em;
    text-transform: none !important;
    font-weight: bold !important;
}

.featured_hover {
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    color: #336699 !important;
    opacity: 0;
}

/* entire container, keeps perspective */
.flip-container {
    perspective: 1000px;
}

.featured_item, .front, .back {
    width: 100%;

}

/*.featured_item.match-01 {height:440px}
.featured_item.match-01 img {height:300px;}
@media screen AND (max-width: 767px) {
    .featured_item.match-01 {height:460px}
}*/
@media screen AND (min-width: 1400px) {
    .dea_featured_row .featured_item img {
        min-height: 250px
    }
}

@media screen AND (min-width: 1200px) {
    .dea_featured_row .featured_item img {
        min-height: 200px
    }
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
/*.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}*/
/* Scale up the box */
.featured_item_link:hover .featured_item {
    transform: scale(1.04, 1.04);
}

/* Fade in the pseudo-element with the bigger shadow */
.featured_item_link:hover .featured_item::after {
    opacity: 1;
}

.featured_item, .tg-item-inner, .sidebar_resouces, .sidebar_events, .dea_sidebar_join_block, #x-section-4 {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-style: none !important;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

}

.all_events {
    text-align: left;
    float: none;
    color: #333;
}

@media screen and (min-width: 1400px) {
    .dea_sidebar_join_block {
        min-height: 280px;
        height: 280px;
    }
}

/*.featured_item::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 5px;*/
/* box-shadow: 0 5px 15px rgba(0,0,0,0.3);*/
/*   transition: opacity 0.3s ease-in-out;
}*/

.featured_item_link .featured_item h2, .featured_item_link .featured_item p {
    background-color: #FFF;
    padding-top: 8px;
}

/* front pane, placed above back */

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding-top: 30%;

}

.back h2 {
    color: #FFF;
    padding-bottom: 12px !important;
}

/* blockquote for front and inside menu */
blockquote.x-blockquote, blockquote.uberblockquote {
    position: relative;
    margin: 0 0.5em;
    padding: 0 1.2em 0 0.8em;
    color: #a5a5a5 !important;
    font-size: 2.4em;
    font-weight: 600;
    font-family: Roboto, sans-serif;
    border: 0;
    line-height: 1.2;
}

blockquote.x-blockquote:before, blockquote.uberblockquote:before {
    font-family: impact;
    position: absolute;
    font-size: 2.8em;
    line-height: 1;
    top: 16px;
    left: -16px;
    content: "\201C";
    color: #a5a5a5 !important;
}

blockquote.x-blockquote:after, blockquote.uberblockquote:after {
    font-family: impact;
    position: absolute;
    /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float: right;
    font-size: 2.8em;
    line-height: 1;
    right: 0.1em;
    bottom: -0.4em;
    content: "\201D";
    color: #a5a5a5 !important;
}

/* blockquote for front and inside menu */
blockquote.uberblockquote {
    position: relative;
    margin: 0.5em;
    padding: 0.5em 1.5em;
    color: #4c4c4c !important;
    font-size: 2.4em;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    border: 0;
    line-height: 1.2;
}

blockquote.uberblockquote:before {
    font-family: impact;
    position: absolute;
    font-size: 2.8em;
    line-height: 1;
    top: 6px;
    left: 0px;
    content: "\201C";
    color: #4c4c4c !important;
}

blockquote.uberblockquote:after {
    font-family: impact;
    position: absolute;
    /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float: right;
    font-size: 2.8em;
    line-height: 1;
    right: 0;
    bottom: -0.5em;
    content: "\201D";
    color: #4c4c4c !important;
}

blockquote.uberblockquote {
    font-size: 120% !important;
}

.masthead-right {
    width: 80%;
    float: right;
}

.masthead-left {
    width: 20%;
    float: left;
}

@media screen AND (max-width: 1199px) AND (min-width: 960px) {
    .searchbox {
        margin-top: 30px
    }

    /* green strip */
    #ubermenu-green-strip-menu-87-green-strip-menu a {
        padding: 10px 20px;
    }

    .masthead-left {
        width: 25%
    }

    /*.masthead-right{width:75%}*/
    .masthead-right {
        width: auto;
        /*margin-top: -60px;*/
    }

    .x-navbar-inner > div.full > div.x-container {
        width: 100%
    }

    .x-brand {
        padding-left: 2%
    }

    /* sidebar items */
    .dea_sidebar_join_block h2, .woocommerce-account .dea_sidebar_join_block h2, .woocommerce-checkout .dea_sidebar_join_block h2 {
        font-size: 2em;
    }

    .x-btn.x-btn-small {
        padding: 0.2em 0.4em;
        font-size: 14px;
    }

    .social-sidebar {
        float: right;
        width: 50%;
    }

    .x-sidebar.right .social-sidebar a {
        letter-spacing: -0.1em;
    }

    .dea_join_block, .dea_support_block, .dea_follow_block {
        padding: 10px 15px;

    }

}

@media screen AND (max-width: 959px) {
    .masthead .x-container.max.width {
        width: 100%
    }

    .masthead-left {
        /*padding-top: 25px;*/
    }

    .masthead-left, .masthead-right {
        width: 100%;
      /*  float: none;*/
    }

    .masthead-right {
        clear: both;
    }

    .ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav {
        width: 100%;
    }

    .ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav li {
        width: 100%;
        border-bottom: 1px solid #dadada
    }

    #menu-top-right {
        position: relative;
        margin-bottom: 10px;
        right: 0;
        z-index: 1000;
    }

    #menu-top-right li {
        /*width: 25%;*/
        float: left;
        text-align: center;
        padding: 2px 0;
    }

    #menu-top-right li a {
        font-size: 0.8em
    }

    .masthead-right .searchbox {
        width: 50%
    }

    .responsive-logo-container {
        width: 20%;
        float: right;
        text-align: center;
    }

    .masthead-right .ubermenu-responsive-toggle {
        width: 30%;
        float: left;
        margin-top: 0;
    }

    .x-brand {
        text-align: center;
        float: none;
        transition: all .800s;
    }

    /* front feature area fix */
    .front_grey_feature {
        background-size: cover;
        background-position: 0%;
    }

    /* revslider styles */
    .rev_slider_wrapper {
        margin-top: 0px !important;
    }

    .tg-grid-holder {
        margin-top: 40px;
    }

    /* ubermenu styles */
    .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > a.ubermenu-target {
        background: #e7e7e7;
        color: #4c4c4c;
    }

    .ubermenu .ubermenu-column.green-gradient, .ubermenu .ubermenu-column-id-71.ubermenu-column, #ubermenu-green-strip-menu-87-green-strip-menu {
        background: #FFF;
        color: #4c4c4c;
    }

    .green-gradient a, .ubermenu .ubermenu-column.green-gradient a, .ubermenu .ubermenu-column-id-71.ubermenu-column a, #ubermenu-green-strip-menu-87-green-strip-menu a {
        color: #7a7a7a
    }

    .ubermenu-nav .green-gradient {
        padding: 0 !important;
        margin: 0 !important;
    }

    .masthead .ubermenu-skin-clean-white.ubermenu-responsive-toggle, .masthead .form-search .search-query {
        font-size: 16px;
        padding: 15px 10px;
    }

    .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
    }

    .x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
        position: fixed;
    }

    .sticky .x-navbar img.header_logo {
        height: 1px;
        opacity: 0;
        width: auto;
        padding-top: 2px;
        padding-bottom: 2px;
        transition: all .2000s;
    }

    .sticky .masthead-left {
        height: 1px;
        opacity: 0;
        line-height: 0;
        padding-top: 0;
        display: none;
        transition: all 800s;
    }

    .sticky .masthead-right {
        padding-top: 0;
        transition: all 800s;
    }

    .footer-search-btn i {
        padding-left: 0
    }

    .sticky #menu-top-right {
        /*   visibility: hidden;
           height: 0;
           margin-top: -37px;
   */
        /*overflow: hidden;*/
        /*   position: absolute;
           width: 100%;
           opacity: 0;
           margin: 0;*/
        transition: visibility 0.2s, margin 0.5s, opacity 0.5s linear, height 2s linear, position 3s linear;
    }

    .masthead-left .header_logo {
        max-width: 250px;
        width: auto;
        /*max-height: 50px;*/
    }

    .sticky .x-brand {
        margin-top: 0;
        height: 0;
        transition: all 800ms;
    }

    .masthead.sticky .ubermenu-skin-clean-white.ubermenu-responsive-toggle, .masthead.sticky .form-search .search-query {
        font-size: 16px;
        padding-left: 14px;
        transition: all .800s;
    }

    .form-search .search-query {
        padding-left: 14px;
    }

    #ubermenu-green-strip-menu-87-green-strip-menu {
        display: none;
    }

    footer .ubermenu .ubermenu-nav .ubermenu-column-1-3, footer .ubermenu .ubermenu-nav .ubermenu-column-1-6 {
        width: 100%
    }

    .form-search input {
        padding: 0;
    }

    .sticky .responsive-logo-container img {
        width: 40px;
        margin: 5px;
        opacity: 1;
        transition: all 2000ms;
    }
    .sticky .responsive-logo-container{
        position: absolute;
        left: 0px;width:20%;
    }
    .responsive-logo-container img {
        opacity: 0;
    }

    .x-navbar .form-search {
        margin-top: 10px;
    }

    .form-search:after {
        font-size: 30px;
    }

    /* .responsive-logo-container{display:block !important;}*/
    .form-search .search-query {
        margin-top: 10px;
        clear: both;
    }

    .x-navbar .searchform a.x-btn-navbar-search {
        font-size: 16px;
        padding-top: 14px;
    }

    .dea_featured_row .featured_item {
        margin-top: 10px;
    }

    .home .x-container > .offset {
        margin-top: 20px;
    }

    .x-main.left {
        padding-right: 0;
    }

    /* grid controls */
    body #grid-162 .tg-search-inner {
        width: 100%
    }

    .tg-grid-wrapper.tg-grid-loaded .tg-filters-holder, .tg-grid-wrapper.tg-grid-loaded .tg-search-holder, .tg-grid-wrapper.tg-grid-loaded .tg-sorters-holder {
        width: 100%;
        clear: both;
        margin-top: 4px;
    }

    .tg-filters-holder .tg-dropdown-holder.tg-nav-border.tg-nav-font {
        width: 100%;
        max-width: 100%;
        padding: 0;
        text-align: center;
    }

    body .tg-sorter-order, body .tg-sorters-holder, body .tg-search-holder {
        margin: 0;
    }

    /* heading areas on subpages */
    .post_heading_subpage {
        padding-left: 0.5em
    }

    .x-breadcrumb-wrap {
        padding-left: 2.5em
    }
}

.front_grey_feature {
    padding: 1em !important;
}

.grey_feature_highlight p {
    text-align: left;
    font-size: 1.8em;
    color: #FFF;
    font-weight: 600;
    margin: 0;
}

.grey_feature_highlight a {
    text-decoration: underline;
    font-size: 1em;
    color: #FFF;
    font-weight: 600
}

.grey_area_text p {
    color: #FFF;
    font-size: 1.3em;
    margin: 0;
    line-height: 1.4;
}

.responsive-logo-container {
    display: none;
}

a.featured_item_link {
    color: #4c4c4c
}

/* subpage masonry */

.tg-item-content-holder {
    background-color: #ffffff;
}

.tg-dea-custom .tg-item-inner {
    border-color: #bababa;
    border-width: 1px;
    border-style: solid;
}

.tg-dea-custom .tg-element-4 {
    position: relative;
    visibility: visible;
    font-size: 16px;
    line-height: 18px;
    font-weight: 200;
    text-transform: none;
    display: block;
    width: 100%;
    min-width: 100%;
    margin: 5px 0;
    padding: 4px;
}

.tg-dea-custom .tg-element-6 {
    position: relative;
    clear: both;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 200;
    text-transform: uppercase;
    display: inline-block;
    z-index: 3;
    width: 100%;
    min-width: 100%;
    height: 18px;
    min-height: 18px;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    transition: all 700ms ease;
}

.tg-dea-custom .tg-item-content-holder[data-position="bottom"] {
    text-align: center;
    position: relative;
    min-height: 1px;
    display: block;
    padding: 5px 0 0;
}

.tg-dea-custom .tg-element-6 .tg-item-term {
    position: relative;
    display: inline-block;
    padding: 0 6px;
}

.footer-site-links .footer-column-title {
    padding: 15px 0px !important;
}

footer .ubermenu .ubermenu-target-text {
    color: #a5a5a5;
}

.front_grey_feature {
    background-image: url('/wp-content/themes/dea/images/DEA-Blue-Sky.jpg');
    background-position: 100%;
}

.x-btn.x-btn-small, .button.wcs-switch-link, .button.product_type_subscription.add_to_cart_button, .x-btn.btn-renew, .x-btn.btn-view {
    padding: 0.22em 0.5em;
    font-size: 16px;
    font-weight: 600;
}

.donate-buttons .x-btn.x-btn-large {
    padding: 0.543em;
    font-size: 19px;
    font-weight: 600;
    background-color: #1578be !important;
    padding: 0.579em 1.105em;
}

.button.wcs-switch-link, a.x-btn.x-btn-small.btn-renew, a.x-btn.x-btn-small.btn-view {
    /* display: block;
     float: left;*/
    clear: left;
    margin-bottom: 4px;
}

#front_page_bottom p, #front_page_bottom li {
    font-weight: 200;
    font-size: 1.2em;
    line-height: 1.4;
}

#front_page_bottom p {
    font-weight: 200;
    margin: 0 0 1.15em;
}

/*#front_page_bottom .x-column.x-1-3 {
    width: 31.66666%;
    margin-right: 1.5%;
}*/

@media screen AND (min-width: 900px) {
    #front_page_bottom img {
        max-height: 85px;
    }
}

/* masonry hover state */

.tg-dea-custom .tg-item-inner:hover .tg-item-media-holder, .tg-dea-custom .tg-item-inner:hover .tg-item-content-holder {
    opacity: 0.4;
    transition: all 0.8s;
}

.tg-dea-custom .tg-item-inner:hover:before {
    content: '\f067';
    font-size: 40px;
    font-family: FontAwesome;
    position: absolute;
    color: white;
    top: 40%;
    left: 50%;
    margin-left: -20px;
    margin-top: -25px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 100%;
    opacity: 1;
    /*background: url('http://i.stack.imgur.com/P1ELC.png') center no-repeat;
     background-size: 50px;*/
    transition: all 0.8s
}

.tg-dea-custom .tg-item-inner .tg-item-media-holder, .tg-dea-custom .tg-item-inner .tg-item-content-holder {
    opacity: 1;
    transition: all 0.8s;
}

/* breadcrumbs */

.x-breadcrumb-wrap {
    margin-top: -45px;
    background: transparent;
}

.x-breadcrumb-wrap .x-breadcrumbs .current {
    color: #888888
}

.x-breadcrumb-wrap .x-breadcrumbs a, .x-breadcrumb-wrap .x-breadcrumbs .delimiter {
    color: #333;
}

/* article pages */
blockquote, blockquote p, .article .entry-content h2 {
    font-weight: bold;
    border: 0;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.article_image_full_width {
    width: 100%;
}

.article p {
    margin: 0 0 1em;
    line-height: 1.6;
}

.article_meta_block {
    font-weight: 400;
    font-size: 1.2em
}

.article_meta_block a {
    color: #4C4C4D
}

.search .x-main .hentry.has-post-thumbnail > .entry-wrap {
    float: none;
    width: 100%;
    padding-left: 0;
}

.article_image_portrait, .resources_single_right_panel {
    float: right;
    padding-left: 1em;
    max-width: 30%;
}

/* dea media disclaimer */

.media_disclaimer {
    background-color: #4c4d4d;
    color: #FFF;
    padding: 2em;
}

@media (min-width: 980px) {
    .FloatMe.dea_sidebar_join_block {
        position: fixed;
        right: 4%;
        top: 180px;
        z-index: 1000;
        /*  opacity:0;*/
    }
}

/* content page */

.article_image_portrait.resources_single_right_panel {
    max-width: 50%;
    padding-bottom: 0.8em;
}

.dea_sidebar_join_block {
    overflow: hidden;
}

.absolute {
    position: absolute !important;
    bottom: 20px !important;
    right: 0 !important;
    top: auto !important;
    overflow: hidden;
}

.sticky-sidebar {
    position: absolute !important;
    right: 0 !important;
    top: auto !important;
    overflow: hidden;
}

.sticky-sidebar.bottom {
    bottom: 20px !important;
}

.page-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.0);
    -webkit-transition: top 0.3s ease;
    transition: all 0.6s ease;
}

.page-overlay.active {
    display: block;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.6s ease;
}

.woocommerce-billing-fields h3 {
    clear: both;
}

/* fix for breadcrumbs */

/*article.type-page .x-breadcrumb-wrap {margin-top:0;}*/

.arrow_right {
    position: relative;
    background: #88b7d5;
}

.arrow_right:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    z-index: 1000;
    border-width: 15px;
    margin-top: -15px;
}

.arrow_right_blue:after {
    border-left-color: #1578BE !important;
    /* background: #9ACA3C !important;*/
}

.bg-blue {
    background-color: #1578BE !important;
}

.bg-green {
    background-color: #9ACA3C !important;
}

/* idea 2017 */

.x-column .x-map {
    margin-bottom: 0;
}

h2.idea-subtitle {
    font-size: 1.8em;
    margin-top: 0;
}

.wedding-team-orchid .team-cap p, .team-slider .team-cap p {
    text-align: left;
}

.idea-pricing-table table thead {
    background-color: #4c4d4d;
    color: #FFF;
}

.idea-pricing-table table {
    border: none;
    border-bottom: 1px solid #ddd;
}

#ubermenu-main-89 {
    background: none;
}

#ubermenu-main-89.ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0 {
    background-color: #FFF !important;
    font-size: 1.2em !important
}

.article h2 {
    font-size: 1.6em;
    margin-bottom: 1em
}

.article .dea_sidebar_join_block h2 {
    font-size: 2.6em;
    margin: 5px 0 0 0;
}

h2 {
    text-transform: none !important;
    font-weight: bold !important;
    font-size: 1.8em;
}

.wedding-team-orchid img, .team-slider img {
    border: 0;
    box-shadow: none;
    float: left;
}

.wedding-team-orchid .team-cap h3, .team-slider .team-cap h3 {
    font-family: roboto;
    font-size: 1.4em;
    float: left;
}

.wedding-team-orchid .team-cap h3, .wedding-team-orchid .team-cap h4, .team-slider .team-cap h3, .wedding-team-orchid .team-cap p {
    clear: both;
    float: left;
    text-align: left
}

.wedding-team-orchid .team-cap p {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}

.select2-chosen {
    height: 2em;
    padding-left: 0;
    /*padding-top: 0.8em; */
}

/* tribe-events-widget override styles */
/* found in themes tribe-events folder */

.tribe-event-header-widget .list-info {
    padding: 0 1em;
}

div.tribe-event-header-widget h2.tribe-events-title a, .tribe-events-adv-list-widget h2.tribe-events-title a, .tribe-events-adv-list-widget .tribe-events-duration, .tribe-events-adv-list-widget .tribe-events-location {
    color: #444;
}

/* header widgets */

.uber_posts_column .ubermenu-widget-area {
    margin-left: 0;
}

/* category page intro */
.category_introduction p, .category_introduction blockquote {
    font-size: 1.214rem;
    margin-bottom: 1em
}

.category_introduction blockquote p {
    margin-bottom: 0
}

#x-iso-container {
    clear: both;
}

/* become a member page */
.woocommerce-checkout form .form-row label {
    width: 30% !important;
    float: left;
}

.woocommerce-checkout form .form-row input.input-text, .woocommerce-checkout form .form-row select, .woocommerce-checkout form .form-row textarea {
    float: right;
    width: 65% !important;
}

.woocommerce-checkout form .form-row input.input-text, .woocommerce-checkout form .form-row select {
    height: 2em;
}

.woocommerce-validated input {
    color: #669a40 !important;
    border-color: #669a40 !important;
}

/* radio boxes special styles */
.woocommerce-checkout form .form-row fieldset label {
    width: 65% !important;
    float: right;
    clear: none;
    text-align: left;
}

.woocommerce-checkout form fieldset legend {
    width: 30%;
    float: left;
    border-bottom: none;

}

.opc-pricing-table-product.product-item .opc-pricing-table-product-header {
    padding: 0;
}

.opc-pricing-table-product.product-item h3.opc-pricing-table-product-title {
    padding: 0.6em;
    color: #FFF;
    background: #669a40;
    font-size: 140%;
    height: 60px;
    background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: linear-gradient(to right, #669a40 1%, #9aca3c 100%);
}

.opc-pricing-table-product.product-item:last-child h3.opc-pricing-table-product-title, .opc-pricing-table-product.product-item:last-child:hover h3.opc-pricing-table-product-title {
    font-size: 77%;
}

.opc-pricing-table-product.product-item.selected h3.opc-pricing-table-product-title {
    color: #FFF;
    padding: 1em;
}

.opc-pricing-table-product.product-item.selected .product-quantity button {
    background-color: #FFF;
    color: #000;
    font-weight: bold;
}

.opc-pricing-table-product.product-item.selected {
    margin-top: 5px;
    padding-bottom: 20px;
    box-shadow: 0px 2px 20px #b3b3b3;
    transition: all 0.1s;
}

.opc-pricing-table-product.product-item.selected .wc-south {
    display: none;
}

a.wc-south.opc-complete-order {
    color: #FFF
}

#order_review.woocommerce-checkout-review-order .opc_cart_item td.product-name {
    padding-left: 0.55em;
}

.opc-pricing-table-product.product-item.selected {
    color: white;
    background: #669a40;
    background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: linear-gradient(to right, #669a40 1%, #9aca3c 100%);
    transition: all 0.1s;
}

.opc-pricing-table-product.product_item {
    padding: 0;
    transition: all 0.1s;
}

.opc-pricing-table-product.product_item .opc-pricing-table-product-price {
    padding: 1em;
}

.opc-pricing-table-product.product-item:hover {
    color: white;
    background: #1578be; /* Old browsers */
    background: -moz-linear-gradient(left, #1578be 1%, #3e8fd7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1578be 1%, #3e8fd7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1578be 1%, #3e8fd7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1578be', endColorstr='#3e8fd7', GradientType=1); /* IE6-9 */
    cursor: pointer;
}

.opc-pricing-table-product.product-item .opc-pricing-table-product-price {
    padding: 0.6em
}

.opc-pricing-table-product.product-item .opc-pricing-table-product-price .subscription-details,
.opc-pricing-table-product.product-item .opc-pricing-table-product-price .woocommerce-price-suffix {
    display: block;
    font-size: 0.4em;
    line-height: 1.2em;
}

.opc-pricing-table-product.product-item .opc-pricing-table-product-price .woocommerce-price-suffix {
    display: block;
    margin-top: 6px;
}

.opc-pricing-table-product.product-item .woocommerce-price-suffix {
}

.opc-pricing-table-product.product-item:hover h3.opc-pricing-table-product-title {
    font-size: 140%;
    color: #FFF;
}

div.select2-container.state_select {
    width: 60%;
}

.woocommerce-checkout form.wizard fieldset legend.tab_legend {

    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;

}

.wizard > .content > .body .nyp {
    clear: both;
    margin-top: 2em;
}

.wizard > .content > .body .nyp label {
    display: none;
}

.wizard > .content > .body .nyp input {
    float: left;
    width: 40%;
    height: 2.1em;
}

.wizard > .content > .body .nyp .minimum-price {
    display: none;
}

#add-donation {
    width: 30%;
    float: left;
    margin-left: 4%;
    clear: none;
}

/* become a member errors */
.woocommerce-checkout form .form-row label.error {
    width: 100% !important;
    clear: both;
    background: red;
    padding-left: 15px;
    color: #FFF !important;
}

#post-296 form .form-row.place-order /*, #post-296 #payment*/,
#post-197 #payment .wc_payment_methods {
    display: none;
}

.wizard > .content > .body ul.wc_payment_methods.payment_methods.methods {
    list-style: none !important;
}

.wizard > .content > .body ul.wc_payment_methods.payment_methods.methods li {
    text-align: left;
}

.payment_box {
    margin-left: 50px;
}

/* sidebar mobile view */
@media (max-width: 980px) {

    /* footer {margin-bottom: 100px;  }*/
    footer.x-colophon.top {
        padding: 6.5% 3%;
    }

    .dea_sidebar_join_block {
        padding: 0;
        left: 0;
        position: fixed;
        bottom: 0;
        z-index: 1000;
        width: 100%;
        margin: 0;
        display: none;
    }

    .dea_join_block, .dea_support_block, .dea_follow_block {
        float: left;
        width: 33.3%;
        height: 100px;
    }

    .dea_sidebar_join_block .dea_follow_block {
        width: 33.4%;
        padding: 5px;
    }

    .dea_sidebar_join_block h2, .woocommerce-account .dea_sidebar_join_block h2, .woocommerce-checkout .dea_sidebar_join_block h2 {
        font-size: 1.2em;
        margin: 0;
    }

    .dea_sidebar_join_block .x-btn.x-btn-small {
        font-size: 12px;
    }

    #front_page_bottom .x-column.x-1-3 {
        width: 100%
    }

    #front_page_bottom .x-column.x-1-3 blockquote {
        margin-bottom: 10px
    }

    .x-navbar.x-navbar-fixed-top .searchform a.x-btn-navbar-search {
        font-size: 16px;
        font-weight: bold;
    }

    .x-navbar.x-navbar-fixed-top .masthead-right .searchbox {
        width: 50%
    }

    .x-navbar-fixed-top .responsive-logo-container {
        display: none;
    }

    .x-navbar.x-navbar-fixed-top .responsive-logo-container {
        display: block;
    }

    .x-btn.btn-join, .wpcf7-submit {
        margin-bottom: 4px;
    }

    /* .responsive-logo-container{
         display: none;}*/
}

#post-197 #nyp {
    height: 30px;
}

#post-197 .nyp {
    float: left;

    width: 100%;
}

#post-197 .nyp label {
    float: left;
    width: 45%;
    /*display: none;*/
}

#post-197 span.pre-nyp {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    background-color: #eee;
    border: 1px solid #1578be;
    border-radius: 4px 0 0 4px;
    width: 5%;
    height: 30px;
    content: '$';
    float: left;
    /*background: linear-gradient(to right, #1578be 1%,#3e8fd7 100%);*/
    background-color: #97cc4b !important;
    margin-top: 2px;
}

#post-197 .nyp span.subscription-details {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    background-color: #eee;
    border: 1px solid #1578be;
    border-radius: 0 4px 4px 0;
    width: 20%;
    float: right;
    height: 30px;
    margin-top: 2px;

    background: linear-gradient(to right, #1578be 1%, #3e8fd7 100%);
}

#post-197 .nyp #nyp {

    margin: 0;
    width: 30%;
}

#post-197 .minimum-price {
    display: none !important;
}

.nyp button {
    float: left;
}

.nyp:after {
    clear: both;
}

#post-197 form.checkout {
    clear: both;
}

#post-197 .product_meta {
    display: none;
}

#post-197 .reset_variations {
    float: right;
}

#post-197 .woocommerce-variation-add-to-cart {
    margin-bottom: 20px;
}

@media (max-width: 980px) {
    #post-197 .nyp #nyp {
        width: 85%
    }

    #post-197 span.pre-nyp {
        width: 10%;
    }

    #post-197 .nyp span.subscription-details {
        width: 100%;
        background: none;
        border: none;
        clear: both;
        color: #4C4C4D;
    }

    #post-197 .nyp label, #post-197 table.variations td {
        width: 100%;
        display: block;
    }
}

.woocommerce-checkout form .button {
    background-color: red
}

.woocommerce-checkout .nyp_error {
    background-color: #f76767;
    color: #fff;
    text-align: left;
}

.woocommerce-checkout .nyp_error h6 {
    font-weight: bold;
    color: #fff
}

.woocommerce-checkout .nyp_success h6 {
    font-weight: bold;
    color: #fff
}

.woocommerce-checkout .nyp_success {
    color: #ffffff !important;
    background-color: #97cc4b !important;
}

#eWAYBlock {
    float: left;
}

/* override woocommerce form fields from ethos so that it is better aligned in members area */

.woocommerce-account #post-7 form select, .woocommerce-account #post-7 form textarea, .woocommerce-account #post-7 form input[type="tel"], .woocommerce-account #post-7 form input[type="text"], .woocommerce-account #post-7 form input[type="email"], .woocommerce-account #post-7 form input[type="password"], .woocommerce-checkout form select, .woocommerce-checkout form textarea, .woocommerce-checkout form input[type="tel"], .woocommerce-checkout form input[type="text"], .woocommerce-checkout form input[type="email"], .woocommerce-checkout form input[type="password"] {
    float: left;
    width: 60%;
}

.woocommerce-account #post-7 label {
    float: left;
    width: 30%
}

.woocommerce-account #post-7 input[type="radio"] {
    width: 2%;
    float: left;
}

.woocommerce-account #post-7 label {
    width: 20%;
    float: left;
}

.woocommerce-account form.woocommerce-EditAccountForm .form-row-first, .woocommerce-account form.woocommerce-EditAccountForm .form-row-last {
    width: 100%
}

.woocommerce-account form.woocommerce-EditAccountForm legend {
    border-bottom: 0;
}

/* resources page */
ul.resources-navigation {
    margin-top: -35px;
    list-style: none;
}

.resources-navigation li {
    float: left;
    width: 10%;
}

#agree_support_field label.checkbox, #autorenew_subscription_field label.checkbox {
    width: 100% !important;
    text-align: left;
}

#agree_support_field label.checkbox input.input-checkbox, #autorenew_subscription_field label.checkbox input.input-checkbox {
    margin-right: 20px;
}

#agree_support_field label.checkbox label.error, #autorenew_subscription_field label.checkbox label.error {
    float: right;
}

.vision-text ul {
    margin-top: -2em
}

.wp-caption > .wp-caption-text, .wp-caption > .wp-caption-text:last-child, .gallery-item > .wp-caption-text, .gallery-item > .wp-caption-text:last-child, .caption.wp-caption-text {
    display: block;
    margin: 9px 0 5px;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    text-transform: none !important;
}

.wp-caption, .gallery-item {
    border: 0;
}

/* lightbox */

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: "Roboto", sans-serif !important;
    color: #4c4c4c;
}

/*#slb_viewer_wrap .slb_theme_slb_baseline .slb_details { display: none !important; }*/

/* styles to adjust dea donation page */

/* firstly hide the frequency div */
.subscription-details.subscription-terms {
    display: none;
}

.nyp > label {
    width: 100% !important;
}

#post-197 #nyp {
    height: 2.65em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#post-197 .product .nyp {
    margin-bottom: 0;
}

#post-197 span.pre-nyp {
    height: 2.25em;
    font-size: 20px;
    border: 0;
    margin-top: 0;
    padding: 12px !important;
}

.woocommerce div.product .summary .single_variation .price {
    margin-bottom: 0 !important;
}

/* style the description of the variation */
.woocommerce-variation-description {
    float: left;
    width: 35%;
    text-align: center;
    font-weight: bold;
}

.woocommerce-variation-description p {
    margin-bottom: 0.2em;
}

/* adjust the other fields */

/* fix select boxes */

#post-197 select, #post-296 select {
    background: rgba(0, 0, 0, 0) url("/dropdown.png") no-repeat scroll 100% center / 20px 13px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* get rid of ugly blue outline */
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
    outline: none !important;
}

.downloadable-files-list li i {
    padding-top: 4px;
}

.downloadable-files-list {
    margin-top: 1em;
}

.article .entry-content .resources_single_right_panel h2 {
    margin-top: 0.8em
}

.sidebar_resources .sidebar_resources_body > ul > li > p {
    margin-bottom: 1.4em;
}

.pre_payment_text_block {
    margin-bottom: 1em;
}

/* password strength */
.edit-account .woocommerce-password-hint {
    display: none !important;
}

.woocommerce-password-strength {
    text-align: center;
    font-weight: 600;
    padding: 3px .5em;
    font-size: 1em;
    clear: both;
}

.woocommerce-password-strength.strong {
    background-color: #c1e1b9;
    border-color: #83c373
}

.woocommerce-password-strength.short {
    background-color: #f1adad;
    border-color: #e35b5b
}

.woocommerce-password-strength.bad {
    background-color: #fbc5a9;
    border-color: #f78b53
}

.woocommerce-password-strength.good {
    background-color: #ffe399;
    border-color: #ffc733
}

.woocommerce-password-hint {
    margin: .5em 0 0;
    display: block
}

#tribe-events-pg-template {

    max-width: inherit;
}

.tribe-events-list-separator-month {
    background: #669a40;
    background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: linear-gradient(to right, #669a40 1%, #9aca3c 100%);
    color: white;
}

.woocommerce-MyAccount-navigation .x-btn.x-btn-small, .membership-actions .button.view, .order-actions .button.view, .order-actions .x-btn.x-btn-small.btn-join {
    background: #1578be;
    background: -moz-linear-gradient(left, #1578be 1%, #3e8fd7 100%);
    background: -webkit-linear-gradient(left, #1578be 1%, #3e8fd7 100%);
    background: linear-gradient(to right, #1578be 1%, #3e8fd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1578be', endColorstr='#3e8fd7', GradientType=1);
    font-weight: 100;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.order .order-actions .button.view.pay, .order-actions .order-again .x-btn.x-btn-small.btn-join {
    background-color: #97cc4b !important;
    background-image: none;
}

#billing_country_field {
    display: none;
}

.woocommerce-account form .payment_methods label, .woocommerce-checkout form .payment_methods label {
    display: inline;
}

.payment_box {
    margin-left: 32px;
}

.single-product .entry-top-navigation {
    display: none;
}

.annual-report-link {
    margin-bottom: 0.6em;
}

.single-product .summary p.price {
    display: none;
}

.woocommerce-info.x-alert.x-alert-info.x-alert-block {
    display: none;
}

.button.product_type_subscription.add_to_cart_button.subscription_change {
    background: #1578be;
    background: -moz-linear-gradient(left, #1578be 1%, #3e8fd7 100%);
    background: -webkit-linear-gradient(left, #1578be 1%, #3e8fd7 100%);
    background: linear-gradient(to right, #1578be 1%, #3e8fd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1578be', endColorstr='#3e8fd7', GradientType=1);
}

/* guest donate page */

#post-15129 .nyp {
    margin-bottom: 0;
}

#post-15129 .single_add_to_cart_button {
    margin-bottom: 1em;
}

h2.donation-heading {

    font-size: 164%;
}

/* error styles for donation page */

.woocommerce-error {
    border: 2px solid #c12228;
    padding: 0.6em 1em;
    color: #c12228;
}

.woocommerce-error li {
    margin-bottom: 0;
}

/* new styles */

.masthead-right {
    margin-top: 0px;
}

#menu-top-right {
    margin: 20px 0 5px 0;
    float: right;
}

.x-logobar, .x-navbar {

    /*background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0))!important;*/
    background: transparent !important;
    border-bottom: none !important;
}

.masthead.sticky .x-logobar, .masthead.sticky .x-navbar {
    background: #FFF !important;
}

.tp-revslider-mainul {
    width: 100% !important
}

.x-slider-container.x-container.max.width.main.below {
    max-width: 100% !important;
}

.x-slider-container .rev_slider_wrapper {
    margin-top: 0 !important;
}

body.admin-bar header.masthead {
    top: 30px;
}

.x-container.main:not(.x-row):not(.x-grid):before {
    background: transparent !important;
}

#top .masthead-inline .x-navbar .desktop .sub-menu a {
    color: #ffffff !important;
    font-weight: normal;
}

#top .masthead-inline .x-navbar .desktop li.x-active {
    background-color: #FFF !important
}

#top .masthead-inline .x-navbar .desktop li a {
    color: #FFF !important;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

#top .masthead-inline .x-navbar .desktop li.x-active > a {
    color: #444444 !important
}

/* get rid of icon in menu */
.x-navbar .desktop .x-nav li > a > span:after {
    content: "" !important;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#top .masthead.sticky .x-navbar .desktop li a, body:not(.home) #top header.masthead .x-navbar .desktop li a {
    color: #444444 !important;
}

/*#top .masthead.sticky #menu-top-right, body:not(.home) #top .masthead #menu-top-right {
    margin-top: 10px !important;
}
*/
body:not(.home) #top .masthead ul#menu-top-right i.x-icon {
    color: #333;
}

.x-navbar-inner.effect5 {
    box-shadow: none !important;
}

.x-navbar {
    background-color: transparent !important;
}

@media screen AND (min-width: 1400px) {
    .x-navbar-wrap {
        position: fixed;
        z-index: 1000;
        width: 1400px;
        left: 50%;
        margin-left: -700px;
    }
}

#custom-twitter-feeds-widget-2 .h-widget, #custom-twitter-feeds-widget-3 .h-widget, #custom-twitter-feeds-widget-3 h2 {
    display: none;
}

#custom-twitter-feeds-widget-2 .ctf-author-name, #custom-twitter-feeds-widget-2 .ctf-tweet-text, .x-sidebar.right #custom-twitter-feeds-widget-2 a,
#custom-twitter-feeds-widget-3 .ctf-author-name, #custom-twitter-feeds-widget-3 .ctf-tweet-text, .x-sidebar.right #custom-twitter-feeds-widget-3 a {
    color: #444 !important
}

#custom-twitter-feeds-widget-3 #ctf .ctf-context,
#custom-twitter-feeds-widget-2 #ctf .ctf-context {
    padding-left: 0;
}

#custom-twitter-feeds-widget-2, #custom-twitter-feeds-widget-3 {
    text-align: left
}

/* main page twitter header */
#custom_html-6 {
    margin-bottom: 0;
}

#ctf.ctf-super-narrow .ctf-tweet-content {
    max-width: 100%;
}

#menu-top-right li a {
    font-weight: bold;
    border: 0;
}

.x-slider-container .rev_slider_wrapper:before {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    z-index: 2000;
    width: 100%;
    content: "";
    height: 150px;
    position: absolute;
}

.x-social-global a i {
    font-size: 0.8em
}

.x-colophon.top {
    background-color: #4c4d4d !important;
}

footer.x-colophon.top p {
    color: #FFF !important;
}

footer .widget:before {
    display: none;
}

footer #custom_html-3 .searchform > a {
    font-size: 24px;
    margin-bottom: 70px;
}

footer #custom_html-3 p,
footer #text-6 p,
footer #text-5 p {
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.25) !important;
}

footer #text-6 p strong,
footer .social-footer a {
    color: #FFF
}

footer #custom_html-3 a {
    font-size: 16px;
}

footer .social-footer a:hover {
    color: rgba(255, 255, 255, 0.25) !important;
}

#grid-162 .tg-item {
    background: transparent !important;
}

#grid-162 .tg-item .tg-item-media-holder {
    width: 25% !important;
    float: left;
}

#grid-162 .tg-item .tg-item-content-holder {
    width: 73% !important;
    margin-left: 2%;
    float: left;
    background-color: transparent !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
}

#grid-162 .tg-item .tg-item-content-holder h2 {
    text-align: left !important;
    margin-top: 0 !important;
    color: #4C4C4C;
    fill: #4C4C4C;
}

#grid-162 .tg-item .tg-item-content-holder h2 a {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0;
    text-align: left !important;
    text-transform: none !important;
    color: #4C4C4C
}

#grid-162 .tg-item .tg-item-content-holder .tg-item-date,
#grid-162 .tg-item .tg-item-content-holder .tg-item-footer {
    display: none !important;
}

#grid-162 .articleauthor {
    display: none;
}

#grid-162 .tg-cats-holder {
    float: left;
}

#grid-162 .tg-item-media-inner {
    max-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#grid-162 .tg-item-media-holder {
    background-image: url(https://www.dea.org.au/wp-content/uploads/2016/08/News-IMAGE-DEA-Logo-On-Blue-Green.png);
    height: 160px;
    background-position: center;
    background-size: cover;
}

#grid-162 .tg-kampala-custom .tg-item-excerpt {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #4C4C4C;
    fill: #4C4C4C;
}

#grid-162 .tg-icon-add-2:before {
    content: "";
    display: none;
}

#grid-162 .tg-kampala-custom .tg-element-2 {
    height: 160px;
    min-height: 160px;
    width: 100%;
    min-width: 0;
    margin: 0;
}

#grid-162 .tg-kampala-custom .tg-element-2 .tg-icon-arrows-out:before {
    content: "";
}

/* navbar */

#top header .x-navbar .x-nav-wrap .x-nav > li > a {
    letter-spacing: inherit;
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
}

header .x-navbar .desktop .x-nav > li > a:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

header .x-navbar .desktop .x-nav > li ul {
    top: 60px;
}

#menu-top-right .tr-donate {
    background: #1578be;
    background: -moz-linear-gradient(left, #1578be 1%, #3e8fd7 100%);
    background: -webkit-linear-gradient(left, #1578be 1%, #3e8fd7 100%);
    background: linear-gradient(to right, #1578be 1%, #3e8fd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1578be', endColorstr='#3e8fd7', GradientType=1);
    padding: 6px 15px;
}

#menu-top-right .x-btn [class*="x-icon-"] {
    font-size: 24px;
}

#menu-top-right .tr-join {
    background: #669a40;
    background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%);
    background: linear-gradient(to right, #669a40 1%, #9aca3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669a40', endColorstr='#9aca3c', GradientType=1);
    padding: 6px 15px;
}

header .x-btn-navbar-search.x-btn {
    color: #FFF !important;
    border: none !important;
    margin-right: 10px;
    padding: 0;
}

/* new fixed header styles */
header.masthead {
   /* height: 160px;
*/
    position: fixed;
    height:105px;
    z-index: 9000;
    width: 100%;
}

header.masthead.sticky, body:not(.home) header.masthead {
    background-color: #FFF;
    height: 105px;
}

header.masthead.sticky .masthead-right, body:not(.home) header.masthead .masthead-right {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 0;
}

header.masthead.sticky .x-btn-navbar-search.x-btn, body:not(.home) header.masthead .x-btn-navbar-search.x-btn {
    color: #4C4C4C !important
}

#top .masthead-inline.sticky.masthead .x-navbar .desktop .sub-menu a, body:not(.home) #top header.masthead .x-navbar .desktop .sub-menu a {
    color: #FFF !important
}

footer .widget_text a {
    text-decoration: none;
}

/* all except home page put a margin on content */

body:not(.home) #top > div.main {
    margin-top: 180px;
}

@media (max-width: 979px) {
    footer {
        padding: 6.5% 3%;
    }

    #grid-162 .tg-item .tg-item-media-holder {
        width: 100% !important;
        float: left;
    }

    #grid-162 .tg-item .tg-item-content-holder {
        width: 100% !important;
        margin-left: 2%;
        float: left;
        background-color: transparent !important;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0 !important;
    }
}

.dea_featured_row .x-column {
    margin-right: 2%;
    margin-bottom: 18px;
}

/* twitter feed on main page */
#custom-twitter-feeds-widget-2,
#custom-twitter-feeds-widget-3 {
    margin-top: 0;
}

.sidebar_twitter_header.grey-gradient {
    background: #444444;
    background: -moz-linear-gradient(left, #444444 1%, #5b5c59 100%);
    background: -webkit-linear-gradient(left, #444444 1%, #5b5c59 100%);
    background: linear-gradient(to right, #444444 1%, #5b5c59 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#5b5c59', GradientType=1);
    padding: 10px 5px;
}

.sidebar_twitter_header h2 {
    font-size: 26px;
    text-align: left;
    margin-bottom: 0;

    margin-top: 0;

    margin-left: 12px;
    color: #FFF
}

.sidebar_twitter_header i {
    margin-right: 12px;
}

.ctf-header {
    display: none;
}

#top .masthead-inline .x-navbar .desktop .sub-menu, #ctf .ctf-header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#669c48+1,96cc4c+100 */
    background: #669a40; /* Old browsers */
    background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #669a40 1%, #9aca3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669a40', endColorstr='#9aca3c', GradientType=1); /* IE6-9 */
}

#ctf.ctf-text {
    color: #FFF
}

#ctf .ctf-header-img img {
    margin-top: 8px !important;
}

/***************
****************
** Side Bar **
****************
 **************/
/* shared */
.x-sidebar.right .sidebar_events a, .sidebar_resources .sidebar_resources_body > ul > li > p {
    text-align: left;
}

.sidebar_resouces, .sidebar_events {
    box-shadow: none !important;
}

/* events */

.sidebar_events .sidebar_events_body .sidebar_events_list {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* resources */
.resources_view_all {
    text-align: left;
}

.x-sidebar .resources_view_all a {
    text-decoration: underline !important;
    color: #444 !important;
    font-weight: 600;
}

.sidebar_resouces ul li i.x-icon {
    margin-right: 12px;
    font-size: 32px;
}

/***************
****************
** Front Page **
****************
 **************/

/* posts */

/* posts title */
.latest-posts-search {
    padding-top: 0 !important;
    color: #333 !important;
}

#latest-posts-title {
    padding: 0;
}

.tg-grid-area-bottom1 {
    margin-top: 20px;
}

/* icons */

.x-icon-file-pdf-o:before {
    content: "\f1c1" !important
}

.x-icon-file-audio-o:before {
    content: "\f1c7" !important
}

.x-icon-file-image-o:before {
    content: "\f1c5" !important
}

.x-icon-file-video-o:before {
    content: "\f1c8" !important
}

.x-icon-file-word-o:before {
    content: "\f1c2" !important
}

.x-icon-file-powerpoint-o:before {
    content: "\f1c4" !important
}

/* gutenberg pages styles */
body:not(.home).page article {
    background-color: #FFF;
    padding: 4% 2%;
}

@media only screen and (max-width: 1279px) and (min-width: 700px) {
    .x-nav-wrap.mobile {
        display: block;
    }

    .x-nav-wrap.mobile.x-collapsed {
        display: none;
    }
}

/* header mobile view */
@media (max-width: 980px) {
    .x-navbar-wrap {
        position: relative !important;
        width: auto !important;
        left: 0;
        margin-left: 0;
    }

    #top .masthead.sticky .x-container {
        padding: 0 2%;
    }

    header.masthead {
        position: relative !important;
        height: auto !important;
        background-color: #FFF;
    }

    .header_logo {
        max-width: inherit;
    }

    #menu-top-right {
        float: left;
        width: 80%;
    }

    #menu-top-right .x-btn, .x-btn-navbar {
        color: #333 !important;
    }

    .masthead-right .x-btn-navbar {
       /* margin-top: 8px;*/
    }

    #top .masthead.sticky .x-btn-navbar {
        margin-top: 17px;
    }

    .masthead-right {
        clear: none;
    }

    .responsive-logo-container {
        width: 50%;
        float: left;
    }

    #top .masthead.sticky #menu-top-right {
        float: left;
        padding-left:20%;
        margin-top:12px;
        width: 80%;
    }

    #top .masthead.sticky .masthead-right {
        float: right;
        width: 20%;
        clear: none;
    }
    #top .masthead.sticky #header-area #x-nav-wrap-mobile {
        top:52px;
    }
    #top .masthead.sticky .x-btn-navbar {
        color: #333
    }

    #top .masthead.sticky .x-nav-wrap.mobile {
        background-color: #FFF;
        /* clear: both; */
        /* overflow: hidden; */
        position: absolute;
        top: 35px;
        width: 100% !important;
        left: 0;
        opacity: 1 !important;
        z-index: 100000000;
    }

    #top .masthead.sticky ul#menu-main-menu-1 {
        padding: 0 25px;
    }

    #top .masthead.sticky ul#menu-main-menu-1 ul {
        margin-left: 0;
    }

}

/* new header styles */
@media only screen and (min-width: 960px)
{
    #header-area {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height:130px;
    }
    #header-area .masthead-left{width:30%;order:1;}
    #header-area #menu-top-right{width:70%;order:2;
        text-align: right;margin-top:20px;}
    #header-area .masthead-right{width:70%;order:3;}
}



@media only screen and (max-width: 1399px)
{
    #top header .x-navbar .x-nav-wrap .x-nav > li  a
    {
        color: #4C4C4C;font-family: "Roboto",sans-serif!important;
    }
    #top header .x-navbar .x-nav-wrap .x-nav > li  a:hover
    {
        color: #1578BE;
    }
    #header-area #x-nav-wrap-mobile {
        position: absolute;
        width: 100%;
        max-width:400px;
        float: left;
        right: 0px;
        z-index: 100000;
        background: rgb(255, 255, 255);
        top: 105px;}
    .x-nav-wrap.mobile:not(.x-collapsed) {display:block!important;}
    .x-navbar .mobile .x-nav {margin-top:0; }
    #x-nav-wrap-mobile{box-shadow: 0px 6px 6px #000}
    .x-navbar .mobile .x-nav ul {margin-left:0;}
    .x-navbar .mobile .x-nav ul  {margin-left:0;}
    #top header .x-navbar .x-nav-wrap .x-nav > li > ul > li a {color:#FFF;margin-bottom:2px;}

    #top header .x-navbar .x-nav-wrap .x-nav > li > ul > li a:hover {color:#FFF;text-shadow:#000;}
    #top header .x-navbar .x-nav-wrap .x-nav > li > a {margin-bottom:0;}
    #top header .x-navbar .x-nav-wrap .x-nav > li > ul > li{margin-bottom:2px;background: #669a40;
        background: -moz-linear-gradient(left, #669a40 1%, #9aca3c 100%);
        background: -webkit-linear-gradient(left, #669a40 1%, #9aca3c 100%);
        background: linear-gradient(to right, #669a40 1%, #9aca3c 100%);}
}



/* mobile styles for menu */
@media only screen and (min-width: 960px) and (max-width:1399px)
{
    #header-area {flex-direction:row;height:auto;}
    .x-nav-wrap.desktop {
        display: none;
    }

    #x-btn-navbar {
        display: block;font-size:30px;
    }
    #header-area .masthead-left{width:20%;order:1;}
    #header-area #menu-top-right{width:70%;order:2;
        text-align: right;margin-top:25px!important;}
    #header-area .masthead-right{width:10%;order:3;text-align:right;margin-top:10px!important;}
    #header-area .masthead-right #x-nav-wrap-mobile{
        text-align: left;}
    .x-btn-navbar.collapsed{color:rgba(255,255,255,1)}
    #top .masthead.sticky #menu-top-right, body:not(.home) #top .masthead #menu-top-right {margin-top:25px!important;}
    header.masthead.sticky .masthead-right .x-btn-navbar, body:not(.home) header.masthead .masthead-right .x-btn-navbar{color:#000;font-family: "Roboto",sans-serif!important;}

}

/* mobile styles for menu */
@media only screen and (max-width: 959px)
{
    #header-area #x-nav-wrap-mobile {
        top: 150px;}
    #header-area .masthead-left {width:100%}
    #header-area #menu-top-right{width:80%;order:2;
        text-align: left;margin-top:20px;}
    #header-area .masthead-right{width:20%;order:3;}
}
/* mobile styles for menu */
@media only screen and (max-width: 500px)
{
    /* mobile menu fixes */
    #header-area #menu-top-right{width:90%;}
    #header-area #menu-top-right a{margin:0;}
    #header-area .masthead-right{width:10%;}
    #menu-top-right > div {padding:0;}
    #menu-top-right .tr-join,#menu-top-right .tr-donate {padding:6px 6px;}
    #menu-top-right > div > a {font-size:1em;}

    /* mobile subpage fixes */
    .x-container > .offset {
        margin: 30px auto 35px auto;
    }
    body:not(.home) #top > div.main {
        margin-top:0;
    }
    /* front article spacing fixes */
    .tg-kampala-custom .tg-element-1 {float:left!important;clear:both;width:100%;text-align:left!important;
        margin-bottom: 10px;}
    .tg-kampala-custom [class*="tg-element-"] *:not(del)
    {
        margin-bottom:4px!important;
    }

    /* sidebar mobile fixes */
    .idea17_widget, .x-sidebar.right {margin-top:0;}
    .idea17_widget img {width:100%;}

    /* category page post list fixes */
    .list-image .post_list_image {width:100%!important;float:none;height:auto;}
    .list-image .post_list_content {width:100%!important;float:none;}
    .list-image .post_list_image .post_list_image_inner {max-height:none!important}
    .list-image .post_list_read_more {width:100%!important;float:left!important;text-align:left!important;}
    .list-image .tg-cats-holder {width:100%!important;float:left!important;text-align:left;}
    #grid-162 .tg-cats-holder {float:left!important;text-align:left;}
    .tg-cats-holder .category {white-space: nowrap}
    #menu-top-right .account-button .x-icon {font-size:18px!important;}
}

/* standard subpage post lists &=*/
.list-image .post_list_content {width:70%;float:right;text-align:left;}
.list-image .post_list_image {width: 25%;float: left;}
.list-image .post_list_image .post_list_image_inner {max-height: 160px;/*padding:20px;*/border: 2px solid #FFF;
    display: flex;
    align-items: center;
    justify-content: center;overflow:hidden;}
.list-image .post_list_read_more {
    float:right;width:20%;text-align:right;margin-right:20px;
}

.x-btn-navbar, .x-btn-navbar.collapsed {font-size:30px!important;margin-top:17px;}

#menu-top-right .account-button .x-icon {font-size:16px;}
#menu-top-right .account-button span {font-family: "Roboto",sans-serif;    margin-left: 4px;
    margin-top: 2px;}
#menu-top-right .account-button
{border: 2px solid #FFF;
    padding: 1px 10px;
    margin-bottom: 2px;}



@media only screen and (max-width: 1399px)
{
    .x-navbar-wrap  .x-navbar-fixed-top, header.masthead.sticky {position:relative;}
    .admin-bar .x-navbar-fixed-top {top:0!important;}
}