/*
Theme Name: Appoint Child Theme
Theme URI: http://www.appoint.be
Description: Professioneel afsprakenbeheer.
Author: Appoint
Author URI: 
Version: 1.3
Text Domain: framework
Domain Path: /languages
Template: appoint
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags:  afsprakenbeheer, online agenda
*/

.material-wp-logo{display:none;}

.main-navigation a {
    color: #ffffff;
}
.main-navigation .main-menu > li.current-menu-item > a {
    color: #ffffff;
}
.header-appointment-button {
    background-color: #4e615c;
	padding: 1.2rem 4rem 1.2rem 4rem;
}
#main-footer, .site-footer {
    background-color: #6e847e;
	color: #ffffff;
}
.site-footer-bottom {
    color: #ffffff;
	background-color: #4e615c;
}
.banner-image-overlay {
    background-color: #6e847e;
}
.main-navigation .main-menu > li:hover > a, .main-navigation .sub-menu, .mean-container a.meanmenu-reveal, .mean-container .mean-nav {
    background-color: #6e847e;
}
.header-address {
    line-height: 1.0;
}
.header-appointment-button:hover {
    background-color: #6e847e;
}

.header-contact-number .icon-phone {
    margin-top: -6px;
}

.isotope-item.col-sm-6.col-lg-3.dierenarts,
.isotope-item.col-sm-6.col-lg-3.dierenartsassiste {margin-top: 50px;}

.row.doctors-shortcode .col-lg-4.col-md-4.col-sm-6.text-center.doctor-wrapper {padding-bottom: 30px;}
.isotope-container.row .isotope-item.col-sm-6.col-lg-4.dierenarts {padding-bottom: 60px;}

.doctor-wrap .wpb_single_image.wpb_content_element.vc_align_center {margin-bottom:0;}
.doctor-wrap .wpb_wrapper .wpb_text_column.wpb_content_element {box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);}
.doctor-wrap .wpb_text_column.wpb_content_element {padding: 2.5rem 3rem;}

.vc_btn3-container.vc_btn3-inline button:hover {background-color: #98a9a4;}

    

/* FROM ADMIN */

html{background-color:#328ac9;}
::selection {
    background-color: #D0EEF1;
    color: #444;
}

.header-contact-number{
    max-width: 330px;
}
.header-contact-number .desktop-version {
    font-size: 20px;
}
@media (max-width: 991px){
.header-contact-number .mobile-version {
    font-size: 20px;
}
}

.fa-shower:before {
    content: "\\f043"!important;
}

.fa-tint:before {
content:url(/wp-content/themes/appoint-child/toothbrush.png)!important;
}

.opening-hours svg {
    height: 22px;
}

.opening-hours-label,
.opening-hours-content
{font-size:16px;}

.site-header-top {
    border-bottom-color: #80a098!important;
    background-color: #f2f8fc;
}

.site-header-middle .row {
    padding-top: 3.4rem;
    padding-bottom: 0;
}

.row.doctors-shortcode .col-lg-3, .row.doctors-shortcode .col-lg-4 {
    margin-bottom: 30px!important;
}

a:hover {
    color: #7FD2D9;
}

.home-features-item-image {
    display: none;
}

.tag-line {
    font-size: 28px;
    color:#80a098!important;
    line-height: 36px;
	margin-left:0;
}

.tag-line span {
    font-size: 40px;
}

.default-page {
    padding: 6rem 0;
}

.flex-direction-nav a, .scroll-top {
    background-color: #6e847e;
    border-color: #6e847e;
}

.flex-direction-nav a:hover, .scroll-top:hover {
    background-color: #2783bb;
    border-color: #2783bb;
}

.wpcf7-form .wpcf7-form-control {
    margin-top: 0;
    border-radius: 5px;
}
.contact-page {
    padding: 8rem 0 0 0;
}
.wpcf7-not-valid-tip{letter-spacing: 0!important;}
.wpcf7-not-valid{border: 1px #ff0000 solid!important;}

.home-section-header {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

/* Afgeronde hoeken */
.col-lg-3.submenus ul li.current_page_item, 
.col-lg-3.submenus,
.entry-content img,
.home-section.home-doctors img,
.doctors-single-page img,
.doctor-common figure img
{border-radius: 5px}


.single-side-content {
    border-bottom: 0;
}

button, input[type="submit"], 
.read-more,
.read-more:active,
.read-more:visited {
    background-color: #6e847e;
    border-radius:5px;
}
a.read-more:link, a.read-more:visted, a.read-more:active {background-color:#6e847e;}
.read-more:hover, .read-more:active:hover {background-color:#98a9a4;}

.single-doctor-specialities {
    display: none;
}

.home-features-item {
    border-top-color: #80A098;
}

.row.doctors-shortcode .col-lg-3,
.row.doctors-shortcode .col-lg-4
{margin-bottom:0px;}

.row.doctors-shortcode h5{margin-bottom:0;margin-top:30px;}

.main-navigation .children, .main-navigation .sub-menu{
    width:27rem;
}

.wp-caption {
    border: 0;
}

.header-address .icon-pin {
    fill: #80a098;
}
.header-contact-number .icon-phone {
    fill: #80a098;
}
.header-contact-number > span, .header-contact-number > a {
    color: #80a098!important;
}

.flexslider {
    max-height: 750px;
}

.header-address {
    max-width: 190px;
}

strong{font-weight:900;}
.entry-content img{}
.col-lg-3.submenus{background-color:#e3f4fe;
padding-top:30px;}
.col-lg-3.submenus ul li{padding:10px;}
.col-lg-3.submenus ul li.current_page_item{
    background-color:#75bfec;
}
.col-lg-3.submenus ul li.current_page_item a{
    color:#fff!important;
}
.home-doctors {
    background-color: #F2FAFB;
}
.home-features-item:hover {
    border-color: #007983;
}
.site-header-bottom{
    background-color:#80a098;
}
.home-slider-title, .home-slider-title span{
    color:#fff;text-transform: none;}
.home-slider-title{font-weight:normal;}
.home-slider-title span{font-weight:900;}
.filters-wrapper .container{display:none;}
.far.fa-calendar-alt{font-size:23px;}
.header-appointment-button{padding:1.2rem 4rem 1.2rem 4rem}
.copyright, .copyright a{color:#fff!important;}
.doctor-grid .doctor-departments a:hover {
    color: #00A5B3;
}
@media (min-width: 1200px){
.home-slider-content {
    width: 70%;
}
#header, .site-header {
    /*position: absolute;
    z-index: 3;
    width: 100%;*/
}
.home-features-item {
    /*min-height: 430px;*/
}

.home-features-item-title {
    font-size: 2.8rem;
}

.main-navigation a {
    font-weight: bold;
}
.banner{min-height: 250px;}
.home-slider + .home-features{margin-bottom: -20.2rem;}
}

@media (min-width: 992px){
.home-slider-title {
    font-size: 5.6rem;
}
.header-contact-number .desktop-version {
    font-size: 20px;
}
}