/* ================================================================================ 
                                 DIGICOM TIJDLIJN
   ================================================================================ */

/* 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: #C8D200;}
.sw-timeline-post .post-content .post-author { margin: 5px 0; color: #aaa; }
.sw-timeline-post .post-content .post-author span { font-weight: 700; }
.sw-timeline-post .post-content .post-date { 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;  }
  
/* RECIENT 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: 48%; display:block; border: 1px solid #eee;}
.sw-timeline.recent .sw-timeline-post .post-thumbnail-image { display: block; width: 100%; height: 140px; margin: 0 0 10px 0; position: relative; background-size: cover; }
.sw-timeline.recent .sw-timeline-post .post-content { padding: 5px 10px; }
  
.sw-timeline.recent .timeline-redirect-link  { padding: 10px 0; } 
.sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link { display: inline-block; padding: 4px 10px; color: #fff; background-color: #aaa; border-radius: 5px; } 
.sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link:hover { text-decoration: none; background-color: #888; }  
.sw-calendar.upcoming .sw-calendar-item-dates {color:#999 !important}

.sw-calendar-item-title {
    color: #999;
}


#TopHeader .TopHeaderPane{color:#fff !important; padding:0 10px;}

#Footer .SocialMediaIcons{position:relative;max-width: 230px; float: left; padding-bottom: 20px; margin-top: -20px;}
#Footer .FooterPane{margin:0; width: calc(100% - 460px); position: relative; margin-left: 230px; float: left;}
#Footer .InnerWrapper:after {clear: both; content: '.'; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}

.pubArticleKernwaardenViewer .pubItem .pubTitle{min-height:auto;}

.pubArticleList .pubItem .pubThumbnail{padding-bottom:20px; padding-right:10px;}


/* MEDEWERKERS LIJST (BASIS) */      
   
.Medewerkerslijst {}

.Medewerkerslijst .MedewerkerslijstItems { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.Medewerkerslijst .MedewerkerslijstItem {list-style-type: none; width: 30%; margin: 20px 0; text-align: center; }
.Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemImage { width: 140px; height: 210px; margin: 0 auto 20px auto; background-color: #eee; background-size: cover; background-position: center center; }
.Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemContent { }
.Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemContentName{ font-weight: bold; }
.Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemContentText1 { }
.Medewerkerslijst .MedewerkerslijstItem .MedewerkerslijstItemContentText2 { }

.Medewerkerslijst.Rounded .MedewerkerslijstItemImage{ border-radius: 20px; }
.Medewerkerslijst.Circle .MedewerkerslijstItemImage { border-radius: 50%; }

/*



---  NONE  ----



*/



/* #### Start Custom Styles #### */

/* --- HEADER FONT --- */

.Thema1 h1{ font-family: Lily Script One, cursive; }
.Thema2 h1{ font-family: Lily Script One, cursive; }
.Thema3 h1{ font-family: Lily Script One, cursive; }
.Thema1 h2{ font-family: Lily Script One, cursive; }
.Thema2 h2{ font-family: Lily Script One, cursive; }
.Thema3 h2{ font-family: Lily Script One, cursive; }
.Thema1 h3{ font-family: Lily Script One, sans-serif; }
.Thema2 h3{ font-family: Lily Script One, sans-serif; }
.Thema3 h3{ font-family: Lily Script One, sans-serif; }
.Thema1 h4{ font-family: Lily Script One, sans-serif; }
.Thema2 h4{ font-family: Lily Script One, sans-serif; }
.Thema3 h4{ font-family: Lily Script One, sans-serif; }
.Thema1 h5{ font-family: Lily Script One, sans-serif; }
.Thema2 h5{ font-family: Lily Script One, sans-serif; }
.Thema3 h5{ font-family: Lily Script One, sans-serif; }

/* --- TEXT FONT --- */

.Thema1 { font-family: Arial, sans-serif; }
.Thema2 { font-family: Arial, sans-serif; }
.Thema3 { font-family: Arial, sans-serif; }
/* --- COLOR 1 --- */


         .TextColor1, 
         #Wrapper a.Knop.BGColor1:hover,
         .SocialMediaIcons a,
         .SocialShare [class^="SS_"]:hover:before,
         .ModDNNEventsC .ThemeDefault .EventDay,
         .DetailEventDetails1 ~ .DetailCommands li:hover,
         .ModLesscherContactFormC .dnnFormItem input[type="submit"]:hover,
         .DnnModule-EngageSurvey input[type="submit"]:hover,
         .Thema1 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover,
         .Thema1 .RadMenu_MainMenu .rmRootGroup .rmItem .rmExpanded .rmText, 
         .Thema1 .RadMenu_MainMenu .rmRootGroup .rmItem .rmSelected .rmText,
         .Thema1 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText,
         .Thema1 .SchoolInfoPane h1,
         .Thema1 .SchoolInfoPane h2,
         .Thema1 .SchoolInfoPane h3,
         .Thema1 .SchoolInfoPane h4,
         .Thema1 .SchoolInfoPane a:link,
         .Thema1 .SchoolInfoPane a:visited,
         .Thema1 .SchoolInfoPane a:active,
         .Thema1 .SchoolFilmPane h1,
         .Thema1 .SchoolFilmPane h2,
         .Thema1 .SchoolFilmPane h3,
         .Thema1 .SchoolFilmPane h4,
         .Thema1 .SchoolFilmPane a:link,
         .Thema1 .SchoolFilmPane a:visited,
         .Thema1 .SchoolFilmPane a:active,
         .Thema2 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText,
         .Thema2 .AgendaPane h1,
         .Thema2 .AgendaPane h2,
         .Thema2 .AgendaPane h3,
         .Thema2 .AgendaPane h4,
         .Thema2 .AgendaPane a,
         .Thema2 .AgendaPane a:link,
         .Thema2 .AgendaPane a:active,
         .Thema2 .AgendaPane a:visited,
         .Thema2#Wrapper .AgendaPane a.Knop.BGColor3:hover, 
         .Thema2 .pubArticleHomeViewer .pubItem a.Knop.BGColor3.BorderColor3,
         .Thema2 .SchoolNieuwsPane h1,
         .Thema2 .SchoolNieuwsPane .pubArticleHomeViewer .pubTitle,
         .Thema2 .SchoolInfoPane h1,
         .Thema2 .SchoolInfoPane h2,
         .Thema2 .SchoolInfoPane h3,
         .Thema2 .SchoolInfoPane h4,
         .Thema2 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, 
         .Thema2 .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText,
         .Thema2 #Search .SkinObject:hover,
         .Thema3 #Search .SkinObject,
         .Thema3 .SchoolInfoPane h1,
         .Thema3 .SchoolInfoPane h2,
         .Thema3 .SchoolInfoPane h3,
         .Thema3 .SchoolInfoPane h4,
         .Thema3 .SchoolInfoPane a,
         .Thema3 .SchoolInfoPane a:link,
         .Thema3 .SchoolInfoPane a:active,
         .Thema3 .SchoolInfoPane a:visited,
         .Thema3 .SchoolInfoPane a.Knop,
         .Thema3 .SchoolInfoPane a.Knop:link,
         .Thema3 .SchoolInfoPane a.Knop:active,
         .Thema3 .SchoolInfoPane a.Knop:visited,
         .Thema3 .SchoolInfoPane a.Knop:hover,
         .Thema3 .pubArticleHomeViewer .pubItem .pubTitle,
         .Thema3 .GoogleMapsPane .GMLabel,
         .Thema3 .pubArticleHomeViewer h1,
         .Thema3#Wrapper .ContactPane a.Knop:link,
         .Thema3#Wrapper .ContactPane a.Knop:active,
         .Thema3#Wrapper .ContactPane a.Knop:visited,
         .Thema3#Wrapper .ContactPane a.Knop:hover,
         .Thema3 .NieuwsBriefPane h1,
         .Thema3 .NieuwsBriefPane h2,
         .Thema3 .NieuwsBriefPane h3,
         .Thema3 .NieuwsBriefPane h4,
         .Thema3 .NieuwsBriefPane a,
         .Thema3 .NieuwsBriefPane a:link,
         .Thema3 .NieuwsBriefPane a:active,
         .Thema3 .NieuwsBriefPane a:visited,
         .Thema3 .NieuwsBriefPane a.Knop,
         .Thema3 .NieuwsBriefPane a.Knop:link,
         .Thema3 .NieuwsBriefPane a.Knop:active,
         .Thema3 .NieuwsBriefPane a.Knop:visited, 
         .Thema3 .NieuwsBriefPane a.Knop:hover,
         .Thema3 .NieuwsBriefPane a,
         .Thema3 .TwitterPane a:link,
         .Thema3 .TwitterPane a:active,
         .Thema3 .TwitterPane a:visited,
         .Thema3 .TwitterPane a.Knop,
         .Thema3 .TwitterPane a.Knop:link,
         .Thema3 .TwitterPane a.Knop:active,
         .Thema3 .TwitterPane a.Knop:visited, 
         .Thema3 .TwitterPane a.Knop:hover,
         .Thema3 .FooterPane,
         .Thema3 .FooterPane a:link, 
         .Thema3 .FooterPane a:visited, 
         .Thema3 .FooterPane a:active,
         .Thema3 .ContentPane h1,
         .Thema3 .ContentPane h2,
         .Thema3 .ContentPane h3,
         .Thema3 .ContentPane a:link,
         .Thema3 .ContentPane a:active,
         .Thema3 .ContentPane a:visited,
         .Thema3#Wrapper .ContentPane a:hover,
         .Thema3#Wrapper .NieuwsBriefPane a.Knop:link,
         .Thema3#Wrapper .NieuwsBriefPane a.Knop:active,
         .Thema3#Wrapper .NieuwsBriefPane a.Knop:visited,
         .Thema3#Wrapper .NieuwsBriefPane a.Knop:hover {color: #FC6A00; }

         .BGColor1,
         .flickity-page-dots .dot.is-selected,
         .SocialMediaIcons a:hover,
         .SocialShare [class^="SS_"]:before,
         .ModDNNEventsC .ThemeDefault .EventDayHeader,
         .RadToolTip .ThemeDefault .Eventtooltipheader,
         .DetailEventDetails1 ~ .DetailCommands li > a,
         .ModLesscherContactFormC .dnnFormItem input[type="submit"],
         .DnnModule-EngageSurvey input[type="submit"],
         .Thema1 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover,
         .Thema1 .RadMenu_MainMenu .rmGroup .rmItem .rmSelected .rmText,
		 .Thema1 .RadMenu_MainMenu,
         .Thema2 .AgendaPane a.Knop,
         .Thema2 #Search .SkinObject,
         .Thema3 .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText,
		 .Thema3 .RadMenu_MainMenu		 { background-color: #FC6A00;} 

         .BorderColor1,
         .SocialMediaIcons a,
         .SocialShare [class^="SS_"]:before,
         .DetailEventDetails1 ~ .DetailCommands li > a,
         .ModLesscherContactFormC .dnnFormItem input[type="submit"],
         .DnnModule-EngageSurvey input[type="submit"],
         .Thema1 .RadMenu_MainMenu .rmGroup .rmItem .rmLink,
         .Thema1 .RadMenu_MainMenu .rmGroup .rmItem.rmLast .rmLink,
         .Thema1 .RadMenu_MainMenu .rmRootGroup .rmGroup.rmLevel2 .rmItem.rmFirst .rmLink,
         .Thema2 .RadMenu_MainMenu .rmGroup .rmItem .rmLink,
         .Thema2 .RadMenu_MainMenu .rmGroup .rmItem.rmLast .rmLink,
         .Thema2 .RadMenu_MainMenu .rmRootGroup .rmGroup.rmLevel2 .rmItem.rmFirst .rmLink,
         .Thema2 .AgendaPane a.Knop,
         .Thema2 .ContentPane a.Knop,
         .Thema2 .ContentPane a.Knop:link,
         .Thema2 .ContentPane a.Knop:active,
         .Thema2 .ContentPane a.Knop:visited,
         .Thema2 #Search .SkinObject,
         .Thema3 .ContactPane a.Knop:link,
         .Thema3 .ContactPane a.Knop:active,
         .Thema3 .ContactPane a.Knop:visited,
         .Thema3 .ContactPane a.Knop:hover,
         .Thema3 .NieuwsBriefPane a.Knop,
         .Thema3 .TwitterPane a.Knop { border-color: #FC6A00;}
      /* --- COLOR 2 --- */


         .TextColor2,
         #Wrapper a.Knop.BGColor2:hover,
         .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover, 
         .RadPanelBar_MainMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText,
         .ModDNNEventsC .EventNextPrev a:link,
         .ModDNNEventsC .EventNextPrev a:visited,
         .ModDNNEventsC .EventNextPrev a:active,
         .DnnModule-EngageSurvey .survey-title,
         .Thema1 .ContactPane h1,
         .Thema1 .ContactPane h2,
         .Thema1 .ContactPane h3,
         .Thema1 .ContactPane h4,
         .Thema1 .ContactPane a,
         .Thema1 .ContactPane a:link,
         .Thema1 .ContactPane a:active,
         .Thema1 .ContactPane a:visited,
         .Thema1 .ContentPane h1,
         .Thema1 .ContentPane h2,
         .Thema1 .ContentPane h3,
         .Thema1 .ContentPane h4,
         .Thema1 .ContentPane a,
         .Thema1 .ContentPane a:link,
         .Thema1 .ContentPane a:active,
         .Thema1 .ContentPane a:visited,
         .Thema1 .TwitterPane h1,
         .Thema1 .TwitterPane h2,
         .Thema1 .TwitterPane h3,
         .Thema1 .TwitterPane h4,
         .Thema1 .TwitterPane a,
         .Thema1 .TwitterPane a:link,
         .Thema1 .TwitterPane a:active,
         .Thema1 .TwitterPane a:visited,
         .Thema2 .NieuwsBriefPane a.Knop:link,
         .Thema2 .NieuwsBriefPane a.Knop:visited, 
         .Thema2 .NieuwsBriefPane a.Knop:active,
         .Thema2 .ContentPane h1,
         .Thema2 .ContentPane h2,
         .Thema2 .ContentPane h3,
         .Thema2 .ContentPane h4,
         .Thema2 .ContentPane a,
         .Thema2 .ContentPane a:link,
         .Thema2 .ContentPane a:active,
         .Thema2 .ContentPane a:visited,         
         .Thema3 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, 
         .Thema3 .RadMenu_MainMenu .rmRootGroup .rmItem .rmExpanded .rmText,
         .Thema3 .RadMenu_MainMenu .rmRootGroup .rmItem .rmExpanded.rmSelected .rmText,
         .Thema3 .RadMenu_MainMenu .rmRootGroup .rmItem .rmSelected .rmText,
         .Thema3 #Search .SkinObject:hover  { color: #FC6A00; } 

         .BGColor2,
         .Thema2 .NieuwsBriefPane a.Knop.BorderColor3.BGColor3:hover,
         .Thema2.SubTab #Content,
         .Thema3 .GoogleMapsPane .GMLabel {background-color: #FC6A00; } 

         .BorderColor2,
         .Thema2 .NieuwsBriefPane a.Knop{ border-color: #FC6A00; }        
      

/* --- COLOR 3 --- */


         .TextColor3, 
         #Wrapper a.Knop.BGColor3:hover,
         #MobileMenu #MobiNav li.haschild.active > a.GetSubLevel:after,
         .Thema1 .AgendaPane h1,
         .Thema1 .AgendaPane h2,
         .Thema1 .AgendaPane h3,
         .Thema1 .AgendaPane h4,
         .Thema1 .AgendaPane a,
         .Thema1 .AgendaPane a:link,
         .Thema1 .AgendaPane a:active,
         .Thema1 .AgendaPane a:visited,
         .Thema1 .NieuwsBriefPane h1,
         .Thema1 .NieuwsBriefPane h2,
         .Thema1 .NieuwsBriefPane h3,
         .Thema1 .NieuwsBriefPane h4,
         .Thema1 .NieuwsBriefPane a,
         .Thema1 .NieuwsBriefPane  a:link,
         .Thema1 .NieuwsBriefPane  a:active,
         .Thema1 .NieuwsBriefPane  a:visited,
         .Thema2 .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover,
         .Thema2 .RadMenu_MainMenu .rmRootGroup .rmItem .rmExpanded .rmText,
         .Thema2 .RadMenu_MainMenu .rmRootGroup .rmItem .rmExpanded.rmSelected .rmText,
         .Thema2 .TwitterPane h1,
         .Thema2 .TwitterPane h2,
         .Thema2 .TwitterPane h3,
         .Thema2 .TwitterPane h4,
         .Thema2 .TwitterPane a,
         .Thema2 .TwitterPane a:link,
         .Thema2 .TwitterPane a:active,
         .Thema2 .TwitterPane a:visited,
         .Thema2 .ContactPane h1,
         .Thema2 .ContactPane h2,
         .Thema2 .ContactPane h3,
         .Thema2 .ContactPane h4,
         .Thema2 .ContactPane a,
         .Thema2 .ContactPane a:link,
         .Thema2 .ContactPane a:active,
         .Thema2 .ContactPane a:visited,
         .Thema2#Wrapper .TwitterPane a.BGColor2.Knop:hover,
         .Thema2#Wrapper .ContactPane a.BGColor2.Knop:hover,
         .Thema3 a.Knop:link,
         .Thema3 a.Knop:active,
         .Thema3 a.Knop:visited, 
         .Thema3 a.Knop:hover,
         .Thema3#Wrapper .SchoolFilmPane a.Knop:link,
         .Thema3#Wrapper .SchoolFilmPane a.Knop:active, 
         .Thema3#Wrapper .SchoolFilmPane a.Knop:visited, 
         .Thema3#Wrapper .SchoolFilmPane a.Knop:hover  {color: #707173; } 

         .BGColor3,
         .ModDNNEventsC .ThemeDefault .EventDay .EventDayScroll > div > a,
         #MobileMenu #MobiNav li.haschild a.GetSubLevel,
         .Thema2 .TwitterPane .BGColor2,
         .Thema2 .ContactPane .BGColor2   { background-color: #707173; } 

         .BorderColor3,
         #MobileMenu #MobiNav li.haschild a.GetSubLevel,
         .DnnModule-EngageSurvey .survey-listing ul.sl-repeater li,
         .Thema2 .TwitterPane .BorderColor2,   
         .Thema2 .ContactPane .BorderColor2,
         .Thema3#Wrapper .SchoolFilmPane a.Knop { border-color: #707173; }
         
      

/* #### End Custom Styles #### */