/*
 Theme Name:   ElitePress Child
 Theme URI:    -
 Description:  ElitePress Child Theme
 Author:       S. Theuns
 Author URI:   -
 Template:     elitepress
 Version:      1.0.0
 Tags:         
 Text Domain:  elitepress-child
*/

/* CUSTOM CSS
-------------------------------------------------------------- */

/* from theme */

.header-section {
    background-image: url(/img/header27.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left 0 bottom 55px;
}

.header-section .widget {
    margin: 0 0;
}

.site-footer {
    margin: 0 !important;
    padding: 50px 0 0 !important;
    background-color: #8288bc !important;
}

.site-info {
    background-color: #b2bcef !important;
    margin: 0 !important;
    padding: 0 !important;
}

.blog-section {
    margin: 0;
    padding: 20px 0 20px !important;
}

.hc_scrollup {
    color: #ffffff !important;
}

.agentlist-wrapper ul a {
    color: white !important;
}

.mustreadimg {
    max-width: 250px !important;
}

table, td {
    border: 0 !important;
    padding: 0 !important;
}

td {
    vertical-align: top;
}

.phone-header {
    font-size: 35px !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    line-height: 71px !important;
    height: 71px !important;
}

.work-break {
    display: inline-block !important;
    width: 10px !important;
}

.socialmedia {
    max-width: 50px !important;
    padding-right: 3px !important;
    float: left !important;
}

.left-footer-image {
    max-width: 250px !important;
}

.footer-flex {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-flex-wrap: wrap !important; /* Safari */
    flex-wrap: wrap !important;
}

.footer-flex-col1, .footer-flex-col2 {
    flex-basis: 50% !important;
}

.emp-flex-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-justify-content: space-around !important; /* Safari */
    justify-content: space-around !important;
    -webkit-flex-wrap: wrap !important; /* Safari */
    flex-wrap: wrap !important;
}

.emp-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-justify-content: space-around !important; /* Safari */
    justify-content: flex-start !important;
    -webkit-flex-wrap: wrap !important; /* Safari */
    flex-wrap: wrap !important;
}

.emp-testflex-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-justify-content: space-around !important; /* Safari */
    justify-content: flex-start !important;
    -webkit-flex-wrap: no-wrap !important; /* Safari */
    flex-wrap: no-wrap !important;
}

.emp-full-specials-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-flex-wrap: no-wrap !important; /* Safari */
    flex-wrap: no-wrap !important;
}

.emp-full-specials-container > div {
    flex: 1 !important;
}

.emp-specials {
    margin-bottom: 10px !important;
}

.emp-img {
    width: auto !important;
    height: auto !important;
    max-height: 220px !important;
    float: left !important;
    background-color: #ffffff !important;
}

.emp-img-empty {
    width: 220px !important;
    height: 220px !important;
    background-color: #ffffff !important;
}

.emp {
    min-width: 340px !important;
    width: 100% !important;
    border-bottom: 2px solid #707981 !important;
}

.emp_first {
    border-top: 2px solid #707981 !important;
}

.emp table {
    border-collapse: collapse !important;
    padding: 0 !important;
}

.button_call {
    background-color: #4CAF50 !important; /* Green */
    border: none !important;
    color: white !important;
    padding: 7px 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    margin-top: 3px !important;
}

.button_call a {
    color: white !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 16px !important;
}

.button_call a:hover {
    color: white !important;
    text-decoration: none !important;
    font-size: 16px !important;
}

.button_book {
    background-color: #af0f00 !important; /* af0f00 red */
    border: none !important;
    color: white !important;
    padding: 7px 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    margin-top: 3px !important;
}

.button_chat {
    background-color: #4CAF50 !important; /* red */
    border: none !important;
    color: white !important;
    padding: 7px 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    margin-top: 3px !important;
}

.boxlink {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.flex-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-justify-content: space-around !important; /* Safari */
    justify-content: flex-start !important;
    -webkit-flex-wrap: wrap !important; /* Safari */
    flex-wrap: wrap !important;
}

.flex-container > div {
    background-color: #f1f1f1 !important;
    margin: 10px !important;
    padding: 20px !important;
    font-size: 30px !important;
    width: 320px !important;
}

.footer-mustread-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
}

.footer-mustread-flex > div {
    background-color: #f1f1f1 !important;
    margin: 2px !important;
    padding: 2px !important;
    font-size: 12px !important;
    width: 165px !important;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
}

.footer-mustread-flex > div > a > img {
    margin: auto !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.emp-specials td {
    border: 0 !important;
}

.site_title {
    font-size: 40px !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: bold !important;
    color: #e4cef4 !important;
}

.site_subtitle {
    font-family: 'Playfair Display', serif !important;
    font-size: 30px !important;
    font-weight: bold !important;
    color: #fff !important;
    padding-left: 30px !important;
}

.emp-first-col {
    width: 33% !important;
}

.emp-second-col {
    width: 33% !important;
}

.emp-third-col {
    width: 33% !important;
}

.video-responsive {
    float: left !important;
    padding-left: 8px !important;
    color: black !important;
    font-weight: bold !important;
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important;
    margin-bottom: 50px !important;
}

.video-responsive .video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.emp-testflex-container {
    width: 100% !important;
    border-bottom: 2px solid #707981 !important;
    padding-bottom: 10px !important;
}

.emp-flex-col1 {
    flex-basis: 250px !important;
    max-width: 250px !important;
    flex-shrink: 0 !important;
    text-align: center !important;
}

.emp-flex-col2 {
    flex-grow: 2 !important;
}

.emp-speciality {
    font-weight: bold !important;
    font-size: 14pt !important;
    color: #000 !important;
}

.emp-slogan {
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 18pt !important;
    font-family: 'Playfair Display', sans-serif !important;
    color: #3f5d85 !important;
}

.emp-name-and-box {
    color: #3f5d85 !important;
    font-weight: bold !important;
    font-size: 14pt !important;
}

.emp-testflex-container table:first-of-type {
    width: auto !important;
}

.show_mobile {
    display: none !important;
}

.status-avail {
    float: right !important;
    padding-right: 10px !important;
    color: green !important;
    padding-top: 10px !important;
}

.status-busy {
    float: right !important;
    padding-right: 10px !important;
    color: #af0f00 !important;
    padding-top: 10px !important;
}

.status-offline {
    float: right !important;
    padding-right: 10px !important;
    color: black !important;
    padding-top: 10px !important;
}

.btn-call {
    /*	float:right; */
    padding-right: 20px !important;
}

.btn-book {
    /*	float:right; */
    padding-right: 20px !important;
}

.fp_ubr.show_mobile {
    display: none !important;
    visibility: hidden !important;
}

/* Tarot kaarten */
.magicard-tooltip {
    padding: 20px !important;
}

div.magicard-tooltip div.magicard-description p {
    color: #ffffff !important;
}

div.magicard-tooltip div.magicard-description h3 {
    color: #c4a5d3 !important;
}

@media only screen and (max-width: 1000px) {
    .emp-full-specials-container {
        -webkit-flex-direction: column !important; /* Safari */
        flex-direction: column !important;
    }

    .site_subtitle {
        font-size: 20px !important;
        display: block !important;
        margin: 60px auto 0 !important;
        width: 280px !important;
    }
}

@media only screen and (max-width: 800px) {
    .emp-flex-container {
        -webkit-flex-direction: column !important; /* Safari */
        flex-direction: column !important;
    }

    .emp {
        width: 100% !important;
    }

    .emp-img {
        float: none !important;
        margin: auto !important;
    }

    .site_subtitle {
        font-size: 20px !important;
        display: block !important;
        margin: 60px auto 0 !important;
        width: 280px !important;
    }
}

@media only screen and (max-width: 800px) {
    /* block-13 is momenteel (15-03-2022) het id waarin de site_title zit
    Deze moet op mobiel de volle breedte krijgen, maar dat lukt niet via wordpress
    Dit id KAN wijziging, dan opnieuw hierin zetten*/
    #block-13 {
        float: none !important;
        width: 95% !important;
        display: block !important;
    }
    /* bexecphp-2 is momenteel (15-03-2022) het id waarin het tel nr van de header zit
    Deze moet op mobiel de volle breedte krijgen, maar dat lukt niet via wordpress
    Dit id KAN wijziging, dan opnieuw hierin zetten*/
    #execphp-2 {
        float: none !important;
        width: 85%;
        display: block !important;
    }
    /* block-8 is momenteel (15-03-2022) het id waarin de how does it work van de header zit
    Deze moet op mobiel de volle breedte krijgen, maar dat lukt niet via wordpress
    Dit id KAN wijziging, dan opnieuw hierin zetten*/
    #block-8 {
        float: none !important;
        width: 85% !important;
        display: block !important;
        margin-left: 5px !important;
    }
    .fp_ubr.show_mobile {
        display: inline-block !important;
        visibility: visible !important;
    }

    .fp_ubr.hide_mobile {
        display: none !important;
        visibility: hidden !important;
    }

    .site_title {
        font-size: 23px !important;
        text-align: center !important;
    }

    .site_subtitle {
        font-size: 20px !important;
    }

    .phone-header {
        font-size: 20px !important;
        font-weight: bold !important;
        line-height: 40px !important;
        height: 40px !important;
    }

    .work-break {
        display: block !important;
    }

    /*header blok afb Barb*/
    #media_image-3 {
        display: none !important;
    }

    /*header blok status*/
    #custom_html-3 {
        width: 100% !important;
    }

    .hide_mobile {
        display: none !important;
    }

    .tt {
        display: none !important;
    }

    .video-responsive iframe {
        height: auto !important;
        width: 95% !important;
    }

    .socialmedia {
        max-width: 60px !important;
    }

    .left-footer-image {
        width: 350px !important;
    }

    .footer-mustread-flex > div {
        margin: 2px !important;
        margin-top: 8px !important;
        padding: 2px !important;
        width: 100% !important;
        font-size: 15px !important;
    }

    .emp-testflex-container {
        flex-direction: column !important;
        padding-bottom: 20px !important;
    }

    .emp-flex-col1 {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .emp-flex-col1 img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .emp-name-and-box {
        font-size: 18pt !important;
        display: block !important;
        text-align: center !important;
    }

    .emp-speciality {
        display: block !important;
        text-align: center !important;
    }

    .emp-slogan {
        font-size: 15pt !important;
        text-align: center !important;
        display: block !important;
    }

    .show_mobile {
        display: block !important;
        visibility: visible !important;
    }

    .status-avail-mobile {
        padding: 15px 0 10px 0 !important;
        color: green !important;
        font-weight: bold !important;
        font-size: 16pt !important;
        display: inline-block !important;
    }

    .status-busy-mobile {
        padding: 15px 0 10px 0 !important;
        color: #af0f00 !important;
        font-weight: bold !important;
        font-size: 16pt !important;
        display: inline-block !important;
    }

    .status-offline-mobile {
        padding: 15px 0 10px 0 !important;
        color: black !important;
        font-weight: bold !important;
        font-size: 16pt !important;
        display: inline-block !important;
    }

    .btn-call-mobile {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 8px !important;
        display: block !important;
    }

    .button_book, .button_call, .button_chat {
        width: 100% !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 10px !important;
        font-weight: bold !important;
        line-height: 35px !important;
    }

    .button_book {
        margin-top: 20px !important;
    }

    .btn-book-mobile {
        /*padding-right: 45px;
        width: 85%;*/
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 8px !important;
        display: block !important;
    }

    .status-call-block {
        text-align: center !important;
        display: block !important;
        margin-top: 15px !important;
    }
}

body {
    background: linear-gradient(135deg, #e4cef4, white 60%, white) !important;
}

#wrapper {
    background: none !important;
}

a {
    text-decoration: underline !important;
}

/* Menu Colors */
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #8744ad !important;
}

.navbar-default .navbar-nav > .active > a {
    color: #8744ad !important;
}

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a {
    border-top: 2px solid #8744ad !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-top: 1px solid #8288bc !important;
}

/* Background Colors */
.header-info, .flex-btn:after, .btn1, .section-title, .page-title-section, .service-area:hover .service-box, .project-btn:after, .view_all_project_button:hover, .pager a.selected, .client-pager a.selected, .project-btn:after, .detail-btn:after, .entry-date, .sidebar-widget-tags a:hover, .shortcode-btn-solid, .hc_scrollup, .tagcloud a:hover, .post-password-form input[type="submit"]:hover, .error_404 > p > a, #blogdetail-btn, #blogdetail-btn:hover, #blogdetail-btn:focus,
.contact-btn, .contact-btn:hover, .contact-btn:focus, .blog-seprator, .more-link:hover, .more-link:active, .widget table caption, ins, mark,
.team-area .team-social li:hover, .team-area .team-social li:focus, .paginations .page-numbers.current, .paginations a:hover, .paginations a:focus,
.reply a:hover, .flexslider .flex-next:hover, .flexslider .flex-prev:hover,
.wpcf7-form .wpcf7-submit, .wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus {
    background-color: #8744ad !important;
}

.header-info {
    background-color: transparent !important;
}

/* Font Color */
a, .site-logo h1, .site-logo h1 > a, .widget ul > li > a:hover, .widget ul > li > a:focus, .service-btn a:hover, .service-area h4 > a:hover, .features-area:hover h4 > a, .entry-header .entry-title > a:hover, .entry-meta a, .entry-meta a:hover, .entry-meta a:focus, .team-area h5, .port-more-link:hover, .static-client-area h3 > span, .post-content li > i, .post-content li:hover a, .contact-detail address > span > a:hover, .error_404 h4, .page-title a, .portfolio-tabs li.active > a, .portfolio-tabs li > a:hover,
.widget table #next a:hover, .widget table #prev a:hover, .widget table tbody a:hover, .widget table tbody a:focus,
.site-logo h1, .site-logo h1 > a, .site-footer .widget ul > li > a:hover, .footer-menu-links li > a:hover, .archive-title, tbody a, p a, dl dd a, .contact-icon i, .author-name .designation, .site-footer .widget-title:after, .static-client-area .designation:before, .portfolio-detail-info p small, .portfolio-detail-info p small a, .blog-tags a, .blog-blockquote blockquote > small, p.wp-caption-text a, .comment-date, .comment-date a, .blog-description p a {
    color: #8744ad !important;
}

.header-section {
    border-bottom: 7px solid #3f5d85 !important;
}

.navbar-default {
    background-color: white !important;
    border-color: transparent !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #e6d2f5 !important;
}

.navbar-nav > li > a {
    padding: 15px 18px !important;
}

/* custom css */
.bg-white {
    background-color: #fff !important;
    border: 0 none !important;
}

.header-section {
    background-image: url(https://www.barbara-psychicmedium.com/wp-content/uploads/2018/04/barbara-header10.png), url(/img/header27.png);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, cover;
    background-position: right 0 top 0px, left -3vw;
}

.mustreadimg {
    max-width: 250px !important;
}

table, td {
    border: 0 !important;
    padding: 0 !important;
}

td {
    vertical-align: top;
}

/* HEADER CUSTOMISATION */
#available_agents {
    /*background-color: rgba(255,255,255,0.30);*/
    padding: 10px !important;
}

.phone-header {
    font-size: 35px !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    line-height: 71px !important;
    height: 71px !important;
}

a.cta-header {
    display: block !important;
    width: 100% !important;
    background: #ffffff !important;
    color: #8744ad !important;
    margin: 35px 0 !important;
    text-align: center !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    line-height: 50px !important;
    font-weight: 700 !important;
}

a.cta-header::after {
    font-family: FontAwesome !important;
    content: "\f098" !important;
    margin-left: 15px !important;
    font-size: 30px !important;
    line-height: 47px !important;
}

/* LOGIN BTN HEADER*/
div.phone-header .login_btn_header {
    position: relative !important;
    right: -15px !important;
    top: -20px !important;
    width: 50% !important;
    height: 45px !important;
    line-height: 40px !important;
    border: 0 !important;
    background-color: #8744ad !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 14pt !important;
    font-family: 'Lato' !important;
    z-index: 9999998 !important;
}

/* How does it work BTN HEADER*/
.hdi_btn_header {
    width: 50% !important;
    height: 45px !important;
    line-height: 40px !important;
    border: 0 !important;
    background-color: #8744ad !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 14pt !important;
    font-family: 'Lato' !important;
    z-index: 9999998 !important;
    margin: auto;
    display: block;
}

/* SYNASTRY BTN HEADER*/
.synastry_btn_header {
    position: relative !important;
    right: -110px !important;
    top: 0 !important;
    width: 50% !important;
    height: 45px !important;
    border: 0 !important;
    background-color: #8744ad !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 11pt !important;
    font-family: 'Lato' !important;
    z-index: 9999998 !important;
}

/* NO RISK */
div.phone-header a.no-risk {
    position: relative !important;
    right: -130px !important;
    top: 0 !important;
    z-index: 9999999 !important;
    /*transform: rotate(20deg);
     * display: inline-block;*/
}

/* UBR */
div.fp_ubr {
    background-color: #8744ad !important;
    color: #ffffff !important;
    display: block !important;
    width: 100% !important;
    /*height: 60px;*/
    line-height: 60px !important;
    text-align: center !important;
    margin-top: 50px !important;
}

div.fp_ubr a {
    color: #ffffff !important;
}

a span strong span.ubr {
    text-transform: uppercase !important;
}

.ubr1 {
    margin: 0 20px 0 0 !important;
}

.ubr2 {
    margin: 0 20px !important;
}

.ubr3 {
    margin: 0 0 0 20px !important;
}

.ubr1:before,
.ubr2:before,
.ubr3:before {
    font-family: FontAwesome;
    content: "\f00c";
    padding-right: 10px !important;
}

h3.intro {
    font-size: 24px !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: bold !important;
    margin: 15px 0 !important;
}

p.intro {
    color: #000000;
}

.work-break {
    display: inline-block !important;
    width: 10px !important;
}

.socialmedia {
    max-width: 50px !important;
    padding-right: 3px !important;
    float: left !important;
}

.left-footer-image {
    max-width: 250px !important;
}

.widget.widget_media_image img.image.wp-image-881.float-right.attachment-full.size-full {
    position: relative !important;
    right: 0 !important;
}

.footer-flex {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-flex-wrap: wrap !important; /* Safari */
    flex-wrap: wrap !important;
}

.footer-flex-col1, .footer-flex-col2 {
    flex-basis: 50% !important;
}

.emp-flex-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-justify-content: space-around !important; /* Safari */
    justify-content: space-around !important;
    -webkit-flex-wrap: wrap !important; /* Safari */
    flex-wrap: wrap !important;
}

.emp-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-justify-content: space-around !important; /* Safari */
    justify-content: flex-start !important;
    -webkit-flex-wrap: wrap !important; /* Safari */
    flex-wrap: wrap !important;
}

.emp-testflex-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-justify-content: space-around !important; /* Safari */
    justify-content: flex-start !important;
    -webkit-flex-wrap: no-wrap !important; /* Safari */
    flex-wrap: no-wrap !important;
    padding: 20px 0 !important;
}

.emp-full-specials-container {
    display: -webkit-flex !important; /* Safari */
    display: flex !important;
    -webkit-flex-wrap: no-wrap !important; /* Safari */
    flex-wrap: no-wrap !important;
}

.emp-full-specials-container > div {
    flex: 1 !important;
}

.emp-specials {
    margin-bottom: 10px !important;
}

.emp {
    min-width: 340px !important;
    width: 100% !important;
    border-bottom: 2px solid #707981 !important;
}

.emp_first {
    border-top: 2px solid #707981 !important;
}

.emp table {
    border-collapse: collapse !important;
    padding: 0 !important;
}

.button_call {
    background-color: #4CAF50 !important; /* Green */
    border: none !important;
    color: white !important;
    padding: 7px 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    margin-top: 3px !important;
}

.button_book {
    background-color: #af0f00 !important; /* af0f00 red */
    border: none !important;
    color: white !important;
    padding: 7px 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    margin-top: 13px !important;
}

.button_book.reading {
    float: left !important;
}

.button_chat {
    background-color: #4CAF50 !important; /* red */
    border: none !important;
    color: white !important;
    padding: 7px 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    margin-top: 3px !important;
}

/*.flex-container {
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-around !important;
	justify-content: flex-start !important;
	-webkit-flex-wrap: wrap !important;
	flex-wrap:         wrap !important;
}
.flex-container > div {
  background-color: #f1f1f1 !important;
  margin: 10px !important;
  padding: 20px !important;
  font-size: 30px !important;
	width: 320px !important;
}
.footer-mustread-flex {
  display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-around !important;
}*/
.footer-mustread-flex > div {
    background-color: #f1f1f1 !important;
    margin: 2px !important;
    padding: 2px !important;
    font-size: 12px !important;
    width: 165px !important;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
}

.footer-mustread-flex > div > a > img {
    margin: auto !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.emp-specials td {
    border: 0 !important;
}

.site_title {
    font-size: 40px !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: bold !important;
    color: #e4cef4 !important;
}

.site_subtitle {
    font-family: 'Playfair Display', serif !important;
    font-size: 30px !important;
    font-weight: bold !important;
    color: #fff !important;
    padding-left: 0 !important;
}

.emp-first-col {
    width: 33% !important;
}

.emp-second-col {
    width: 33% !important;
}

.emp-third-col {
    width: 33% !important;
}

.video-responsive {
    float: left !important;
    padding-left: 8px !important;
    color: black !important;
    font-weight: bold !important;
}

.emp-testflex-container {
    width: 100% !important;
    border-bottom: 2px solid #707981 !important;
    padding-bottom: 20px !important;
}

.emp-flex-col1 {
    flex-basis: 250px !important;
    max-width: 250px !important;
    flex-shrink: 0 !important;
    text-align: center !important;
}

.emp-flex-col2 {
    flex-grow: 2 !important;
}

.emp-speciality {
    font-weight: bold !important;
    font-size: 14pt !important;
    color: #000 !important;
}

.emp-slogan {
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 18pt !important;
    font-family: 'Playfair Display', sans-serif !important;
    color: #3f5d85 !important;
}

.emp-name-and-box {
    color: #3f5d85 !important;
    font-weight: bold !important;
    font-size: 14pt !important;
}

.emp-testflex-container table:first-of-type {
    width: auto !important;
}

.status-avail {
    float: right !important;
    padding-right: 10px !important;
    color: green !important;
    padding-top: 10px !important;
    position: relative !important;
    top: -25px !important;
    text-transform: uppercase !important;
}

.status-busy {
    float: right !important;
    padding-right: 10px !important;
    color: #af0f00 !important;
    padding-top: 10px !important;
    position: relative !important;
    top: -25px !important;
    text-transform: uppercase !important;
}

.status-offline {
    float: right !important;
    padding-right: 10px !important;
    color: #000000 !important;
    padding-top: 10px !important;
    position: relative !important;
    top: -25px !important;
    text-transform: uppercase !important;
}

.btn-call {
    padding-right: 20px !important;
    /*	float:right;
        position: relative;
        top: -57px; */
}

.btn-book {
    padding-right: 20px !important;
    margin-bottom: 20px !important;
    /*	float:right;
        position: relative;
        top: -57px; */
}

/* SIDEBAR CUSTOMISATIOM */
.sidebar-widget {
    margin-bottom: 40px !important;
    margin-top: 0 !important;
    overflow: hidden !important;
    padding: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 1px solid #3f5d85 !important;
    padding-bottom: 30px !important;
}

.sidebar-section-right {
    border-left: none !important;
    margin-top: 0px !important;
    margin-bottom: 70px !important;
    margin-left: 0 !important;
    background: #ffffff !important;
    margin-top: 50px !important;
    padding: 20px !important;
    clear: both !important;
}

h3.widget-title {
    color: #8744ad !important;
    font-family: 'Lato', Sans-serif !important;
    font-size: 16px !important;
    line-height: 27px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.textwidget.custom-html-widget ol.sidebar li {
    color: #000000 !important;
}

a.boxlink.sidebar_btn {
    display: inline-block;
    width: 90% !important;
    height: 50px !important;
    line-height: 50px !important;
    background-color: #c8a8e1 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center !important;
    font-weight: 700 !important;
    text-transform: none !important;
    float: left !important;
    text-decoration: none !important;
    border-bottom: 2px solid #e7d3f5 !important;
    margin: 8px 0 !important;
}

.textwidget.custom-html-widget a.sidebar_btn {
    display: inline-block !important;
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    background-color: #8744ad !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

a.boxlink.sidebar_btn:hover {
    color: rgba(255, 255, 255, 1);
}

.textwidget.custom-html-widget a.sidebar_btn:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.textwidget.custom-html-widget p.sidebar strong {

}

.agentlist-wrapper ul a {
    color: white !important;
}

@media only screen and (max-width: 1000px) {
    .emp-full-specials-container {
        -webkit-flex-direction: column !important; /* Safari */
        flex-direction: column !important;
    }
}

@media only screen and (max-width: 800px) {
    .emp-flex-container {
        -webkit-flex-direction: column !important; /* Safari */
        flex-direction: column !important;
    }

    .emp {
        width: 100% !important;
    }

    .site_title {
        font-size: 28px !important;
    }

    .site_subtitle {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 500px) {
    .site_subtitle {
        margin: 30px auto 0 !important;
    }
}

@media only screen and (max-width: 800px) {
    .header-section {
        background-image: none, url(/img/header27.png) !important;
        background-repeat: no-repeat, no-repeat !important;
        background-size: auto 100%, cover !important;
        background-position: right 0 top 0px, left -3vw !important;
    }

    div.phone-header a.no-risk {
        display: none !important;
        visibility: hidden !important;
    }

    div.phone-header .login_btn_header {
        display: block !important;
        width: 90% !important;
        top: 15px !important;
        margin-bottom: 30px !important;
        border: 1px solid white !important;
        /*position: unset !important;
        top: auto !important;
        left: auto !important;*/

    }

    /* How does it work BTN HEADER*/
    .hdi_btn_header {
        position: relative !important;
        right: 3px !important;
        margin: auto !important;
        display: block !important;
        width: 90% !important;
        top: 55px !important;
        margin-bottom: 10px !important;
        border: 1px solid white !important;
        /*position: unset !important;
        top: auto !important;
        left: auto !important;*/
    }

    .synastry_btn_header {
        position: relative !important;
        right: 4px !important;
        margin: auto !important;
        display: block !important;
        width: 90% !important;
        top: 50px !important;
        margin-bottom: 10px !important;
        border: 1px solid white !important;
    }

    .ubr, .ubr1, .ubr2, .ubr3 {
        margin: 0 !important;
    }

    div.fp_ubr {
        text-align: left !important;
        padding: 20px !important;
        margin-top: 20px !important;
        line-height: 30px !important;
    }

    .site_title {
        font-size: 28px !important;
    }

    .site_subtitle {
        font-size: 20px !important;
    }

    .phone-header {
        font-size: 20px !important;
        font-weight: bold !important;
        line-height: 40px !important;
        height: 40px !important;
        text-align: center !important;
    }

    .work-break {
        display: block !important;
    }

    /*header blok afb Barb*/
    #media_image-3 {
        display: none !important;
    }

    /*header blok status*/
    #custom_html-3 {
        width: 100% !important;
    }

    .hide_mobile {
        display: none !important;
    }

    .video-responsive iframe {
        height: auto !important;
        width: 95% !important;
    }

    .socialmedia {
        max-width: 60px !important;
    }

    .left-footer-image {
        width: 350px !important;
    }

    .footer-mustread-flex > div {
        margin: 2px !important;
        margin-top: 8px !important;
        padding: 2px !important;
        width: 249px !important;
        font-size: 15px !important;
    }

    .emp-testflex-container {
        flex-direction: column !important;
        padding-bottom: 20px !important;
    }

    .emp-flex-col1 {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .emp-flex-col1 img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .emp-name-and-box {
        font-size: 18pt !important;
        display: block !important;
        text-align: center !important;
    }

    .emp-speciality {
        display: block !important;
        text-align: center !important;
    }

    .emp-slogan {
        font-size: 15pt !important;
        text-align: center !important;
        display: block !important;
    }

    .show_mobile {
        display: block !important;
        visibility: visible !important;
    }

    .status-avail-mobile {
        color: green !important;
        font-weight: bold !important;
        font-size: 16pt !important;
    }

    .status-busy-mobile {
        color: #af0f00 !important;
        font-weight: bold !important;
        font-size: 16pt !important;
    }

    .status-offline-mobile {
        color: black !important;
        font-weight: bold !important;
        font-size: 16pt !important;
    }

    .status-call-block {
        text-align: center !important;
        display: block !important;
        margin-top: 0 !important;
    }

    .phone-header a {
        color: #ffffff !important;
        font-size: 28px !important;
        text-decoration: none !important;
    }

    a.boxlink.sidebar_btn {
        width: 100% !important;
    }

    .col-md-8 {
        clear: both !important;
    }
}
@media only screen and (max-width: 480px) {
	.site_title {
		font-size: 20px !important;
	}
	.site_subtitle {
		font-size: 18px !important;
	}
    div.phone-header a {
        font-size: 26px !important;
    }
}