/******************************************************************
Site Name   : Proceon
Author      : Roelof Bos | Ragfijn.nl
Stylesheet	: Variables
******************************************************************/
@import url("https://use.typekit.net/qcm5zvr.css");
@font-face {
  font-family: proxima-nova-alt;
  font-weight: 400;
  src: url(/inc/fonts/ProximaNovaAltRegular.otf); }
@font-face {
  font-family: proxima-nova-alt;
  font-weight: 600;
  src: url(/inc/fonts/ProximaNovaAltBold.otf); }
/*
// Proceon kleuren
color1 $lightgray: #AFBCC3;
color2 $darkgray: #485A60;
color3 $pink: #EAC1B7;
color4 $lightgreen: #B8DBCE;
color5 $yellow: #F5DEA5;
color6 $blue: #7CC3D6;
color7 $red: #FC8B88;
*/
.bg-color1 {
  background-color: #AFBCC3; }

.bg-color2 {
  background-color: #485A60; }

.bg-color3 {
  background-color: #EAC1B7; }

.bg-color4 {
  background-color: #B8DBCE; }

.bg-color5 {
  background-color: #F5DEA5; }

.bg-color6 {
  background-color: #7CC3D6; }

.bg-color7 {
  background-color: #FC8B88; }

.fg-color1 {
  color: #AFBCC3; }

.fg-color2 {
  color: #485A60; }

.fg-color3 {
  color: #EAC1B7; }

.fg-color4 {
  color: #B8DBCE; }

.fg-color5 {
  color: #F5DEA5; }

.fg-color6 {
  color: #7CC3D6; }

.fg-color7 {
  color: #FC8B88; }

.border-color1 {
  border-color: #AFBCC3; }

.border-color2 {
  border-color: #485A60; }

.border-color3 {
  border-color: #EAC1B7; }

.border-color4 {
  border-color: #B8DBCE; }

.border-color5 {
  border-color: #F5DEA5; }

.border-color6 {
  border-color: #7CC3D6; }

.border-color7 {
  border-color: #FC8B88; }

/*
// Proceon kleuren
color1 $lightgray: #AFBCC3;
color2 $darkgray: #485A60;
color3 $pink: #EAC1B7;
color4 $lightgreen: #B8DBCE;
color5 $yellow: #F5DEA5;
color6 $blue: #7CC3D6;
color7 $red: #FC8B88;

// Pastel:
color3 $pink: #EAC1B7;
color4 $lightgreen: #B8DBCE;
color5 $yellow: #F5DEA5;
color6 $blue: #7CC3D6;




Van Hasseltschool

homepage kleur: #95c98d

Opmerkingen
Een van de belangrijkste speerpunten voor onze school is natuur. De kleuren die daarbij passen willen we graag veel laten terugkomen. 

 	 	 	 	 	 	 	 



stap0.1 = #485f64
stap0.2 = #8f9ea8

stap1.1 = #eac2b8
stap1.2 = #c0ddcc
stap2.1 = #f19b9f
stap2.4 = #a8bc68
stap2.8 = #89d1f3

stap3.3 = #95c98d

*/
.btn {
  background: #95c98d;
  border-color: #95c98d; }

.bg-color7 {
  background-color: #95c98d; }

.fg-color7 {
  color: #95c98d; }

#header .wrap a.logo {
  height: 4.2em;
  top: 0.4em; }

#header .wrap a.logo, .page-header a.logo {
  background-image: url(/site/logo-flore.svg); }

body #content .page-header, body #content .page-header .head-text:after {
  background: #95c98d; }

body.page_home #content .page-header {
  background: #89d1f3; }
  body.page_home #content .page-header .head-text:after {
    background: #89d1f3; }

body.top_over-ons #content .page-header {
  background: #eac2b8; }
  body.top_over-ons #content .page-header .head-text:after {
    background: #eac2b8; }

body.top_voor-ouders #content .page-header {
  background: #c0ddcc; }
  body.top_voor-ouders #content .page-header .head-text:after {
    background: #c0ddcc; }

body.top_nieuws #content .page-header {
  background: #89d1f3; }
  body.top_nieuws #content .page-header .head-text:after {
    background: #89d1f3; }

body.top_agenda #content .page-header {
  background: #eac2b8; }
  body.top_agenda #content .page-header .head-text:after {
    background: #eac2b8; }

body.top_contact #content .page-header {
  background: #eac2b8; }
  body.top_contact #content .page-header .head-text:after {
    background: #eac2b8; }

#content .over_ons {
  background: #e9f3e8; }
  #content .over_ons .wrap .logo .outline-logo {
    background-image: url(/site/outline-logo.png); }
    @media (min-width: 1024px) and (min-width: 740px) {
      #content .over_ons .wrap .logo .outline-logo {
        top: -0.5em; } }
    @media (min-width: 740px) {
      #content .over_ons .wrap .logo .outline-logo {
        width: 4em; } }

@media (min-width: 740px) {
  .page_home #content .page-header .head-text .logo {
    height: 3em;
    top: 0.1em; } }
.wrap.agenda-summary .bg-color1 {
  background: #cae5f2; }

#footer .bg svg path {
  fill: #c0ddcc; }

body, body.page_home.realbg, #footer .fg {
  background: #c0ddcc; }

.wrap.flore-pijlers {
  text-align: center; }
  .wrap.flore-pijlers .text {
    margin: auto; }
    .wrap.flore-pijlers .text .h1 {
      margin-bottom: .6em; }
  .wrap.flore-pijlers .pijlers-link {
    display: block;
    text-decoration: none !important; }
    .wrap.flore-pijlers .pijlers-link .container {
      margin-bottom: 1.6em; }
      .wrap.flore-pijlers .pijlers-link .container div {
        width: 11em;
        margin: 0 auto 1em; }
        .wrap.flore-pijlers .pijlers-link .container div img {
          display: block;
          width: 11em;
          height: 10em;
          object-fit: contain;
          margin: 0 auto .6em; }
        .wrap.flore-pijlers .pijlers-link .container div strong {
          display: block; }
      @media (min-width: 600px) {
        .wrap.flore-pijlers .pijlers-link .container {
          /*
          background-image:url(//core.proceon.onedrive.local.ragfijn.nl/files/symbolen-t-111778851924.jpg);
          background-repeat:no-repeat;
          background-position: center;
          background-size: contain;
          outline:1px solid red;
          */
          height: 33em; }
          .wrap.flore-pijlers .pijlers-link .container div {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
          .wrap.flore-pijlers .pijlers-link .container .pijler-groei {
            margin-top: -10em; }
          .wrap.flore-pijlers .pijlers-link .container .pijler-ecologisch {
            margin-top: -3em;
            margin-left: 10em; }
          .wrap.flore-pijlers .pijlers-link .container .pijler-balans {
            margin-top: 10em;
            margin-left: 6em; }
          .wrap.flore-pijlers .pijlers-link .container .pijler-thematisch-onderwijs {
            margin-top: 10em;
            margin-left: -6em; }
          .wrap.flore-pijlers .pijlers-link .container .pijler-samen-leren {
            margin-top: -3em;
            margin-left: -10em; } }

/*# sourceMappingURL=site.css.map */
