/*
 Theme Name: Dr Mark Pearce Theme
 Template: Zephyr
 Version: 1.0.0
 Text-Domain: MarkPearce
*/

/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Theme Overrides
 * =====================================================================================================================
 */

 .rev_slider, .rev_slider_wrapper {
     height: 400px !important;
 }

 .w-nav li {
     text-transform: uppercase;
 }

 h3.cta-htme-tle {
    color: #FFF;
    font-size: 35px;
    font-weight: 100;
    padding-bottom: 16px;
    margin-bottom: 5px;
    position: relative;
 }
 h3.cta-htme-tle:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 7%;
    background: #8b638d;
    height: 4px;
 }

 .home-cta p {
     color: #fff;
 }
 .home-cta p a {
     color: #cf9ed1;
 }

 .l-titlebar-content h1 {
     color: #fff;
     font-size: 3em !important;
 }
 .l-titlebar.size_medium .l-titlebar-h {
     padding: 55px 0;
 }
 .l-titlebar .g-breadcrumbs {
     color: #fff;
     font-size: 1.5em !important;     
 }
 .l-titlebar .g-breadcrumbs a {
    color: #cf9ed1 !important;
 }


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Homepage Word CLoud
 * =====================================================================================================================
 */

 .cus-tag-clde {
    text-align: center;
    max-width: 700px;
    margin: 25px auto 0
}

.cus-tag-clde>div {
    text-align: center;
    display: inline-block;
    margin: 0 6px
}

.cus-tag-clde .cus-txt-tny {
    font-size: 12px
}

.cus-tag-clde .cus-txt-sml {
    font-size: 14px
}

.cus-tag-clde .cus-txt-med {
    font-size: 16px
}

.cus-tag-clde .cus-txt-lrg {
    font-size: 19px
}

.cus-tag-clde .cus-txt-hug {
    font-size: 22px
}

.cus-tag-clde .cus-txt-pur {
    color: purple;
    font-weight: 600;
    font-size: 25px
}

.cus-tag-clde .cus-txt-ora {
    color: orange;
    font-weight: 600;
    font-size: 25px
}





/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Anatomy Map
 * =====================================================================================================================
 */

.ana-map-hld {
    position: relative
}

.ana-ele-hov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ana-ele-hov>div {
    position: absolute;
    background: url(/wp-content/uploads/2017/12/anatomy-hover.png) no-repeat;
    height: 58px;
    width: 58px;
    cursor: pointer
}

.ana-ele-hov>div:hover {
    position: absolute;
    background: url(/wp-content/uploads/2017/12/anatomy-hover.png) no-repeat;
    height: 58px;
    width: 58px
}

.ana-ele-hov>div>span {
    display: none;
    margin-top: -21px;
    position: absolute;
    text-shadow: 1px 1px 1px #FFF;
    background: rgba(255, 255, 255, .8);
    padding: 1px 4px;
    line-height: 14px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)
}

.ana-ele-hov>div:hover>span {
    display: block
}

.ana-ele-hov .ana-ele-shoulder {
    top: 15%;
    left: 33%
}

.ana-ele-hov .ana-ele-shoulder span {
    margin-top: -21px;
    margin-left: -9px
}

.ana-ele-hov .ana-ele-elbow {
    top: 29%;
    left: 58%
}

.ana-ele-hov .ana-ele-elbow span {
    margin-top: -14px;
    margin-left: 47px
}

.ana-ele-hov .ana-ele-hand {
    top: 44%;
    left: 25%
}

.ana-ele-hov .ana-ele-hand span {
    margin-top: -21px;
    margin-left: -66px
}

.ana-ele-hov .ana-ele-hip {
    top: 42%;
    left: 50%
}

.ana-ele-hov .ana-ele-hip span {
    margin-top: -8px;
    margin-left: 49px
}

.ana-ele-hov .ana-ele-knee {
    top: 65%;
    left: 49%
}

.ana-ele-hov .ana-ele-knee span {
    margin-top: -6px;
    margin-left: 53px
}

.ana-ele-hov .ana-ele-ankle {
    top: 88%;
    left: 41%
}

.ana-ele-hov .ana-ele-ankle span {
    margin-top: -6px;
    margin-left: -34px
}

.ana-con-ime {
    background: #FAFAFA;
    cursor: pointer
}

.ana-con-ime h2 {
    margin: 10px 0 0;
    background: #EFEFEF;
    padding: 10px 20px
}

.ana-con-ime ul {
    display: none
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Contact Form
 * =====================================================================================================================
 */

/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
.gform_wrapper .top_label .gfield_label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
 display: none;
}
/*** FIELD STYLING ***/
input[type=text], textarea {
 background: rgb(116, 114, 114);
 border: 1px solid #333;
 border-radius: 0;
 color: #999 !important;
 padding: 15px !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Footer
 * =====================================================================================================================
 */

.footer-top h4 {
    color: #fff;
    font-size: 18px;
    line-height: 15px;
    font-weight: 600;
    margin: 0 0 22px;
    border-bottom: 1px solid #455567;
    padding-bottom: 22px;
    position: relative;
}
.footer-top h4 strong {
    color: #ff9004;
}
.footer-top h4:after {
    content: "";
    display: block;
    background: #96aabc;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 15%;
    position: absolute;
}
.footer-top p, .footer-bottom p {
    color: #b6b8b9;
}
.footer-top p a, .footer-bottom p a {
    color: #978f97;
}