/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */


/* ================================================================================ 
                                  GENERAL SETTINGS
   ================================================================================ */
   
   
@font-face { 
	font-family: "Ionicons"; 
	src: url("fonts/Ionicons/ionicons.eot"); 
	src: url("fonts/Ionicons/ionicons.eot#iefix") format("embedded-opentype"), 
		 url("fonts/Ionicons/ionicons.ttf") format("truetype"), 
		 url("fonts/Ionicons/ionicons.woff") format("woff"), 
		 url("fonts/Ionicons/ionicons.svg#Ionicons") format("svg");
	font-weight:normal;
	font-style:normal; 
}
 

html {
    height:100%;               /* om hoogte op 100% te zetten in geval van te weinig content */
    margin:0px; 
    padding:0px; 
    overflow-y:scroll;         /* Altijd een scrollbalk afdwingen i.v.m. verspringingen */
}


#Body { text-align:center; height:100%; color:#3d3d3d;
	
}    /* Achtergrondkleuren + afbeeldingen hier */


/* ================================================================================ 
                                 COOKIE CONSENT
   ================================================================================ */
#CookieConsent { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; padding: 10px; color: #444; background-color: #eee; box-sizing: border-box;}
.cookie-consent { text-align: center; }
.cookie-consent_message span, .cookie-consent_dismisslink, .cookie-consent_link { display: inline-block; padding: 5px 10px; }
a.cookie-consent_dismisslink { margin: 0 10px; color: #ffffff; background-color: #41a23e; border-radius: 4px;}
a.cookie-consent_dismisslink:hover { text-decoration: none; color: #ffffff; background-color: #2b7b29; }
a.cookie-consent_link { }
a.cookie-consent_link:hover { }


#Body, body, .Normal, .pubSummary
  {
	text-align: left;
	font-family: 'Ubuntu', sans-serif;
	font-size:17px;
	line-height:1.7;
	color:#49494a; 
}

body, .isSeq { color:#000000;  }


table { font-size: 17px; }               /* om de lettergrootte in de editor gelijk te zetten */
table th,
table td { vertical-align:top; font-size: 17px;}








#Form { height:100%; min-height:100%;}      /* om hoogte op minimaal 100% te zetten, mag wel groter */


/* HEADINGS */
h1, h2, h3, h4, h5 {font-family: 'Bitter', serif;  color:#93c01f; font-weight:700;}

h1 {font-size:48px; }
h2 {font-size:35px; ; line-height:1.5}
h3 {font-size:30px;  line-height:1}
h4 {font-size:18px;}
h5 {font-size:14px;}

.isHome  h1, .isHome  h2 { font-size:30px; font-weight:bold; line-height:1.25; }





/* LINKS */ 
A:link      {color:#e98323; text-decoration:none; transition:color 0.3s ease;}
A:visited   {color:#e98323;}
A:hover     {color:#e98323; text-decoration:underline;}
A:active    {color:#e98323;}

/* TABLES */
table {font-size:15px;}               /* om de lettergrootte in de editor gelijk te zetten */
table tr {}
table tr th {}
table tr td { vertical-align:top;}

/* DNN SPECIFIC */
.Head, .SubHead, .SubSubHead, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .CommandButton { font-family: inherit; color:inherit; line-height:inherit; font-size:inherit}
.Head { font-size:17px;}          /* style for module titles */
.SubHead {font-size:17px;}        /* style of item titles on edit and admin pages */
.SubSubHead { font-size:17px;}    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.NormalBold { font-weight:700;}

.CommandButton {}                  /* text style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {}            /* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:visited {}
A.CommandButton:hover {}    
A.CommandButton:active {}

.StandardButton {}                 /* button style for standard HTML buttons */

/* COMMON  ISSUES */
img {border:0px; max-width: 100%; }                  /* geen standaard rand bij afbeeldingen wanneer er gelinkt wordt */
p {margin:10px 0}

input[type=submit], input[type=button] {}
input[type=submit]:hover, input[type=button]:hover {}



/* sexy content off */
.sc-content-block-menu{display:none !important;} 
#Wrapper .sc-menu {display:none !important;} 
.dnnEditState #Wrapper .sc-menu {display:block !important;}



* { transition:background-color 0.3s ease;  }




/* Clearfix */
.clear{clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0;}
.clearfix:after{clear:both; content:'.'; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0;}
* html .clearfix,:first-child+html .clearfix{zoom:1;}   

/* ================================================================================ 
                                 FORMULIEREN 
   ================================================================================ */

/* ===== DEFAULT STYLING ===== */
input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; appearance: none; border-radius: 0; }

.dnnFormItem input[type="text"], .dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, 
.dnnFormItem input[type="password"], .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, 
.dnnFormItem input[type="email"], .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, 
.dnnFormItem select, .dnnFormItem select:active, .dnnFormItem select:focus, 
.dnnFormItem textarea, .dnnFormItem textarea:active, .dnnFormItem textarea:focus, 
.dnnFormItem input[type="search"], .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus{ border:1px solid #CCCCCC; background: none !important; background-color: #ffffff !important;-webkit-box-shadow:none !important;box-shadow:none !important; outline: none !important;  border-radius: 0px;}

.ModLesscherContactFormC .dnnFormItem input[type="text"] {border-radius:7px; background-color:#0000000a !important; height:40px; }
.ModLesscherContactFormC .dnnFormItem textarea {border-radius:7px; background-color:#0000000a !important; }


/* Knoppen */
.dnnPrimaryAction, a.dnnPrimaryAction ,
.dnnSecondaryAction, a.dnnSecondaryAction,
.dnnFormItem button, 
.dnnFormItem input[type="submit"], 
.dnnFormItem input[type="button"], 
.dnnFormItem input[type="reset"]  { 
	-webkit-appearance: none;appearance: none;  box-shadow: none; text-shadow: none !important; line-height: inherit; display: inline-block; margin: 5px 10px 5px 0; padding: 0px 8px; 
	font-size: 18px; font-weight: 400; background: none !important; background-color: #dddddd !important; border: none; border-radius: 7px; transition: all .3s ease; 
}

.dnnPrimaryAction:hover, a.dnnPrimaryAction:hover,
.dnnSecondaryAction:hover, a.dnnSecondaryAction:hover,
.dnnFormItem button:hover, 
.dnnFormItem input[type="submit"]:hover, 
.dnnFormItem input[type="button"]:hover, 
.dnnFormItem input[type="reset"]:hover { color: #000 !important; background: none !important; background-color:#cccccc !important; text-decoration: none; }

/* Primary afwijking */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { color: #fff !important; background-color: #93c01f !important; }
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover{ color: #fff !important; background-color: #fbcc0a  !important; }

/* nested button quirk fix */
.dnnPrimaryAction .dnnPrimaryAction, a.dnnPrimaryAction  a.dnnPrimaryAction, .dnnPrimaryAction .dnnPrimaryAction:hover, a.dnnPrimaryAction  a.dnnPrimaryAction:hover,
.dnnSecondaryAction .dnnSecondaryAction, a.dnnSecondaryAction a.dnnSecondaryAction, .dnnSecondaryAction .dnnSecondaryAction:hover, a.dnnSecondaryAction a.dnnSecondaryAction:hover { padding: 0 !important; margin: 0 !important; background:none !important;}

/* ===== POWER FORMS ===== */
.DnnModule-DNNGoPowerForms {  }

.DnnModule-DNNGoPowerForms .form_list{}
.DnnModule-DNNGoPowerForms .form_list .form_label{font-family: 'Bitter', serif !important;  font-weight:400; font-size:17px !important; padding: 10px 0px;}  
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"],
.DnnModule-DNNGoPowerForms .form_list .form_input textarea,
.DnnModule-DNNGoPowerForms .form_list .form_input select,
.Theme_Normal_Default input[type="text"] {-webkit-appearance: none;appearance: none;  -moz-appearance: none; outline: none !important; box-shadow: none !important; border:1px solid #CCCCCC; margin: 0; padding: 5px 10px;  font-family: inherit; }

.DnnModule-DNNGoPowerForms .form_list .form_input select option:first-child  { color: #aaaaaa; }

.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-webkit-input-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea::-webkit-input-placeholder  { color: #cccccc; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-moz-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea::-moz-placeholder { color: #cccccc; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-ms-input-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea:-ms-input-placeholder { color: #cccccc; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-moz-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea:-moz-placeholder { color: #cccccc; }

.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"] {border-radius:7px; background-color:#0000000a; height:40px; }

.DnnModule-DNNGoPowerForms .form_submit .btn{ -webkit-appearance: none;appearance: none;  box-shadow: none !important; text-shadow: none !important; line-height: inherit; display: inline-block !important; 
margin: 5px 10px 5px 0; padding: 0px 8px;  color: #ffffff; font-family: inherit; font-size: 18px; background: #93c01f !important; border: none !important; border-radius: 7px; transition: all .3s ease; }
.DnnModule-DNNGoPowerForms .form_submit .btn:hover{ text-decoration: none;  background-color: #fbcc0a  !important; color: #ffffff !important;}
 

/* ================================================================================ 
                                     MAIN LAYOUT
   ================================================================================ */
   
 
.ControlPanel { }

#Wrapper { /* margin:0px auto; */ min-height:100%; background-color:#ffffff; text-align:left;

}
.InnerWrapper { margin:0px auto; padding: 0 20px; max-width:960px; position:relative;}


/* HEADER SECTION  */

.TopMenu{position:relative; z-index:999; margin-right: 34px;}
.TopMenu .Normal{text-align:right;}
.TopMenu a{ margin: 0; padding: 0 7px; font-size: 13px; display: inline-block; color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 700; border-radius: 7px;}

.TopMenu a:nth-child(5n+1) { background-color:#fbcc0a!important; }
.TopMenu a:nth-child(5n+2) { background-color:#97c228!important; }
.TopMenu a:nth-child(5n+3) { background-color:#213b78!important; }
.TopMenu a:nth-child(5n+4) { background-color:#0a8fd3!important; }
.TopMenu a:nth-child(5n+5) { background-color:#88b8e4!important; }
.TopMenu a:hover{background-color:#ed6200!important; text-decoration:none;}

#Header { background-color:#fff; }

#Header #topPane { position:fixed;  width:100%; top:0px; left:0px; background:#0A367F; z-index:990; }
#ControlBar_ControlPanel ~ #Wrapper #Header #topPane {top:53px;} 

#Header .InnerWrapper { min-height:185px; padding:0px; } 


.isSeq  #Content,
.BannerPane { margin-top:165px;  }

  


#Header .SchoolLogo { position:absolute; left:0; top:0px; z-index:23; max-width:350px; }
#Header .SchoolLogo img { height:185px}

#Header #Menu { position:absolute; bottom:15px; right:35px; z-index:29; }

/* #Header .SocialMediaIcons a { height:30px; line-height:30px; background-color:#d9ecf6; color:#470042 !important; padding:0 7px; font-size:20px;}*/


#Header .SocialMediaIcons  { z-index:30; }

#HeaderLinkFB { position:absolute; right:0px; bottom:39px; }
#HeaderLinkFB  { background:#14387f; color:#ffffff; border-radius:7px;}
#HeaderLinkFB:hover, #HeaderLinkFB:active { background:#ed6200;}

 
 

 #Header_tek  {
 
 background:url(images/tek_head.png) no-repeat right top;
 width:160px; height:90px; position:absolute; 
 /* display:inline-block; */
 display:none;
 right:0px;  top:20px;
 
 		-webkit-transform:translate(45px,0px);
		-ms-transform:translate(45px,0px);
		transform:translate(45px,0px);

 }


 
/* ----- banner omaak ---- */
/* .BannerPane { height:460px; /* height:40vh;   background:#d6d7dd; }*/
/* .BannerPane  .DNNModuleContent  {  overflow:hidden; }
.BannerPane  .DNNModuleContent  .Normal { text-align:center; }
.BannerPane  .DNNModuleContent  img { height:460px; /*  height:40vh;  }*/
/* .BannerPane  .DNNModuleContent  .banTxt {
height:85px; width:100%;  
display:block; position:relative;  margin-top:-80px; top:0px;
 background:rgba(255,255,255,.7); text-align:center;
font-family: 'Bitter', serif; font-size:48px; line-height:80px; color:#213b78;  
z-index:27!important;  
}*/

.BannerPane.DNNEmptyPane { background:#c0c0c0!important; width:100%; }





/* ----- blauw riet-lijn bij home-banner en bij sequal-onder-header ---- */

/* .isHome .BannerPane::before,  
.isSeq #Content::before
*/
.isHome #topPane::after,

/*.isSeq #topPane::after
{
	display:block; position:absolute; width:100%; height:2px; content:" ";
	background:url(images/header_lijn.png) repeat-x center bottom;
	z-index:25;
}*/







/* SEARCH  */
#Search { text-align:right;}
#Search .SkinObject{font-family: "Ionicons"; font-size:18px; vertical-align:middle;}   
#Search .NormalTextBox { -webkit-appearance:none;appearance: none; }
#Search .NormalTextBox:focus { outline:none} 
#Search .searchSkinObjectPreview, #Search .searchInputContainer a.dnnSearchBoxClearText  {display:none !important;  }

/* ================================================================================ 
                                SCHOOLWIKI
   ================================================================================ */
 

 /* Mainpage search */

.SearchTitle{color: #ee7d00 !important; font-size: 24px; font-weight: 700; margin: 0 0 10px 0;}
.SearchContent{background: rgba(147,192,31,.2); padding:15px; border-radius:5px; margin-bottom:20px;}
.SearchContent #txtSearch{font-size:14px; border:2px solid #008AD1; border-radius:5px; padding:10px; margin-right:10px; width: calc(100% - 115px);}
.SearchContent #txtSearch:focus{outline:0;}
.CustomSubmit{font-size:14px; color:#fff; background-color:#008AD1; border:2px solid #008AD1; border-radius:5px; cursor:pointer; padding:10px 15px; font-weight:bold;}
.SearchContent .CustomSubmit:hover{color:#008AD1; background-color:#fff;}
	

.pubArticleViewer.Populair{background: rgba(147,192,31,.2); padding:15px; border-radius:5px;}
.pubArticleViewer.Populair .pubItem { display: block; /* vertical-align:middle; */ width: 48%; float: left; padding: 5px 0px;}
.pubArticleViewer.Populair .pubItem:nth-child(2n+1){margin-right:4%;}
.pubArticleViewer.Populair .pubItem:hover{text-decoration:none;}
.pubArticleViewer.Populair .pubItem:before{font-family:"Ionicons"; content:"\f30f"; display:inline-block; vertical-align:middle; color:#c8d200; padding-right:10px;}
.pubArticleViewer.Populair .pubItem:hover:before{color:#707173;}

.pubViewerWikiList {}
.pubViewerWikiList .pubItems { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:20px;}
.pubViewerWikiList .pubItems .pubItem {width:48%; box-sizing:border-box; border-radius:5px; background-color:#008ad1; padding:10px; color:#fff; font-size:16px; margin-bottom:20px;}
.pubViewerWikiList .pubItems .pubItem:before{font-family:"Ionicons"; content:"\f30f"; display:inline-block; vertical-align:middle; color:#fff; padding-right:10px;}
.pubViewerWikiList .pubItems .pubItem:hover { text-decoration:none; background-color:#A0B5D8}
.pubViewerWikiList .pubItems .pubItem  a{color:#fff !important;}


/* MENU SECTION */




/* BREADCRUMB SECTION */
#Breadcrumb { color:#213b78;}
#Breadcrumb .SkinObject { color:#008ad1; font-size:14px; text-transform:uppercase; font-weight:700; }
#Breadcrumb .SkinObject:hover, #Breadcrumb .SkinObject:active { text-decoration:none!important; color:#e98323!important; }

/* PANES SECTION */

#rijhome1  .Container { margin-bottom:40px;}

.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { float:left; margin-right:4%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-fifth.last, .two-fifth.last, .three-fifth.last, .four-fifth.last, .one-sixth.last, .five-sixth.last  { margin-right:0;}

.one-half { width:48%;}
.one-third { width:30.66%;}
.two-third { width:65.33%;}
.one-fourth { width:22%;}
.three-fourth { width:74%;}
.one-fifth {width:16.8%}
.two-fifth { width:37.6}
.three-fifth { width:58.4%}
.four-fifth { width:79.2%}
.one-sixth {width:13.33%}
.five-sixth {width:82.66%}

.PaperBorder { position:relative;

}

/*
.PaperBorder:before { position:absolute; content:""; top:-20px; z-index:22; left:0; height:20px; width:100%; background-image:url(images/PaperBorderTop.png); background-position:center bottom; background-repeat:repeat-x; }
.PaperBorder.Bottom:before{ display:none}
.PaperBorder:after { position:absolute; content:""; bottom:-20px; z-index:22; left:0;height:20px; width:100%; background-image:url(images/PaperBorderBottom.png); background-position:center bottom; background-repeat:repeat-x; }
*/


/*
.BgBlauw { background-color:#d9ecf6}
.BgOranje { background-color:#e98323;}
.BgGroen { background-color:#86b21e;}
.BgPaars { background-color:#470042;}
*/


.paddingTop45 { padding:45px 0 1px 0;}
.Padding40 {padding:40px 0}

/*
.TCOranje { color:#e98323;}
.TCGroen { color:#86b21e;}
.TCPaars { color:#470042;}
*/


.BellFont { font-size:22px;  font-family: 'Schoolbell', cursive;  }




.pubArticleHomeViewer .pubItem .pubLeesMeer,
.Button { display:inline-block; font-weight:700; height:30px; line-height:30px; padding:0 0px; color:#93c01f !important; background:transparent;  
	text-transform:uppercase;  font-family: 'Ubuntu', sans-serif; 
	font-size:18px;
}

.FooterLinks a:hover, .FooterLinks a:active,
.pubArticleHomeViewer .pubItem .pubLeesMeer:active, .pubArticleHomeViewer .pubItem .pubLeesMeer:hover,
.Button:active,
.Button:hover { text-decoration:none !important;  color:#fbca00 !important}





.IconTable { font-size:13px;}
.IconTable {padding-bottom:20px;}
.IconTable tr td { padding-bottom:20px; vertical-align:top}
.IconTable tr > td:first-child{ padding-right:20px;}
.IconTable tr:last-of-type td {padding-bottom:0;}






/* ----------- HOME OPMAAK / RIJ 1 ----------------- */

/* ~ ~ ~ ~ ~  introtekst  ~ ~ ~ ~ ~ */

#rijhome1  { background:#ffffff url(images/bg_flowers.png) repeat-x center bottom; }
#rijhome1 .ContainerContent { background:url(images/lijn_klein_blauw.png) no-repeat left bottom; }
#rijhome1 .Button  { padding:5px 0px; }
#dnn_Row1Pane1 img { margin-bottom:10px; } /* onder foto */


/* ~ ~ ~ ~ ~  kalender overzicht  ~ ~ ~ ~ ~ */

#dnn_Row1Pane2 .ContainerContent .DNNModuleContent  { max-height:325px!important; overflow:hidden; }  /* lijst gaat met tables, niet met ul, kan niet 4e element andere padding-bottom geven */


/* ~ ~ ~ ~ ~  contact  ~ ~ ~ ~ ~ */

#dnn_Row1Pane3 ul li { list-style-type:none; padding:0px; margin:0px;  } 
#dnn_Row1Pane3 li  { font-family: 'Ubuntu', sans-serif; font-weight:400; font-style:italic;   color:#213b78;  line-height:1.3; 
padding-top:10px; padding-bottom:10px; padding-left:90px; background-repeat:no-repeat; background-position:left center;
}

#dnn_Row1Pane3 li:nth-child(1) {background-image:url(images/tek_contact_adr1.png)}
#dnn_Row1Pane3 li:nth-child(2) {background-image:url(images/tek_contact_adr2.png)}
#dnn_Row1Pane3 li:nth-child(3) {background-image:url(images/tek_contact_belons.png)}
#dnn_Row1Pane3 li:nth-child(4) {background-image:url(images/tek_contact_nieuwe_leerling.png)}



/* ----------- HOME OPMAAK / RIJ 2 ----------------- */

#rijhome2 { background:#eef8fe; }
#rijhome2 .ContainerContent { text-align:center; }
#rijhome2  .BigText {  text-align:center; font-size:48px;  font-family: 'Bitter', serif;  font-weight:700; line-height:1; padding-bottom:30px; color:#14387f; 
display:inline-block;  position:relative; width:auto;
 padding-right:60px; background:url(images/tek_potlood.png) no-repeat right 5px; }


 
 
/* ----------- HOME OPMAAK / RIJ 3 ----------------- */
 
#rijhome3  { background:#ffffff url(images/bg_flowers_groen.png) repeat-x center bottom; padding-bottom:150px;  padding-top:20px;  }
#rijhome3  #opmaakFotoAanmeldenNieuwsbrief { background:url(images/opm_aanmeld_nieuwsbrief.jpg) no-repeat; width:286px; height:167px;  }
#rijhome3 .ContainerContent { background:url(images/lijn_klein_blauw.png) no-repeat left bottom; }

#rijhome3 h2 { padding-top:20px; min-height:70px; max-width:238px; } /* no two lines, geen ruimte tekening */
	#dnn_Row3Pane1 { background:url(images/tek_nieuwsbrief.png) no-repeat 200px 25px; }	
	#dnn_Row3Pane2 { background:url(images/tek_ster.png) no-repeat 200px 30px; }
	/*#dnn_Row3Pane3 { background:url(images/tek_cam.png) no-repeat 200px top; }*/
	
	#dnn_Row3Pane3 { background:url(images/tek_contact_adr1.png) no-repeat 200px 40px; }
	
	
#rijhome3 .SubscriptionActions { display:none; visibility:hidden; height:0px; overflow:hidden; }

#rijhome3 .Button  { padding:5px 0px; }



#rijhome3  .SubScriptionTitle { display:none!important; }


#rijhome3  .SubScriptionInput { display:list-item!important; list-style-type:nonaae; }
#rijhome3  .SubScriptionInput:nth-child(4) { display:none!important; }

#rijhome3 input[type=text] { 
/* width:286px!important; */
margin-top:10px;
padding-left:10px;padding-right:10px; width:266px!important;
background-color:#def0fc!important;  color:#008137!important;    /* gele achtergrond, zwarte tekst --- na invullen */
height:30px!important; line-height:30px!important;   outline:none!important; border:none!important;
font-weight:bold!important;
/* max-width:430px!important; RESP! padL/R=10px */
}


#rijhome3 .SubScriptionInput:nth-child(3):after,
#rijhome3 .SubScriptionInput:nth-child(5):after
 {
/*	position:absolute; margin-top:-30px; display:block;
	padding-left:10px;    */
}


#rijhome3 input[type=text]:focus {  
-webkit-box-shadow:0px 0px 2px 3px #2d237a inset; 
-ms-box-shadow:0px 0px 0px 2px #2d237a inset; 
-o-box-shadow:0px 0px 0px 2px #2d237a inset; 
box-shadow:0px 0px 0px 2px #2d237a inset; 
}

#rijhome3 input[type=text].flash { background-color:#def0fc!important;   text-transform:uppercase;color:#2d237a!important; font-weight:normal!important;  }  /* jquery begin start met "Naam" en "E-mail" value text */


#rijhome3  ul { margin: 0; }



/* -----------   VERVOLGPAGINA   ----------------- */

.isSeq  #Content  { 
background:#ffffff url(images/bg_flowers_groen.png) repeat-x center bottom;
padding-bottom:150px;  
}

.isSeq #Content  .row {
background:#ffffff url(images/bg_SEQ.png) repeat-x center 165px;
background-attachment:fixed;
padding-top:40px;  
}


.isSeq  #SideBarWrapper { }

.isSeq  #SideBarInner   { padding:20px; /* n min-height:200px;  min-height:33vh;  */
border-radius:7px;
background:rgba(147,192,31,.2); }


.isSeq #LeftPaneTekKids {
display:block; position:relative;  width:100%; height:100px; content:"a";
background:url(images/tek_SEQ_jongen_en_meisje.png) no-repeat 3px center;
}





/* -----------   FOOTER  ----------------- */


#Footer { padding: 40px 0 30px 0; }

#Footer .InnerWrapper { display: flex; justify-content: space-between; flex-wrap: wrap; }
.FooterColumn { width: 30.66%; font-size: 12px; }





#Footer a:link, #Footer a:visited , #Footer a:active    { color: #133D5C; }
#Footer a:hover  { color: #A8C8C4; text-decoration: none; }


#Footer A:link      { }
#Footer A:visited   { }
#Footer A:hover     { }
#Footer A:active    { }

#Footer .SchoolLogo { z-index:1; position:absolute; top:15px; }
#Footer .SchoolLogo img { width:200px; }
#Footer .PleinLogo { z-index:1; position:absolute; top:15px; left:230px;}
#Footer .PleinLogo img { width:170px; }
#Footer .KoosLogo {z-index:1; position:absolute; top:36px; left:430px;}


#Footer .FooterLinks a {display:inline-block;  font-size: 18px; color:#ffffff!important;  margin:0px 0px 15px 8px;  padding:0 8px; border-radius: 7px;}
#Footer .FooterLinks a:hover, #Footer .FooterLinkWrapper a:active { background:#ed6200!important; }

/* LOGIN KEY */	
#Footer .FooterLinks a.LoginKey { font-family: "Ionicons"!important; font-size:18px; /* xxopacity:0; geen, background:#fff; !!! */ font-weight:normal!important; }

#FooterLinkApp { background:#008ad1;  }
#FooterLinkContact { background:#88b8e4; }
#FooterLinkFB{ background:#14387f; }

a.SocialMediaIcons    {  font-family: "Ionicons"; font-weight:normal!important; padding:0 10px!important; font-size: 14px; height:30px; line-height:30px; }
a.SocialMediaIcons    span {  display:inline-block; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5);  }

a.KnopBlauw:link {background:#008ad1; display:inline-block;  color:#ffffff!important; margin:5px; padding:0 12px; border-radius: 7px; min-width:75px; text-align:center;}
a.KnopBlauw:hover{ background:#ed6200!important; text-decoration:none; }
a.KnopBlauw:visited{color:#ffffff!important; }



/* ================================================================================ 
                                     MENU'S
   ================================================================================ */
   
/* =================== 
        RADMENU 
   =================== */  
   
   
/* Root Items */  
.RadMenu_MainMenu { z-index:910 !important; float:none !important; display:inline-block}
.RadMenu_MainMenu .rmRootGroup { background-color:transparent !important; border-width:0 !important;}
.RadMenu_MainMenu .rmRootGroup .rmItem { margin:0px; padding:0px; }
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink { margin:0 0 0 7px; padding:3px 1px 0 1px; cursor:pointer; text-decoration:none; }

.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+1) .rmLink .rmText { background:#fbcc0a; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+1) .rmSlide .rmText  { background:#fbcc0a!important; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+1) .rmSlide .rmSlide .rmText  { background:#fbcc0a!important; }


.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+2) .rmLink .rmText  { background:#97c228; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+2) .rmSlide .rmText  { background:#97c228!important; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+2) .rmSlide .rmSlide .rmText  { background:#97c228!important; }

.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+3) .rmLink .rmText { background:#fbcc0a; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+3) .rmSlide .rmText  { background:#fbcc0a!important; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+3) .rmSlide .rmSlide .rmText  { background:#fbcc0a!important; }

.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+4) .rmLink .rmText { background:#0a8fd3; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+4) .rmSlide .rmText  { background:#0a8fd3!important; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+4) .rmSlide .rmSlide .rmText  { background:#0a8fd3!important; }

.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+5) .rmLink  .rmText { background:#88b8e4; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+5) .rmSlide .rmText  { background:#88b8e4!important; }
.RadMenu_MainMenu .rmRootGroup .rmItem:nth-child(5n+5) .rmSlide .rmSlide .rmText  { background:#88b8e4!important; }



.RadMenu_MainMenu .rmGroup .rmFirst .rmText { border-radius:7px 7px 0px 0px!important; padding-top:3px!important; }
.RadMenu_MainMenu .rmGroup .rmLast .rmText { border-radius:0px 0px 7px 7px!important;  padding-bottom:3px!important;  }
.RadMenu_MainMenu .rmGroup .rmFirst.rmLast .rmText { border-radius:7px!important; }


.RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover { }
.RadMenu_MainMenu .rmGroup .rmItem .rmSelected .rmText { } 

.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover { background:#ed6200!important; }



.ParentTabName { color:#213b78; font-size:28px;   font-family: 'Bitter', serif;  font-weight:700; line-height:1;  padding:0; margin:0; }   
   


#Menu { position:relative; z-index:960; isolation:isolate; padding:0;  }
.DesktopMenu .RadMenu_MainMenu .rmHorizontal{white-space: nowrap; position:relative; display: flex; flex-wrap:wrap;}
.DesktopMenu .RadMenu_MainMenu ul,
.DesktopMenu .RadMenu_MainMenu li { margin:0px; padding:0px; list-style:none;}   

/* !!!!!!!!!!   Fake RadMenu */

/* --ROOT-- */
.DesktopMenu .rmHorizontal .rmSlide {display:block !important; box-sizing:border-box;  z-index:111; top:100%; left:0; overflow:hidden;  height:0; position: absolute; }
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmLast > .rmSlide {left:auto; right:0}
.DesktopMenu .rmHorizontal .rmGroup {opacity:0; transition:opacity 0.3s ease, transform 0.3s ease; transform:translate(0,-10px);   } 
.DesktopMenu .rmHorizontal .rmItem {margin: 0px;  padding: 0px; position: relative; clear: none; }
.DesktopMenu .rmHorizontal .rmItem .rmLink {  cursor: pointer;   text-decoration: none; display:block;  margin: 0px;  padding: 0px;  }  
.DesktopMenu .rmHorizontal .rmItem .rmLink .rmText{margin:0 0 0 7px; padding:0 7px; font-size:16px; line-height:30px; height:30px; display:block; white-space:normal;  color:#ffffff; font-family: 'Lato', sans-serif; text-transform:uppercase; font-weight:900; border-radius:7px;}
/*first,last,only*/
.DesktopMenu .rmHorizontal .rmItem.rmFirst{}
.DesktopMenu .rmHorizontal .rmItem.rmLast {}
.DesktopMenu .rmHorizontal .rmItem.rmOnly {}
/*expanded,hover,selected,breadcrumb*/
.DesktopMenu .rmHorizontal.rmRootGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  {}
.DesktopMenu .rmHorizontal.rmRootGroup .rmItem:hover > .rmLink .rmText {}
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmSelected > .rmLink > .rmText { }
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmBreadcrumb > .rmLink > .rmText {}


/*--SUB--*/
.DesktopMenu .rmHorizontal .rmLevel0 .rmGroup  {transform:translate(-20px, 0px); }
.DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide { overflow:visible; height:auto; transform:translate(0px, 0px); padding:0px; border-radius:15px;}
.DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide > .rmGroup {opacity:1; transform:translate(0px, 0px);}  
.DesktopMenu .rmHorizontal .rmSlide .rmItem:hover .rmSlide  {left:100%; top:0; display:block;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem {width:100%; margin:0; display:block;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink {margin:0; padding:0; width:100%; display:block;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink .rmText{ min-width:250px;  margin:0px; padding:0 7px; min-width:180px; line-height:34px;  font-size:14px;  display:block; white-space:nowrap;  color:#ffffff;   border-radius:0px; display:block; width:100%}
/*first,last,only*/
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst > .rmLink > .rmText{}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmLast > .rmLink > .rmText{}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmOnly > .rmLink > .rmText{}
/*expanded,hover,selected,breadcrumb*/
.DesktopMenu .rmHorizontal .rmGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem:hover > .rmLink .rmText {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmSelected > .rmLink > .rmText {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmBreadcrumb  > .rmLink > .rmText {}




/* !!!!!!!!!!   Fake Panelbar / submenu */
.DesktopMenu  ul.rmRootGroup.rmVertical  {width:100%;   position: relative;    z-index: 100;}
.DesktopMenu .rmVertical .rmSlide {position:static}
.DesktopMenu .rmVertical .rmGroup{transform:translateY(0px); transform:translateX(0px);}
.DesktopMenu .RadMenu ul.rmRootGroup{ background-color:transparent; border:0; margin:15px 0px 10px 0px}
.DesktopMenu .rmVertical .rmItem {padding:0px 0; display:block;}
.DesktopMenu .rmVertical .rmItem .rmLink {margin:0; display:block;}
.DesktopMenu .rmVertical .rmItem .rmLink .rmText{ margin:0px !important; padding:4px 0px !important; border:0px !important; display:block; white-space:normal; font-size: 20px; color: #008ad1; font-weight: 700 !important; background:transparent !important; text-transform:none; font-family: 'Ubuntu', sans-serif; }
.DesktopMenu .rmVertical .rmSlide  {display:none !important}
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide   {display:block !important; height:auto; }
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide > .rmGroup  {opacity:1}
 /*sub*/
.DesktopMenu .rmVertical .rmSlide .rmItem {padding-left:20px;}
/*expanded,hover,selected,breadcrumb */
.DesktopMenu .rmVertical .rmItem .rmLink:hover { color:#ed6200; text-decoration:none !important}
.DesktopMenu .rmVertical .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  { color:#ed6200; background:transparent !important;}
.DesktopMenu .rmVertical .rmItem:hover > .rmLink > .rmText { color:#ed6200 !important; background:transparent !important;}
.DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText { color:#008ad1; background:transparent !important;}
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb  > .rmLink > .rmText { color:#008ad1; background:transparent !important;}



/* ================================================================================ 
                                 MOBILE MENU
   ================================================================================ */   

#MobileMenu { margin:-2px 0 0 0}
#MobileMenu * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;}
.MobileMenuHeader {font-size:50px; font-family: "Ionicons"; line-height:50px; cursor:pointer; color:#fff; display:none; width:50px; text-align:center; border-radius:5px; background-color:#274052 }
.MobileMenuHeader.active { color:#fff; transition:none; background-color:#e98323; border-radius:5px 5px 0 0 }

#MobiNav { margin:0; text-align:left; display:none; padding:10px 0 10px 0; background-color:#e98323;  border-radius:5px 0 5px 5px }
#MobiNav ul {list-style:none; margin:0; padding:0 0 0 20px;}
#MobiNav li {list-style:none; margin:0; padding:0 0 0 10px;}
#MobiNav .item { min-height:40px; line-height:40px; border-bottom:1px solid #f0f0f0; position:relative; }
#MobiNav .item a {color:#000 !important}
#MobiNav .item a:hover, #MobiNav .item.selected > a { text-decoration:none; color:#fff !important}
#MobiNav .item.haschild:after { position:absolute; top:0px; right:0px; margin:5px 4px 0 0;  height:30px; width:30px; display:block; font-size:32px; line-height:0.75; color:#fff !important; background-color:#707173; text-align:center; cursor:pointer;  transition:all .12s ease-in-out; content:"+"; cursor:pointer;}
#MobiNav .item.haschild:hover:after { background-color:#274052;cursor:pointer;}
#MobiNav .item.haschild.active:after { content:"-";cursor:pointer;} 
#MobiNav .item .subLevel {display:none;} 
#MobiNav .item.haschild.active > .subLevel {display:block;}
#MobiNav .subLevel .item.first {border-top:1px solid #f0f0f0;}
#MobiNav .item.last {border-bottom:0;}


/* ================================================================================ 
                                 SCROLL 2 TOP
   ================================================================================ */
#back-to-top, .touch-device #back-to-top:hover { color:#fff; background:#ed6200; bottom:10px; display:none; height:45px; position:fixed;	right:10px; text-shadow:none; transition:all .2s ease; width:45px; z-index:980;	line-height:45px; text-align:center; font-family: "Ionicons"; font-size:28px; border-radius:7px;
border:2px solid transparent;
}
#back-to-top:active,
#back-to-top:hover { /* xbackground:#213b78; */ text-decoration:none;  
border:2px solid #ed6200; color:#ed6200; background:rgba(255,255,255,.8);
}





/* ================================================================================ 
                                  Responsive Iframe Video's
   ================================================================================ */
.VideoWrapper {	position: relative;	padding-bottom: 56.25%; height: 0; margin:20px 0 }
.VideoWrapper iframe {	position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}

/* ================================================================================ 
                                 Events
   ================================================================================ */

.ListAlternate { background-color: transparent !important;}
.ListDataGrid { background-color: transparent !important; border:0 !important}
.ThemeMinimalExtropy .ListDataGrid td, .ThemeMinimalExtropy .DetailEnrollGrid td, .ThemeMinimalExtropy .EditEnrollGrid td, .ThemeMinimalExtropy .EnrollGrid td {border:0 !important}

/* ================================================================================ 
                                  PHOTOSLIDER
   ================================================================================ */

/* PHOTOSLIDER - 2SXC  */
.gallery-wrapper {padding-bottom:30px;}
.gallery-items{display:none}
.gallery-items.flickity-enabled{display:block}
.gallery-item  {height:100%; width:100%; text-align:center; background-image:url(images/loading.gif); background-repeat:no-repeat; background-color:#eee; justify-content:center; background-position:center center; display:flex;}
.gallery-item-image {max-width:100%; max-height:100%; object-fit:contain;  }
.gallery-item-image.covertop {max-height:none; height:100%; width:100%; object-fit:cover; object-position: 50% 0%;}
.gallery-item-image.covermiddle {max-height:none; height:100%; width:100%; object-fit:cover; object-position: 50% 50%;}
.gallery-item-image.coverbottom {max-height:none; height:100%; width:100%; object-fit:cover; object-position: 50% 100%;}
.gallery-items-nav {height:150px;}
.gallery-item-nav{height:150px; display:inline-block; padding:10px 10px 10px 0; object-fit:contain;  object-position: 50% 50%;}

.gallery-wrapper {padding-top:20px;}
.flickity-prev-next-button {border-radius:0;}


.gallery-item:after {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  transition:all 0.3s ease; text-align:center; color:#93c01f; content:"\f00e";  font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:62px; }

.gallery-item:hover {transform:scale(1.07) rotate(2deg)}

/* ================================================================================ 
                                  SMOELENBOEK
   ================================================================================ */

/* SMOELENBOEK - 2SXC */
.Medewerkerslijst { }
.Medewerkerslijst .MedewerkerslijstItems { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItem{ width: 30%; margin: 0 5% 25px 0;  }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItem:nth-child(3n+3){ margin-right: 0; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemImage { width: 180px; height: 180px; margin: 0 auto 15px auto; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius:7px; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemContent { text-align: center; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemContentName { color: #194597; font-family: 'Roboto Slab', Verdana, Arial, Sans-Serif; font-weight: 700; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemContentText1 {}
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemContentText2 {}

.ThemeRounded .Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemImage { border-radius: 10px;}
.ThemeCircular .Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemImage { border-radius: 50%; }




/* SMOELENBOEK2 - 2SXC */
.Medewerkerslijst2 { margin: 40px 0; }
.Medewerkerslijst2 .MedewerkerslijstItems { display: flex; justify-content: space-between; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; }
.Medewerkerslijst2 .MedewerkerslijstItems .MedewerkerslijstItem { width: 48%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 20px 0; padding: 10px; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box;}
.Medewerkerslijst2 .MedewerkerslijstItems .MedewerkerslijstItemImage { width: 80px; height: 80px; border-radius: 50%;  background-size: cover; background-position: center; background-repeat: no-repeat; }
.Medewerkerslijst2 .MedewerkerslijstItems .MedewerkerslijstItemContent { width: calc(100% - 100px); }
.Medewerkerslijst2 .MedewerkerslijstItems .MedewerkerslijstItemContentName { color: #194597; font-family: 'Roboto Slab', Verdana, Arial, Sans-Serif; font-weight: 700; }
.Medewerkerslijst2 .MedewerkerslijstItems .MedewerkerslijstItemContentText1 {}
.Medewerkerslijst2 .MedewerkerslijstItems .MedewerkerslijstItemContentText2 {}
.Medewerkerslijst2 .MedewerkerslijstItems .MedewerkerslijstItemLinks {}
.Medewerkerslijst2 .MedewerkerslijstItems a.MedewerkerslijstItemEmail, 
.Medewerkerslijst2 .MedewerkerslijstItems a.MedewerkerslijstItemLinkedIn { display: inline-block; width: 24px; height: 24px; margin: 5px 0 0 0; text-align: center; color: #fff; background-color: #BDD011; border-radius: 50%; transition: all 0.3s ease; }
.Medewerkerslijst2 .MedewerkerslijstItems a.MedewerkerslijstItemEmail:before { content: "\f0e0"; font-family: 'Font Awesome 5 Free'; font-size: 12px; font-weight: 900; line-height: 24px; }
.Medewerkerslijst2 .MedewerkerslijstItems a.MedewerkerslijstItemLinkedIn:before { content: "\f0e1"; font-family: 'Font Awesome 5 Brands'; font-size: 12px; font-weight: 400; line-height: 24px; }

a.MedewerkerslijstItemEmail:hover, 
a.MedewerkerslijstItemLinkedIn:hover { background-color: #A04494;  }



/* SMOELENBOEK3 - 2SXC */
.Medewerkerslijst3 { margin: 40px 0; }
.Medewerkerslijst3 .MedewerkerslijstItems { display: flex; justify-content: space-between; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; }
.Medewerkerslijst3 .MedewerkerslijstItems .MedewerkerslijstItem { width: 48%; margin: 0 0 20px 0; border: 1px solid #eee; box-sizing: border-box;}
.Medewerkerslijst3 .MedewerkerslijstItems .MedewerkerslijstItemImage { width: 100%;  background-size: cover; background-position: top; background-repeat: no-repeat; }
.Medewerkerslijst3 .MedewerkerslijstItems .MedewerkerslijstItemImage:before { content: ""; display: block; padding-top: 75%;}
.Medewerkerslijst3 .MedewerkerslijstItems .MedewerkerslijstItemContent { padding: 10px 15px 15px 15px; display: flex; flex-wrap: wrap; }
.Medewerkerslijst3 .MedewerkerslijstItems .MedewerkerslijstItemContentName { width: 100%; color: #194597; font-family: 'Roboto Slab', Verdana, Arial, Sans-Serif; font-weight: 700; }
.Medewerkerslijst3 .MedewerkerslijstItems .MedewerkerslijstItemContentText1 { width: 100%; font-weight: 700; margin: 0 0 10px 0; padding: 0 0 5px 0; color: #A04494; border-bottom: 1px solid #ddd; }
.Medewerkerslijst3 .MedewerkerslijstItems .MedewerkerslijstItemContentText2 { width: 100%; font-size: 14px; }
.Medewerkerslijst3 .MedewerkerslijstItems .MedewerkerslijstItemLinks { width: 100%;  margin: 10px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #ddd; text-align: right; align-self: flex-end;}
.Medewerkerslijst3 .MedewerkerslijstItems a.MedewerkerslijstItemEmail, 
.Medewerkerslijst3 .MedewerkerslijstItems a.MedewerkerslijstItemLinkedIn { display: inline-block; width: 24px; height: 24px;  text-align: center; color: #fff; background-color: #009EE3; border-radius: 50%; transition: all 0.3s ease; }
.Medewerkerslijst3 .MedewerkerslijstItems a.MedewerkerslijstItemEmail:before { content: "\f0e0"; font-family: 'Font Awesome 5 Free'; font-size: 12px; font-weight: 900; line-height: 24px; }
.Medewerkerslijst3 .MedewerkerslijstItems a.MedewerkerslijstItemLinkedIn:before { content: "\f0e1"; font-family: 'Font Awesome 5 Brands'; font-size: 12px; font-weight: 400; line-height: 24px; }

.Medewerkerslijst3 .MedewerkerslijstItems a.MedewerkerslijstItemEmail:hover, 
.Medewerkerslijst3 .MedewerkerslijstItems a.MedewerkerslijstItemLinkedIn:hover { background-color: #194597;  }


 /* ================================================================================ 
                                 360 TOUR TEMPLATE  
   ================================================================================ */

.TourItem{height:375px; width:492px; display:inline-block; padding-right:20px}
.TourWrapper  .TourItem .TourImage {height:375px; width:492px; object-fit:cover;}
.TourItem_video {background-repeat: no-repeat; background-size: cover;  background-position:center center; position:relative;  margin-right:20px;}
.TourItem_video a {display:block; height:100px; width:100px; border:8px solid #fff; border-radius:50%; line-height:100px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  transition:all 0.3s ease; text-align:center; }
.TourItem_video a:after {color:#fff; content:"\f04b";  font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:62px; opacity:0.85; } 
.TourItem_video a:hover {border:34px solid #fff;  text-decoration:none !important }
.TourItem_video a:hover:after { opacity:1;} 

.touritemwrapper .TourItem_video {width:100%; padding-right:0;  }  


 /* ================================================================================ 
                                 KERNWAARDEN VIEWER
   ================================================================================ */

.Kernwaarden { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0px;}
.KernwaardeItem { width: 48%; padding-bottom:40px; }


.KernwaardeLink { display: block; width: 100%; height: 250px; background-color: transparent; perspective: 1000px; }
.KernwaardeKaart { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;  }
  
.KernwaardeLink:hover .KernwaardeKaart { transform: rotateY(180deg); }
  
.KernwaardeKaartVoorkant {  position: absolute; width: 100%; height: 100%; padding: 20px; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;
	box-sizing: border-box; background-color: #bbb; color: #ffffff;
	display: flex; align-items: flex-end; background-size: cover; background-position: center;
}

.KernwaardeKaartVoorkant .KernwaardeTitel { width: 100%; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 4px #000; }

  
.KernwaardeKaartAchterkant { position: absolute; width: 100%; height: 100%; padding: 15px; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;
	box-sizing: border-box; background-color: #ff0000; color: #fff; transform: rotateY(180deg);
	
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.KernwaardeKaartAchterkant .KernwaardeTitel { text-transform: uppercase; font-weight: 700;}
.KernwaardeKaartAchterkant .KernwaardeTekst { max-height: 145px; overflow-y: hidden;}
.KernwaardeKaartAchterkant .KernwaardeKnop { display: inline-block; margin: 10px auto 0 auto; padding: 3px 10px; border-radius: 5px; color: #fff; background-color: #213b78; } 

.KernwaardeItem:nth-child(1) .KernwaardeKaartAchterkant { background:#97c228; }
.KernwaardeItem:nth-child(2) .KernwaardeKaartAchterkant { background:#fbcc0a; }
.KernwaardeItem:nth-child(3) .KernwaardeKaartAchterkant { background:#0a8fd3; }
.KernwaardeItem:nth-child(4) .KernwaardeKaartAchterkant { background:#e04a11; }


@media only screen and (max-width: 768px) {
	
	.KernwaardeItem { width: 48%; margin-bottom: 20px; }
}

@media only screen and (max-width: 479px) {
	
	.KernwaardeItem { width: 100%; }
}

/* ================================================================================ 
                                 PUBLICATIE MODULE
   ================================================================================ */
/* ARTICLE LIST */



.pubArticleList {}
.pubArticleList .pubItem {border-bottom:2px dotted #ddd;;}
.pubArticleList .pubItem .pubThumbNail{height: 100px; width: 125px; border-radius: 10px; background-position: center center; background-size: cover; display:inline-block; vertical-align:top; margin:10px 10px 10px 0px;}
.pubArticleList .pubItem .pubContent {display:inline-block; vertical-align:top; width:calc(100% - 140px); padding:10px 0px;}
.pubArticleList .pubItem .pubContent .pubTitle {font-size:18px; font-weight:700; color:#2d237a !important; font-family: 'Bitter', serif!important; line-height:1.3;}
.pubArticleList .pubItem .pubContent .pubTitle:hover{text-decoration:underline;}
.pubArticleList .pubItem .pubContent .pubSummary {padding-bottom:10px;}
.pubArticleList .pubItem .pubContent .pubMetaData {display:block; font-size:11px; color:#999; line-height:26px;}

.pubArticleList .pubItem .pubContent .pubLink{vertical-align:middle;}
.pubArticleList .pubItem .pubContent .pubLink:hover{}
.pubArticleList .pubItem .pubContent .pubLink:after{font-family: "Ionicons"; content:"\f10a"; display: inline-block; padding-left: 7px; vertical-align: middle; color:#e98323; font-size: 16px;}







/* TEAM */
.pubArticleList .pubItemTeam {width:50%; float:left;} 
.pubArticleList .pubItemTeam .pubTeamContent .pubTeamTitle{display:block; font-size:18px; font-weight:700; margin-top:10px; color:#2d237a !important; font-family: 'Bitter', serif!important; line-height:1.3;}
.pubArticleList .pubTeamThumbnail .pubTeamLink {border:2px solid #fff; outline: 1px solid #ddd; margin:10px 10px 0 0; width:125px; overflow:hidden; display:inline-block; zoom: 1; *display: inline;}
.pubArticleList .pubItemTeam .pubTeamContent .pubTeamMetaData {font-size:11px; color:#999;}

/* ARTICLE DETAILS */
.pubArticleDetails {}
.pubArticleDetails h1 { }
.pubArticleDetails .pubMetaData { color:#999; font-size:11px; margin-bottom:7px;}
.pubArticleDetails .pubContent { margin-bottom:10px;}
.pubArticleDetails .pubReturnLink { overflow:hidden;}
.pubArticleDetails .pubReturnLink a { float:right;}

/* ARTICLE VIEWER */
.pubArticleViewer {}
.pubArticleViewer .pubItem {}
.pubArticleViewer .pubItem .pubTitle {font-size:14px; font-weight:bold;}
.pubArticleViewer .pubItem .pubMetaData {font-size:11px; color:#999;}

.pubArticleHomeViewer{}

.pubArticleHomeViewer * { font-family: 'PT Sans', sans-serif; text-align:left!important; /* from .BigText */ }

.pubArticleHomeViewer .pubItem { padding-bottom:20px;}
.pubArticleHomeViewer .pubItem.pubNumber4 {margin-right:0;}
.pubArticleHomeViewer .pubItem .pubImageWrapper {height:140px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative}
.pubArticleHomeViewer .pubItem .pubMetaData{ display:inline-block; height:24px; line-height:24px;  font-size:15px; font-weight:700; text-transform:uppercase;
 position:absolute; bottom:-30px; left:0px;   color:#93c01f;
 } 
.pubArticleHomeViewer .pubItem .pubTitle { display:block; padding:30px 0 12px 0px; font-size:18px; font-weight:700; color:#2d237a !important; font-family: 'Bitter', serif!important;   line-height:1.3; min-height:70px;}

.pubArticleHomeViewer .pubItem .pubSummary { font-size:17px;  font-family: 'Ubuntu', sans-serif; color:#49494a; font-weight:400;line-height:1.3; }




/*
.pubArticleHomeViewer .pubItem .pubLeesMeer {padding:0 7px; display:inline-block; height:24px; line-height:24px; background-color:#e07c00; color:#fff; font-size:15px; font-weight:700; text-transform:uppercase; margin:10px 0}
.pubArticleHomeViewer .pubItem .pubLeesMeer:hover { text-decoration:none !important; background-color:#470042}
als a.Button
*/


#icr_sidebar { padding:20px; min-height:200px;  min-height:33vh; 
border-radius:7px;
background:rgba(147,192,31,.2); }

a.navBlockItemLink  {color:#008ad1; font-size:20px; font-weight:700; }

a.navBlockItemLink:hover  {color:#ed6200;}

.NavBlockTitle { color:#213b78; font-size:28px;   font-family: 'Bitter', serif;  font-weight:700; line-height:1;  padding:0; margin:0 0 10px 0; }  





.home-event .date,
.home-event .title  { float:left; display:block; position:relative; padding:0px; margin:0px; min-height:65px; }
 

/* 290px wid */
.home-event .date { width:64px; margin-right:12px; background:url(images/tek_kalender.png) no-repeat 0px 0px; 
	font-family: 'Bitter', serif;  text-align:center; font-size:14px;   line-height:58px; color:#ffffff; font-weight:700;
}
.home-event .title { width:210px;
	padding-top:17px;
	font-family: 'Ubuntu', sans-serif;  font-size:18px;  line-height:1; color:#2d237a; font-weight:500; font-style:italic;
}

/* ================================================================================ 
                               HEUTINK SCHOOLWAPPS CALENDAR 
   ================================================================================ */
.digicom-module-title {display:none;}

/* CALENDAR WRAPPER */
.digicom-module-title { color : #009240;}
.sw-calendar { }
.sw-calendar.month { }
 
 /*RECENT*/
.sw-calendar.upcoming { }
.sw-calendar.upcoming .sw-calendar-item {padding:0px;}
.sw-calendar.upcoming .sw-calendar-item-dates {display: inline-block; color:#fff;} 
.sw-calendar.upcoming .sw-calendar-item-title {display: inline-block; vertical-align:middle; width: 210px; font-family: 'Ubuntu', sans-serif; font-size: 18px; line-height: 1; color: #2d237a; font-weight: 500; font-style: italic;}
.sw-calendar.upcoming .sw-calendar-item-date.startdate {width: 64px; margin-right: 12px; background: url(images/tek_kalender.png) no-repeat 0px 0px; font-family: 'Bitter', serif; text-align: center; font-size: 14px; line-height: 58px; color: #ffffff; font-weight: 700;}
.sw-calendar.upcoming .sw-calendar-item-date.enddate {display:none;}
  


 
/* CALENDAR HEADER */
.sw-calendar-header { display: flex; justify-content: space-between; margin: 0 0 20px 0; padding: 10px 0; border-bottom: 2px solid #ccc; }
.sw-calendar-title { margin:20px 0; font-size: 20px; color: #008ad1;}
.sw-calendar-button { background-color: #008ad1; }
.sw-calendar-button.previous { background-color: #008ad1; }
.sw-calendar-button.next { background-color: #008ad1; }
 
/* CALENDAR ITEMS */
.sw-calendar-items { }
.sw-calendar-item { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.sw-calendar-item:last-of-type { margin:0px; padding: 0px; }
 
.sw-calendar-item-dates { display: flex; justify-content: flex-start;}
.sw-calendar-item-date { font-weight: 700; text-transform:uppercase }
.sw-calendar-item-date.startdate {}
.sw-calendar-item-date.enddate { }
.sw-calendar-item-date.enddate:before { content: "-"; display:inline-block; margin: 0 5px 0 10px; }
.sw-calendar-item-date-name {}
.sw-calendar-item-date-day {}
.sw-calendar-item-date-month {}
.sw-calendar-item-date-time {}
 
.sw-calendar-item-title { color:#2d237a; font-size: 22px; font-weight: 700;}
.sw-calendar-item-description {margin: 0 0 5px 0; }
.sw-calendar-item-groups { }
.sw-calendar-item-groups span { display: inline-block; line-height: 1; margin: 0 2px 4px 0; padding: 4px 8px; border-radius: 12px; border: 1px solid #aaa; font-size: 12px; }
/*
.sw-calendar-item-groups span:before { content: ", "; }
.sw-calendar-item-groups span:first-child:before { content: none; }
*/
 
/* CALENDAR FOOTER */
.sw-calendar-footer { margin: 20px 0 0 0; padding: 10px 0; }
.sw-calendar-list-link,
.sw-calendar-button{
	display: inline-block;
    color: #fff !important;
    background-color:#009240;
    padding: 0 15px;
    font-weight: 700;
    height: 32px;
    line-height: 33px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    text-transform: uppercase;
    margin: 15px 0;
}

 /* ================================================================================ 
                                === DIGICOM TIMELINE ===  
   ================================================================================ */

/* general */
.sw-timeline { }
.sw-timeline-posts { }

.sw-timeline-post { display: flex; justify-content: flex-start; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;}

.sw-timeline-post .post-images { }
.sw-timeline-post .post-thumbnail-image { display: inline-block; width: 100px; height: 100px; margin: 0 20px 0 0; position: relative; background-size: cover; background-position: center center; }
.sw-timeline-post .post-thumbnail-image .post-thumbnail-image-overlay  { display: block; position: absolute; bottom: 0; right: 0;  width: 100%; height: 100%; z-index: 5; background-size: cover; background-position: bottom right; background-repeat: no-repeat; }

.sw-timeline-post .post-content {  }
.sw-timeline-post .post-content .post-title{ font-size: 18px; font-weight: 700; color: #000;}
.sw-timeline-post .post-content .post-author { font-size: 0.95em; margin: 5px 0; color: #aaa; }
.sw-timeline-post .post-content .post-author span { font-weight: 700; }
.sw-timeline-post .post-content .post-date { font-size: 0.95em; margin: 5px 0; color: #aaa;}
.sw-timeline-post .post-content .post-date span { font-weight: 700; }
.sw-timeline-post .post-content .post-message {  }


.sw-timeline-post .post-attachments {}
.sw-timeline-post .post-attachments .post-files {}
.sw-timeline-post .post-attachments .post-files .post-file {}
.sw-timeline-post .post-attachments .post-files .post-file a { display: block; padding: 2px 0 2px 10px; position: relative; }
.sw-timeline-post .post-attachments .post-files .post-file a:before { content: ""; display: block; width: 6px; height: 6px; position: absolute; top: 10px; left: 0; background-color: #888; }
.sw-timeline-post .post-attachments .post-files .post-file a:hover { }
 
 
  
/* list specific */  
.sw-timeline.list { }

.sw-timeline-footer { padding: 10px 0; text-align: center;}
.sw-timeline-footer .sw-timeline-page-number { display: inline-block; margin: 0 5px; padding: 4px 10px; }
.sw-timeline-footer .sw-timeline-button { display: inline-block;  padding: 4px 10px; background-color: #aaa; border-radius: 5px; }
.sw-timeline-footer .sw-timeline-button:hover { text-decoration: none; background-color: #888; }
.sw-timeline-footer .sw-timeline-button span {color: #fff;  }
  
/* recent specific */ 
.sw-timeline.recent { }
 
.sw-timeline.recent .sw-timeline-posts { display: flex; justify-content: space-between; margin: 0; padding: 0; flex-wrap: wrap; }
.sw-timeline.recent .sw-timeline-post { width: 22%; display:block; border:none;}
.sw-timeline.recent .sw-timeline-post .post-content .post-title {color:#000;}
.sw-timeline.recent .sw-timeline-post .post-thumbnail-image { display: block; width: 100%; height: 150px; margin: 0 0 10px 0; position: relative; background-size: cover; }
.sw-timeline.recent .sw-timeline-post .post-content { color:#000; padding: 5px 10px; max-height: 130px; overflow: hidden; position: relative; }
.sw-timeline.recent .sw-timeline-post .post-content:after { content: ""; display: block; width: 100%; height: 35px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom,  rgba(238, 248, 254,0) 0%,rgba(238, 248, 254,1) 100%);}
 
.sw-timeline.recent .timeline-redirect-link  { padding: 10px 0; width: 100%; box-sizing: border-box; } 
.sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link {display: inline-block;  background-color: #aaa; color: #fff; padding: 0 15px; font-weight: 700; height: 32px; line-height: 33px; border: 1px solid #aaa; cursor: pointer; text-transform: uppercase; margin: 15px 0;} 
.sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link:hover { text-decoration: none; background-color: #fff; color:#aaa; }  
 





.BannerViewer { position:relative; height:460px;  overflow:hidden; }
.BannerViewer .pubItem .pubImageWrapper {height:460px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative}
.BannerViewer .pubItem .pubImageWrapper .pubTitle { height:80px; color:#213b78; font-size:40px;  line-height:80px; text-align:center; background-color:#fff;  background-color:rgba(255,255,255,0.75); position:absolute; bottom:0; left:0; width:100%;font-family: 'Bitter', serif;  }



/*voor de slider */
.BannerViewer .pubItem { position:absolute; top:0; left:0; height:100%; width:100%; z-index:1;}
.BannerViewer .pubItem:first-child {z-index:10}
.BannerViewer .pubItem + .pubItem {z-index:9}
.BannerViewer .pubItem + .pubItem + .pubItem {z-index:1} 
 


/* COMMENT VIEWER */
.pubCommentViewer .pubItem {}
.pubCommentViewer .pubItem .pubMetaData {font-size:11px; color:#999;}

/* SIDEBAR */
.pmsb_wrap { }
.pmsb_wrap .pm_block {}
.pmsb_wrap .pm_block .pm_block_header {  }
.pmsb_wrap .pm_block ul { }
.pmsb_wrap .pm_block ul li {  }
.pmsb_wrap .pm_block ul li a,
.pmsb_wrap .pm_block ul li span {  }


/* ================================================================================ 
                                CONTAINER LAYOUT'S
   ================================================================================ */
.Container {}
.ContainerHeader { }
.ContainerContent {}
.ContainerFooter {}


/* ================================================================================ 
                                   QUICK FIXES
   ================================================================================ */

/* -- footer fixed to bottom -- */ /*
#Wrapper { position: relative;} 
#Panes { padding-bottom:100px; }           
#Footer { position: absolute; width: 100%; height: 80px; bottom: 0px; margin-top: 20px;}
*/

.sb_searchinputbox {display:none;}


/* ================================================================================ 
                                   MEDIA QUERIES
   ================================================================================ */
 @media only screen and (max-width: 1540px) {  
   .BannerViewer { position:relative; height:400px;  overflow:hidden; }
	.BannerViewer .pubItem .pubImageWrapper {height:400px;}
}
   

   
@media only screen and (max-width: 1065px) {	
	#Header_tek
	{
		-webkit-transform:translate(25px,0px); 		-ms-transform:translate(25px,0px); 		transform:translate(25px,0px); 		
	}
}


@media only screen and (max-width: 1045px) {	
	#Header_tek
	{
		-webkit-transform:translate(0px,0px); 		-ms-transform:translate(0px,0px); 		transform:translate(0px,0px); 		
	}
}

@media only screen and (max-width: 1024px) {	
.home-event .title {     font-size: 18px!important; }

.BannerViewer .pubItem .pubImageWrapper .pubTitle { font-size:30px; line-height:1; padding:15px 0 20px 0; height: auto}
}



@media only screen and (max-width: 970px) {	
	#Header .InnerWrapper {  min-height:165px; }

	#HeaderLinkFB  { bottom:15px!important;  right:10px; }
	
	#Menu{ right:auto; left:10px; width:auto!important;  bottom:15px!important;  }
	
	
	
	#Header .SchoolLogo img{ width:120px;height:120px;   }
}



   
@media only screen and (max-width: 768px) {	
	.InnerWrapper {max-width:650px;}
	.MobileMenuHeader { display:inline-block;}
	.MobileMenuHeader.active ~ #MobileMenu #MobiNav {display:block;}
	
	#SideBarWrapper { display:none; }
		
		
	
	
	#Header {}
	#Header .InnerWrapper {  min-height:130px; }
	.BannerPane {   margin-top: 130px;	}	
	.isSeq  #Content { margin-top: 130px; }
	.isSeq #Content  .row { background-position:center 130px; } 
	
	
	#Header .SchoolLogo {   left:90px; top:0px; }


	#HeaderLinkFB { right:170px; top:10px; }
	
	 #Menu { left:5px; top:10px; position:absolute;}
	
	.RadMenu, .RadPanelBar {display:none;}	
	 
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {float:none; margin-right:0; width:100%;}	
	
	.EQHeight, .EQHeight2 { min-height:0px; }
	
	.FooterColumn { width: 100%; margin: 40px 0 0 0; }
	
	.BannerViewer .pubItem .pubImageWrapper .pubTitle { font-size:24px; line-height:1; padding:15px 0 20px 0; height: auto}
	
	
	H1,H2 { font-size:30px; line-height:30px; }
	
	.sw-timeline.recent .sw-timeline-post {width:48%;}
	
	.Tab_18691 #SideBarWrapper {display:block; }
	.Tab_18691 .SideBarInnerWrapper {display:flex; flex-direction:column}
	.Tab_18691  #Breadcrumb {display:none;}
	.Tab_18691  #dnn_LeftPane {padding-bottom:20px;}
	.pubArticleViewer.Populair .pubItem {width:100%;}
	
	
}   

@media only screen and (max-width: 580px) {	
	.TopMenu {display:none;}
	.BannerViewer { position:relative; height:250px;  overflow:hidden; }
	.BannerViewer .pubItem .pubImageWrapper {height:250px;}
	.TourItem {height:250px;}

	#Header_tek { background:none; }

	#Header .SchoolLogo img{ width:111px!important;height:111px!important;   }



	#HeaderLinkFB { right:10px;  }
	
	
#Header .InnerWrapper {  min-height:111px; }
	.BannerPane {   margin-top: 110px;	}	
	.isSeq  #Content { margin-top: 110px; }
	.isSeq #Content  .row { background-position:center 110px; } 
	
	.sw-timeline.recent .sw-timeline-post {width:100%}
	
	
	.home-event .title { width:auto!important; }
	
	
	.BigText { font-size:36px!important; }
}



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

#Header .InnerWrapper {  min-height:111px; }
	.BannerPane {   margin-top: 80px;	}	
	.isSeq  #Content { margin-top: 80px; }
	.isSeq #Content  .row { background-position:center 80px; } 


	/* #Breadcrumb {display:none;}	 */
	.InnerWrapper { padding:0px 5px; }
	
	#Header .SchoolLogo img{ width:90px!important;height:90px!important;  }
	

	.BigText { font-size:32px!important; background:none!important; padding-right:0px!important; }
}