@import url('https://fonts.googleapis.com/css?family=EB+Garamond|Nunito:400,500,600&display=swap');

/*
    font-family: 'EB Garamond', serif;
    font-family: 'Nunito', sans-serif;
*/

html 
{
  scroll-behavior: smooth;
}

body
{
    overflow-x:hidden;
    font-family: 'Nunito', sans-serif;
    font-size:12pt;
    color:#8d8580;
}

h1
{    
    font-family: 'EB Garamond', serif;
    font-size:34pt;    
    margin-bottom:40px;
}

h2
{    
    font-family: 'EB Garamond', serif;
    font-size:20pt;    
    font-weight:500;
    margin-bottom:40px;
}

ul
{
    margin-left:-22px;
}


.nopadding
{
    padding:0 !important;
}
.noleftpadding
{
    padding-left:0 !important;
}

ul.gynaecologen
{
    margin-left:-20px;    
}

a
{
    color:#8d8580;
    text-decoration:underline;
}
a:hover
{
    color:#8d8580;
}

.spacer
{
    margin-top:180px;
}
.spacerXL
{
    margin-top:180px;
}
.spacerMD
{
    margin-top:100px;
}
.spaverNAV
{
    margin-top:180px;
}
.spacerFolder
{
    margin-top:100px;
}

.rowtext
{
    display:inline-block;
    text-align:left;   
}


.navbar-gyn
{
    background-color:white;
    border-bottom: solid 1px #8d8580;
    padding-top:50px;
    padding-bottom:50px;
    padding-left:100px;
}
.navbar-logo
{
    height:70px;
}
.navbar-gyn-scroll
{
    padding-top:15px !important;
    padding-bottom:15px !important;    
}

.nav-item
{
    font-family: 'Nunito', sans-serif;
    font-size: 13pt;
    font-weight:normal;
    color: #8d8580;
    margin-left:20px;
    margin-right:20px;    
}
.nav-link
{
    text-decoration:none;
}
.nav-link:hover
{
    color:#c5aa94;
}


.active a.nav-link
{
    color:#c5aa94;
}


.spaverNAV-SM
{
    margin-top:120px;
}


.teamtext h1
{
    font-size:26pt;   
}

@media (max-width: 768px)
{
    .navbar-gyn .show 
    {
        background-color: #f2ece7;        
        opacity: 0.97;
        position: fixed;
        left: 0;
        top: 0;
        width: 104%;
        min-height: 100%;
        z-index: 9999;
        padding: 150px 50px 50px 50px;
        text-align:center;
        line-height:30px;
    }

    .navbar-toggler-icon
    {
        color:#8d8580 !important;
    }
    .show
    {
        padding-top:30px;
        padding-left:0;
        margin-left:-20px;
    }
    .navbar-gyn
    {
        padding-top:20px;
        padding-bottom:20px;
        padding-left:20px;
    }
    .navbar-logo
    {
        height:50px;
    }
    .spaverNAV-SM
    {
        margin-top:80px;
    }
}

/* ---------- RIJ1 ---------------------------------------------------------------------- */



.text1
{
    margin-top:300px;
}

.toplogo
{    
    max-width:300px;
    margin-bottom:30px;
}


.rij1foto
{
    /*max-height:840px; */
	height: 85vh;
}
.copyright1
{
    color:white;
    z-index:9999;
    margin-top:-40px;
    margin-right:30px;
    font-size:0.7em;
}

.scrollrow1
{
    margin-top:-50px;
    z-index:9999;
}


/* ---------- RIJ2 ---------------------------------------------------------------------- */


.text2
{
    margin-top:200px;
}

.copyright2
{
    color:white;
    z-index:9999;
    margin-top:-35px;
    margin-left:30px;
    font-size:0.7em;
}

.copyright3
{
    color:white;
    z-index:9999;
    margin-top:-35px;
    margin-right:30px;
    font-size:0.7em;
}

@media only screen and (min-width: 768px)
{
    .rij2foto
    {
        max-height:800px;    
    }
}


/* ---------- RIJ3 ---------------------------------------------------------------------- */

.text3
{
    margin-top:80px;
    margin-right:60px;
}

.rij3 h1
{
    margin-bottom:80px;
}

.rij3foto
{
    max-height:500px;   
    margin-left:60px;
}
.rij3Lijn
{
    margin-top:-350px;
    z-index:9999;
    margin-bottom:400px;
}

/* ---------- RIJ4 ---------------------------------------------------------------------- */

.rij4
{
    padding-top:100px;
    padding-bottom:100px;
    background-color:#fbfbfb;
}

.rij4foto
{
    max-height:300px;
}

.text4
{
    padding-left:100px;
}


/* ---------- RIJ5 ---------------------------------------------------------------------- */

.rij5
{
    padding-top:80px;
    padding-bottom:80px;    
    vertical-align:bottom;
    margin-top:-125px;
}

.rij5foto
{
    max-height:300px;
}

.text5
{
    padding-top:180px;
    padding-left:100px;
}


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

.Footer
{
    background-color:#f7f7f7;
    padding-top:60px;
    padding-bottom:60px;
    margin-top:0;
}

.FooterLogo
{
    max-height:70px;
}

.text6
{
    padding-left:100px;
    font-size:0.8em;
}

.FooterLink
{
    color:#808080;
}

.SocialIcon
{
    margin-top:60px;
    height:30px;
}

@media (max-width: 768px)
{
    .SocialIcon
    {
        height:20px !important;
    }
}


.bottom-column
{
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

/* ---------- Impressionant ---------------------------------------------------------------------- */

.impressionantrow
{
    padding:20px 50px 20px 20px;
    font-size:0.7em;
}




/* ---------- Responsive LG ---------------------------------------------------------------------- */

@media only screen and (max-width: 1200px)
{
    .text1
    {
        margin-top:100px;
    }
    .text2
    {
        margin-top:60px;
    }
}

/* ---------- Responsive MD ---------------------------------------------------------------------- */

@media only screen and (max-width: 992px)
{
    .text1
    {
        margin-top:100px;
        margin-bottom:60px;
    }
    #carouselGyn
    {
        margin-right:30px;
    }
    .text2
    {
        margin-top:100px;
    }
    .spacerXL
    {
        margin-top:50px;
    }
    .text3
    {
        margin-right:0;
        margin-bottom:60px;
    }
    .rij3 h1
    {
        margin-bottom:40px;
    }
    .rij3foto
    {           
        margin-left:0;
        margin-bottom:80px;
    }
    .rij4foto
    {
        margin-bottom:60px;
    }
    .text4
    {
        padding-left:0;
    }
    .text5
    {
        padding-top:120px;        
        padding-left:0;
    }
    .spacerMD
    {
        margin-top:20px;
    }
    .FooterLogo
    {
        padding-left:50px;
        margin-bottom:30px;
    }
    .text6
    {
        padding-left:50px;
    }
}

/* ---------- Responsive SM ---------------------------------------------------------------------- */

@media only screen and (max-width: 768px)
{
    .rij1foto
    {
        margin-left:30px;
    }
    .text1
    {
        margin-top:30px;
        margin-bottom:60px;
    }
    #carouselGyn
    {
        margin-right:30px;
    }
    .text2
    {
        margin-top:100px;
    }
    .spacerXL
    {
        margin-top:50px;
    }
    .text3
    {
        margin-right:0;
        margin-bottom:60px;
    }
    .rij3 h1
    {
        margin-bottom:40px;
    }
    .rij3foto
    {           
        margin-left:0;
        margin-bottom:80px;
    }
    .rij4foto
    {
        margin-bottom:60px;
    }
    .text4
    {
        padding-left:60px;
    }
    .text5
    {
        padding-top:120px;        
        padding-left:0;
    }
    .spacerMD
    {
        margin-top:20px;
    }
    .FooterLogo
    {
        padding-left:50px;
        margin-bottom:30px;
    }
    .text6
    {
        padding-left:50px;
    }
}

/* ---------- Responsive XS ---------------------------------------------------------------------- */

@media only screen and (max-width: 576px)
{
    .smpadded
    {
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .smpadded30
    {
        padding-left:30px !important;
        padding-right:30px !important;
    }
    .smtopmargin
    {
        margin-top:0 !important;
    }

    h1
    {
        font-size:22pt;
    }
    .rij1
    {
        padding:15px;
    }
    .rij1foto
    {
        margin-left:30px;
    }
    .text1
    {
        margin-top:0px;
        margin-bottom:60px;
        margin-left:15px;
    }
    .spacer
    {
        margin-top:100px;
    }
    #carouselGyn
    {
        margin-right:30px;
    }
    .text2
    {
        margin-top:100px;        
    }
    .spacerXL
    {
        margin-top:50px;
    }
    .text3
    {
        margin-top:0;
        margin-right:0;
        margin-bottom:60px;
    }
    .rij3 h1
    {
        margin-bottom:40px;
    }
    .rij3foto
    {           
        width:80%;
        margin-bottom:60px;        
    }
    .rij4foto
    {
        margin-bottom:60px;
    }
    .text4
    {
        padding-left:30px;
        padding-right:30px;
    }
    .text5
    {
        padding-top:120px;        
        padding-left:30px;
        padding-right:30px;
    }
    .spacerMD
    {
        margin-top:20px;
    }
    .FooterLogo
    {
        padding-left:30px;
        margin-bottom:30px;
    }
    .text6
    {
        padding-left:30px;
    }
    .Footer .rowtext
    {
        margin-top:15px;
        padding: 5px 30px 5px 30px;
    }
    .teamtext
    {
        padding: 5px 30px 5px 30px;
    }
    .SocialIcon
    {
        margin-top:10px;
    }
}


/* ---------- Responsive SM ---------------------------------------------------------------------- */

.rijteam
{

}
.rijteam h1
{
    margin-bottom:40px;
}

.rijTeamLijn
{
    margin-top:-70px;
    z-index:9999;
    margin-bottom:200px;
}
.rijTeamLijnB
{
    margin-top:-270px;
    z-index:9999;
    margin-bottom:400px;
}


/* ---------- Raadplegingen ---------------------------------------------------------------------- */

.Weekdag
{
    font-family: 'EB Garamond', serif;
    font-size:3em;
}
.KalenderItem
{
    border-top: dotted 2px  #c5aa94;
    margin-top:40px;
}

table.raadplegingen
{
    color:#8d8580;
}

.borderless td, .borderless th 
{
    border: none !important;
}


@media (max-width: 768px)
{
    .KalenderItem
    {
        margin-top:20px;
    }
    table.raadplegingen td
    {
        padding-left:0;
    }
    .Weekdag
    {    
        font-size:22pt;
    }
}


/* ---------- Folders ---------------------------------------------------------------------- */

ul.GynList, .GynList-container ul
{
    list-style-image:url(/img/gyn_at_lophem-icoon-pijl-R.png);
    font-family: 'EB Garamond', serif;
    font-size:2.8em;
    margin-bottom:50px;
}
ul.GynList li, .GynList-container ul li
{
    padding-bottom:15px;
}
ul.GynList a, .GynList-container ul a
{
    text-decoration:none;
}

span.folder
{
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
    border-bottom: dotted 2px  #c5aa94;
    font-family: 'EB Garamond', serif;
    font-size:2.8em;    
}


.folderIcon
{    
    background-image:url(/img/FolderBG.png);
    background-size:cover;
    width:300px;
    height:300px;
    margin-left:auto;
    margin-right:auto;
    padding:130px 25px 25px 25px;
    margin-bottom:80px;
}
.folderIcon a
{
    text-decoration:none;
    font-size:1.4em;
}
.folderIcon a:hover
{
    color:#c5aa94;
}

.AfspraakLogo
{
    max-width:400px;
    margin-right:50px;
}


@media only screen and (max-width: 576px)
{
    .folderIcon
    {
        padding:130px 25px 25px 25px;
    }
    .AfspraakLogo
    {
        max-width:300px;
        margin-bottom:30px;
        /*margin-right:50px;
        margin-left:50px;        
        margin-top:15px;*/
    }
    ul.GynList
    {
        list-style-image:url(/img/gyn_at_lophem-icoon-pijl-R-SM.png);
        font-size:22pt;
    }
    span.folder
    {
        font-size:22pt;    
    }
}


.collapsing 
{
    -webkit-transition: none;
    transition: none;
    display: none;
}