/*
* Custom stylesheet for Gezondheidscentrum besselink
* Copyright 2020
* TwoRedDots webdesign
*/

body {
    background-color: #FBFBFB;
}
/*  verwijderen bij productie
    maakt tijdelijke ruimte aan onderzijde pagina
*/
.bottom-space {
    margin-bottom: 1200px;
}
.list-style-none {
    list-style-type: none;
}
.list-style-none i {
    margin-right: 5px;
}
/* NavBar */
.navbar-brand img {
    width: 200px;
    height: auto;
}
.navbar-shrink .navbar-brand img {
    width: 150px;
    height: auto;
}
#mainNav.navbar {
    background-color: rgba(130, 148, 113, 0.8);
}
#mainNav.navbar-shrink {
    background-color: #829471;
    }
/* triangle dropdown menu */
.dropdown-toggle::after {
    margin-left: .3em;
    border-top: 0.6em solid;
    border-right: .6em solid transparent;
    border-left: .6em solid transparent;
}
/* Animated dropdown */
.animate {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform(5em);
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0em);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(5em);
    -webkit-opacity: 0;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(5em);
    opacity: 0;
  }
  100% {
    transform:translateY(0em);
    opacity: 1;
  }
  0% {
    transform: translateY(5em);
    opacity: 0;
  }
}
.dropdown-menu {
    background-color: #FFF7D0;
    font-size: 0.8em;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #829471;
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
.dropdown-divider {
    border-top: 1px solid #BACFED;
}
/* Over Hennie / de Praktijk */
.parallax-indiaan {
    background: url("../images/native-american-2.jpg");
    background-position: right bottom;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
    }
.parallax-indiaan h2.section-heading {
    font-family: 'Satisfy', cursive;
    font-size: 2.8em;
    padding-bottom: 0.8em;
}
.info-praktijk p.praktijk-text {
    text-align: justify;
}
.hennie-onderschrift {
    background: url("../images/hennie-onderschrift.svg") no-repeat top left;
    height: 50px;
    margin-top: 1em;
    margin-bottom: 2em;
    margin-left: 1.5em;
    
}
/*  Tarieven */

.tarieven {
    margin-top: 2em;
}
.tarieven-center div {
    margin: 0 auto;
}
.tarieven .tarieven-border h5 {
    font-weight: 200; 
    border: #BACFED 2px solid;
    margin-top: 2em;
    padding: 0.5em;
}
.tarieven-center p {
    margin-top: 2em;
}

/* Contact */
.contact {
    margin-top: 4em;
}
.contact span {
   display: block;
   margin-bottom: 0.5em
}
.contact span i {
    margin-right: 0.5em;
}
.contact span a {
    text-decoration: none;
    color: #000;
}
.contact span a:hover {
    color: #666;
}
.google-maps-container {
    position: relative;
}
.google-maps-container img {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.google-maps-container a {
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/* Cards Services */
.card {
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.card:hover {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
    }
.card-body {
    background-color: #BACFED;
	padding: 12px 24px 8px 24px;
}
.card-title {
	font-family: 'Satisfy', cursive;
    font-size: 1.5em;
    margin-bottom: 0;
    line-height: 1.1em;
}
.material-icons {
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}
.right {
    float: right !important;
}
.left {
    float: left !important;
}
.card .card-title {
    cursor: pointer;
    margin-bottom: 10px;
}
.card .card-body .card-title {
    display: block;
}
i.right {
    margin-left: 15px;
}
i.left {
    margin-right: 15px;
}
.card .card-reveal {
    padding: 24px;
    position: absolute;
    background-color: #FFF7D0;
    width: 100%;
    overflow-y: auto;
    left: 0;
    top: 100%;
    height: 100%;
    z-index: 3;
    display: none;
}
.card .card-reveal p{
    font-size: 0.9em;
}
.waves-effect {
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
.card .card-reveal .card-title {
    cursor: pointer;
}
.card .card-reveal .btn {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
    text-transform: uppercase;
}
.btn-info {
    background-color: #BACFED;
    border: none;
}
.btn-info.focus, .btn-info:focus {
    box-shadow: none;
}
.btn-info:hover {
    background-color: #CAE2FF;
    border: none; 
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #BACFED;
    border: none;
}
a.link-btn {
    color: #1D3F71;
    text-decoration: underline;

}
a.link-btn:hover {
    text-decoration: none;
    border: #1D3F71 2px solid;
    padding: 2px 10px;
}
.portfolio-modal .modal-content h2 {
    font-family: 'Satisfy', cursive;
 
}
.portfolio-modal .modal-content p {
    text-align: left;
}

/** Footer **/
.footer {
    border-top: #CCC 1px solid;
}
.footer a {
     color: #212529;
}
.footer span a:hover {
    color: #1D3F71;
}
.footer .copyright span {
    font-size: 0.7em;
}