/* 
Theme Name: Fiom Den Haag
Description: Theme made for Hello
Author: Eljany | Firma Netjes
Author URI: https://firmanetjes.nl
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.semibold p, strong{
     font-weight: 600;
}
/* menu */
.desktop-menu .sub-menu{
    margin-left: -10px!important;
    padding: 20px!important;
}
.sub-menu .menu-item a{
    padding-left:0!important;
    padding-right:0!important;
    border-left:none;
}
ul.elementor-nav-menu--dropdown a, 
ul.elementor-nav-menu--dropdown a:focus, 
ul.elementor-nav-menu--dropdown a:hover {
     border-left:none!important;
}
/* classes */
.pink{
    color:#c375a3;
}
.nomargin p{
    margin-bottom: 0!important;
}
.color-bullet span{
    color: #D071A6;
}
/* home */
.dienst-boxes .title-box{
    height: 100%;
    padding: 20px 10px;
}
.dienst-boxes .elementor-icon-box-wrapper{
   background-color: grey; 
}
.dienst-boxes .elementor-icon-box-content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.dienst-boxes .elementor-icon, 
.dienst-boxes .elementor-icon svg {
    width: 100%;
    height: auto;
}
.dienst-boxes .elementor-icon{
    padding-bottom:15px;
}
.dienst-boxes .elementor-heading-title{
    font-size: 1.4rem;
    font-weight: 600;
    color:var(--e-global-color-text);
}
.dienst-boxes a:hover .elementor-heading-title{
    color: var(--e-global-color-accent);
}
/* formulier */
.fiom-form{
    align-items: normal!important;
}
/* OUD */
.div-breed{
    flex: 0 0 100%;
}
.homebox{
    margin:10px 10px 40px;
    padding:0;
    width: calc(25% - 20px);
}
.homebox .elementor-heading-title,
.homebox .elementor-heading-title a{
    display: block;
    height: 100%!important;
    width: 100%!important;
}
.homebox.box-wide{
    width: calc(50% - 20px);
}
.homebox .elementor-widget-heading{
    height: 115px;
    width: 100%;
}
.home .homebox .elementor-widget-heading:after{
    content:"";
    display: block;
    height: 2px;
    width: 100%;
    background-color: #c3beb7;
    margin-top: 25px;
}
.homebox .elementor-widget-heading .elementor-widget-container,
.homebox .elementor-heading-title,
.homebox .elementor-heading-title a{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.homebox span{
    font-weight: 400!important;
    text-transform: uppercase;
}
.topimages div   {
   background-size: cover; 
}

.page-id-33 .elementor-global-844{
    display: none;
}
/* onbedoeld zwanger */
.page-id-15 .page-container h2,
.page-id-15 .page-container h3,
.page-id-15 .page-container h4{
    color: #5BB9D1!important;
}
/* zwangerschapsverlies */
.page-id-422 h2,
.page-id-422 h3,
.page-id-422 h4,
.page-id-21 .page-text p,
.page-id-21 h1,
.page-id-21 h2,
.page-id-21 h3,
.page-id-21 h4,
.page-id-23 .page-text p,
.page-id-23 h1,
.page-id-23 h2,
.page-id-23 h3,
.page-id-23 h4,
.page-id-25 .page-text p,
.page-id-25 h1,
.page-id-25 h2,
.page-id-25 h3,
.page-id-25 h4{
    color: #6E639A!important;
}
.page-id-422 .ctacolor,
.page-id-21 .ctacolor,
.page-id-23 .ctacolor,
.page-id-25 .ctacolor {
    fill: #6E639A;
}
/* zwangerschapsbegeleiding */
.page-id-17 .page-text p,
.page-id-17 h1,
.page-id-17 h2,
.page-id-17 h3,
.page-id-17 h4{
    color: #ECAD00!important;
}
.page-id-17 .ctacolor {
    fill: #ECAD00;
}
/* jong ouder */
.page-id-19 .page-text p,
.page-id-19 h1,
.page-id-19 h2,
.page-id-19 h3,
.page-id-19 h4{
    color: #629961!important;
}
.page-id-19 .ctacolor {
    fill: #629961;
}
/* bewust alleenstaande moeder */
.page-id-27 .page-text p,
.page-id-27 h1,
.page-id-27 h2,
.page-id-27 h3,
.page-id-27 h4{
    color: #DB6EB1!important;
}
.page-id-27 .ctacolor {
    fill: #DB6EB1;
}
/* ongewenst kinderloos */
.page-id-31 .page-text p,
.page-id-31 h1,
.page-id-31 h2,
.page-id-31 h3,
.page-id-31 h4{
    color: #965F83!important;
}
.page-id-31 .ctacolor {
    fill: #965F83;
}
/* vruchtbaarheidsproblemen */
.page-id-29 .page-text p,
.page-id-29 h1,
.page-id-29 h2,
.page-id-29 h3,
.page-id-29 h4{
    color: #DF6E70!important;
}
.page-id-29 .ctacolor {
    fill: #DF6E70;
}
.fiom-cta h2{
    font-size: 30px;
    font-family: 'Albert Sans Regular';
    font-weight: 400;
}
.fiom-cta p{
    margin-bottom: 10px;
}
/* contact */
.fluentform .ff-el-form-control:focus {
    border-color: #000;
}
.fluentform .ff-el-form-control {
    border-radius: 0;
    border-width: 0 0 1px 0;
}
/* formatting */
h2{
    margin-bottom:5px;
}
blockquote{
    margin-left: 0;
    margin-bottom: 40px;
}
blockquote p.has-medium-font-size{
    font-size: 24px!important;
    line-height: 1.2;
}
/* classes */
a:active,
a:focus {
    outline: none!important;
}
ul{
    margin-bottom: 30px;
}
.nomargin p{
    margin-bottom: 0!important;
}
.color-bullet span{
    color: #D071A6;
}
/* footer */
.elementor-location-footer a{
    color: #F7BFDE;
}

/* media rules */
@media only screen and (max-width: 768px){
.mobile-menu .elementor-nav-menu--main .elementor-nav-menu ul {
    display: block!important;
    position: relative!important;
    width:100%!important;
    padding-left: 20px!important;
}
.homebox{
    width: calc(50% - 20px);
}
.homebox.box-wide{
    width: calc(100% - 20px);
}
}
@media only screen and (max-width: 500px){
.homebox,
.homebox.box-wide{
    width: calc(100% - 20px);
}
}