/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

.pr-header {
color: #363636;
/* background-color: #fafafa; */
background-image: url("images/headerbg.jpg");
min-height: 700px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: initial;
background-position: right;
}

.path-not-frontpage .pr-header {min-height: auto;background-position:revert;}


.pr-header .regions {
    background: inherit;
    padding: 0;
}

.pr-header .l-r {
    flex: 0 0 auto;
    padding: 0;
    width: 100%;
}

.regions{background-color: white;}

.pr-leaderboard .l-r{padding: 0;}

.page-node-type--verzamelpagina .node,
.page-node-type--verzamelpagina .l-rw,
.page-node-type--verzamelpagina .l-r {padding: 0;}


#block-vov-advocaten-branding{
background-color: rgba(255,255,255,.6);
margin: 0;
padding: 0;
text-align: center;
}

.site-branding__logo-link{width:-webkit-fill-available;width: -moz-available;padding: 1em; }

#block-inleidingsblok {
float: right;
max-width: 40em;
margin-top: -8em;
margin-right: 6em;
}

.region-we-mega-menu {
background-color: #343a40;
padding-block-start: 10px;
margin-bottom: 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 0px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}

#block-vov-advocaten-content .atl--threecol-4-4-4{background: aliceblue;}

#block-vov-advocaten-content .atl--threecol-4-4-4 .atl__lr{max-width: 70%;
margin-left: auto;
margin-right: auto;}

.view-row .atl--threecol-4-4-4 .atl__lr{max-width: 100%;
margin-left: auto;
margin-right: auto;}

#block-vov-advocaten-content .atl__lc {padding: 0 2.63em;}
#block-vov-advocaten-content .atl--onecol .atl__lc{padding:0; margin:0;}

.atl--twocol-6-6 .block--type-inhoudsblok{max-width: 80%;
margin-left: auto;
margin-right: auto;}

.opacity60{opacity: .6;}

/*** BLOKKEN ***/
h2.block__title{color: #856637;font-size: 1.8em;}

#block-inleidingsblok .block__inner{border-left: 1px solid #856336;
padding-left: 10px;}

/*** MENU ***/
.we-mega-menu-ul>.we-mega-menu-li>a:hover, .we-mega-menu-ul>.we-mega-menu-li>a:focus {
background: rgba(0,0,0,0);
border: 0 none;
color: #666;
text-decoration: none;
text-shadow: initial;
}

.we-mega-menu-ul>.we-mega-menu-li>a {
background-color: transparent;
border: 0 none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-right: 0;
color: white;
font-size: .8125rem;
font-family: "Quicksand",sans-serif;
font-weight: 400;
text-transform: uppercase;
padding: 1rem;
}

.we-mega-menu-ul>.we-mega-menu-li.active>a, .we-mega-menu-ul>.we-mega-menu-li.active>a:hover, .we-mega-menu-ul>.we-mega-menu-li.active>a:focus, .we-mega-menu-ul>.we-mega-menu-li.active-trail>a, .we-mega-menu-ul>.we-mega-menu-li.active-trail>a:hover, .we-mega-menu-ul>.we-mega-menu-li.active-trail>a:focus {
background-color: transparent;
color: white;
border: 0 none;
}

.navbar-default {
background-color: transparent;
border-color: #e7e7e7;
}

.navbar-we-mega-menu {
background-color: transparent;
border: 0 none;
padding: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
min-height: inherit;
margin-left: auto;
margin-right: auto;
}

h1.node__title{font-size: 1.5rem;}
.node__content h3{font-size: 1.2rem;}

.attachment-after{max-width: 50%;
padding: 10px;
margin-left: auto;
margin-right: auto;}

.atl--onecol{overflow: hidden;}

#block-vov-advocaten-footer{padding: 2em;}

.contact-message-form {max-width: 50%;
margin-left: auto;
margin-right: auto;}

/*** Mediaqueries ***/
@media screen and (max-width: 450px) {

.attachment-after{max-width: 100%;
padding: 10px;
margin-left: auto;
margin-right: auto;}

.path-ons-team #block-vov-advocaten-content .atl__lc {padding: 0;}

.atl__lr{max-width: auto;}

#block-inleidingsblok {
    float: none;
    width: 80%;
    margin-top: -8em;
    margin-right: auto;
    margin-left: auto;}

#block-vov-advocaten-content .atl--threecol-4-4-4 .atl__lr {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;}


}

@media screen and (max-width: 768px) {

/*** Footermenu ***/
.pr-footer__footer .menu-level-1 {
flex-direction: column;
}

.contact-message-form {max-width: 90%;
margin-left: auto;
margin-right: auto;}

}