/* LAYOUT */

/* ADM logo on accents-dialects intro page */
@media only screen and (max-width: 768px) {
  .logo-left { display:block; width:70%; max-width:480px; margin:0 auto 1em;}
}
@media only screen and (min-width: 769px) {
  .logo-left { width: 40%; float:left; margin: 0 3% 3.5em 0; }
}
@media only screen and (max-width: 940px) {
    /* ADM MENU wider on tablet and phone */
    .thc, .thc.lst {
        padding: 0 2%;
        width: 70%
    }
    /* menu size a little smaller */
    header nav ul li {
        /*font-size: .9375em !important; */
        font-size: .7375em !important;
        padding: 0 6px !important;
    }
    header nav ul li a:before {
        left: -10px !important
    }
}
@media only screen and (min-width: 941px) and (max-width: 1080px) {
    /* menu size a little smaller */
    header nav ul li {
        font-size: 1.0625em !important;
        padding: 0 10px !important;
    }
    header nav ul li a:before {
        left: -16px !important
    }
}
/* space under ADM "MENU" */
.thc.lst>p {margin-bottom: .75em; }

/* more gutter left of ADM MENU */
.thc, .thc.lst {
    padding: 0 0 0 3%;
    width: 31%
}
/* ADM MENU items not underlined */
.thc.lst a {
    display: inline-block;
    text-decoration: none;
    color: 3388bb;
    padding-left: 1.5em;
    text-indent: -1.5em; line-height: 1.2; margin-bottom:.5em;
    transition:color .3s ease-out;
}
.thc.lst a:hover {
    color: #000;
    text-decoration: underline;
}

/* HEADER NAV */

/* this is dodgey - but so is the original valign bottom */
#nav_right {
    vertical-align: middle !important;
}

/* menu stacks tighter - need a little padding for submenu */
header nav>ul.menu>li,
header nav>ul#menu>li { 
    padding-bottom:.25em !important; 
}

header nav a,
header nav a:hover { 
    text-decoration: none !important;
    letter-spacing: 0 !important;
}

header nav>ul.menu>li>a:after,
header nav>ul#menu>li>a:after {
    -webkit-transition: width, 0.3s, linear;
    -moz-transition: width, 0.3s, linear;
    transition: width, 0.3s, linear;
    border-bottom: 4px solid #33ccbb;
    content: "";
    height: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 1.75em; /* 2em */
    width: 0%
}

header nav ul li {
    font-size: 1.143em;
    padding: 0 12px;
}

header nav ul li a:before {
    content: "|";
    color: #ccc;
    left: -16px
}


/* TYPOGRAPHY */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700');

.oab input[type="text"] {
    font-family: 'Poppins','Open Sans', sans-serif;
}

.btn>span,
.btn button[type="submit"],
.btn input[type="submit"] {
    font-family: 'Poppins','Open Sans', sans-serif;
}

body {
    font-family: 'Poppins','Open Sans', sans-serif;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins','Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.2em;
    word-wrap: normal
}

.pulQ {
    border-left: 6px solid #33ccbb;
    color: #3388bb;
    font-family: 'Poppins','Open Sans', sans-serif;
}

.lrp textarea {
    font-family: 'Poppins','Open Sans', sans-serif;
}

.lrp input[type="submit"] {
    border: 1px solid #3388bb;
    color: #3388bb;
    font-family: 'Poppins','Open Sans', sans-serif;
}

.lrp input[type="text"] {
    font-family: 'Poppins','Open Sans', sans-serif;
    margin: 0% 2% 3% 0%;
    padding: 0% 0% 0% 3%;
    width: 31%
}

.cdt .cdtm {
    font-family: 'Poppins','Open Sans', sans-serif;
    font-weight: 300;
}

.cdt .cdto .cdtl {
    font-family: 'Poppins','Open Sans', sans-serif;
    font-weight: 300;
    text-transform: none
}

.cdt .cdtc {
    font-family: 'Poppins','Open Sans', sans-serif;
    font-weight: 300;
}

.mbi .mbr {
    font-family: 'Poppins','Open Sans', sans-serif;
    line-height: 1em;
}


/* COLORS */

.et_divi_builder #et_builder_outer_content .et_pb_module a {
    color: #3388bb;
}

.et_divi_builder #et_builder_outer_content .et_pb_module a:hover {
    color: #000;
}
  
.oab.blue_cta {
    background: #e7f1f7
}

.oab.blue_cta .ofr button[type='submit'],
.oab.blue_cta .ctaLink,
.oab.blue_cta .ofr input[type='submit'] {
    border: 1px solid #3388bb;
    color: #3388bb
}

.oab.blue_cta .ofr button[type='submit']:hover,
.oab.blue_cta .ctaLink:hover,
.oab.blue_cta .ofr input[type='submit']:hover {
    background: #3388bb;
}

.far.blue {
    background: #e7f1f7
}

.btn.blue {
    border-color: #3388bb;
    color: #3388bb !important
}

.btn.blue button[type="submit"],
.btn.blue input[type="submit"],
.btn.blue span {
    color: #3388bb
}

.btn.blue:hover {
    background: #3388bb;
}

.cart-contents-btn,
ul.cart-dropdown>li>a {
    border: 2px solid #3399cc;
}

.cart-contents-btn:hover,
ul.cart-dropdown>li>a:hover {
    background-color: #3399cc;
}

ul.cart-dropdown>li>a:before {
    color: #3399cc
}

.woocommerce-product-search input[type="submit"] {
    border: 2px solid #3399cc;
    color: #3399cc;
}

.woocommerce-product-search input[type="submit"]:hover {
    background-color: #3399cc;
}

.widget_shopping_cart_content .buttons .button {
    border: 2px solid #3399cc;
    color: #3399cc;
}

.widget_shopping_cart_content .buttons .button:hover {
    background-color: #3399cc;
}

ins {
    background: #fff9c4;
}

.awe {
    color: #3388bb;
}

header nav>ul.menu>li>a:after,
    border-bottom: 4px solid #33ccbb;
}

header nav ul li>ul>li a:hover {
    background-color: #e7f1f7;
    color: #3388bb;
}

#text_logo.blue a {
    color: #3388bb
}

.phone .phr,
.phone_mobile .phr {
    background: #e7f1f7;
}
.phone .apnr:before,
.phone_mobile .apnr:before {
    color: #e7f1f7;
}

.brd ul li .sel {
    color: #3388bb
}

.cnt .bSe article.sticky,
.cnt .bSe article.sticky footer {
    background: #e7f1f7;
}

.cnt .mre {
    border: 1px solid #3388bb;
    color: #3388bb;
}

.cnt .mre:hover {
    background: #3388bb;
}

.cnt .rmt {
    color: #3388bb;
}

.tagcloud a:hover {
    color: #3388bb
}

.pulQ {
    border-left: 6px solid #3388bb;
    color: #535353;
}

.pulQ.left {
    border-right: 6px solid #3388bb;
}

.page-numbers {
    border: 1px solid #3388bb;
    color: #3388bb;
}

.page-numbers.current {
    background: #3388bb;
}

.pgn a,
.pgn .dots,
.pgn span {
    color: #3388bb;
}

.pgn a:hover,
.pgn .dots:hover,
.pgn span:hover {
    background: #3388bb;
}

.bSe .pgn a,
.bSe .pgn .dots,
.bSe .pgn span {
    color: #3388bb
}

.scn ul li a {
    color: #3388bb
}

.tabs_widget .tabs li a:hover {
    color: #3388bb
}

.sAs .scTC p a {
    color: #3388bb;
}

.rw a {
    color: #3388bb;
}

.scbp a {
    color: #3388bb;
}

section[id*='rss-'] ul>li>a.rsswidget,
section[id*='rss-'] ul>li .rss-date {
    color: #3388bb;
}

.follow_me .side_body ul li a.sm.fb:hover {
    background: #3b5998
}

.follow_me .side_body ul li a.sm.twitter:hover {
    background: #1da1f3
}

.follow_me .side_body ul li a.sm.google:hover,
.follow_me .side_body ul li a.sm.g_plus:hover {
    background: #da4835
}

.follow_me .side_body ul li a.sm.linkedin:hover {
    background: #0077b5
}

.follow_me .side_body ul li a.sm.youtube:hover {
    background: #e62117
}

.follow_me .side_body ul li a.sm.rss:hover {
    background: #ff9c00
}

.follow_me .side_body ul li a.sm.dribble:hover {
    background: #f26798
}

.follow_me .side_body ul li a.sm.pinterest:hover {
    background: #d0292a
}

.follow_me .side_body ul li a.sm.vimeo:hover {
    background: #00adef
}

.follow_me .side_body ul li a.sm.is:hover {
    background: #b19b84
}

.follow_me .side_body ul li a.sm.xi:hover {
    background: #006567
}

.aut div.left .awe {
    color: #7197ad
}

.aut p>span {
    color: #3388bb
}

.cmc.byAut a {
    color: #3388bb
}

.rpl,
.crp {
    color: #3388bb;
}


.cnt article .lrp p {
    color: #3388bb
}

.lrp input[type="submit"] {
    border: 1px solid #3388bb;
    color: #3388bb;
}

.lrp input[type="submit"]:hover {
    background: #3388bb;
}

.awr.cat a {
    color: #3388bb
}

footer a {
    color: #3388bb
}

footer .fmn .copy a:hover {
    color: #3388bb
}

.fwit:hover {
    border: 1px solid #3388bb;
    opacity: 0.8
}

.fwit:hover+.entry-title a {
    color: #3388bb
}

.fwI:hover {
    border: 1px solid #3388bb
}

.thrivecb.blue {
    background-color: #e7f1f7
}

.shn.note {
    border: 1px solid #faf8d7
}

.pattern3 {
    background: #3388bb
}

.pt .pt_in.pt_hgh {
    border: 1px solid #3388bb;
    background: #e7f1f7;
}

.pt .pt_in ul.check li:before {
    content: "f058";
    color: #3388bb
}

.scfm .fb:hover {
    background: #3b5998
}

.scfm .tw:hover {
    background: #1da1f3
}

.scfm .gg:hover {
    background: #f2301c
}

.scfm .rs:hover {
    background: #ff9c00
}

.scfm .lk:hover {
    background: #0077b5
}

.scfm .dr:hover {
    background: #f26798
}

.scfm .yt:hover {
    background: #e62117
}

.scfm .vm:hover {
    background: #00adef
}

.scfm .pt:hover {
    background: #d0292a
}

.scfm .is:hover {
    background: #b19b84
}

.scfm .xi:hover {
    background: #006567
}

.scbg .scc:hover .rimc {
    border: 1px solid #3388bb;
    opacity: 0.8
}

.scbg .scc:hover h4 {
    color: #3388bb
}

.rnd:hover {
    border: 1px solid #3388bb
}

.rnd:hover a {
    opacity: .8
}

.gdl:hover .rnd {
    border: 1px solid #3388bb;
    opacity: .8
}

.gdl:hover h2 a {
    color: #3388bb
}

.btn.read {
    border: 1px solid #3388bb;
    color: #3388bb
}

.btn.read:hover {
    background: #3388bb;
}

header nav li.has-extended>ul.sub-menu li.menu-item a[href]:hover {
    background: rgba(83, 134, 163, 0.3);
    color: #3388bb
}

.has-free a:hover {
    color: #3388bb !important
}

.err a {
    color: #3388bb
}

.nsd.blue .fill-counter-inner {
    stroke: #3388bb
}

.nsd.blue .pbf {
    background: #3388bb
}

.nsd.blue.nbc .nbcnb,
.nsd.blue.nbc .nbcn,
.nsd.blue.nbc .nbcna {
    color: #3388bb
}

.nsd.blue .cdtc {
    background: #3388bb;
    color: #e7f1f7
}

.nsd.blue .cdtl {
    color: #3388bb
}

.nsd.blue .cdm {
    color: #3388bb
}

.nsd.blue .cdtd {
    background: #e7f1f7
}

.drp1.blue::first-letter {
    color: #3388bb
}

.drp2.blue::first-letter {
    background: #3388bb
}

.accs .accss .acc-h:hover {
    color: #3388bb
}

.accs .accss .acc-h:hover span:before {
    color: #3388bb
}

.accs .accss:hover {
    border: 1px solid #3388bb
}

.defhgh {
    background-color: #3388bb
}

.shortcode_tabs.horz_tabs .scT>ul.scT-tab li:hover {
    background: #e7f1f7;
    border: 1px solid #e7f1f7;
}

.shortcode_tabs.horz_tabs .scT>ul.scT-tab li:hover a {
    color: #3388bb
}

.shortcode_tabs.horz_tabs .scT>ul.scT-tab li.tS a {
    color: #3388bb
}

.shortcode_tabs.vert_tabs .scT>ul.scT-tab li.tS a {
    color: #3388bb
}

.shortcode_tabs.vert_tabs .scT>ul.scT-tab li:not(.tS):hover {
    background: #e7f1f7;
    border-color: #e7f1f7
}

.shortcode_tabs.vert_tabs .scT>ul.scT-tab li:not(.tS):hover a {
    color: #3388bb
}

.fhd .fhdt {
    color: #3388bb;
}

.mbi.blue {
    border: 2px solid #3388bb
}

.mbi.blue:hover {
    background: #3388bb
}

.mbi.blue .mbl,
.mbi.blue .mbt,
.mbi.blue .mbb {
    color: #3388bb
}

.icb.blue .icbc.icbi span:before {
    color: #3388bb
}

.icb.blue.icb2 .icbi {
    background: #3388bb
}

.icb.blue.icb2 .icbm {
    background: #3388bb
}

.scn .tmw a:hover {
    color: #3388bb
}

.rltp .rlt:hover p,
.rltpi .rlt:hover p {
    color: #3388bb
}

.rltp .rlt .rlti:before {
    color: #3388bb;
}

.rltpi .rlt:hover .rlti {
    border-color: #3388bb
}

@media only screen and (max-width: 768px) {
    header .hmn .rmn {
        border: 1px solid #3388bb;
    }
    .phone_mobile.blue .phr {
        border: 1px solid #3388bb
    }
    .phone_mobile.blue .phr .apnr,
    .phone_mobile.blue .phr span {
        color: #3388bb
    }
    .phone_mobile.blue .phr .apnr:before {
        background: #3388bb
    }
    .bSe .phone.blue .phr,
    .widget .phone.blue .phr,
    .thrive-shortcode-html .phone.blue .phr {
        border: 1px solid #3388bb
    }
    .bSe .phone.blue .phr .apnr,
    .bSe .phone.blue .phr span,
    .widget .phone.blue .phr .apnr,
    .widget .phone.blue .phr span,
    .thrive-shortcode-html .phone.blue .phr .apnr,
    .thrive-shortcode-html .phone.blue .phr span {
        color: #3388bb
    }
    .bSe .phone.blue .phr .apnr:before,
    .widget .phone.blue .phr .apnr:before,
    .thrive-shortcode-html .phone.blue .phr .apnr:before {
        background: #3388bb
    }
}

@media only screen and (max-width: 768px) {
    header nav .colch {
        color: #3388bb;
    }
    header nav ul>li>a:hover {
        background: rgba(83, 134, 163, 0.3);
        margin-bottom: 0
    }
    header nav li.has-extended a:hover {
        background: rgba(83, 134, 163, 0.3);
        color: #3388bb
    }
}