/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1764923120
Updated: 2025-12-05 09:25:20

*/




.fieldset-cf7mls-wrapper input[type="radio"] + span {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
	height: 378px;
    text-align: center;
    color: black !important;
	font-weight: 700;
    background-color: white;
    border: 2px solid #1a2b71;
	border-radius: 7px;
    transition: all .2s ease-in-out;
}

.fieldset-cf7mls-wrapper input[type=radio] {
	display: none !important;
    background: #e9eef2;
    color: #555;
    clear: none;
    cursor: pointer;
    line-height: 0;
    height: 1.2em;
    margin: -3px 4px 0 0;
    outline: 0;
    padding: 0;
    border-radius: .2em;
    text-align: center;
    vertical-align: middle;
    width: 1.4em;
    min-width: 1.4em;
    transition: all .2s linear;
}

.fieldset-cf7mls-wrapper input[type="radio"]:checked + span {
    border: 2px solid #0EC52F !important;
	border-radius: 7px !important;
}
.wpcf7 .wpcf7-form-control-wrap {
    width: 100% !important;
    display: block !important;
}




/* Vægsvingskran images */

.fieldset-cf7mls-wrapper .wall-crane .wpcf7-list-item:nth-child(1) input[type="radio"] + span:before {
	display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Svingkran-Standard.png) no-repeat 0 0;
    background-size: 90% 90%;
}

.fieldset-cf7mls-wrapper .wall-crane .wpcf7-list-item:nth-child(2) input[type="radio"] + span:before {
    display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Svingkran-med-eltalje.png) no-repeat 0 0;
    background-size: 90% 90%;
}

.fieldset-cf7mls-wrapper .wall-crane .wpcf7-list-item:nth-child(3) input[type="radio"] + span:before {
    display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Svingkran-med-vakuumloefter.png) no-repeat 0 0;
    background-size: 90% 90%;
}

/* Traversanlæg images */

.fieldset-cf7mls-wrapper .traversing-system .wpcf7-list-item:nth-child(1) input[type="radio"] + span:before {
	display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Travers-standard.png) no-repeat 0 0;
    background-size: 90% 90%;
}

.fieldset-cf7mls-wrapper .traversing-system .wpcf7-list-item:nth-child(2) input[type="radio"] + span:before {
    display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Travers-med-eltalje.png) no-repeat 0 0;
    background-size: 90% 90%;
}

.fieldset-cf7mls-wrapper .traversing-system .wpcf7-list-item:nth-child(3) input[type="radio"] + span:before {
    display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Travers-med-vakuumloefter.png) no-repeat 0 0;
    background-size: 90% 90%;
}

/* Søjlesvingkran images */

.fieldset-cf7mls-wrapper .swing-crane .wpcf7-list-item:nth-child(1) input[type="radio"] + span:before {
	display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Soejlesvingkran-Standard.png) no-repeat 0 0;
    background-size: 90% 90%;
}

.fieldset-cf7mls-wrapper .swing-crane .wpcf7-list-item:nth-child(2) input[type="radio"] + span:before {
    display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Soejlesvingkran-med-eltalje.png) no-repeat 0 0;
    background-size: 90% 90%;
}

.fieldset-cf7mls-wrapper .swing-crane .wpcf7-list-item:nth-child(3) input[type="radio"] + span:before {
    display:inline-block;
    height: 90%;
    width:90%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Soejlesvingkran-med-vakuumloefter.png) no-repeat 0 0;
    background-size: 90% 90%;
}

.e-n-tab-title-text
{
	text-align: bottom;
	font-weight: 700;
	color: #1a2b71 !important;
    align-items: end !important;
    height: 100%;
	font-size: 20px;
}

#crane-tab-1, #crane-tab-2, #crane-tab-3
{
	height: 378px !important;
	width: 100% !important;
	align-items: center !important;
}

#crane-tab-1{
	display:inline-block;
    height: 100%;
    width:100%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Soejlesvingkran-Standard.png) no-repeat 0 0;
/*     background-size: 100% 100%; */
	    background-size: 400px 400px;
}

#crane-tab-2{
	display:inline-block;
    height: 100%;
    width:100%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Travers-standard.png) no-repeat 0 0;
/*     background-size: 100% 100%; */
	background-size: 400px 400px;
}

#crane-tab-3{
	display:inline-block;
    height: 100%;
    width:100%;
    margin-top: 10px;
    content: "";
    background:url(https://premar.newsite.side-walk.dk/wp-content/uploads/2026/01/Svingkran-Standard.png) no-repeat 0 0;
/*     background-size: 100% 100%; */
	background-size: 450px 450px;
}


/* Tilbud formular / Kran formular*/
.kranform .step-img {
  width: 100%;
  height: 550px;
  object-fit: contain;
}

.kranform .form-heading {
  color: var(--e-global-color-text);
  font-size: var(--e-global-typography-3a1ef04-font-size);
  font-weight: var(--e-global-typography-3a1ef04-font-weight);
  line-height: var(--e-global-typography-3a1ef04-line-height);
  letter-spacing: var(--e-global-typography-3a1ef04-letter-spacing);
  border-left: 5px solid var(--color-primary);
  padding-left: 10px !important;
}

.kranform fieldset {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.kranform fieldset .group > div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.kranform label {
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

.kranform .w-full {
  width: 100%;
  margin-top: 1rem;
}
.kranform .w-half {
  width: 50%;
  margin-top: 1rem;
}

.kranform .w-third {
  width: 33%;
  margin-top: 1rem;
}

.kranform .w-half.last {
  width: calc(50% - 1rem);
  margin-left: 1rem;
}
.kranform .w-third.last {
  width: calc(33% - 1rem);
  margin-left: 1rem;
}

.kran-radios > span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}

.kran-radios  [data-name="vaelg-krantype"] .wpcf7-form-control.wpcf7-radio {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
}

@media(max-width:767px){
.kran-radios  [data-name="vaelg-krantype"] .wpcf7-form-control.wpcf7-radio {
	grid-template-columns: repeat(1, 1fr)
}	
}

.kran-radios .vaelg-krantype .wpcf7-list-item {
  margin: 0 !important;
}
.kran-radios .vaelg-krantype .wpcf7-list-item > label {
  width: 100% !important;
}
.kranform input[type="radio"] {
  display: none !important;
}

.kranform input[type="radio"] + span {
  border: 2px solid var(--color-primary);
  border-radius: 5px;
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
  display: inline-block !important;
  width: 100%;
  padding: 200px 0 10px 0;
  text-align: center;
  line-height: 20px !important;
  color: var(--color-primary) !important;
  background-color: #fff;
  margin-bottom: 5%;
  font-weight: 600 !important;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.kran-radios .wpcf7-list-item input[type="radio"] + span:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.kran-radios .wpcf7-list-item:nth-child(1) input[type="radio"] + span:after {
  background-image: url(/wp-content/uploads/2021/11/Vaegsvingskran_maal.jpg);
}
.kran-radios .wpcf7-list-item:nth-child(2) input[type="radio"] + span:after {
  background-image: url(/wp-content/uploads/2021/11/Traversanlaeg_maal.jpg);
}
.kran-radios .wpcf7-list-item:nth-child(3) input[type="radio"] + span:after {
  background-image: url(/wp-content/uploads/2021/11/Sojlesvingkran_maal.jpg);
}

.kranform input[type="radio"]:checked + span {
  border-color: var(--color-green);
}

.kranform .cf7mls-btns {
  margin-left: auto;
}

.kranform .form-steps {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid var(--color-primary);
  margin-bottom: 1rem;
}

.kranform .form-step {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.kranform .form-step.active .step-number {
  border-color: var(--color-green);
  color: var(--color-green);
}
.kranform .form-step.active .step-titel {
  color: var(--color-green);
}

.kranform .form-step.done .step-number {
  border-color: var(--color-primary);
  color: var(--color-white);
  background-color: var(--color-primary);
}
.kranform .form-step.done .step-titel {
  color: var(--color-primary);
}

.kranform .form-steps .step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  background-color: var(--color-white);
}
.kranform .form-steps .step-titel {
  font-size: 0.8rem;
  color: var(--color-primary);
}
.wpcf7-response-output {
  width: 100% !important;
}

.wpcf7-submit {
  border: unset !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #10b981;
  width: 100% !important;
  margin: auto;
  border-radius: 4px;
  background-color: #10b981;
  color: #fff;
  padding: 1rem;
  text-align: center;
}

@media (max-width: 767px) {
  .kranform .w-full {
    width: 100%;
  }
  .kranform .w-half {
    width: 100%;
  }

  .kranform .w-third {
    width: 100%;
  }

  .kranform .w-half.last {
    width: 100%;
    margin-left: 0rem;
  }
  .kranform .w-third.last {
    width: 100%;
    margin-left: 0rem;
  }
  .kranform .step-img {
    width: 100%;
    height: 250px;
    object-fit: contain;
  }

  .kranform .hvad-skal-du-lofte .wpcf7-list-item {
    margin: 0 1rem 0 0 !important;
  }
  .kran-radios .vaelg-krantype > span {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    grid-gap: unset !important;
  }
  .vaelg-krantype .wpcf7-list-item {
    min-width: 60%;
    scroll-snap-align: end;
  }
}

.hvid h1.elementor-heading-title,
.hvid h2.elementor-heading-title,
.hvid h3.elementor-heading-title .no-border-blue {
  border-left: 0px !important;
  padding-left: opx !important;
}

@media only screen and (max-width: 768px) {
  .trin-bokse {
    overflow-x: scroll;
  }
}

.ast-single-post .entry-content a {
  text-decoration: none !important;
}

.ast-single-post .entry-content a {
  text-decoration: none !important;
}




.wpcf7-form-control
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
}

.fieldset-cf7mls-wrapper input[type="radio"] + span {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
	height: 378px;
    text-align: center;
    color: black !important;
	font-weight: 700;
    background-color: white;
    border: 2px solid #1a2b71;
	border-radius: 7px;
    transition: all .2s ease-in-out;
}

.fieldset-cf7mls-wrapper input[type=radio] {
	display: none !important;
    background: #e9eef2;
    color: #555;
    clear: none;
    cursor: pointer;
    line-height: 0;
    height: 1.2em;
    margin: -3px 4px 0 0;
    outline: 0;
    padding: 0;
    border-radius: .2em;
    text-align: center;
    vertical-align: middle;
    width: 1.4em;
    min-width: 1.4em;
    transition: all .2s linear;
}

.fieldset-cf7mls-wrapper input[type="radio"]:checked + span {
    border: 2px solid #0EC52F !important;
	border-radius: 7px !important;
}
.wpcf7 .wpcf7-form-control-wrap {
    width: 100% !important;
    display: block !important;
}


.wpcf7-list-item label{
	width: 100% !important;
}

.fieldset-cf7mls label{
	width: 100% !important;
}

#choose-crane-type > div > div.e-n-tabs-heading{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}





/* ------------ kranformular ------------------- */

@media (max-width: 767px) {

	#choose-crane-type > div > div.e-n-tabs-heading{
		    display:flex !important;
		flex-direction:column !important;
		height:500px !important;
	}
	
	#crane-tab-1, #crane-tab-2, #crane-tab-3{
		width: 100% !important;
        padding: 5px;
	}
	
	/* vægsvingskran */
#wpcf7-f395-p423-o1 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2){
		flex-direction:column;
	}
	#wpcf7-f395-p423-o1 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		width:100% !important;
	}
	#wpcf7-f19038-p7961-o1 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1){
		padding: 30px !important;
	}
	#wpcf7-f395-p423-o1 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
		width:100% !important;
	}
	
	/* Traversanlæg */
	#wpcf7-f391-p423-o2 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2){
		flex-direction:column !important;
	}
	#wpcf7-f391-p423-o2 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		width:100% !important;
	}
	
	#wpcf7-f391-p423-o2 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
		width: 100% !important;
	}
	
	
	/* Søjlesvingkran */
	#wpcf7-f337-p423-o3 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2){
	flex-direction:column;
	}
	
	#wpcf7-f337-p423-o3 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
		width:100% !important;
	}
	
	#wpcf7-f337-p423-o3 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
		width: 100% !important;
	}
	#wpcf7-f19040-p7961-o3 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > h2:nth-child(1){
		font-size: 18px !important;
	}
	
	#wpcf7-f19040-p7961-o3 > form > div.fieldset-cf7mls-wrapper > fieldset.fieldset-cf7mls.cf7mls_current_fs > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > h2:nth-child(2){
				font-size: 18px !important;
	}
	
	.wpcf7-form-control{
		grid-template-columns: repeat(2, 1fr) !important;
	}
	
}