/**
 * Place your custom styles here.
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');

body{
    font-family: 'Open Sans', sans-serif;
    color: #8c8986;
}
/** NAVIGATIE */
.pull-left {
    float: none !important;
}
.navbar-default {
    background-color: white;
    border-color: white;
}
.navbar-header img{
    display: block;
}
.navbar-header .navbar-text{
    display: block;
    margin-left: 0px;
}
.navbar-header img{
    margin-left: 35px;
}
/** HEADER IMAGE */
.header-front {
    height: 300px;
    background-image:url('../images/digestieve_oncologie_background.jpg');
    background-repeat: no-repeat;
    background-size:cover;
}
/** CONTENT  */
.content{
    margin-top: 50px;
}
.foto1{
    padding-top: 5%;
    padding-right: 0px;
}
.foto2{
    padding-top: 10%;
    padding-left: 0px;
}
#dioArticle{
    float: left;
    margin-top: 20%;
}
#dioArticle h1{
    color: #8d2576;
    font-weight: 700;
    font-size: 32px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#dioArticle h2{
    font-weight: 400;
    font-style: italic;
    font-size: 19pt;
    color: #2b1d42;
    margin-top: 0px;
    margin-bottom: 0px;
}
#dioArticle a{
    font-weight: 700;
    color: white;
    background-color: #8d2576;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.melding-kader{
    border: 1px solid grey;
    padding: 20px;
    margin-top: 50px;
    text-align: center;
    float: right;
    margin-right: 29px;
}
/** FOOTER 1 */
.footer{
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 25px;
    border: none;
}
#footerbackground{
    background-color: #2b1d42;
}
#dioLogoFooter{
    width: 200px;
    height: 120px;
}
footer .region{
    margin-left: auto;
    margin-right: auto;
}
#block-contactinfo h1{
     color: #8d2576;
}
#block-contactinfo p{
    color:white;
}
#block-contactinfo2{
    color:white;
    padding-top: 70px;
    height: 210px;
}
#block-contactinfo2 a{
    color:white;
    text-decoration: none;
}
#block-webform {
    height: 210px;
}
#block-webform h1{
    color: #8d2576;
}
#block-webform p{
    color:white;
}
#edit-email{
    float: left;
    border-radius: 0px;
    width: 70%;
}
#edit-submit{
    margin-left: 10px;
    background-color: #221635;
    border: none;
    color: white;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
}
.form-group{
    margin-bottom: 0 !important;
}

/** FOOTER 2 */
#footerbottombackground{
    background-color: #221635;
}
#block-copyright{
    color: white;
}
#block-socialmedia{
    color: white;
}
#bgicon{
    color: #581e56;
}
#icon{
    color: #221635;
}
#socialmediatext{
    display: inline;
    padding-right: 10px;
    margin: 0 !important;
}
#copyrighttext{
    margin: 0 !important;
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    #block-contactinfo{
        text-align: center;
    }
    #block-contactinfo2{
        text-align: center;
    }
    #block-webform{
        text-align: center;
    }
    #edit-email{
        width: 60%;
        margin: auto;
        float: none;
    }
    #edit-submit{
        margin-left: 0px;
        margin-top: 10px;
    }
    .foto1{
        padding-top: 10%;
        padding-right: 0px;
    }
    .foto1 img{
        display: block;
        max-width: 100%;
        height: auto;
        width: 100%;
    }
    .melding-kader{
        float: left;
        margin-left: 30px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #block-contactinfo{
        text-align: center;
    }
    #block-contactinfo2{
        text-align: center;
    }
    #block-webform{
        text-align: center;
    }
    #edit-email{
        width: 60%;
        margin: auto;
        float: none;
    }
    #edit-submit{
        margin-left: 0px;
        margin-top: 10px;
    }
    .foto1{
        padding-top: 10%;
        padding-right: 0px;
    }
    .foto1 img{
        display: block;
        max-width: 100%;
        height: auto;
        width: 100%;
    }
    .melding-kader{
        float: left;
        margin-right: 35px
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    #block-contactinfo{
        text-align: center;
    }
    #block-contactinfo2{
        text-align: center;
    }
    #block-webform{
        text-align: center;
    }
    #edit-email{
        width: 60%;
        margin: auto;
        float: none;
    }
    .foto1{
        padding-top: 10%;
        padding-right: 0px;
    }
    .foto1 img{
        display: block;
        max-width: 100%;
        height: auto;
        width: 100%;
    }
    #edit-submit{
        margin-top: 10px;
    }
    .melding-kader{
        float: left;
        margin-right: 35px
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    #block-contactinfo{
        text-align: center;
    }
    #block-contactinfo2{
        text-align: center;
    }
    #block-webform{
        text-align: center;
    }
    #edit-email{
        width: 60%;
        margin: auto;
        float: none;
    }
    #edit-submit{
        margin-top: 10px;
    }
    .foto1{
        padding-top: 10%;
        padding-right: 0px;
    }
    .foto1 img{
        display: block;
        max-width: 100%;
        height: auto;
        width: 100%;
    }
}