/**
 * Theme Name: Netwerk in de Zorg
 * Theme URI: https://astoundify.com/
 * Author: Astoundify
 * Author URI: http://astoundify.com
 * Description: Everything you need to build a professional job board.
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: white, one-column, right-sidebar, fixed-width, custom-background, custom-header, theme-options, full-width-template, featured-images, flexible-header, custom-menu, translation-ready
 * Template: jobify
*/
/**
 * The parent theme's CSS is automatically included so there is no need
 * to use the @import rule to include the parent theme CSS.
 *
 * Place Custom CSS Below this.
 */





@media only screen and (min-width: 769px) {

.columnhomedroom {
    min-height: 34em;
} 

}


 .columnhomedroom:hover img {
    opacity: .9;
 }

.footer-widgets .textwidget a {
    min-width: 330px;
    margin-top: 1em;
}

@media screen and (min-width: 1200px) {
#jobify_widget_feature_callout-14 .callout-feature-content--height-large {
    padding-top: 3em;
    padding-bottom: 23em;
}
}

 @media only screen and (min-width: 1360px) {
.textbovenvideorechts:after {
background-image: url(../jobify-extended/images/pijl_video.png);
    background-size: 100% 100%;
    left: 557px;
    top: 38px;
    display: block;
    content: "";
    height: 176px;
    position: absolute;
    width: 148px;
}
}

p {
  hyphens: none;
}

h3, h2, h4 {
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
}

 #wpb_widgett-2 h3 {
    font-size: 20px;
 }

#jobify_widget_feature_callout-29 {
    margin-bottom: 4em;
}

@media screen and (min-width: 992px) {
.hentry {
    margin-bottom: 0px;
}

 #post-447 .hentry {
    margin-bottom: 0px;
 }
}

@media only screen and (max-width: 800px) {
    #jobify_widget_feature_callout-28 .feature-callout-cover {
        background-position: right center !important;
}

#jobify_widget_feature_callout-28 .callout-feature-title {
    color: white !important;
}

#jobify_widget_feature_callout-28 .callout-feature-content p {
    color: white !important;
}

}

#ssb-container {
    top: 60%;
}

@media only screen and (min-width: 1360px) {
.pijllinkboven:after {
    background-image: url(../jobify-extended/images/links_pijl.png);
    background-size: 100% 100%;
    left: -95px;
    top: 60px;
    display: block;
    content: "";
    height: 146px;
    position: absolute;
    width: 80px;
}
}

@media only screen and (min-width: 1360px) {
.pijlrechtsboven:after {
    background-image: url(../jobify-extended/images/rechts_pijl.png);
    background-size: 100% 100%;
    left: 295px;
    top: 60px;
    display: block;
    content: "";
    height: 146px;
    position: absolute;
    width: 80px;
}
}


/*@media only screen and (min-width: 1360px) {
.minpheight:after {
    background-image: url(../jobify-extended/images/Netwerk-in-de-zorg_droombaan.png);
    background-size: 100% 100%;
    left: -155px;
    top: 30px;
    display: block;
    content: "";
    height: 176px;
    position: absolute;
    width: 148px;
}
}*/

.footerbutton {
    background-color: #ecddcb;
}

.footerbutton:hover {
    background-color: #005667 !important;
    color: white !important;
}

.extramargintopandbottom {
    margin-top: 2em;
    margin-bottom: 2em;
}

.belmijterugfooter {
    color: white !important;
}

.belmijterugfooter:hover {
    color: #3a3a3a !important;
}


 #nf-field-8 {
    background: #005667;
    border-radius: 4px;
 }

  #nf-field-8:hover {
    background: #ecddcb;
    border-radius: 4px;
 }

 .nf-response-msg {
    margin-top: 5em;
    margin-bottom: 5em;
}

.contactbuttonpagina {
    background: #ecddcb;
    color: #3a3a3a;
}

.contactbuttonpagina:hover {
    background: white !important;
}

p {
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
word-wrap: normal;
}

.footer-cta img {
    max-width: 150px;
}

#wpb_widgett-2 img {
    max-width: 150px;
}

@media screen and (min-width: 768px) {
#jobify_widget_feature_callout-24 .callout-feature-content {
    padding-top: 2em;
    padding-bottom: 2em;
}
}

 .search_jobs, .search_resumes {
    box-shadow: inset 0 0px 0 rgba(255,255,255,.5);
}


 }

 #wpb_widgett-2 img {
    max-width: 200px;
 }

.reset {
    display: none;
}

.rss_link {
    display: none;
}

ol, ul {
    margin: 4px 0 16px 0;
    padding: 0 0 0 40px;
}

h3 {
    font-size: 22px;
    margin: 30px 0 3px 0;
}

 .job-overview-content img {
    padding: 0em 0 2em 0;
 }

.content-area {
    min-height: 25em;
}

.feature-callout-cover--overlay-full:after, .feature-callout-cover--overlay-gradient-left:after, .feature-callout-cover--overlay-gradient-right:after {
    background: rgba(0,0,0,0.4)
}

 ul.job_listings .job_listing:hover, .job_position_featured, li.type-resume:hover {
    box-shadow: inset 0px 0 0 #636363 !important;
 }

.widget-title--job_listing-top {
    display: none;
}

div.job-overview-content.row {
    margin: 0em 0;
    padding-top: 0em;
    padding-bottom: 3em;
    border-top: 0px solid #eee;
}

 div.job-meta-top.row {
    display: none;
 }

 .feature-callout-image-pull {
    min-height: 400px;
}

.searchform--header {
    margin: 2em 0;
    display: none;
}

 .pralink {
    text-decoration: underline;
 }

 .pralink:hover {
    text-decoration: underline;
    color: #005667 !important;
 }

.columnhomedroom {
    padding: 1em;
    background: #ecddcb;

}

 @media screen and (min-width: 768px) {
.minpheight {
    min-height: 6em;
    max-width: 28em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.extrawhitespacesides {
padding: 0 3em 0 3em;
}



}

#wpb_widgett-2 {

    margin-bottom: -5em;
    padding: 2em 0 2em;
    text-align: center;
}


 @media screen and (min-width: 992px) {
.feature-callout.text-center h2 {
    font-size: 40px;
    font-weight: 400;
}
}

#jobify_widget_companies-2 {
    margin-bottom: 7em;
}

.content-area {
    margin-bottom: 0em;
}

.footer-cta {
    margin: 0px 0 0 0;
}

.related-jobs {
    margin-bottom: 4em;
}

@media only screen and (min-width: 1360px) {
.textbovenvideoleft:after {
    background-image: url(../jobify-extended/images/Netwerk-in-de-zorg_droombaan.png);
    background-size: 100% 100%;
    left: -141px;
    top: 38px;
    display: block;
    content: "";
    height: 176px;
    position: absolute;
    width: 148px;
}
}

.site-footer {
     background-image: url(../jobify-extended/images/netwerk_footer_image.png;); 
     background-color: #cccccc;
     background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.copyright .container {
    background-color: #ffffffc2;
    padding: 1em;
}

.btt:before {
    font-size: 2em;
}

.footer-widgets {
    background-color: transparent;
}

#custom_html-5 {
    margin: 0 0 0 0;
    min-width: 100%;
    padding: 0 0 0 0;
}



.current-menu-item a {
    color: #0c242e !important;
}

.current-menu-item a:hover {
    color: #00566799 !important;
}

#wpb_widget-2 {
    background-color: #ffffff;
    margin-top: 0px;
    color: #095a6a;
    padding: 4em 0 4em 0;
}

.site-title img {
    max-width: 100%;
    height: auto;
    max-height: 4em;
}

#jobify_widget_jobs_spotlight-1 {
    background: #095a6a;
    padding: 3em 0 4em 0;
    margin-bottom: 0em;
}

#custom_html-3 {
    background-color: #095a6a;
    max-width: 100%;
}

#custom_html-3 a {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 20em;
    margin-bottom: 4em;
    background-color: white;
    color: #095a6a;
}

#custom_html-3 a:hover {
    background-color: #ecddcb;
    color: #3a3a3a;
    border-color: transparent;
}



#jobify_widget_jobs_spotlight-1 h3 {
    color: #fff;
}

.job-spotlight, .resume-spotlight {
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 3em;
    background: white;
    min-height: 31em;
}

@media screen and (min-width: 1000px) {
.job-spotlight, .resume-spotlight {
    min-height: 35em;
}
}


/* @media screen and (min-width: 1200px) { 
    
body.fixed-header .site-header {
    position: inherit;
    top: 0;
    width: 100%;
 }
}

body {
    padding-top: 0 !important; 
}*/



.search_jobs, .search_resumes, .cluster div, .job-type, .price-option__title, .entry-header__featured-image:hover .overlay, .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    background-color: #005667;
}

ul.job_listings .job_listing:hover, .job_position_featured, li.type-resume:hover {
    box-shadow: inset 5px 0 0 #636363;
}

.job_listings {
    margin-bottom: 4em;
}

.site-branding {
    max-width: 120px;
}

#jobify_widget_companies-1 {
    background-color: white;
    padding-top: 1em;
    padding-bottom: 4em;
    color: #647584;
}

#jobify_widget_stats-1 {
    background-color: #005667;
    padding-top: 4em;
    padding-bottom: 4em;
    color: white;
}


.nf-form-content {
    max-width: -webkit-fill-available !important;
}


#menu-primary a:hover {
    color: #ffffff !important;
    background: #005667;
}

.topbuttonhome:hover {
    background: #ecddcb;
    border-color: transparent;
    color: #3a3a3a;
}

@media screen and (min-width: 1200px) {
#menu-item-178 {
    border: 2px solid #005667;
}

.menu-item-178:hover {
    background: #005667;
}
.menu-item-178 a:hover {
    color: white !important;
}


}

#custom_html-2 {
    padding-top: 4em;
}

.entry-header__featured-image img {
    border-radius: 0px;
}


/* read more op zelde hoogte op homepage */
@media screen and (min-width: 1200px) {
#jobify_widget_blog_posts-2 .col-md-4 {
    height: 32em;
    margin-bottom: 4em;
}

#jobify_widget_blog_posts-2 .col-md-4 {
    position: relative;
}

#jobify_widget_blog_posts-2 .col-md-4 .entry-summary a {
    position: absolute;
    bottom: 0;
    left: 15px;
}
}
/* EINDE read more op zelde hoogte op homepage */

/* bel mij terug pahina */


#nf-form-3-cont {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    }

.nf-form-fields-required {
    display: none;
}

.woothemes-testimonial--individual__author cite {
    color: #647583;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    display: block;
    margin: 4px 0 0;
}
 
#jobify_widget_testimonials-1 h3 {
    color: #647583;
}

#jobify_widget_testimonials-1 {
    margin-bottom: 0em;
}

/* vacature zoeken styling */


.search_jobs>div input[type=submit], .search_resumes>div input[type=submit] {
    color: #10100f;
    background-color: #ead8c2;
    font-size: 14px;
    padding: 11px;
    margin-right: 0;
    width: 30%;
    margin-left: auto;
    margin-right: 0px;
    display: flow-root;
}
}


.filter_wide .filter_by_tag {
    display: none;
}


#nf-field-21 {
    background-color: #005667;
    border-color: transparent;
    color: #fff;
    font: 700 18px/normal Montserrat,sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 0px 50px;
    border-radius: 4px;
    display: inline-block;
    border-style: solid;
    border-width: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 15px;
}


#nf-field-21:hover {
    background-color: transparent;
    color: #005667;
    border-color: #005667;
  }

#nf-form-title-3 h3 { 
    padding: 1em 1em 1em 0em;
    font-size: 30px;
    line-height: 1.4;
    margin: 0;
    font-family: "Varela Round","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
}

.btn .btn-success .nf-fu-fileinput-button {
        padding: 15px 30px
}


.menu-item-884 {
    border: 2px solid #005667 !important;
    border-radius: 4px;
}

.menu-item-884 :hover {
    border: 2px solid #005667 !important;
    border-radius: 2px;
    background: #005667 !important;
}


.nav-menu-break-large .nav-menu--primary a, .nav-menu-break-large ul.nav-menu--primary a {
    margin: 0px 0;
}

#nf-field-60 {
    background: #005667;
    border-radius: 4px;
}
#nf-field-60:hover {
    background: #ecddcb;
    border-radius: 4px;
}

/*homepage aanpassing*/


@media screen and (min-width: 768px) {
.callout-feature-content--height-large {
    padding-top: 28em !important;
    padding-bottom: 7em !important;
}
}


@media screen and (max-width: 768px) {
.callout-feature-content {
    padding: 10em 0 3em 0 !important;
}
}
@media screen and (min-width: 768px) {
.row .callout-feature-content {
        padding-top: 10em !important;
    padding-bottom: 3em !important;
}
}

/**
 * Verwijderen van achtergrond afbeelding header
 * 
 *
 * 
 */

#jobify_widget_feature_callout-2 .feature-callout-cover {
    background-image: url(http://netwerk2025.henrihoogeveen.nl/wp-content/uploads/2025/01/Netwerk-Zorg-homepage2025_v1.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    z-index: -2; /* Zet de afbeelding naar achteren */
}

/**
 * 3 werk vormen
 * 
 *
 * 
 */

#netwerk2025_html_widget-2, #netwerk2025_html_widget-3 {
    margin: 0;
}


/* ----------  basisvariabelen  ---------- */
:root {
  --clr-bg: #265968;
  --clr-card-bg: #ffffff;
  --clr-text-dark: #085d65;

  --radius: .5rem;
  --shadow: 0 4px 12px rgba(0,0,0,.10);
  --shadow-hover: 0 8px 20px rgba(0,0,0,.15);

  --fs-body: clamp(.95rem, .8rem + .4vw, 1.05rem);
  --fs-lead: clamp(1.15rem, 1rem + .8vw, 1.4rem);
}

/* ----------  widget-omhulling  ---------- */
.netwerk-widget {
  background: var(--clr-bg);
  margin: 0;
  padding-block: clamp(2rem, 5vw, 8rem);
  padding-inline: clamp(1.5rem, 6vw, 8rem);
  color: #fff;
}

/* ----------  wrapper  ---------- */
.netwerk-wrapper {
  max-width: 90rem;
  margin-inline: auto;
}

/* introtekst */
.netwerk-intro {
  max-width: 56rem;
  margin-inline: auto;
  margin-block-end: 3rem;
  line-height: 1.5;
  text-align: center;
  font-size: 1.7em;
}

/* ----------  GRID voor gelijke hoogtes  ---------- */
.netwerk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  gap: 2.4rem;
}

/* ----------  kaarten  ---------- */
.netwerk-card {
  background: var(--clr-card-bg);
  color: var(--clr-text-dark);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  transition: transform .3s ease, box-shadow .3s ease;
}

.netwerk-card:hover,
.netwerk-card:focus-within {
  transform: translateY(-0px);
  box-shadow: var(--shadow-hover);
}

/* icon */
.netwerk-icon {
  display: flex;
  justify-content: center;
  margin-block-end: 1rem;
}
.netwerk-icon img {
    width: 8rem;
    height: auto;
    margin-top: 1rem;
}

/* titel & tekst */
.netwerk-title {
  font-size: 1.5rem ;
  text-align: center;
  margin-block-end: 1rem;
}
.netwerk-text {
  line-height: 1.6;
  flex-grow: 1;          /* duwt evt. knoppen later naar onder */
}

/* ----------  responsieve fine-tuning  ---------- */
@media (max-width: 34rem) {           /* ≈ 544 px */
  .netwerk-title { font-size: 1.1rem; }
  .netwerk-text  { font-size: .95rem; }
}