/*
 * Theme Name: K.H.a.N Zorg
 * Theme URI: http://kruik-it.nl
 * Author: Maarten Kruik
 * Author URI: https://kruik-it.nl
 * Description: K.H.a.N Zorg 
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: responsive
 * Text Domain: kruik-it - KHaNZorg
 *
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned with others.
 * */

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

---------------------------------------------------------------------------- */

@font-face {
	font-family:"Urban";
	src: url("fonts/UrbanJungle.otf") format("truetype");
}

:root {
        /*--nav-bg-color: #9dcdfb ;*/
        --nav-bg-color: #126b93 ;
/*        --nav-txt-color: #0082ff ;*/
        --nav-txt-color: blue ;
        --nav-hover-color: blue ;
        --nav-hover-txt-color: white ;
	--bordercolor: #333 ;
		--button-bg-color: #126b93 ;
		--button-txt-color: #00ac9b ;
}

* {
        text-decoration: none !important ;
        margin: 0px ;
        padding: 0px ;
	font-family: Times, sans-serif;
	font-size: 1.1rem ;
	color: black ;
}

main ul li {
	list-style-position: outside ;
	margin-left: 1rem ;
}

body, html {
	background: gradient(white,#d9ffd0) ;
	height: 100% ;
        min-height: 100% ;
}

a {
	color: blue ;
}

a:hover {
	color: darkblue ;
}

header .divider {
	margin-top: 0rem ;
	margin-bottom: 2rem ;
	background-color: var(--nav-bg-color) ;
	min-height: 3rem ;
	width: 100% ;
	border-radius: 1rem ;
}

header img.headerPhoto {
	border-radius: 1rem ;
	margin-bottom: 0.5rem ;
	width: 100% ;
}

main {
	padding: 0rem 1rem ;
}

footer {
	min-height: 2.5rem ;
	background-color: var(--nav-bg-color) ;
	color: black ;
	border-radius: 1rem ;
	padding: 0.5rem 1rem 0rem 1rem;
	margin: 1rem 0rem 0rem 0rem ;
}


.khan-logo img {
/*	z-index: 999 ;
	position: absolute ;
	top: 0px ;
	right: 2rem ;*/
	margin-right: 0.5rem ;
	margin-left: -0.5rem ;
/*	width: 17.9rem ;
	height: 10.25rem ;*/
}

/************************/
/* customize the navbar */
/************************/

.navbar {
        /* the navbar himself */
        background-color: white !important ;
        padding: 0rem !important ;
        margin: 1rem 0rem !important ;
	z-index: 100 ;
	list-style: none ;
}

.navbar-dark .navbar-toggler {
	color: blue !important;
	border-color: lightgrey ;
}

.navbar .navbar-nav li ul {
	border-radius: 0.5rem ;
	padding: 1rem ;
	box-shadow: 0px 1px 2px grey ;
}

.navbar .navbar-nav li ul li:not(:last-child) {
	border-bottom: 1px solid lightgrey ;
}

.navbar .navbar-nav li ul li:first-child a, .navbar .navbar-nav li ul li:first-child a:hover {
	border-top-left-radius: 0.5rem ;
	border-top-right-radius: 0.5rem ;
}

.navbar .navbar-nav li ul li:last-child a, .navbar .navbar-nav li ul li:last-child a:hover {
	border-bottom-left-radius: 0.5rem ;
	border-bottom-right-radius: 0.5rem ;
}

.navbar .navbar-nav li a {
        /* A link at the navbar */
        color: var(--nav-txt-color) !important ;
	font-weight: bold ;
	font-size: 1.2rem ;
	padding: 0rem 2rem;
	margin-left: 1rem ;
	background-color: white ;
}

.navbar .navbar-nav li ul li a:hover {
        /* Hover a link at the navbar */
        background-color: lightblue !important ;
	transition: .25s ease;
}


.navbar .nav-item .dropdown-menu {
        background-color: var(--nav-bg-color) !important ;
	padding: 0rem ;
	margin-left: 2rem ;
	list-style: none ;
}

.navbar .dropdown-item {
	margin: 0px !important;
	padding: 0rem 2rem !important;
}
.navbar button.navbar-toggler {
	background-color: var(--nav-bg-color) ;
}

/********************
**  MainFooterNews **
********************/

.mainFooterNews {
	padding: 0px ;
	margin: 0rem ;
}

.mainFooterNews div div {
	background: url('images/nurse') ;
	background-repeat: no-repeat ;
	background-position: 99% 5% ;
	background-size: 5rem 6rem ;
	border: 1px solid darkgrey ;
	border-radius: 0.5rem ;
	padding: 0.5rem ;
	margin: 0.5rem 0rem;
	min-height: 10rem ;
	max-height: 100% ;
	background-color: azure ;
	box-shadow: 0px 1px 2px grey ;
}

.mainFooterNews div div p {
	padding-right: 5rem ;
}

h3{
	color: var(--nav-txt-color);
	font-weight: bold ;
	display: inline-block ;	
	border-bottom: 1px solid #22ad02 ;
	margin-bottom: 1rem !important;
}

.mainFooterNews div div h3 a {
	font-size: 1.75rem ;
	color: var(--nav-txt-color) ;
}

.taalkeuze {
	color: white !important ;
}

.taalkeuze ul li {
	color: white !important ;
	list-style: none ;
	float: left ;
	padding: 0.0rem 1rem ;
	margin-bottom: 1rem ;
}

input[type="submit"], .pbSubmit {
	background-color: --button-bg-color !important;
	color: --button-txt-color !important ;
	border: none ;
	padding: 0.5rem ;
	border-radius: 0.5rem ;
}

input[type="submit"]:hover, .pbSubmit:hover {
	background-color: --button-txt-color !important;
	cursor: pointer ;
	color: --button-bg-color !important ;
}

div.widget-contact {
	margin-top: 2rem ;
	margin-right: 1rem !important;
}

div.widget-social {
	margin: 1rem 0rem 0rem 1rem ;
}