/*
Theme Name:   HR-ON
Description:  Wordpress tema for HR-ON
Author:       Peter Munkholm
Author URL:   https://a-resultat.dk
Template:     movedo
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hr-on
*/

/* Write here your own personal stylesheet */

#mc_embed_signup form#mc-embedded-subscribe-form #mc_embed_signup_scroll input[type="submit"] {
    background-color: #26a1d0 !important;
    border-color: #26a1d0 !important;
    color: #ffffff !important;
    -webkit-border-radius: 50px !important;
    border-radius: 50px !important;
    padding: 0.636em 1.545em !important;
    line-height: 15.4px !important;
    height: auto !important;
    font-size: 11px !important;
}

.grve-filter.grve-filter-style-simple ul li.selected {
  opacity: 1;
  text-decoration: underline;
}

.home .grve-subheading span {
    font-size: 28px;
}

.hidden {
  display: none;
}

.resrow.adjustresrow {
    width: 145px;
}

.calculator-advanced .col-md-5 > div > div {
    width: 56% !important;
    padding-right: 0px !important;
}

.grve-tabs-title .grve-title {
    border: 1px solid #26a1d0;
    border-radius: 50px;
    padding: 20px 30px;
    font-weight: normal;
    font-family: Roboto;
    white-space: nowrap;
    font-size: 14px;
}

.grve-tabs-title .grve-tab-title.active .grve-title {
  background-color: #26a1d0;
  color: #ffffff;
}

.grve-vertical-tab .grve-tabs-title.grve-width-sm {
    width: 20%;
    min-width: 376px;
}


.grve-tabs-title .grve-tab-title.active .grve-title:after {
    background-color: transparent;
}

 #grve-theme-wrapper .grve-bg-hover-primary-3:hover {
    background-color: rgba(0,87,135,0.97);
    border-color: rgba(0,87,135,0.97);
    color: #ffffff;
}

div#buttonizer-button {
    bottom: 10px !important;
    right: 75px !important;
}
/*
.pll-parent-menu-item {
    margin: 0 0 0 30px;
}

.pll-parent-menu-item:before {
  	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0ac";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    font-size: 20px;
}
*/
.grve-toggle-menu .pll-parent-menu-item:before {
  top: 28px;
}

.grve-sticky-header .pll-parent-menu-item:before {
  color: #fff;
}


#grve-theme-wrapper input[type='submit']:not(.grve-custom-btn) {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid;
    background-color: transparent;
    border-color: #d5edf6;
    color: #d5edf6;
    font-size: 16px !important;
    padding: 15px 40px;
}

.grve-red-blue-button {
    background-color: #002e3d !important;
    border-color: #002E3D !important;
    color: #fff !important;
}

.grve-red-blue-button:hover {
    background-color: #f06f63 !important;
    border-color: #f06f63 !important;
}

.grve-close-btn-wrapper {
    display: block;
    margin: 30px auto 20px auto;
    width: 50%;
    min-width: 270px;
}

div#grve-widget-image-banner-3 {
    width: 50%;
    margin: 0 0 20px 0;
}

div.wpcf7-mail-sent-ok {
    color: #FFF !important;
    font-size: 20px !important;
}

form.wpcf7-form.sent .grve-fields-wrapper {
    display: none;
}

.grve-animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -ms-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
    opacity: 1;
}

.grve-isotope-item-inner.grve-zoom-in {
    opacity: 0;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -ms-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
}

.grve-widget-title {
    font-family: "Roboto";
    font-size: 18px;
    text-transform: none;
 }

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    color: #FFF !important;
    font-size: 16px;
    /*font-weight: bold;*/
}

span[role="alert"] {
    position: absolute;
    top: 8px;
    color: #FFF !important;
    left: 6px;
}

.wpcf7-form-control-wrap label {
    text-align: left;
    display: block;
    opacity: 0.7;
	height: 0px;
	overflow: hidden;
	transition: 1s all;
	animation: grow 1s;
	animation-fill-mode: forwards;
}

.wpcf7-form-control-wrap label.show {
  	animation: grow 1s;
  	height: 22px;
}

.wpcf7-form-control-wrap label.hide {
	animation: remove 1s;
  	height: 0px;
}

@keyframes remove {
  0% {
    height: 22px;
  }
  100% {
    height: 0px;
  }
}

@keyframes grow {
  0% {
    height: 0px;
  }
  100% {
    height: 22px;
  }
}
@media only screen and (min-width: 800px) {
	.beregn-pris {
		display: none !important;
	}
}
@media only screen and (max-width: 400px) {
	.grve-btn-large {
		padding: 1.636em 1.545em !important;
		white-space: nowrap !important;
	}
}
input[type="text"].wpcf7-form-control,input[type="tel"].wpcf7-form-control,input[type="email"].wpcf7-form-control  {
	font-size: 18px !important;
}

input.wpcf7-form-control::-webkit-input-placeholder {
    opacity: 0.8;
  	font-size: 15px;
}

.grve-widget.grve-contact-info li {
    margin-bottom: 0px;
}

.grecaptcha-badge {
    display: none;
}

nobr {
	white-space: nowrap; 
	hyphens: none;
}

button {
    background-color: transparent !important;
    border-color: #26a1d0 !important;
    color: #26a1d0 !important;
  	border: 1px solid !important;
    background-image: none !important;
    border-radius: 50px !important;
}

.grve-header-element > a i.fas {
    color: #606060;
}
.grve-sticky-header .grve-header-element > a i.fas {
    color: #FFFFFF;
}

a.grve-btn.grve-btn-2.grve-btn-medium.grve-extra-round.grve-btn-line.grve-video-popup.track-video.grve-bg-white.grve-bg-hover-primary-2.grve-animate-fade-in-up span {
    font-weight: 900;
}
a.grve-btn.grve-btn-2.grve-btn-medium.grve-extra-round.grve-btn-line.grve-video-popup.track-video.grve-bg-white.grve-bg-hover-primary-2.grve-animate-fade-in-up:hover span {
    font-weight: 400;
}

a.buttonizer_head.onlyone.grve-toggle-hiddenarea.track-demo.demo-button.is_btzn_btn {
    width: 128px !important;
    border-radius: 0;
    background-size: auto !important;
    background-color: rgba(255,255,255,0);
    height: 53px !important;
    background-repeat: no-repeat;
    box-shadow: none;
}

a.buttonizer_head.onlyone.grve-toggle-hiddenarea.track-demo.demo-button.is_btzn_btn i.fa.fa-laptop:before {
    display: none;
}

.demo-button {
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    width: 100px !important;
}
.demo-button:hover {
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    width: 100px !important;
}

.grve-element.grve-gallery.grve-isotope.logo-delimiter.grve-with-gap.grve-isotope-column-5 {
    height: 280px;
    overflow: hidden;
}

span.wpcf7-not-valid-tip {
	color: red !important;
}

#grve-theme-wrapper .contact-form input[type='submit']:not(.grve-custom-btn) {
	border-color: #26a1d0;
	color: #26a1d0;
}

#grve-theme-wrapper .contact-form input[type="submit"]:not(.grve-custom-btn):hover {
	background-color: #26a1d0;
	border-color: #26a1d0;
	color: white;
}

.contact-form + .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	color: #676767 !important;
}

@media only screen and (max-width: 1024px) {
  .pll-parent-menu-item:before {
    left: -30px;
  }
  
  div#buttonizer-button a {
    height: 32px !important;
  }

  div#buttonizer-button {
    bottom: 19px !important;
    right: 30px !important;
  }
}

a.grve-btn.grve-btn-2.grve-btn-medium.grve-extra-round.grve-btn-line.grve-video-popup.track-video.grve-bg-white.grve-bg-hover-primary-2.grve-animate-fade-in-up span {
	    font-weight: 900;
    }
    a.grve-btn.grve-btn-2.grve-btn-medium.grve-extra-round.grve-btn-line.grve-video-popup.track-video.grve-bg-white.grve-bg-hover-primary-2.grve-animate-fade-in-up:hover span {
	        font-weight: 400;
	}

	a.buttonizer_head.onlyone.grve-toggle-hiddenarea.track-demo.demo-button.is_btzn_btn {
		    width: 128px !important;
		        border-radius: 0;
			    background-size: auto !important;
			        background-color: rgba(255,255,255,0);
				    height: 53px !important;
				        background-repeat: no-repeat;
					    box-shadow: none;
				    }

				    a.buttonizer_head.onlyone.grve-toggle-hiddenarea.track-demo.demo-button.is_btzn_btn i.fa.fa-laptop:before {
					        display: none;
					}


.onp-sl-overlap-mode{
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.onp-sl-content{
margin-top:0 !important;
}

.onp-sl-overlap-mode iframe{
    min-width: 100% !important;
min-height: 300px !important;

}

.fa.fa-twitter, .fa.fa-facebook, .fa.fa-linkedin {
    font-family: "Font Awesome 5 Brands" !important;
}


html body #grve-theme-content #grve-content .grve-large-btn {
	min-width: 100%;
    font-size: 14px !important;
    margin: 16px 0px;
}
/*
html body #grve-theme-content #grve-content .vc_custom_1707475202866 {
	border-radius: 60px 16px;
    box-shadow: 0px 20px 30px rgba(0, 46, 62, 0.2);
}
*/



html body #grve-theme-content #grve-content .hr-on-border {
	border-radius: 60px 16px !important;
    box-shadow: 0px 20px 30px rgba(0, 46, 62, 0.2) !important;
	background-color: white !important;
}

html body #grve-theme-content #grve-content .hr-on-border-tre {
	border-radius: 16px !important;
    box-shadow: 0px 2px 20px 5px rgba(0, 46, 62, 0.1) !important;
	background-color: white !important;
}


html body #grve-theme-content #grve-content .hr-on-border-fire {
	border-radius: 16px !important;
    box-shadow: 0px 2px 20px 5px rgba(0, 46, 62, 0.1) !important;
	background-color: #eaf6fa !important;
}

   
html body .hover-underline:hover a span  {
 text-decoration: underline !important;
}

html body #grve-theme-content #grve-content .hr-on-border-to {
	border-radius: 60px 16px !important;
    box-shadow: 0px 20px 30px rgba(0, 46, 62, 0.2) !important;
	background-color: rgba(213,237,245,0.5) !important;
}

html body .grve-tabs-title .grve-tab-title.active .grve-title {
	font-size: 16px;
	padding: 30px 30px;
	background-color: #2a5ef5;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
	transition: all 0.2s linear;
}


html body .grve-tabs-title .grve-title {
	border: 1px solid #cfd1d7;
	border-radius: 14px;
	display: inline-block;
	transition: all 0.2s linear;
}


html body .grve-tabs-title .grve-title:hover {
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
}

html body .grve-horizontal-tab .grve-align-left {
	height: 115px;
}

html body .hr-on-border input, html body .hr-on-border-to input {
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

html body .hr-on-border input:focus, html body .hr-on-border-to input:focus {
	border: 1px solid rgba(0, 0, 0, 0.3) !important;
}



.employee-image {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.employee-image > img {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	opacity: 0;
}

.employee-image > img:nth-child(1) {
	opacity: 1;
}


.hr-on-employee-image {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	z-index: 1000000;
}

.hr-on-employee-image > img {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.hr-on-employee-image > img:nth-child(1) {

}

.hr-on-employee-image > img:nth-child(2), .hr-on-employee-image > img:nth-child(3) {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.hr-on-employee-image.hover > img:nth-child(2), .hr-on-employee-image:hover > img:nth-child(2), .hr-on-employee-image:active > img:nth-child(2) {
	animation: hr-on-second 1.5s steps(1, end) infinite;
}

.hr-on-employee-image.hover > img:nth-child(3), .hr-on-employee-image:hover > img:nth-child(3), .hr-on-employee-image:active > img:nth-child(3) {
	animation: hr-on-third 1.5s steps(1, end) infinite;
}

@keyframes hr-on-second {
	0%, 33.333% {
		opacity: 1;
	}
	33.333%, 100% {
		opacity: 0;
	}
}

@keyframes hr-on-third {
	0% {
		opacity: 0;
	}
	33.333% {
		opacity: 1;
	}
	66.666%, 100% {
		opacity: 0;
	}
}

.grve-main-menu .grve-wrapper > ul > li ul li a {
	font-size: 15px !important;
	font-weight: 400 !important;
}




html body #menu-item-20061 {
	right: 0px !important;
}

html body a[href="#grve-sidearea"] {
    display: none;
}





/*
* Customer logo's
*/

/*
.customer-logo {
	width: 100%;
	display: flex;
}

.customer-logo > div:nth-child(1) {
	min-width: 175px;
	max-width: 175px;
}

.customer-logo > div:nth-child(1) > ul, .customer-logo > div:nth-child(1) > ul > li {
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
}

.customer-logo > div:nth-child(1) > ul > li {
	position: relative;
	font-size: 16px;
	
	padding-right: 16px !important;
	text-align: right !important;
	transition: all 0.2s linear;
}

.customer-logo > div:nth-child(1) > ul > li:hover {
	color: black !important;
	font-weight: bold;
}

.customer-logo > div:nth-child(1) > ul > li.selected {
	background-color: transparent !important;
	border: none !important;
	
	color: black !important;
	font-weight: bold;
}

.customer-logo > div:nth-child(1) > ul > li.selected::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0px;
	width: 10px;
	height: 2px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	
	background-color: black;
}



.customer-logo > div:nth-child(2) {
	width: 100% !important;
}

.customer-logo > div:nth-child(2) > div {
	width: 25% !important;
}
*/
.bullet-spans {
	/* desktop */
	font-size: 22px !important;
}

@media only screen and (max-width: 1000px) {
	.bullet-spans {
	/* mobil */
		font-size: 17px !important;
	}
}
 /* language picker */
#menu-item-18239 {        
  position: absolute !important;
  right: 40px !important;
}

#menu-item-18240, #menu-item-18242 {        
  position: absolute !important;
  right: 120px !important;
}




// Dropdown DK
html body #menu-item-295875 > a,
html body #menu-item-302326 > a,
html body #menu-item-302331 > a {
	margin-top: 15px !important;
}

html body #menu-item-295875 > a > span, html body #menu-item-295874 > a > span,
html body #menu-item-302327 > a > span, html body #menu-item-302326 > a > span,
html body #menu-item-302328 > a > span, html body #menu-item-302331 > a > span,
html body #menu-item-302357 > a > span {
	font-weight: 500 !important;
    color: #9ca3af !important;
}

html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-295875 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-295874 a:hover,
html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302327 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302326 a:hover,
html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302328 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302331 a:hover,
html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302357 a:hover {
	background-color: transparent !important;
}

@media only screen and (max-width: 1024px) {
	html body .menu-item-295875, html body .menu-item-295874,
	html body .menu-item-302327, html body .menu-item-302326,
	html body .menu-item-302328, html body .menu-item-302331,
	html body .menu-item-302357 {
		display: none !important;
	}
}





// Dropdown EN
html body #menu-item-297423 > a,
html body #menu-item-302350 > a,
html body #menu-item-302355 > a {
	margin-top: 15px !important;
}

html body #menu-item-297423 > a > span, html body #menu-item-297422 > a > span,
html body #menu-item-302351 > a > span, html body #menu-item-302350 > a > span,
html body #menu-item-302352 > a > span, html body #menu-item-302355 > a > span {
	font-weight: 500 !important;
    color: #9ca3af !important;
}

html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-297423 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-297422 a:hover,
html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302351 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302350 a:hover,
html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302352 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302355 a:hover {
	background-color: transparent !important;
}

@media only screen and (max-width: 1024px) {
	html body .menu-item-297423, html body .menu-item-297422,
	html body .menu-item-302351, html body .menu-item-302350,
	html body .menu-item-302352, html body .menu-item-302355 {
		display: none !important;
	}
}






// Dropdown DE
html body #menu-item-300669 > a,
html body #menu-item-302361 > a,
html body #menu-item-302362 > a {
	margin-top: 15px !important;
}

html body #menu-item-300668 > a > span, html body #menu-item-300669 > a > span,
html body #menu-item-302360 > a > span, html body #menu-item-302361 > a > span,
html body #menu-item-302363 > a > span, html body #menu-item-302362 > a > span {
	font-weight: 500 !important;
    color: #9ca3af !important;
}

html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-300668 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-300669 a:hover,
html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302360 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302361 a:hover,
html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302363 a:hover, html body #grve-header .grve-main-menu .grve-wrapper > ul > li ul #menu-item-302362 a:hover {
	background-color: transparent !important;
}

@media only screen and (max-width: 1024px) {
	html body .menu-item-300668, html body .menu-item-300669,
	html body .menu-item-302360, html body .menu-item-302361,
	html body .menu-item-302363, html body .menu-item-302362 {
		display: none !important;
	}
}

.hr-on-price-subtitle {
	color: #606060;
}

.hr-on-price-subtitle .fa{
	color: #2A5EF6 !important;
}

.hr-on-price-subtitle .elementor-icon-list-text{
	color: #606060 !important;
	font-weight: bolder !important;
}