/* GEEL KLEUR */

body.geel h1 {
    box-shadow: inset 0px 0px 0px 1000px #ca9c33 !important;
}

body.geel #footer {
    background: url(/site/templates/devrijheit/assets/css/images/bottom_waves_page-geel.svg) #f9f9f9;
    background-position: bottom;
    background-size: 100%;
    background-attachment: inherit;
    background-repeat: no-repeat;
}

body.geel .contact-method h3,
body.geel #header .logo strong,
body.geel p.temp,
body.geel .weather .icone {
    color: #ca9c33;
}

body.geel #banner.style1:after {
    background-color: rgba(202, 156, 51, 0.2);
}

body.geel .breadcrumb {
    background-color: #ca9c33 !important;
}


body.geel .horMenu a:before {
    background-color: #ca9c33;
}

body.geel #header.reveal {
    background-color: #ca9c33 !important;
}

body.geel #menu {
    background: rgba(202, 156, 51, 0.62);
}

.tiles article.geel:before {
    background-color: #ca9c33 !important;
}

body.geel .content p {
    display: table;
    padding: 5px;
    font-size: 20px;
    color: #ca9c33;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1000px #fff;
    padding: 10px 40px !important;
    font-family: 'Mea Culpa';
}


body.geel .icon.alt:before{
    color: #ca9c33;
}

body.geel a.icon.alt:hover:before{
    background: #ca9c33;
    color: #fff;
}


.tiles .geel h3 {
  background: none;
  padding: 10px 40px!important;
  transition: background 0.2s ease-in-out;

}

.tiles .geel:hover h3{
  background: #ca9c33;
}

/* blauw KLEUR */


body.blauw h1 {
    box-shadow: inset 0px 0px 0px 1000px #26607a !important;
}

body.blauw #footer {
    background: url(/site/templates/devrijheit/assets/css/images/bottom_waves_page-blauw.svg) #f9f9f9;
    background-position: bottom;
    background-size: 100%;
    background-attachment: inherit;
    background-repeat: no-repeat;
}

body.blauw .contact-method h3,
body.blauw #header .logo strong,
body.blauw p.temp,
body.blauw .weather .icone {
    color: #26607a;
}

body.blauw .horMenu a:before {
    background-color: #26607a !important;
}

body.blauw #banner.style1:after {
    background-color: rgba(38, 96, 122, 0.2);
}

body.blauw #menu {
    background: rgba(38, 96, 122, 0.62);
}

.tiles article.blauw:before {
    background-color: #26607a !important;
}

body.blauw .content p {
    display: table;
    padding: 5px;
    font-size: 20px;
    color: #26607a;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1000px #fff;
    padding: 10px 40px !important;
    font-family: 'Mea Culpa';
}

body.blauw .icon.alt:before{
    color: #26607a;
}

body.blauw a.icon.alt:hover:before{
    background: #26607a;
    color: #fff;
}

.tiles .blauw h3 {
  background: none;
  padding: 10px 40px!important;
  transition: background 0.2s ease-in-out;

}

.tiles .blauw:hover h3{
  background: #26607a;
}

/* rood KLEUR */


body.rood h1 {
    box-shadow: inset 0px 0px 0px 1000px #c94f4a !important;
}

body.rood #footer {
    background: url(/site/templates/devrijheit/assets/css/images/bottom_waves_page-rood.svg) #f9f9f9;
    background-position: bottom;
    background-size: 100%;
    background-attachment: inherit;
    background-repeat: no-repeat;
}

body.rood .contact-method h3,
body.rood #header .logo strong,
body.rood p.temp,
body.rood .weather .icone {
    color: #c94f4a;
}

body.rood #banner.style1:after {
    background-color: rgba(201, 79, 74, 0.2);
}

body.rood #menu {
    background: rgba(201, 79, 74, 0.62);
}

body.rood .horMenu a:before {
    background-color: #c94f4a !important;
}

body.rood #header.reveal {
    background-color: #c94f4a !important;
}

.tiles article.rood:before {
    background-color: #c94f4a !important;
}

body.rood .content p {
    display: table;
    padding: 5px;
    font-size: 20px;
    color: #c94f4a;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1000px #fff;
    padding: 10px 40px !important;
    font-family: 'Mea Culpa';
}


body.rood .icon.alt:before{
    color: #c94f4a;
}

body.rood a.icon.alt:hover:before{
    background: #c94f4a;
    color: #fff;
}

.tiles .rood h3 {
  background: none;
  padding: 10px 40px!important;
  transition: background 0.2s ease-in-out;

}

.tiles .rood:hover h3{
  background: #c94f4a;
}
/* roze KLEUR */


body.roze h1 {
    box-shadow: inset 0px 0px 0px 1000px #c08d89 !important;
}

body.roze #footer {
    background: url(/site/templates/devrijheit/assets/css/images/bottom_waves_page-roze.svg) #f9f9f9;
    background-position: bottom;
    background-size: 100%;
    background-attachment: inherit;
    background-repeat: no-repeat;
}

body.roze .contact-method h3,
body.roze #header .logo strong,
body.roze p.temp,
body.roze .weather .icone {
    color: #c08d89;
}

body.roze #banner.style1:after {
    background-color: rgba(192, 141, 137, 0.2);
}

body.roze #menu {
    background: rgba(192, 141, 137, 0.62);
}

body.roze .horMenu a:before {
    background-color: #c08d89 !important;
}

body.roze #header.reveal {
    background-color: #c08d89 !important;
}

.tiles article.roze:before {
    background-color: #c08d89 !important;
}

body.roze .content p {
    display: table;
    padding: 5px;
    font-size: 20px;
    color: #c08d89;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1000px #fff;
    padding: 10px 40px !important;
    font-family: 'Mea Culpa';
}


body.roze .icon.alt:before{
    color: #c08d89;
}

body.roze a.icon.alt:hover:before{
    background: #c08d89;
    color: #fff;
}

.tiles .roze h3 {
  background: none;
  padding: 10px 40px!important;
  transition: background 0.2s ease-in-out;

}

.tiles .roze:hover h3{
  background: #c08d89;
}