@charset "utf-8";
/*
Theme Name: Nijm Style
Theme URI: http://www.nijm.nl/
Description: Nijm Webdesign & Hosting Theme.
Version: 1.5
Author: Arjan Nijmeijer
Author URI: http://www.nijm.nl/
Tags: fixed width, two columns, three columns, widgets, special

Nijm Theme by Arjan Nijmeijer || http://www.nijm.nl
Modifications by Arjan Nijmeijer || http://www.nijm.nl
This theme is the main theme for Nijm Webdesign and Hosting.
*/

/********** BASE **********/
#overlay{ display:none; }
#quickacces{ display:block; height:0; width:1px; overflow:hidden; }

body{ background: #FFF; font-size:18px; color:#1A1A1A; font-family: "Avenir", sans-serif; font-weight: 400; font-style: normal;  }
img{ height:auto; max-width:100%; }

.margin-0{ margin:0 !important;}
a[href^=tel] { text-decoration:inherit; color: inherit; }
a{ color:#E3007C; }
a:hover{ color: #B90B69FF; }
.has-background{border-radius:12px;} 

#menu #menu-item-1060 a, #menu #menu-item-1062 a{ margin:0 4px !important; }

/********** HEADER **********/
#overlay{ position:fixed; z-index:2; top:0; bottom:0; left:0; right:0; background:#00000074;}

#header{ display:block; background:#FFF;  padding:22px 24px 22px 24px; }
#header #logo{ display:inline-block;  cursor:pointer; margin-right:24px; }
#header #logo img{ max-height:80px; width:auto; }

#content ul{ margin-left:0; padding-left:0;}
#content ul > li{ list-style:none; background:url('assets/images/Check-blauw.svg') no-repeat top 6px left; display:block; background-size:20px; padding:4px 0 4px 32px !important;}
#content ul li{  padding:8px 0;}
#content .flickity-page-dots li{ padding:8px; }
#headerImage{ height:450px; margin-top:26px; }

.heading a{ color:#E3007C;}

/********** MENU **********/

.wp-block-group__inner-container{ padding:24px;}

#menu .button a{ padding:0 !important; color:#FFF !important; }
#mobile-menu{ position:absolute; width:140px;  top:32px; right:32px; cursor:pointer;  }
#mobile-menu span.label{  float:right; margin-right:12px; display:inline-block; color:#FFF; }
#mobile-menu #icon { float:right; outline:0; padding: 0; display: inline-block;  cursor: pointer; transition-property: opacity, filter;  transition-duration: 0.15s; transition-timing-function: linear; font: inherit;  color: inherit;  text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
#mobile-menu #icon:hover { opacity: 1; }

#mobile-menu #icon.is-active:hover { opacity: 1; }
#mobile-menu #icon.is-active:hover { opacity: 1; }
#mobile-menu #icon.is-active .inner,
#mobile-menu #icon.is-active .inner::before,
#mobile-menu #icon.is-active .inner::after { background-color: #000; }
#mobile-menu #icon .box { width: 40px; height: 24px; display: inline-block; position: relative; }
#mobile-menu #icon .inner { display: block; top: 50%; margin-top: -2px; }
#mobile-menu #icon .inner, .inner::before, .inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
#mobile-menu #icon .inner::before, .inner::after { content: ""; display: block; }
#mobile-menu #icon .inner::before { top: -10px; }
#mobile-menu #icon .inner::after { bottom: -10px; }

#mobile-menu #icon.animation--spin .inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
#mobile-menu #icon.animation--spin .inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
#mobile-menu #icon.animation--spin .inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
#mobile-menu #icon.animation--spin.is-active .inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
#mobile-menu #icon.animation--spin.is-active .inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
#mobile-menu #icon.animation--spin.is-active .inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

#menu {  margin:0 auto;  }
#menu ul{ padding:0; margin:0; }
#menu li{ list-style:none; display:inline-block; }
#menu li a{ text-align:center; font-family:"parisplus-sombre", sans-serif;  font-size: 100%; text-decoration:none;  }
#menu .menu-hoofdmenu-container{ display:none; }

blockquote{ background:#FEF6E5; padding:20px;}
blockquote p{ font-size:30px;}
blockquote cite{ font-size:54px; padding-right:32px; line-height:56px; font-weight:900;}
figcaption{ text-align: center; }

.filedownloads .wp-block-group__inner-container{ padding:0;}
.filedownloads a{ padding-left:24px; display:block; margin:0; background:url('assets/images/vink.svg') no-repeat center left; background-size:16px; }

/********** CONTENT **********/
h1, h2, h3, .h1, .h2, .h3, #footer strong, .more{ font-family:"parisplus-sombre", sans-serif; }
#content{ padding:64px 0 0; font-size:18px; font-weight:400; background:#FFF; }
.content{ padding:64px 0; font-size:18px; font-weight:400; background:#FFF;  }
#content h1, .h1, h1{ line-height:40px; font-size:42px; margin-bottom:32px; }
#content h2, .content h2, h2, #footer h2{ font-size:40px; line-height:53px; margin-bottom:12px; }
#content h3, .content h3{ font-weight:bold; font-size:22px;     margin-top: 34px; }
#content p, .content p{ margin-bottom:24px; font-weight:400; }
#content a{ color:#E3007C;}
#content a.vacature{ color:#000; }
a.button{ text-decoration: none !important;   display: inline-block !important;
    font-family: "parisplus-sombre", sans-serif;
    color: #FFF !important;
    background: #e3007c  url(assets/images/Pijltje-rechts-zwart.svg) no-repeat center right 16px;
    padding: 10px 48px 10px 32px !important;
    border-radius: 9999px;
    font-size: 20px; }
	
	
	.frm_style_formidable-stijlen.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-stijlen.with_frm_style input[type=submit], .frm_style_formidable-stijlen.with_frm_style .frm_submit input[type=button], .frm_style_formidable-stijlen.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-stijlen.with_frm_style .frm-edit-page-btn{
		 text-decoration: none !important;   display: inline-block !important;
    font-family: "parisplus-sombre", sans-serif !important;
    color: #FFF !important;
    background: #e3007c  url(assets/images/Pijltje-rechts-zwart.svg) no-repeat center right 16px !important;
    padding: 10px 48px 10px 32px !important;
    border-radius: 9999px !important;
    font-size: 20px !important;
	border:none !important;
		
	}
	
	
	#vacpopup{
		border-radius: 15px;
	}
.moreurl{display: inline-block; background:url('assets/images/Pijltje-rechts-geel.svg') no-repeat top right; transition:0.4s; padding-right:32px; color:#000; text-decoration:none; padding-bottom:12px; border-bottom:3px solid #F7A600; font-family:'parisplus-sombre', sans-serif; font-size:18px; }
.moreurl:hover, .moreurl:hover a{ color:#F7A600 !important; background-position: top right -2px; transition:0.4s;}


#content a{ position:relative;  display:inline; }
#content .moreurl a{ position:relative; text-decoration: none; color:#1A1A1A; display:inline; }

#solliciteer img{ border-radius:8px;}

.frm_dropzone.dz-clickable .dz-message, .frm_dropzone.dz-clickable .dz-message * {
    font-size: 16px !important;
}

.wp-block-image img{ border-radius:8px; }
#topbar, #contactbar, #header{ position:relative; z-index:3;}

#vaccount{ position:absolute; display:inline-block; color:#FFF; font-size:9px; padding-top:1px; height:16px; width:16px; border-radius:100%; vertical-align: middle; text-align:center; background:#E3007C; }

.vacatures{position:relative; z-index:2; margin-top:-150px;}
.vacatures h2{ color:#FFF; font-size:40px;}

.vacature{  transition:box-shadow 0.4s;  border-radius:8px 8px 8px 8px; display: block; color:#000; text-decoration:none; background:#FFF; height:435px; border:1px solid #DBDBDB;}
.vacature:hover{ transition:box-shadow  0.4s; box-shadow:0 2px 20px #00000050;  color:#000; }
.vacature .img{ border-radius:8px 8px 0 0; height:180px; }
.vacature .desc{padding:20px;}
.vacature .time, .vacature .location{ padding-left:32px; }
.vacature .time{ background:url(assets/images/Fulltime-parttime.svg) no-repeat top left; }
.vacature .location{ background:url(assets/images/Location.svg) no-repeat top left;}
.vacature .time{ margin-bottom:14px; }
.vacature h3{ margin-bottom:16px; font-size:24px; }

.icon-plaats{ padding-left:30px; background: url(assets/images/Locatie-wit.svg) no-repeat top left; background-size:20px; } 
.icon-duur{ padding-left:30px; margin-left:12px; background: url(assets/images/Fulltime-parttime-wit.svg) no-repeat top left; background-size:20px; } 

.content.darkbg a{ color:#f2bf57; }

a.square{ background:#F7A900 url('assets/images/pijl-knop-icoon.svg') no-repeat center right 12px; border-radius:0 !important; padding:12px 32px 12px 16px !important; border:none; border-bottom:2px solid #A77200;}
a.square:hover{ background-color:#A77200 !important; }

.wp-block-button__link{ max-width: fit-content; display:inline-block !important;  font-family:"parisplus-sombre", sans-serif; color:#FFF !important; background:#E5017D url('assets/images/Pijltje-rechts-zwart.svg') no-repeat center right 16px; padding:10px 48px 10px 32px; border-radius: 9999px; font-size:20px; }
.wp-block-button__link:hover{ color:#FFF !important; background-color:#d92d8b;  }
#content .size-full img{ width:100%; height:auto;}

a.zoom:hover{     transition: all 0.5s; transform:scale(1.01);}

.icon-mail, .icon-phone, .icon-address, .icon-linkedin{ padding-left:32px; margin-bottom: 8px !important; text-decoration: none; }
.icon-mail{ background:  url('assets/images/Mail.svg') top left no-repeat; }
.icon-phone{ background:  url('assets/images/Phone.svg') top  left no-repeat; }
.icon-address{ background:  url('assets/images/location.svg') top 4px left no-repeat; }
.icon-linkedin{ background:  url('assets/images/linkedin-icon.svg') center left no-repeat; }

.page-id-16 .icon-mail, .page-id-16 .icon-phone { float:left; margin-right:24px; }

.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .frm_slimselect.ss-main{ border-radius:16px;} 

/********** FOOTER **********/
#footer{ border-radius:5% 48% 0 0;  min-height:420px; padding:100px 0 64px 0; background: #BCE4FA;  font-size:18px;  color:#000; }

#footer ul{ margin:0; padding:0;  }
#footer li{ list-style:none; margin-bottom:0; transition:background-position  0.4s; padding-left:22px; background:url('assets/images/Pijltje-rechts-roze.svg') no-repeat left center; background-size:18px; }
#footer li:hover{ background-position:left 8px center;  transition:background-position 0.4s; }
#footer li a{ color:#000; position:relative; text-decoration: none; }
#footer strong{ font-size:24px; }
#footer .social{ display:inline-block; width:50px; height:50px; }
#footer .facebook{ margin-bottom:0; padding-left:32px; background:url('assets/images/Facebook.svg') left top no-repeat; background-size:20px; }
#footer .linkedin{margin-bottom:0;  padding-left:32px; background:url('assets/images/Linkedin.svg') left top no-repeat; background-size:20px; }
#footer .twitter{ background:url('assets/images/twitter-icoon.svg') center center no-repeat; background-size:contain; }

#footerbar{ background:#312783; color:#FFF; padding:16px 0 0 0;}
#footerbar p{ margin:0; }
#footerbar :where(.wp-block-columns){ margin-bottom:8px !important;}
#footerbar a{ text-decoration: none; color:#FFF;}
#footerbar a:hover{ text-decoration: underline;}

.button{ background:#F7A900; margin-right:40px; border:1px solid #F7A900;  display:inline-block; padding:20px 30px !important; text-decoration:none; border-radius: 39px; color:#000 !important; font-weight:400; }
.button:hover {  color:#FFF;  background-color: #F7A900 !important; }

.button.invert{ background:transparent; border:1px solid #FFF; color:#FFF !important;  }
.button.invert:hover {  border:1px solid #F7A900;  color:#000 !important;  background-color: #F7A900 !important; }

.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{ font-weight:bold; color:#000;}

.max-size-content{margin: 0 auto;  max-width:max-content; min-width:1000px;}
#breadcrumbs a{ color:#E3007C; }
#breadcrumbs{ }
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px){

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px){

}

/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px){
    


	.heading{ padding-top:48px;}
    .heading h1{  font-size:60px; line-height:65px; padding:0; font-weight:400; }

   

    #contactbar .wp-block-image{  margin-top: -17px;  float: left; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1387px){
	
	
	#mobile-menu{ display:none;}
	 #nav{ display: inline-block; width: 100%; }
    #menu { display: block;  margin:32px auto; }

    .menu-hoofdmenu-container{     text-align: right; display:block !important;  margin-top: 16px; }

    #menu {  margin:0; }
    #menu ul { margin:0; padding:0; }
    #menu li { display:inline-block; list-style:none; line-height:1.6; margin:0; }
    #menu li a { transition:border 0.4s; text-align:left; border-top:none;  width:auto; font-weight:700; font-size: 16px; padding:8px 0 0 0; border-bottom: 3px dotted #FFF; margin:0 24px 8px 24px; display: block; color: #1A1A1A; text-decoration: none; }
    #menu li a:hover { transition:border 0.4s; border-bottom:3px dotted #E3007C;  }
    #menu li.menu-item-has-children > a { padding-right: 18px; background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/arrow-down.svg') no-repeat right top 20px; }
    #menu li.menu-item-has-children > a:hover { }

    #menu li ul { display:flex; flex-wrap: wrap; margin:0; padding: 18px 100px; box-shadow: 0 2px 2px 0 rgba(17,17,17,0.175); background:#FFF; z-index:99999999; position: absolute; left: -999em; height: auto;  font-weight: normal; list-style: none; }
    #menu li ul li { flex-grow: 1; width: 33%;  }
    #menu li ul li a{ background:url('assets/images/pijl-rechts-menu-icoon.svg') center left no-repeat;  margin:0; padding:12px 16px 12px 32px; width:100%;  display:block; color:#1A1A1A !important; text-decoration:none;  }
    #menu li ul li a:hover{ background:#F7A900; color:#FFF; }

    #menu li a:hover{ color:#1A1A1A; background:url('assets/images/menu-lijn.svg') center bottom no-repeat; }
    #menu li ul a { display:block; }
    #menu li:hover ul, #nav li li:hover ul { display:block; left: 0; right:0; }

    #menu li.current_page_item a{ border-bottom:3px dotted #E3007C; color:#E3007C; }
    #menu li.current_page_item > a{  border-bottom:3px dotted #E3007C; color:#E3007C; }
    #menu li.current_page_parent a{ border-bottom:3px dotted #E3007C; color:#E3007C; }
    #menu li.current_page_parent li a, #menublock li.current_page_parent li {  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}


/* Smaller screens */
@media ( max-width: 1387px) {
.head{ padding-top:24px !important; }
    .wp-block-column{ margin-bottom:64px;}
    #logo img{ width:180px !important; margin-top:0; }
    #topMenu{ display:none !important; }
    #content h1, .h1 { font-size:34px; }
    #headerImage{ margin-top:0; }
    .anchormenu{ margin-bottom:54px;}
    .zoom .image{ height:210px !important; }
	
		#solliciteer { margin-top:56px !important; }
Fill / Flat / Blue
    .max-size-content{ max-width:100% !important; min-width:100% !important; }
#header{ padding-left:0; padding-right:0; position:fixed; top:0; left:0; right:0;}
.heading{ padding-top:100px; background-position:left center !important; }
    #contactbar{ padding-top:0 !important;}
	img{ height: auto !important;}
    #contactbar li .linkedin{ display:none !important;}
    #contactbar .wp-block-image{ margin-bottom:24px; }
    #contactbar .alignleft{ float:none !important; margin: 0 auto !important;  }
    #contactbar li{ margin-right:5px !important;}

    .wp-block-group__inner-container{ padding:24px 24px 0 24px;}

    .button{ padding:12px 20px !important;}


    .heading{ margin-bottom:0 !important; max-height: 580px;}
	.post-type-archive-nijm_vacature .heading{ max-height: 100% ;}
	
	.pink{
    background: #E3007C url(https://werkenbij.scholengroepperspectief.nl/wp-content/themes/nijm/assets/images/Alert-groot.svg) left 8px top 20px no-repeat !important;
    padding: 200px 0 20px 0 !important;
	}
	
	.pink h2{ font-size:28px !important; line-height:36px !important;}
	
    #heading .slide{ background-size:170px !important; background-position: top 50px center !important;}

    #nav{ margin-top:24px !important; display:block; width:100%;}

    #menu li{ display:block}
    #menu li a{ display:block; font-size:30px; padding:12px 0; color:#FFF; text-align:left;  background: transparent;  }
    #menu li .sub-menu a{ font-family: all-round-gothic, sans-serif; display:block; color:#000; text-align:center;  }
    #menu .button{  padding: 12px 20px 12px 50px !important; max-width:180px; margin:50px auto 0 auto !important; background:#f2bf57 url('assets/images/koffie-icoon.svg') no-repeat left 20px top 12px !important; }
    #menu .button a{ color:#000 !important; font-size:18px; }
#vacalert{ display:none !important; }
    .menu-hoofdmenu-container{  background:#E3007C; background-size:cover; padding:24px 32px; padding-top:30px;  padding-bottom:50px;   position:absolute; !important; left:0; right:0; top:100px; z-index:99999999;}
    section{ padding:32px 0 !important;}
	#searchbox{ display:none;}

    #content h1{ font-size:32px; margin-top:24px; }
    #content h2{ font-size:32px; line-height:32px; }

    td{ padding:16px 4px  !important;}
    iframe{ max-width:100%; max-height:247px !important;}

    #secmenu{ display:none; background:#284094; margin:0; padding:0; }
    #secmenu li{ list-style:none; }
    #secmenu a{ color:#FFF; text-decoration:none; display:block; padding:16px 24px;}
	
	#footer{ border-radius:0 0 0 0;}
	#footer img{ top:0 !important; left:auto !important; right:30% !important;}
}

@media( max-width:768px ){
	.heading{ max-height:initial  !important; background: linear-gradient(180deg, #bce4fa 53%, #FFF 53%) !important; }
	.heading img{ position:relative !important; margin-top:64px !important; margin-bottom:64px !important; }
	#footer .col-md-4{ margin-bottom:48px;}
}