/*
Theme Name: Ik heb prikangst
Text Domain: ik heb prikangst
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: 
License: 
License URI: 
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

html.freeze, body.freeze {
	overflow:hidden;
}

body {
	font-family: 'Noto Sans', sans-serif;
	font-size:20px;
	line-height:35px;
}

h1 {
	font-size:3.5em;
	color:#84386F;
	line-height:80px;
}

h2 {
	font-size:2em;
	color:#84386F;
	line-height:50px;
}

h3 {
	font-size:1.25em;
	font-weight:700;
	color:#84386F;
	line-height:30px;
}

h4 {
	color:#84386F;
	line-height:35px;
}

small {
	font-size:0.75em;
	line-height:20px;
}

main a {
	text-decoration: none;
	font-weight:700;
}

a, .text-primary {
	color:#84386F !important;
}

.text-right {
	text-align: right;
}
.font-weight {
	font-weight:bold;
}
.bg-primary {
	background-color:#84386F !important;
}
.bg-primary-light {
	background-color:rgba(238,196,211,33%) !important;
}
.btn {
	border-radius:0px;
	font-weight: bold;
	padding:20px !important;
	border-width:2px;
}

.btn-outline-primary {
	border-color:#84386F !important;
	color:#84386F !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
	color:#fff !important;
	background:#84386F !important;
	box-shadow:inherit !important;
}

.btn-menu span:nth-child(2) {
	top:10px;
}

.btn-menu span:nth-child(3) {
	top:20px;
}

ul, ol {
	padding-left: 1.25rem;
}

ul li, ol li {
	padding-left:20px;
	margin-bottom:30px;
}

.row {
	margin-bottom:20px;
	--bs-gutter-x: 1.25rem !important;
	--bs-gutter-y: 0;
}

.mb-20 {
	margin-bottom:20px;
}

.mr-30 {
	margin-right:30px;
}

.mt-50 {
	margin-top:50px;
}

.mr-50 {
	margin-right:50px;
}

.mb-30 {
	margin-bottom:30px;
}

.mb-50 {
	margin-bottom:50px;
}

.mb-100 {
	margin-bottom:100px;
}

.mt-100 {
	margin-top:100px;
}

.mb-150 {
	margin-bottom:150px;
}

.pt-30 {
	padding-top:30px;
}

.pb-30 {
	padding-bottom:30px;
}

.p-50 {
	padding:50px;
}

.pt-50 {
	padding-top:50px;
}

.pb-50 {
	padding-bottom:50px;
}

.pt-100 {
	padding-top:100px;
}

.pb-100 {
	padding-bottom:100px;
}

.pt-150 {
	padding-top:150px;
}

.pb-150 {
	padding-bottom:150px;
}

.pt-200 {
	padding-top:200px;
}

.pb-200 {
	padding-bottom:200px;
}

.nav .nav-item {
	padding:0 10px;
}

.header-navigation .nav .nav-item .nav-link {
	border-top:solid 10px transparent;
	border-bottom:solid 10px transparent;
	padding:22px 0;
	font-weight:700;
}

.header-navigation .custom-logo-link, .header-navigation .btn-close {
	display:none;
}

.nav .nav-item .nav-link.active, .nav .nav-item .nav-link:hover {
	border-top-color: #84386F;
}

.header {
	min-height:810px;
	background:url('/wp-content/themes/ik-heb-prikangst/assets/images/hero.png') no-repeat center -120px;
	background-size: contain;
}

.hero-intro {
	margin-top:33.3vw;
}

.footer-below .row {
	margin:0px;
}

.footer-below .nav .nav-link {
	padding:0px;
}

.footer-below .nav .nav-link:hover {
	text-decoration: underline;
}

.footer-above a, .footer-above .text-primary {
	color:#fff !important;
}

/* Media size md */
@media (min-width:768px) {
	.mb-md-0 {
		margin-bottom:0px;
	}

	.mb-md-30 {
		margin-bottom:30px;
	}

	.mb-md-50 {
		margin-bottom:50px;
	}

	.mr-md-50 {
		margin-right:50px;
	}

	.mb-md-100 {
		margin-bottom:100px;
	}

	.mb-md-150 {
		margin-bottom:150px;
	}

	.pt-md-100 {
		padding-top:100px;
	}

	.pt-md-150 {
		padding-top:150px;
	}

	.pb-md-150 {
		padding-bottom:150px;
	}

	.pt-md-200 {
		padding-top:200px !important;
	}

	.pb-md-200 {
		padding-bottom:200px !important;
	}
}

/* Media size lg */
@media (max-width:991px) {
	h1 {
		font-size:3em;
		line-height:70px;
	}
}

/* Media size sm and md */
@media (max-width:767px) {
	body {
		--bs-gutter-x: 1.25rem !important;
		font-size:15px;
		line-height:30px;
	}

	.alert .btn-close {
		position: relative;
		margin:0 auto;
		padding-top:10px;
	}

	.header {
		background:url('/wp-content/themes/ik-heb-prikangst/assets/images/hero-sm.png') no-repeat top;
		background-size: contain;
	}

	.hero-intro {
		margin-top:105vw;
	}

	h1 {
		font-size:2.75em;
		line-height:50px;
	}
	
	h2 {
		
	}
	
	h3 {
		
	}
	
	h4 {
		
	}

	small {
		font-size:1em;
	}

	a {
		word-wrap: break-word;
	}

	.nav-footer li {
		text-align: center;
		width: 100%;
	}

	.accordion-item {
		padding-bottom:30px;
	}

	.accordion-body {
		margin-top:15px;
	}

	.accordion-button {
		padding:30px 0 0 0 !important;
	}
}

@media (max-width:575px) {
	.btn {
		display: block;
	}
}