/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.site-header {
    z-index: 1;
}

.site-header .header-inner {
        max-width: 100%;
        padding: 5px 50px;
    }

.eicon-menu-bar:before {
    content: url(/wp-content/uploads/2024/05/menu-icon.png);
    position: relative;
    left: 0px;
    top: 0px;
}

.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before {
     content: url(/wp-content/uploads/2024/05/octicon_x-12.png);
}

.site-navigation-dropdown ul.menu li a {
    display: block;
    padding: 20px;    
    color: #ffffff;
    box-shadow: none;
	background: none; 
}

.site-navigation-dropdown ul.menu {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #012035;
}



.site-navigation-toggle-holder .site-navigation-toggle {    
    background-color: transparent;
}

.site-navigation-dropdown ul.menu {   
    height: 100vh;
}

.h-kontak-btn{
   /* padding: 20px 60px 20px 60px;*/
    color: #F58934;
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-color: #F58934;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}


.site-header {  
  height:110px;
  z-index:999;
  margin:0 auto; 
  width:100%;
  position:fixed;
  top:0;
  left:0;
  right:0;
  background-color:transparent;  
}


.site-navigation ul.menu li a {   
    font-family: "Montserrat", Sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.site-navigation ul.menu .h-kontak-btn a {
    color: #D9D9D9;
    font-weight: 300 ;
}
.site-navigation-dropdown ul.menu li.current-menu-item a {
    color: #fff;
    background: transparent;
}


.site-header.active {
    background: #012035;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.site-header.active ul.menu li a {
    display: block;
    padding: 8px 15px;
	color: #ffffff;
	font-family: "Montserrat", Sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.site-header.active .site-navigation ul.menu .h-kontak-btn a {   
    font-weight: 300 ;
}

.site-header.active .h-kontak-btn { 
    color: #012035;
  	background-color:#FA990E; 
    border-style: solid;
    border-color: #F58934;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
	border: 1px solid;
	/*width: 50%;
	text-align: center;*/
}

.h-kontak-btn a {
    color: #F58934;
    background: transparent;
}


.site-header.active .h-kontak-btn a {
    color: #012035 !important;
}

.site-header.active .eicon-menu-bar:before {
    content: url(/wp-content/uploads/2024/05/Menu-Grey.png);
    position: relative;
    left: 0px;
    top: 0px;
}

.site-header.active .site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before {
     content: url(/wp-content/uploads/2024/05/octicon_x-12-active.png);
}


.elementor-toggle-item {   
    border-radius: 18px;
}


.elementor-toggle .elementor-tab-title {    
    border-radius: 18px;
}

.elementor-toggle .elementor-tab-title.elementor-active {
    border-radius: 18px 18px 0px 0px;
}

.elementor-toggle .elementor-tab-content {
     border-radius: 0px 0px 18px 18px;
}

#application_form h3 {
    font-family: "Montserrat", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #012035;
}

#application_form label {   
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    padding: 10px 0;
}

#application_form input[type=date], #application_form input[type=email], #application_form input[type=number], #application_form input[type=password], #application_form input[type=search], #application_form input[type=tel], #application_form input[type=text], #application_form  input[type=url], #application_form  select, #application_form  textarea {
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: .5rem 1rem;
    transition: all .3s;
   	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5) inset;
}

#application_form .col-12{
    padding: 10px 0;
}

#application_form .btn.btn-primary {
	font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 80px 10px 80px;
    color: #D9D9D9;
    background-color: var(--e-global-color-primary);
    border-style: none;    
    border-radius: 8px 8px 8px 8px;
    
}

.wpcf7-form input[type=date], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=password], .wpcf7-form input[type=search], .wpcf7-form input[type=tel], .wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form select, .wpcf7-form textarea {
    width: 100%;
    border: 1px solid #666;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: .5rem 1rem;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    transition: all .3s;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5) inset;
	margin-top: 15px;
}

.wpcf7-form [type=button]:not(:disabled), .wpcf7-form [type=submit]:not(:disabled), .wpcf7-form button:not(:disabled) {
    cursor: pointer;
    padding: 10px 80px 10px 80px;
    color: #F58934;
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F58934;
    border-radius: 8px 8px 8px 8px;
	display: block;
   	margin: 0 auto;
}

.wpcf7-form label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    display: block;
    color: var(--e-global-color-secondary);
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
	padding-bottom:10px;
}

.wpcf7-not-valid-tip {
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
color: #F58934 !important
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #D9D9D9;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #F58934;
	color:#F58934;
}

 .wpcf7-response-output {   
    color: #D9D9D9 !important;
}

#additional_information_form .col-12{
    padding: 10px 0;
}


#additional_information_form .btn.btn-primary {
	font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 80px 10px 80px;
    color: #D9D9D9;
    background-color: var(--e-global-color-primary);
    border-style: none;    
    border-radius: 8px 8px 8px 8px;
    
}

.additional_info_container h3 {
    font-family: "Montserrat", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #012035;
}

#additional_information_form label {   
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    padding: 10px 0;
}

#additional_information_form input[type=date], #additional_information_form  input[type=email], #additional_information_form input[type=number], #additional_information_form input[type=password], #additional_information_form input[type=search], #additional_information_form  input[type=tel], #additional_information_form  input[type=text], #additional_information_form  input[type=url], #additional_information_form   select, #additional_information_form   textarea {
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: .5rem 1rem;
    transition: all .3s;
   box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5) inset;
}


#additional_information_form .col-12.form-btn  {   
    text-align: center;
}

.invalid-feedback {
   font-family: "Montserrat", Sans-serif;
    color: #BB1E1E;
    font-size: 14px;
    font-weight: 700;
}

#application_form .col-12.form-btn  {   
    text-align: center;
}

#query_questions_container label {   
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    padding: 10px 0;
}

.question_container  {   
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    padding: 10px 0;
}

#query_questions_container h3 {
    font-family: "Montserrat", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #012035;
}

.form-check-input:checked[type=checkbox] {  
    --bs-form-check-bg-image: url('/wp-content/uploads/2024/05/check.svg') !important;
}

.form-check-input:checked {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}

.form-check-input {    
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5) inset;
	border:none; 
}

.form-check-input[type=checkbox] { 
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn.btn-primary.volgende {
	font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 80px 10px 80px;
    color: #D9D9D9;
    background-color: var(--e-global-color-primary);
    border-style: none;    
    border-radius: 8px 8px 8px 8px;
    
}

.question_box .btn.btn-primary.volgende {
    text-align: center;
    display: block;
    margin: auto;
}

.page-id-79 .custom-logo {
    visibility: hidden;
}

.page-id-79 .custom-logo-link {
    background-image: url(/wp-content/uploads/2024/05/CheckHie-Logo.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
}

.page-id-79 .site-header.active .custom-logo-link {
    background-image: url(/wp-content/uploads/2024/05/CheckHie-Logos-03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
}

.page-id-419 .custom-logo {
    visibility: hidden;
}

.page-id-419 .custom-logo-link {
    background-image: url(/wp-content/uploads/2024/05/CheckHie-Logo.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
}

.page-id-419 .site-header.active .custom-logo-link {
    background-image: url(/wp-content/uploads/2024/05/CheckHie-Logos-03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
}

	table th {
		font-weight: 700;padding: 15px;
		line-height: 1.5;
		vertical-align: top;
		border: none;
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;    
		color: #000000;
		padding: 15px 0px 15px 0px;
	}

	table td {   
		line-height: 1.5;
		vertical-align: top;
		border: none;
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #000000;
		padding: 15px 0px 15px 0px;
	 }

	table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
		background-color: transparent;
	}

	table tbody tr:hover>td, table tbody tr:hover>th {
		background-color: transparent;
	}

	.col-12.summary-btn {
		text-align: center;
	}

	.col-12.summary-btn .btn.btn-primary {
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight:700;
		padding: 10px 50px 10px 50px;
		color: #D9D9D9;
		background-color: var(--e-global-color-primary);
		border-style: none;
		border-radius: 8px 8px 8px 8px;
		margin-top: 10px;
	}

@media  screen and (max-width: 575px) {
     .site-header .header-inner { 
        padding: 5px 20px;
    }

	.site-logo.show img {    
		max-width: 65%;
	}

	#additional_information_form .btn.btn-primary {    
		padding: 10px 40px 10px 40px;
		 width: auto;
	}

	#download-pdf {
    padding: 10px 30px 10px 30px;
	width: auto;
    /* animation-delay */
	}

	h2, h3 {		
		font-size: 18px !important;		
	}
}

	#product-section {
	 display: none;
	}

	#raak-skuld-banner {
	 display: none;
	}

	#product-section label { 
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #D9D9D9;
		padding: 10px 0;
	}

	#product-section button {
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight: 700;
		padding: 10px 80px 10px 80px;
		color: #F58934;
		background-color: var(--e-global-color-primary);
	   border-radius: 8px 8px 8px 8px;
		border: 1px solid #F58934;
	}

	#product-section .col-12.form-btn {
		padding: 10px 0;
	}

	.text-danger {
	   font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #F58934 !important;
	}

	.account_info_container h3 {
		font-family: "Montserrat", Sans-serif;
		font-size: 24px;
		font-weight: 700;
		color: #012035;
	} 

	.text-success {
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #D9D9D9 !important;
	}


	.error_container h3 {
		font-family: "Montserrat", Sans-serif;
		font-size: 24px;
		font-weight: 700;
		color: #012035;
	}

	.error_message {
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #000000;
		padding: 10px 0;
	}

	#probeer_weer {
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight: 700;    
		color: #D9D9D9;
		background-color: var(--e-global-color-primary);    
		border-radius: 8px 8px 8px 8px;
	}

    #description_container h3 {
		font-family: "Montserrat", Sans-serif;
		font-size: 24px;
		font-weight: 700;
		color: #012035;
	}

    #description_container p {
		font-family: "Montserrat", Sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #000000;
		padding: 10px 0;
    }

	/* Nathaniel Form Styling */
	#validation_response {
		text-align:center
	}
	.error_container a.btn {
		text-decoration:none;
		background-color:transparent;
		color:#333;
		border:2px solid #012035
	}
	.email-success {
		background-color:#418EFF !important;
	}

/* Some styling for the new 2nd informational window */

.btn.checkhie-btn {
	border-radius:8px;
	background-color: #012035;
	color:#D9D9D9;
	padding:10px 30px;
	margin:0 20px;
	text-decoration:none;
	border:2px solid #012035;
}

.btn.checkhie-btn-back {
	background-color: transparent;
	color:#012035;
	border:2px solid #012035;
}

/* Single Post */
.single-post main { 
	max-width: 330px;
	padding: 10px 50px;
	margin-top: 30px;
	margin-bottom: 50px;    
	width: 100%;
	/* border: 2px solid #D9D9D9; */
	border-radius: 25px;
	overflow: auto;
	margin-bottom: 40px;
	background-color: #D9D9D980;

	/* box-shadow: 0px 4px 6px #ccc; */
}
	
.single .page-header {
	max-width:80%;
	margin: 0 auto;
	float:none;
} 
.single .post_author {
	overflow:auto;	
}

.single .post_author p {
	margin-bottom:0;
	padding-top:10px;
	font-size:12px;
}
.single-post h1 {    
    font-weight: 700;
	/* font-size: 30px; */
	font-size: 20px;
	color: #012035;
	text-align: center;
}
.single-post p, 
.single-post li {   
    /* font-size: 14px; */
	font-weight:500;
}
.single-post .post_author a {
    text-decoration: none;
    color: #454545;
    font-size: 12px;
    font-weight: 500;
}

/* Blog page */
body.blog, 
body.single {
	background: url('/wp-content/uploads/2024/05/lions-head-2023-11-27-05-27-55-utc-scaled.jpg') top center no-repeat;
	background-size: cover;
}

.blog .page-header,
.single .post {
	margin-top:80px;
}


.blog .page-content .post {
	width:100%;
	/* border:2px solid #D9D9D9; */
 	border-radius: 25px;
	overflow:auto;
	margin-bottom:40px;
	/* box-shadow: 0px 4px 6px #ccc; */
	padding-bottom:20px;
	background-color: #D9D9D980;

}
 
.blog .page-content .post .post_image {
  	float:none; 
	width:100%;
}
.blog .post .wp-post-image {
	max-height:370px;
}


.blog .page-content .post .post_excerpt {
 	width:100%;
	float:none;
	padding:20px 20px;
}

.blog .page-content .post .post_author {
	overflow:auto;
	margin-bottom:10px;
}
.blog .page-content .post .post_author a {
	text-decoration:none;
	color:#454545;
	font-size:12px;
	font-weight:500;
}

.blog .page-content .post .post_author p {
	text-decoration:none;
	color:#454545;
	font-size:12px;
	font-weight:500;
	margin-bottom:0;
}
.blog .page-content .post .post_author p.post_author_link {
	padding-top:5px;
}
.blog .page-content .post .entry-title {
	line-height:25px;
}
.blog .page-content .post .entry-title a {
	color:#012035;
	font-size:18px;
	/* font-size:26px; */
	font-weight:600;
}

.blog .page-content .post .entry-content p {
	color:#012035;
	/* font-size:14px; */
	font-weight:500;
}
.blog .page-content .post .post_read_more {
	float:right;
	text-decoration:none;
    color: #ffffff;
	font-weight:600;
    background-color: #F28121;
    border-style: solid;
    border-color:#F28121;
	padding:5px 10px;
	font-size:14px;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);   
}

.blog .pagination .nav-previous {
	float:left;
	margin-right:20px;
}


.blog .pagination .nav-previous a,
.blog .pagination .nav-next a {
	text-decoration:none;
    color: #ffffff;
	font-weight:600;
    background-color: #F28121;
    border-style: solid;
    border-color:#F28121;
	padding:10px 20px;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);  
}

.blog .page-header h1 {
     color: #012035;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    margin: 30px 0;
}


.blog .site-navigation ul.menu li a {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
}

.single-post .site-navigation ul.menu li a {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {	
	.single-post h1 {
		font-size: 30px;
		font-weight: 700;
	}
	.single-post main{ 
		max-width: auto;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.single-post h1 {
		/* font-size: 42px; */
	}	

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.single-post h1 {
		font-size: 42px;
	}
	
	.blog .page-content .post {
		margin-bottom:40px;
		padding-bottom:0px;
	}
	
	.blog .page-content .post .post_image {
		float:left; 
		width:50%;
	}

	.blog .page-content .post .post_excerpt {
		width:50%;
		float:left;
		padding:15px 40px;
	}
	.blog .page-content .post .entry-title {
		line-height:20px;
	}
	.blog .page-content .post .entry-title a {
		/* font-size:16px; */
		font-size:26px;

	}

	.blog .page-content .post .entry-content p {
		/* font-size:13px; */
	}
	
	.blog .page-content .post .post_read_more {
		float:right;
		text-decoration:none;
		color: #ffffff;
		font-weight:600;
		background-color: #F28121;
		border-style: solid;
		border-color:#F28121;
		padding:5px 20px;
		border-radius: 8px 8px 8px 8px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);   
	}

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.single-post h1 {
		font-size: 62px;
	}
	.blog .page-content .post .post_excerpt {
		padding:20px 40px;
	}
	.blog .page-content .post .post_author {
		margin-bottom:20px;
	}
	.blog .page-content .post .entry-title {
		line-height:35px;
	}
	.blog .page-content .post .entry-title a {
		/* font-size:30px; */
	}

	.blog .page-content .post .entry-content p {
		/* font-size:18px; */
	}
	.blog .page-content .post .post_read_more {
		padding:10px 20px;
	}
}

/*.blog .custom-logo-link {
    background-image: url(/wp-content/uploads/2024/05/CheckHie-Logo.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
}

.single-post .custom-logo-link {
    background-image: url(/wp-content/uploads/2024/05/CheckHie-Logo.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
}*/

/*.blog .site-header {
    height: 110px;
    z-index: 999;
    margin: 0 auto;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #012035;
}

.single-post .site-header {
    height: 110px;
    z-index: 999;
    margin: 0 auto;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #012035;
}*/