/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                          STICHTING POOLSTER                          ===== 
   =====                        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:left;
	font-family: 'Ubuntu', Verdana, Arial, Sans-Serif;
	font-size:16px;
	line-height:1.5;
}

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

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

/* HEADINGS */
h1, h2, h3, h4, h5 {font-family: 'Gochi Hand', Verdana, Arial, Sans-Serif; font-weight: 400; line-height:1.2; color: inherit;  }
h1 {font-size:60px;}
h2 {font-size:32px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}



/* LINKS */ 
a:link, a:hover, a:visited, a:active { color:#0000ff; text-decoration:none; }
a:hover   { text-decoration:underline; }

/* TABLES */
table {font-size:inherit;}               /* 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:15px;}          /* style for module titles */
.SubHead {font-size:14px;}        /* style of item titles on edit and admin pages */
.SubSubHead { font-size:13px;}    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.NormalBold { font-weight:bold;}

.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;}                  /* geen standaard rand bij afbeeldingen wanneer er gelinkt wordt */

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

* { 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;}   


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

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

#Wrapper { margin:0px auto; }
.InnerWrapper { margin:0px auto; padding: 0 20px; max-width:1020px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}


/* HEADER SECTION  */
#HeaderRow { min-height: 67px;}
#HeaderRow .InnerWrapper { position: relative; }

#Logo { position: absolute; top: 0; left: 4px; display: inline-block; z-index: 20; }

#Menu { position:relative; width:100%; padding: 0 0 0 280px; box-sizing:border-box; -webkit-box-sizing:border-box;}

#ContentRow { background-position: center top; background-repeat: no-repeat; }
#ContentRow  .InnerWrapper { padding: 100px 20px 50px 20px; }
.Home #ContentRow  .InnerWrapper { padding: 0 20px 20px 20px; }

#ContentRow .one-third { float: left; width:23%; box-sizing:border-box; -webkit-box-sizing:border-box;}
#ContentRow .two-third { float: right; width:63%; box-sizing:border-box; -webkit-box-sizing:border-box;}

#ContentRow .FullContentPane {margin-top:40px;}


#Breadcrumb {margin: 0 0 30px 0; font-size: 14px; font-weight: 500; text-transform: uppercase;}
#Breadcrumb .SkinObject {}

#SearchRow { padding: 16px 0 20px 0; text-align: center; }

#SearchBox { display: inline-block;}
#SearchBox  #dnn_dnnSEARCH_ClassicSearch { display:block;}
#SearchBox .SkinObject{ display:inline-block; margin-left: 5px; height: 32px; overlow:hidden; padding: 0 5px; font-family: "Ionicons"; font-size:38px; line-height: 32px; vertical-align:top; transition: color 0.3s ease;}   
#SearchBox .SkinObject:hover{ text-decoration: none;}   
#SearchBox .NormalTextBox { border: 0px; width: 280px; height: 16px; padding: 8px 10px; border-radius: 10px; -webkit-appearance:none;}
#SearchBox .NormalTextBox:focus { outline:none} 
#SearchBox .searchSkinObjectPreview, #SearchBox .searchInputContainer a.dnnSearchBoxClearText  {display:none !important;  }

/* placeholders - do not group these rules */
#SearchBox .NormalTextBox::-webkit-input-placeholder { color: transparent; }
#SearchBox .NormalTextBox:-moz-placeholder { color: transparent; }
#SearchBox .NormalTextBox::-moz-placeholder { color: transparent; }
#SearchBox .NormalTextBox:-ms-input-placeholder { color: transparent; }


#HomeRow { padding: 0;}
#HomeRow.shade-top { display:none; }
#HomeRow .one-third { float: left; width:26%; margin-right: 11%; box-sizing:border-box; -webkit-box-sizing:border-box;}
#HomeRow .one-third.last { margin-right: 0%;}
.Home #HomeRow.shade-top { display:block; }
.Home #HomeRow .InnerWrapper { padding: 25px 20px 45px 20px;}

#HomeRow h2 { margin: 0 0 20px 0; padding: 10px 0; font-family: 'Ubuntu', Verdana, Arial, Sans-Serif; letter-spacing: -1px; font-size: 32px; font-weight: 700;
background-position: right 0; background-repeat: no-repeat; }

#HomeRow #dnn_OneThirdPane1 h2 {background-position: 190px -5px; }
#HomeRow #dnn_OneThirdPane2 h2 {background-position: 130px -92px; }
#HomeRow #dnn_OneThirdPane3 h2 {background-position: 120px -192px; }


#HomeRow h3 { font-family: 'Ubuntu', Verdana, Arial, Sans-Serif; font-size: 25px; font-weight: 600; font-style: italic; }
#HomeRow h4 { font-family: 'Ubuntu', Verdana, Arial, Sans-Serif; font-size: 21px; font-weight: 700;}

#HomeRow  .DNNModuleContent { padding: 0 0 12px 0;}

a.home-knop { display: inline-block; padding: 3px 14px; border-radius: 10px; font-size: 14px; font-weight: 700;}
a.home-knop:hover { text-decoration: none;}







#ButtonRow { background-position: center center; background-repeat: no-repeat;}
#ButtonRow .InnerWrapper { padding: 34px 20px 14px 20px; }
#ButtonRow .one-fourth { float: left; width:23.5%; margin-right: 2%; box-sizing:border-box; -webkit-box-sizing:border-box;}
#ButtonRow .one-fourth.last { margin-right: 0%;}

#ButtonRow .two-fourth.last { float: right; width:49%; margin-right: 0%; }


#ButtonRow a.btn-schoolgids, 
#ButtonRow a.btn-nieuwsbrief,
#ButtonRow a.btn-poolster, 
#ButtonRow a.btn-app { display: block; margin: 0 0 20px 0; padding: 14px 40px 14px 16px; border-radius: 10px; font-family: 'Ubuntu', Verdana, Arial, Sans-Serif; font-size: 22px; line-height: 1.2; font-weight: 700; background-image: url(images/button_icons.png); background-repeat: no-repeat; background-position: right top;}

#ButtonRow  a.btn-schoolgids { background-position: 92% -5px; }
#ButtonRow a.btn-nieuwsbrief { background-position: 103% -85px;}
#ButtonRow a.btn-poolster { background-position: 90% -167px;}
#ButtonRow a.btn-app { background-position: 91% -247px; }

#ButtonRow  a.btn-schoolgids:hover, #ButtonRow a.btn-nieuwsbrief:hover, #ButtonRow a.btn-poolster:hover, #ButtonRow a.btn-app:hover { text-decoration: none;}




/* FOOTER SECTION */
#Footer { }
#FooterRow1 .InnerWrapper { min-height: 175px; padding: 15px 20px 30px 20px;}
#FooterRow1 .footer-logo { display:inline-block;  margin-bottom: 10px;}
#FooterRow1 .poolster-link { position:absolute; right: 20px; bottom: 30px; display:block; width: 165px; height: 86px; overflow: hidden; text-indent: -999px; background-image: url(images/poolster_footer_logo.png); background-repeat: no-repeat; background-size: contain; }
#FooterRow1 .FooterPane { padding: 0 200px 0 0;}
#FooterRow1 .FooterPane .column { display: inline-block; margin: 0 20px 0 0; vertical-align: top;}

#FooterRow2 { height: 48px;}



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

a.LoginKey { display: inline-block; margin: 4px 20px 0 0; padding: 10px; font-family: "Ionicons"; font-size:18px; line-height: 1; opacity:0; transition:none;}
a.LoginKey:hover { text-decoration:none; opacity:1;}

a.webredactie { display: inline-block; margin: 10px 0 0 0; padding: 4px 8px; font-size:18px; font-weight: 500; line-height: 1.2; border-radius: 10px; }
a.webredactie:hover  { text-decoration: none;}

.shade-top:before { content: ""; display: block; height: 5px;
background: rgba(0,0,0,0.15);
background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.15)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
}

.shade-bottom:after { content: ""; display: block; height: 5px;
background: rgba(0,0,0,0.15);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.15)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
}


.knop { display: inline-block; vertical-align: top; margin: 20px 25px 0 0; padding: 7px 60px 7px 15px;  font-size: 24px; font-weight: 700; border-radius: 20px;
background-image: url(images/knop_ster.png); background-repeat: no-repeat; background-position: right center; }
.knop:hover { text-decoration: none; }

.facebook, .twitter, .instagram  { display: inline-block; vertical-align: top; width: 60px; height: 50px; margin: 20px 25px 0 0; overflow: hidden; text-indent: -999px; background-image: url(images/social_media.png); } 
.facebook { background-position: 0px 0px; } 
.twitter { background-position: -68px 0px; }

#Footer .facebook, #Footer .twitter, #Footer .instagram  { width: 35px; height: 30px; margin: 12px 15px 0 0;} 
#Footer .facebook { background-position: -2px -57px; } 
#Footer .twitter { background-position: -45px -57px; }
#Footer .instagram { background-position: -87px -57px; }


.home-intro { text-align: center;}
.home-intro h1 { margin: 40px 0 20px 0; font-size: 45px;}


.block-facebook { position: relative; min-height: 180px; margin: 0 0 20px 0; padding: 20px 20px 50px 20px; border-radius: 10px; font-family: 'Ubuntu', Verdana, Arial, Sans-Serif;  box-sizing:border-box; -webkit-box-sizing:border-box;}
.block-facebook > span { display:block; margin: 0 0 10px 0; font-size: 22px; line-height: 1.2; font-weight: 700;}
.block-facebook .facebook-footer { position: absolute; bottom: 20px; right: 0px; width: 100%; min-height: 28px; padding: 0 20px 0 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.block-facebook .facebook-footer span { margin: 10px 0 0 0; padding: 0 0 0 25%; font-size: inherit; color: inherit !important; text-transform: uppercase;  }
.block-facebook .facebook-footer a.facebook-link { float:right; display: inline-block; margin: 0; padding: 3px 14px; border-radius: 10px; font-size: 14px; font-weight: 700;}
.block-facebook .facebook-footer a.facebook-link:hover { text-decoration: none;}


#fbWall { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; 
font-family: inherit !important; font-size: inherit !important; color: inherit;}

#fbWall .fb-wall-box { margin: 0;}
#fbWall .fb-wall-box > a { display:block; float: left; width: 20%; margin: 4px 5% 0 0; } /* profile pic */
#fbWall .fb-wall-box > a  img{ width: 80%; } 
#fbWall .fb-wall-box .fb-wall-data { margin: 0; float: left; width: 75%; }
#fbWall .fb-wall-box .fb-wall-data a { color: inherit; }
#fbWall .fb-wall-box .fb-wall-data .fb-wall-message .fb-wall-message-from { display: none;}
#fbWall .fb-wall-box .fb-wall-data .fb-wall-media { font-size: inherit; margin: 0; padding: 0;}
#fbWall .fb-wall-box .fb-wall-data .fb-wall-media .fb-wall-media-link {display:none;}
#fbWall .fb-wall-box .fb-wall-data .fb-wall-media .fb-wall-name { display:none;}
#fbWall .fb-wall-box .fb-wall-data .fb-wall-media .fb-wall-caption {display:none;}
#fbWall .fb-wall-box .fb-wall-data .fb-wall-media .fb-wall-description,
#fbWall .fb-wall-box .fb-wall-data .fb-wall-media .fb-wall-description a { color: inherit; font-size: inherit; font-weight: 400;}
#fbWall .fb-wall-box .fb-wall-data .fb-wall-date { display: none;  }
#fbWall .fb-wall-box .fb-wall-data .fb-wall-date img {display: none;}
#fbWall .fb-wall-box .fb-wall-data .fb-wall-likes { display: none;}



.dnnForm.dnnLogin { padding:  100px 0 0 0; }
.dnnForm.dnnLogin .dnnLoginActions {  }



.mapsModule { width: 100% !important;}


/* ================================================================================ 
                                     MENU'S
   ================================================================================ */
   
/* =================== 
        RADMENU 
   =================== */  
  










/* New menu */


/* #Menu { position:relative; z-index:960; isolation:isolate; padding:0;  } */
#Wrapper .DesktopMenu .RadMenu_MainMenu {width: 100%;}
#Wrapper .DesktopMenu .RadMenu_MainMenu .rmHorizontal{white-space: nowrap; position:relative; display: flex; float:right; margin-top: 16px;}
#Wrapper .DesktopMenu .RadMenu_MainMenu ul,
#Wrapper .DesktopMenu .RadMenu_MainMenu li { margin:0px; padding:0px; list-style:none;}   

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

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

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

/* #Wrapper .DesktopMenu .rmHorizontal .rmItem .rmLink .rmText { background-color:red; } */

#Wrapper .DesktopMenu .rmHorizontal > .rmItem:nth-of-type(3n+3) > .rmLink > .rmText{ border-radius: 10px}
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+3) .rmGroup .rmItem  .rmText {  } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+3) .rmGroup .rmFirst .rmText {  border-radius: 10px 10px 0 0;} 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+3) .rmGroup .rmLast  .rmText {  border-radius: 0 0 10px 10px;} 



#Wrapper .DesktopMenu .rmHorizontal > .rmItem:nth-of-type(3n+2) > .rmLink > .rmText{border-radius: 10px}
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+2) .rmGroup .rmItem  .rmText {  } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+2) .rmGroup .rmFirst .rmText {  border-radius: 10px 10px 0 0;} 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+2) .rmGroup .rmLast  .rmText {  border-radius: 0 0 10px 10px;} 



#Wrapper .DesktopMenu .rmHorizontal > .rmItem:nth-of-type(3n+1) > .rmLink > .rmText{ border-radius: 10px}
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+1) .rmGroup .rmItem  .rmText {  } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+1) .rmGroup .rmFirst .rmText {  border-radius: 10px 10px 0 0;} 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+1) .rmGroup .rmLast  .rmText {  border-radius: 0 0 10px 10px;} 

/* !!!!!!!!!!   Fake Panelbar / submenu */
#Wrapper .DesktopMenu  ul.rmRootGroup.rmVertical  {width:100%;   position: relative;  padding:12px 16px;  z-index: 100; background-color:#0091b3 !important; border-radius: 10px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
#Wrapper .DesktopMenu .rmVertical .rmSlide {position:static}
#Wrapper .DesktopMenu .rmVertical .rmGroup{transform:translateY(0px); transform:translateX(0px);}
#Wrapper .DesktopMenu .RadMenu ul.rmRootGroup{ background-color:transparent; border:0;}
#Wrapper .DesktopMenu .rmVertical .rmItem {padding:0; width:100%}
#Wrapper .DesktopMenu .rmVertical .rmItem .rmLink {padding:0; margin:0;}
#Wrapper .DesktopMenu .rmVertical .rmItem .rmLink .rmText{ min-width:100px; background-color:transparent;  color:#fff; font-size:18px; padding:3px 0;}
#Wrapper .DesktopMenu .rmVertical .rmSlide  {display:none !important ;padding:0 !important;}
#Wrapper .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide   {display:block !important; height:auto; }
#Wrapper .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide > .rmGroup  {opacity:1; padding:0 !important; border-radius:none !important;}
#Wrapper .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide > .rmGroup .rmItem{padding:0;}
#Wrapper .DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide > .rmGroup .rmText{ 
    margin: 0px !important;
    padding: 3px 0 3px 25px !important;
    border: 0px !important;
    display: block;
    white-space: normal;
    position: relative;
    background-image: url(images/submenu_ster.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}
 /*sub*/
#Wrapper .DesktopMenu .rmVertical .rmSlide .rmItem {padding-left:20px;}
/*expanded,hover,selected,breadcrumb */
#Wrapper .DesktopMenu .rmVertical .rmItem .rmLink:hover { text-decoration:none !important}
#Wrapper .DesktopMenu .rmVertical .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  { color:; }
#Wrapper .DesktopMenu .rmVertical .rmItem:hover > .rmLink > .rmText { color:; }
#Wrapper .DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText { color:; }
#Wrapper .DesktopMenu .rmVertical .rmItem.rmBreadcrumb  > .rmLink > .rmText { color:;}











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

#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;}
.MobileMenuTrigger {margin: 5px 0 0 0; padding: 5px 0 5px 10px;  font-size:48px; font-family: "Ionicons"; line-height:1; cursor:pointer; color:#fff; display:none; float: right; }
.MobileMenuTrigger.active { color:#fff; transition:all .12s ease-in-out;}

.MobileMenuContainer{ display:none; clear: both;}
#MobiNav { margin:0; text-align:left;  padding:0; }
#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 #fff; position:relative; color:#FFF;}
#MobiNav .item a { display: block; margin: 0 50px 0 0; color:#fff}
#MobiNav .item a:hover, #MobiNav .item.selected > a { text-decoration:none; color:#fff;}
#MobiNav .item.haschild:after { position:absolute; top:0px; right:0px; margin:5px 5px 0 0;  height:30px; width:30px; display:block; font-size:32px; line-height:26px; color:#fff !important; text-align:center; cursor:pointer;  transition:all .12s ease-in-out; content:"+"; cursor:pointer; border-radius: 5px; }
#MobiNav .item.haschild:hover:after { 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 #fff;}
#MobiNav .item.last {border-bottom:0;}


/* ================================================================================ 
                                 SCROLL 2 TOP
   ================================================================================ */
#back-to-top, .touch-device #back-to-top:hover { background-color:#ccc; background-color:rgba(177, 177, 177, .7); 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;}
#back-to-top:hover {background-color:#000; text-decoration:none;}


/* ================================================================================ 
                                 PUBLICATIE MODULE
   ================================================================================ */
   
.SortLink, .SortLink_Selected_Asc, .SortLink_Selected_Desc { color: inherit !important;}   
   
/* ARTICLE LIST */
.pubArticleList {}
.pubArticleList .pubItem { margin: 0 0 15px 0; } 
.pubArticleList .pubItem { overflow: hidden;} 
.pubArticleList .pubItem .pubThumbnail { float: left; width: 28%; height: 130px; margin-right: 2%; background-position: center center; background-size: cover; }
.pubArticleList .pubItem .pubContent { float: left; width: 70%; }
.pubArticleList .pubItem .pubContent .pubDate { margin: 0 0 5px 0; padding: 1px 5px; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.pubArticleList .pubItem .pubContent .pubTitle{display:block; font-size: 20px; font-weight:700;}
.pubArticleList .pubItem .pubContent .pubSummary {display:block; margin: 0;}

.pubArticleList .pubControls { padding:10px 0px;}


/* ARTICLE DETAILS */
.pubArticleDetails {}
.pubArticleDetails .pubDate { margin: 0 0 10px 0; padding: 3px 10px; font-size: 18px; font-weight: 500; text-transform: uppercase; }
.pubArticleDetails h1 { }
.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 a.pubItem { display: block; overflow: hidden; margin: 0 0 8px 0; }
.pubArticleHomeViewer a.pubItem:hover { text-decoration: none;}
.pubArticleHomeViewer a.pubItem .pubDate{ margin: 0 0 5px 0; padding: 1px 5px; font-size: 13px; font-weight: 500; text-transform: uppercase;}
.pubArticleHomeViewer a.pubItem .pubImage { float: left; height: 65px; width: 30%; background-position: center center; background-size: cover;}
.pubArticleHomeViewer a.pubItem .pubContent { float: right;width: 65%;}
.pubArticleHomeViewer a.pubItem .pubContent .pubTitle { }

.pubArticleBannerViewer  { position: relative; overflow: hidden; height: 335px; border-radius: 0px 0px 30px 30px; }
.pubArticleBannerViewer .pubBannerItem { position: absolute; top: 0; left: 0; width: 100%; height: 335px; z-index: 5; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.pubArticleBannerViewer .pubBannerItem  + .pubBannerItem  { z-index: 4; }
.pubArticleBannerViewer .pubBannerItem  + .pubBannerItem  + .pubBannerItem { z-index: 1; }

.PagingTable td[align=left] { display:none;}


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

/* SIDEBAR */
.pmsb_wrap  { display:block; margin:30px 0 0 0; width: auto; padding:12px 16px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); }
.pmsb_wrap .pm_block { padding: 0 !important; margin: 0 !important;}
.pmsb_wrap .pm_block .pm_block_header { padding: 0 !important; margin: 0 !important; }
.pmsb_wrap .pm_block ul { padding: 0 !important; margin: 0 !important;}
.pmsb_wrap .pm_block ul li { padding: 0 !important; margin: 0 !important; }
.pmsb_wrap .pm_block ul li a, 
.pmsb_wrap .pm_block ul li span { color: inherit; margin:0px; padding:3px 0px; display:block; white-space:normal; font-size: 17px; font-weight: 700; }

.pmsb_wrap .sb_categorieslist .NavBlockTitle, .pmsb_wrap .sb_searchinputbox { display: none;}

/* KNOPPEN - 2SXC */

.QuickLinks ul { margin: 0; padding: 0; list-style-type: none; }
.QuickLinksItem { margin: 0 0 20px 0; }
.QuickLinksItem:last-child { margin: 0; }


.QuickLinksItem .QuickLinksItemLink{ display: block; margin: 0 0 20px 0; padding: 14px 40px 14px 16px; border-radius: 10px; font-family: 'Ubuntu', Verdana, Arial, Sans-Serif; font-size: 22px; line-height: 1.2; font-weight: 700; background-image: url(images/button_icons.png); background-repeat: no-repeat; background-position: right top;}
.QuickLinksItem:last-child { margin: 0; }
.QuickLinks a.Notitiebord { background-position: 103% -5px; }
.QuickLinks a.Document{ background-position: 103% -85px;}
.QuickLinks a.Ster{ background-position: 103% -167px;}
.QuickLinks a.Download { background-position: 103% -247px; }
.QuickLinks a.Notitiebord:hover,  a.Document:hover,  a.Ster:hover,  a.Download:hover { text-decoration: none;}

.crt-widget .crt-grid-post-content, .crt-grid-post.crt-post-has-image .crt-grid-post-image, .crt-widget .crt-grid-post .crt-post-hover  {border-radius:20px;}
.crt-widget .crt-grid-post .crt-post-footer {border-bottom-left-radius:20px; border-bottom-right-radius: 20px;}


/* SMOELENBOEK - 2SXC */
.Medewerkerslijst { }
.Medewerkerslijst .MedewerkerslijstItems { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItem{ width: 31%; margin: 0 3% 25px 0; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItem:nth-child(3n+3){ margin-right: 0; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemImage { width: 150px; height: 225px; margin: 0 auto 15px auto; border-radius: 10px;background-size: cover; background-position: center; background-repeat: no-repeat; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemContent { text-align: center; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemContentName { color: #194597; font-weight: 700; }
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemContentText1 {}
.Medewerkerslijst .MedewerkerslijstItems .MedewerkerslijstItemContentText2 {}
.Medewerkerslijst .MedewerkerslijstItems a.MedewerkerslijstItemEmail:before { content: "\f0e0"; font-family: 'Font Awesome 5 Free'; font-size: 12px; font-weight: 900; line-height: 24px; }

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

.MedewerkerslijstItemContentTextMail {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;}


/* 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;  }



/* ================================================================================ 
                               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; margin: 0 0 5px 0; background-color:#ebf4df; width:100%; } 
.sw-calendar.upcoming .sw-calendar-item-title {display: inline-block; vertical-align:middle; width: 210px; font-family: 'Ubuntu', sans-serif; font-size: 25px; color: #464646; font-weight: 500; font-style: italic;}
.sw-calendar.upcoming .sw-calendar-item-date.startdate { padding: 1px 5px; color:#464646; font-size: 13px; font-weight: 500; text-transform: uppercase;}
.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:#1c4d79; 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:#76b729;
	border-radius: 10px;
    padding: 3px 14px;
    font-weight: 700;
	font-size: 14px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;   
	height:21px;	
}


.sw-calendar-list-link:hover, .sw-calendar-button.previous:hover {text-decoration: none; background-color:#e72f39;}


/* ================================================================================ 
                                EVENTS MODULE
   ================================================================================ */

   
/* lijst home */
.event-item { display:block; margin: 0 0 8px 0; }
.event-item .event-item-date { margin: 0 0 5px 0; padding: 1px 5px; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.event-item .event-item-title{ font-size: 25px; font-weight: 500; font-style: italic;}


.DetailEvent  {}
.DetailEvent h2 { font-size: 22px; font-family: inherit; font-weight: 700; margin-bottom: 20px; }
.DetailEvent h5 { font-size: inherit; font-family: inherit;  font-weight: 500; }
.DetailEvent .EventDetailsText { margin-bottom: 20px;}

.DetailEvent .DetailCommands {}
.DetailEvent .DetailCommands a.dnnPrimaryAction, 
.DetailEvent .DetailCommands a.dnnSecondaryAction { font-size: 14px; padding: 3px 14px; color: inherit !important; min-width: 0; border-radius: 10px; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; background-image: none; border-width: 0; }
.DetailEvent .DetailCommands a[title="Printen"] { display:none;}

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


/* ================================================================================ 
                                WIKI
   ================================================================================ */
/* WIKI */
.pubArticleListWiki .pubItem .pubThumbNail{display:none;}
.pubArticleListWiki .pubItem .pubMetaData{display:none;}
.pubArticleListWiki .pubItem .pubContent .pubLink{display:none;}
.pubArticleListWiki .pubItem .pubContent{width:100%;}

/* wiki categorie*/
.SchoolWikiCategoriesWrapper{width:100%; background-color:#00afe0; color:#fff; border-radius:10px; padding:12px 16px !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); font-family: 'Ubuntu', Verdana, Arial, Sans-Serif;}
.SchoolWikiCategoriesWrapper a{color:#fff;}
.SchoolWikiCategoriesWrapper a:hover{text-decoration: none;}
.SchoolWikiCategoriesWrapper .SchoolWikiCategoriesHeader{padding:0px !important;font-size:19px; padding:12px 0px !important; font-weight:bold; color:#1c4d79;}
.SchoolWikiCategoriesWrapper .SchoolWikiCategories {}
.SchoolWikiCategoriesWrapper .SchoolWikiCategories ul{ padding:0; margin:0; list-style:none; padding-bottom:12px;}
.SchoolWikiCategoriesWrapper .SchoolWikiCategories ul li{padding:3px 0px; position:relative; font-size:17px; font-family: 'Ubuntu', Verdana, Arial, Sans-Serif; }
.SchoolWikiCategoriesWrapper .SchoolWikiCategories ul li a{color:#fff !important; font-weight:bold;}
.SchoolWikiCategoriesWrapper .SchoolWikiCategories ul li a:hover{text-decoration:underline;}
.SchoolWikiCategoriesWrapper .SchoolWikiCategories ul li.BackHome{}


/* wiki search */
.WikiSearchWrapper { padding:30px 0px;}
.WikiSearchWrapper .WikiTitel{}
.WikiSearchWrapper .WikiSubtitel{display:none;}
.WikiSearchWrapper  .SearchContent {border-bottom:1px solid #fff;}
.WikiSearchWrapper  .SearchContent .CustomSearch {height:40px; vertical-align:bottom; line-height:40px; display:inline-block; width:calc(100% - 50px);  background-color:transparent; border:3px solid #e72f39; background-color:#fff; font-size:17px; border-radius:10px; padding:0 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.WikiSearchWrapper .SearchContent .CustomSearch:focus{outline:0;}
.WikiSearchWrapper .SearchContent .CustomSearch::-webkit-input-placeholder { color:#ccc !important;}
.WikiSearchWrapper .SearchContent .CustomSearch:-moz-placeholder { color:#ccc !important;}
.WikiSearchWrapper .SearchContent .CustomSearch::-moz-placeholder {color:#ccc !important; }
.WikiSearchWrapper .SearchContent .CustomSearch:-ms-input-placeholder {color:#ccc !important; }
.WikiSearchWrapper .SearchContent .CustomSearch::-ms-input-placeholder { color:#ccc !important; }

.WikiSearchWrapper  .SearchContent .CustomSubmit { color:#e72f39; cursor:pointer; vertical-align:bottom; display:inline-block; width:40px; height:40px; overflow:hidden; white-space:nowrap;}
.WikiSearchWrapper  .SearchContent .CustomSubmit:before {font-size:40px; font-family:"Ionicons";  display:inline-block; width:40px; height:40px; line-height:40px; content:"\f21f"; text-align:center; }
.WikiSearchWrapper  .SearchContent .CustomSubmit:hover { font-weight:700;	}

.WikiSearchWrapper  .SearchHeader {}
.WikiSearchWrapper  h2{}

/* populaire artikelen */
.WikiPopulairWrapper{}
.WikiPopulairWrapper h2{}
.pubArticleViewer.Populair{background-color:#e72f39; color:#fff; padding:20px 30px; border-radius:10px; padding:12px 16px !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); font-family: 'Ubuntu', Verdana, Arial, Sans-Serif;}
.pubArticleViewer.Populair a{color:#fff !important; width:48%; margin-right:4%; position:relative; float:left; padding:10px 0px; font-weight:bold;}
.pubArticleViewer.Populair a:nth-of-type(2n){margin-right:0;}
.pubArticleViewer.Populair a:before{content:"\f10a"; font-family:'Ionicons'; font-weight:900; padding-right:10px; }
.pubArticleViewer.Populair a:hover{text-decoration:none;}
.pubArticleViewer.Populair a:hover:before{color:#fab900;}


/* ================================================================================ 
                                   MEDIA QUERIES
   ================================================================================ */
   
@media only screen and (max-width: 1000px) {	   
	#ButtonRow a.btn-schoolgids, 
	#ButtonRow a.btn-nieuwsbrief,
	#ButtonRow a.btn-poolster, 
	#ButtonRow a.btn-app { font-size: 18px; line-height: 1.45;}
}
   
@media only screen and (max-width: 768px) {	
	.InnerWrapper { max-width:540px}
	#Menu { padding: 0; }
	.MobileMenuTrigger, .MobileMenuTrigger.active ~ .MobileMenuContainer {display:block;}
	.RadMenu, .RadPanelBar  {display:none;}	
	
		
	
	#ContentRow .one-third, #ContentRow .two-third {float:none; margin-right:0; width:100%;}
	#HomeRow .one-third {float:none; margin:0 0 40px 0; width:100%;}
	#HomeRow .one-third.last{ margin:0; }
	
	#SearchBox .NormalTextBox  { width: 220px;}
	
	#ButtonRow  { /*background-image: none !important;*/ background-size: cover;}
	#ButtonRow .one-fourth {  width:49%;}
	#ButtonRow .one-fourth:nth-child(2) { margin-right: 0;}
	#ButtonRow .two-fourth.last  { width:100%; }
	
	#ButtonRow  a.btn-schoolgids { font-size: 22px; line-height: 1.2; background-position: 90% -5px; }
	#ButtonRow a.btn-nieuwsbrief {font-size: 22px; line-height: 1.2; background-position: 90% -85px;}
	#ButtonRow a.btn-poolster { font-size: 22px; line-height: 1.2;background-position: 90% -167px;}
	#ButtonRow a.btn-app { font-size: 22px; line-height: 1.2;background-position: 90% -247px; }

	.knop { display: block; margin: 0 10%;}
	
	.pubArticleBannerViewer, .pubArticleBannerViewer .pubBannerItem { height: 200px;}

	.pmsb_wrap  { display: none;}
	
	#FooterRow1 .InnerWrapper { padding: 15px 20px 140px 20px; }
	#FooterRow1 .FooterPane { padding: 0;}
	#FooterRow1 .FooterPane .column { display: block; margin: 0;}

	
}   


@media only screen and (max-width: 520px) {	
	
	h1 {font-size:36px;}
	h2 {font-size:28px;}
	
	.home-intro h1 { font-size: 36px;}
	
	#Logo { width: 60%;}
	#Logo img{ width: 100%;}

	#ContentRow .InnerWrapper { padding: 60px 20px 50px 20px; }	
	
	.pubArticleBannerViewer, .pubArticleBannerViewer .pubBannerItem { height: 150px;}
	
	.pubArticleList .pubItem .pubThumbnail { display:none; background-image: none !important; }
	.pubArticleList .pubItem .pubContent { float: none; width: 100%; }
	
	
	.knop { display: block; margin: 0;}
	.facebook, .twitter, .instagram  { margin: 25px 25px 0 25px; } 

	#SearchBox .NormalTextBox  { width: 180px;}

	#ButtonRow .one-fourth { width:100%; margin-right: 0;}
	
} 

@media only screen and (max-width: 375px) {	
	
	.PagingTable td span:first-child, .PagingTable td span:last-child { display:none; }
	
	
	.block-facebook { padding: 20px 20px 60px 20px; }
	.block-facebook .facebook-footer span { padding: 0; }
	
	#FooterRow1 .FooterPane { font-size: 11px; }
	
}