/*
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
*/

/* CSS FROM ADMIN THEME */
html{background-color:#003554;}

h2, .h2 {
    font-size: 2.4rem;
}

::selection {
    background-color: #D0EEF1;
    color: #444;
}
.fa-shower:before {
    content: "\\f043"!important;
}

.fa-tint:before {
content:url(/wp-content/themes/appoint-child/toothbrush.png)!important;
}

a:hover {
    color: #7FD2D9;
}

.default-page {
    padding: 6rem 0;
}

.home-features-item-image {
    display: none;
}

.vc_tta.vc_general .vc_tta-icon::before {
    color: #0471A6;
}

.header-appointment-button:hover {
    background-color: #1f597a;
    color: #fff;
}

/* ACCORDEON */
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #000;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #F1F6FA!important;
    background-color: #F1F6FA!important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, 
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: #dee9f2!important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: #e6eef4!important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {background-color: #dee9f2!important;}
/* END */

/*.home-contents{padding-top:0;padding-bottom:0;}*/

.header-address {
    max-width: 300px;
}

.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;}

/* 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}

.flex-direction-nav a {
    background-color: #003554;
    border-color: #003554;
    color: #fff;
}
.flex-direction-nav a:hover {
    background-color: #006494;
    border-color: #006494;
    color: #fff;
}

.flexslider {
    background-color: #fff;
    max-height: 450px;
}

button, input[type="submit"], 
.read-more, 
.read-more:active,
.read-more:visited {
    background-color: #245537;
    border-radius:5px;
}

button:hover, input[type="submit"]:hover, .read-more:hover {
    background-color: #4B735B;
}
.read-more:hover {background-color:#00A5B3;}

.row.doctors-shortcode .col-lg-3,
.row.doctors-shortcode .col-lg-4
{margin-bottom:50px;}

.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,
.header-contact-number .icon-phone
{
    fill: #0471A6!important;
}
.header-contact-number > span, .header-contact-number > a
{
    color: #0471A6!important;
}

.main-navigation a,
.header-appointment-button
{
    text-transform: uppercase;
}

#header, .site-header{background-color: #6CA6C9!important;}
strong{font-weight:900;}
.entry-content img{}
.col-lg-3.submenus{background-color:#F2FAFB;
padding-top:30px;}
.col-lg-3.submenus ul li{padding:10px;}
.col-lg-3.submenus ul li.current_page_item{
    background-color:#59C5CD;
}
.col-lg-3.submenus ul li.current_page_item a{
    color:#fff!important;
}
.home-doctors {
    background-color: #F2FAFB;
}
.home-features-item:hover {
    border-color: #003554;
}

.scroll-top {
    background-color: #5FA4C6;
}
.scroll-top:hover {
    background-color: #006494;
}

.site-header-bottom{background-color: #0471A6;}
.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: 340px;
}
.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;
}
}				
/* END */

html {background-color:#262D33!important;}
body.home .banner.hide-banner-text {display:none;}
nav.breadcrumb-nav {display:none;}
.banner {background-image: none!important; min-height: 0!important; padding-top: 3.5rem!important;}
.material-wp-logo{display:none;}
.main-navigation .main-menu > li.current_page_item > a, .main-navigation .main-menu > li.current-menu-item > a {color: #bfe0ff;}
.banner-image-overlay {background-color: #6CA6C9;}
.home-features {
    padding-bottom: 0;
}

.header-contact-number > span, .header-contact-number > a {
    color: #ffffff!important;
}

p.site-title a:link, p.site-title a:active, p.site-title a:visited,
h1.site-title a:link, h1.site-title a:active, h1.site-title a:visited
 {color:#fff!important;}

/* REDUX */
body {
    color: #444444;
}
body {
    background-color: #f1f6fa;
}
body {
    font-family: "Open Sans";
}
.main-navigation a {
    color: #ffffff;
}
@media (min-width: 1200px)
.main-navigation a {
    font-weight: bold;
}
.main-navigation a, .header-appointment-button {
    text-transform: uppercase;
}
.header-appointment-button {
    background-color: #003554;
}
.header-appointment-button {
    padding: 1.2rem 4rem 1.2rem 4rem;
}
.main-navigation a, .header-appointment-button {
    text-transform: uppercase;
}
.opening-hours-label, .header-social-nav a, .header-address address, .header-contact-number small, .tag-line {
    color: #ffffff;
}
.main-navigation .main-menu > li:hover > a, .main-navigation .sub-menu, .mean-container a.meanmenu-reveal, .mean-container .mean-nav {
    background-color: #318ab6;
}
.main-navigation .main-menu > li:hover > a, .mean-container a.meanmenu-reveal {
    color: #ffffff;
}
/* END */