.main-containercontainer-fluid .row {
  margin-left:5%;
  margin-right:5%;
}

.main-containercontainer-fluid .field--item .row {
    margin-left: -60px;
    margin-right: -15px;
}

.field--name-body {
    margin-left: -48px;
}

.group-middle .field--name-body {
    margin-left: 5px;
}

.views-field-field-anker a {
    font-size: 100%;
    line-height: 180%;
    font-weight: 700;
}

.views-field-field-anker a:hover {
    color: #fff;
    background: #70237F;
    padding: 5px;
    text-decoration: none;
    border-radius: 5px;
}

.field--name-field-winkel, .field--name-field-prijs {
    margin-bottom: 30px;
    color: #70237F;
}

.field--name-field-winkel .field--item, .field--name-field-prijs .field--item{
    color: #000;
}

.fa-app-store-ios, .fa-google-play, .fa-coins, .fa-child {
    color: #70237F;
    font-size: 22px;
    vertical-align: middle;
    margin: 5px 0;
}

.views-field-field-prijs {
    margin: 15px 25px;
}


.appimage {
    margin-bottom: 25px;
}

#edit-field-winkel-value--wrapper, #edit-field-prijs-value--wrapper {
    width: 100%;
}
.views-field-field-leeftijdscategorie {
    margin-top: 10px;
    margin-left:0px;
}

.svg-inline--fa.fa-w-16, .svg-inline--fa.fa-w-12,.svg-inline--fa.fa-w-14 {
    width: 1.75em;
}

.paragraph .field--name-field-inhoud img {
    border-radius: 5px;
    margin: 5px;
    max-width: 50%;

}

.leeftijdscategorie {
    padding: 0 10px 0 65px;
    font-size: 90%;
    background: url(http://codescooljr.be/themes/Junior/images/child-solid.svg) no-repeat;
    background-position: 30px 0;
    background-size: 20px;
    min-height: 30px;
}



.allevaardigheden {
    font-size: 90%;
    overflow: hidden;
}

.fiche .views-field-field-image {
    height: 50%;
}

.fiche {
    overflow: hidden;
}

.field--type-fontawesome-icon {
    font-size: 20px;
}


#block-banner {
  
    z-index: 0;
}

/*
.group-right .field--name-field-prijs .field--label {
    position: relative;
    padding-left:40px;
    padding-top:5px;
}
.group-right .field--name-field-prijs .field--label:before {
    position: absolute;
    top:0;
    left:0;
    content: " ";
    background: url(http://codescooljr.be/themes/Junior/images/coins-solid.svg);
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    margin: 2px;
    float: left;
    
}

*/

#block-junior-main-menu, #block-junior-account-menu {
  z-index:1000;
}

.field--name-body img {
    margin: 0 10px 10px 10px;
    border-radius: 5px;
}

#block-aanmelden {
    margin-top: 20px;
}

/* foto galerij  */

.field--name-field-beschikbaar-vanaf, .field--name-field-informatie {
    MARGIN-LEFT: 10px;
}

.field--name-field-foto {
   /* margin-left: auto;
    margin-right: auto;
    width: 90%; */
    padding-top: 15px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background: #FFFFFF;
    border-bottom: 15px #fff solid;
    border-radius: 5px;
   
}

.field--name-field-foto img.img-rounded.img-responsive {
    width: auto;
    max-height: 160px;
    text-align: center;
    margin: 0 auto;
}

.field--name-field-informatie {
    clear: both;
    font-style: italic;
    color: #70237F;
    clear: both;
    font-size: 90%;
    background: url(http://codescooljr.be/themes/Junior/images/child-solid.svg) no-repeat;
    background-position: 2px 0;
    background-size: 20px;
    min-height: 30px;
    padding-left: 25px;
    padding-top: 4px;
    margin-top:10px;
}



.paragraph.paragraph--type--gallerij {
    width: 22%;
    margin: 1% 1% 2% 1%;
    border-radius: 5px;
    border: 1px solid #2fbbef;
    height: 350px;
    float: left;
    background: #f5f5f5;
  
    position:relative;
}

.field.field--name-field-info {
    position: absolute;
    /* width: 300px; */
    width: 30px;
    height: 22px;
    overflow: hidden;
    color: transparent;
    padding: 10px;
    border-radius: 5px;
    z-index: 1000;
    right: 0px;
    /* font-size: 1%; */
    top: 15px;
    background: url(http://codescooljr.be/themes/Junior/images/info-circle-solid.svg) #ffffff no-repeat;
    background-position: 2px 0;
    background-size: 20px;
    cursor: pointer;
    /* display: inline-block; */
}


.field.field--name-field-info:hover {
    position: absolute;
    /*width: 300px;*/
    width: 300px;
    height: 300px;
    background: #70237F;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    z-index: 100;
    font-size: 90%;
    top: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor:pointer;
    display:block;
}

/* ENGLISH */

.navbar-default .menu--menu-english- > .active > a, .navbar-default .menu--menu-english- > .active > a:hover, .navbar-default .menu--menu-english- > .active > a:focus {
     color: #70237f;
     background-color: #e7e7e7;	
}

.menu--menu-english > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.menu--menu-english- > li {
    float: left;
}

.menu--menu-english- {
    float: left;
    margin: 0;
}

.navbar-default .menu--menu-english- > li > a:hover, .navbar-default .menu--menu-english- > li > a:focus {
    color: #fff;
    background-color: #70237f;
}




#block-menuenglish {
    z-index:2000;
}