/*
 Theme Name:   Viryon
 Theme URI:    www.flyguy.com
 Description:  Thema voor Virion.
 Author:       Ally-Webdesign
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Fly, Derm, Matta, Mandem Innit
 Text Domain:  Jams
*/

/*HEADERRRRRRRRRRRR*/
body{
    position: relative;
}
p{
    text-align: justify;
}
.relative {
    position: relative;
}
.i img{
    max-width: 200px;
    height: auto;
}
#myScrollspy{
    position: fixed;
}
body.home {
    background-image: url("img/homepage_image_nov2017.jpg");
    background-repeat: no-repeat;
    background-size: cover ;
    background-attachment: fixed;
}
a:hover{
    text-decoration: none;
}
.logo {
    position: absolute;
    top: 28px
}
.navbar-fixed-top{
    position: absolute;
    z-index: 1 !important;
}

.fixed {
   position: absolute;
 }
.navbar {
    background-color: rgba(250,250,250,0.78);
    border-bottom: 5px solid #F79646;
    z-index: 9999;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
}
.navbar-default .navbar-nav>li.current-menu-item>a {
    color: #E86F0A;
}
.pagephoto img{
    width: 100%;
}

/*FRONTPAGE*/
.logofade {
    width: 499px;
    height: 287px;
    /*border: 1px solid #95989A;*/
    position: absolute;
    top: 35%;
    left: 0%;
    /*background-color: rgba(250,250,250,0.67);*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.strapline{
    position: absolute;
    top: 60%;
    left: 60px;
    color: #000;
    text-shadow: 0 0 12px #fff;
}
#beschrijvinglogo{

}
.absolute{
    position: absolute;
}
.z-index1{
    z-index: 1;
    position: relative;
}

.z-index-low{
    z-index: -1;
}
.frontpageheader{
    min-height: 801px;
    position: relative;
}
.latestpostsbox {
    background-color: #F0EFEF;
    min-height: 530px;
    border: 1px solid #95989A;
    padding: 30px 50px;
}
.frontpagepost{
    text-align: center;
    background-color: #fff;
    padding: 20px 30px;
    border: 1px solid #95989A;
    box-shadow: -2px 3px 1px #F79646;
    max-height: 474px;
}

.frontpagefoto {
    /*overflow: hidden;*/
    /*height: 152px;*/
    /*width: 100%;*/
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.frontpagefoto img {
    width: 100%;
    height: 152px;
}
.leesmeer,
.nav-previous a,
.nav-next a
{
    position: absolute;
    bottom: 15px;
    right: 30px;
    width: 15%;
    color: #000;
    background: #fff;
    padding: 9px;
    text-decoration: none;
    font-size: 21.62px;
    border: 1px solid #95989A;
    box-shadow: -2px 3px 1px #F79646;
    text-align: center;
}
.leesmeer-modal{
    position:  relative;
    width: 150px;
    bottom: auto;
    right: auto;
    margin: auto;
}
.hoger{
    bottom: 55px;
}
.closemodal{
    color: #000;
    padding: 5px 9px;
    text-decoration: none;
    font-size: 21.62px;
    border: 1px solid #95989A;
    box-shadow: -2px 3px 1px #F79646;
    text-align: right;
    background-color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
}
.extra{
    width: 33%;
}
.frontpagefoto {
    border: 1px solid #95989A;
    min-height: 152px;
}

@media screen and (min-width: 768px) {
div.frontpagepost {
    max-height: 600px;
}
}

.posttitel{
    color: #000;
    text-decoration: none;
    font-size: 24px;
    font-weight:  bold;
    text-align:  left;
}
.frontpagetext{
    color: #6D7174;
    padding-bottom: 20px;
}

/*PAGES*/
.pagephoto {
    min-height: 300px;
}

/*POEPLEPAGE*/
.peoplefotos {
    padding: 70px 0 30px 0;

}
.peoplefotos2 {
    padding-bottom: 35px;
}
.marginbot{
    margin-bottom: 40px;
}
.midden {
    text-align: center;
}
/*PROGRAMMEPAGE*/
.contentbox{
    padding: 30px 50px 10px 20px;
}
.programmelu {
    list-style: none;
    text-align: center;
}
.nav>li>a:focus, .nav>li>a:hover{
    color: #fff;
    text-decoration: none;
    background-color: #F79646;
}
.programmeli:hover {
    background-color: #F79646;
    color: #fff;
}
.programmeli:hover a {
    color: #fff;
    text-decoration: none;

}
.nav>li>a{
    display: inline-block;
}

.programmea{
    display: block;
    padding: 9px;
    text-decoration: none;
    color: #333333;
    width: 100%;
    transition: all 0.5s ease;
}
.nav-item a{
    border: 1px solid #95989A;
}
.programmelu .nav-item:nth-child(1) a.programmea,
.programmelu .nav-item:nth-child(2) a.programmea {
    border-bottom: 0;
}
.nav-item a:nth-child(1),
.nav-item a:nth-child(2),{
    border-bottom: 0.5px solid #95989A;
    display: none;
}

.nav-previous a,
.nav-next a{
    position: relative;
    padding: 10px 40px;
    top: 10px;
    left: 0;
    right: 0;
}
.nav-next a {
    float: right;
    top: -30px;
}
#border-bottom{
    border-bottom: 0.5px solid #95989A;
}
.programmea:hover {
    text-decoration: none;
    color: #fff;
    background-color: #F79646;
}

/*a.programmea:nth-child(1),*/
/*a.programmea:nth-child(2){*/
    /*border-bottom: 0.5px;*/
/*}*/

.active{
    text-decoration: none;
    color: #fff;
    background-color: #F79646;
}
.active a{
    color: #fff;

}

.titelclass{
    text-align: center;
    font-size: 32px;
    color: #E86F0A;
}
.widget {
    text-align: center;
}
.widgettitel{
    font-weight: 500;
    margin-bottom: 0;
}
.widgettext{
    color: #95989A;
    font-size: 14px;
    text-align: center;
}
.widgethr{
    max-width: 60%;
}
.widgetcontent{
    max-width: 350px;
    text-align: justify;
    margin: 0 auto;

}
#programme {
    margin-bottom: 50px;
}

/*PARTNERSSSSSPAGEEEE*/
.contentbox2 {
    padding: 60px 90px 50px 20px;

}
.partnerswww{
    right: 47.5%;
    bottom: -17%;
}
.piwwww{
    right: 45%;
    bottom: -17%;
}
.hoofdpartnerswww{
    left: 50%;
}
/*NEWSPAGE*/
.newspost {
    border: 1px solid #95989A;
    margin: 10px 0;
    padding: 20px 25px;
    background-color: #fff;
    box-shadow: -2px 3px 1px #F79646;
    min-height: 301px;
}
.newspost:last-child {
    margin-bottom: 35px;
}
.newspost img {
    border: 1px solid #95989A;
}
.geenfoto{
    border: 1px solid #95989A;
    display: inline-block;
    min-width: 150px;
    min-height: 150px;
}
.newstitel{
    font-size: 35px;
    font-weight: bold;
    text-align: left;
}
.newscontent {
    color: #95989A;
}
.newspost p {
    color: #95989A;
}
/*SINGEPEOPLE PAGEEEEE*/


.photo-text{
    font-family: 'adelle','sans-serif';
    font-size: 18px;
    color: #333;
    padding-top: 25px;
}

.peoplecontent{
    text-align: center;
    margin: 30px auto;
}

.poepleheader {
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #F79646;
    padding-left: 1em;
}
.no-padding img{
    max-width: 60%;
    height: auto;
}
#modal {
    z-index: 99999;
}
.peoplecontent img {
    padding-right: 20px;
}
.boven{
    min-height: 88px;
}
.no-padding{
    padding: 0;
}
.modalpopup{
    display: flex;
    align-items: center;
    flex: 1;
}
h4.peopletitel img {
    margin-right: 10px;
}
h4.peopletitel i{
    margin-right: 10px;
}
.peopletitel{
}
.peopletext{
    color: #6D7174;
    max-width: 80%;
    margin: 0 auto;
}
.peoplecontent a {
    text-decoration: none;
    color: #27292B;
}
/*SINGLEPOST*/
.singlepost img {
    width: 100%;
    height: 100%;
    border: 1px solid #95989A;
    margin-bottom: 50px;
    box-shadow: -2px 3px 1px #F79646;

}
.singlepost {
    padding-top: 50px;
}
.singlecontent{
    padding: 0 15px 15px 15px;
    color: #6D7174;
}
.singletitle {
    font-size: 1.8em;
    margin-bottom: 30px;
    color: #27292B;
}
.collapsed {
    z-index: 999;
}
/*FOOTER*/

footer{
    padding: 10px 0;
    /*margin-top: 20px;*/
    min-height: 47px;
    max-width: 1024px;
    margin: 0 auto;
    background-color: #F79646;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.2em;
    position: relative;
}
.footie img{
    width: 100%;
    height: auto;
    display: inline;
    float: left;
}
.footie {
    display: flex;
}
.footerlink{
    position: absolute;
}
/*RESPONSIVEEEEEEEEE*/
@media screen and (min-width: 768px) {
    .navbar {
        display: flex;
        height: 120px;
        align-items: center;
        font-size: 1.4em;
    }
    .body {

    }
    .extrapadding{
        padding: 0 70px;
    }
    .programmea {
        width: 200px;
        max-width: 180px;
    }
}
@media screen and (max-width: 768px) {
    .newsfoto img {
        margin: 0 auto;
    }
    .newstitel {
        font-size: 25px;
    }
    .newspost{
        display: block;
    }
    .boven{
        min-height: 50px;
    }
    img.logo {
        max-height: 45px ;
        width: auto;
        top: 0;
    }
    div.logofade{
        left: 10%;
        max-height: 150px;
        width: auto;

    }
    .frontpageheader {
        min-height: 350px;
    }
    .text-right {
        text-align: center;
    }
    .frontpagepost {
        margin: 15px 0;
    }
    .partnerfotos {
        text-align: center;
    }
    .midden{
        text-align: center;
        margin: 15px 0;
        padding: 10px 0;
    }
    .leesmeer {
        position: static;
        margin: 15px 0;
    }
    .newstitel{
        padding: 15px 0;
    }
    .modal-dialog{
        width: 70%;
        margin: 0 auto;
    }
    .marginbot{
        margin-bottom: 20px;
    }
    div.peoplefotos,
    div.peoplefotos2 {
        padding-bottom: 0;
    }
    .molecule{
        display: none;
    }
    #myScrollspy{
        position: static;
    }

}

/* Utility over-rides */


.block{
    display: block;
}
.spacer{
    height: 20px;
}
.center{
    text-align:  center;
}

.footer-image,
.footie .footer-image{
    width: 35px;
    height: 35px;
}
.foogallery.fg-dark.fg-shadow-small .fg-item-inner,
.foogallery.fg-light.fg-shadow-small .fg-item-inner{
    border: 1px solid #95989A;
    box-shadow: -2px 3px 1px #F79646;
}

.youtube > iframe{
    display: block;
    margin: 20px auto 0;
    border: 1px solid #95989A;
    box-shadow: -2px 3px 1px #F79646;
}