/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */
a,
button {
transition: all 0.3s;
}

h1.entry-title {
display: none;
}

.header-image {
display: grid;
grid-template-columns: 70% 30%;
}

.single-img .label {
width: 215px;
position: absolute;
z-index: 1;
left: -85px;
top: -45px;
}

.single-img .awards {
width: 55px;
position: absolute;
right: 200px;
margin-top: 7px;
}

.header-image .large{
width: 400px;
position: absolute;
margin-top: 45px;
z-index: 0;
}

.single-img:after {
content: "";
width: 180px;
height: 466px;
background: #ECECEC;
position: absolute;
right: 194px;
z-index: -1;
}

.multi-img img {
width: fit-content;
height: 150px;
margin: 0px auto;
display: block;
object-fit: cover;
}

.multi-img div {
height: 150px;
background: #ECECEC;
margin-bottom: 8px;
}

.scroll-icon {
max-width: 25px !important;
border: 3px solid #E53E33;
border-radius: 20px;
height: 38px;
}

.scroll-icon a {
animation: moveTopToBottom 2s ease-out infinite; E53E33
position: absolute;
}

@keyframes moveTopToBottom {
0% {
margin-top: 0px;
}
100% {
margin-top: 10px;
}
}

.video .elementor-custom-embed-image-overlay {
width: fit-content;
}

.video .elementor-custom-embed-image-overlay img {
width: 150px;
height: 150px;
}

.faq .e-n-accordion-item-title {
padding: 15px;
border-bottom: none !important;
transition: all 0.3s
}

.faq .e-n-accordion-item .elementor-element.e-con-full {
border: none !important;
border-bottom: none !important;
border-left: 1px solid #ededed !important;
border-right: 1px solid #ededed !important;
}

.faq .e-n-accordion-item-title-icon {
right: 10px;
position: absolute;
}

footer ul.hfe-nav-menu {
display: grid;
grid-template-columns: 50% 50%;
}

footer .hfe-nav-menu:before {
display: none;
}

footer .hfe-nav-menu li a {
padding: 0px 0px 10px 0px !important;
}

.infusion-form input {
border: 1px solid #999999;
padding: 10px 15px;
margin-bottom: 10px;
}

.infusion-form input:focus {
border: 1px solid #000000;
outline: none;
}

.infusion-form button.infusion-recaptcha {
width: 100%;
margin: 20px auto;
display: block;
padding: 15px 40px;
background: #E53E33;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
.header-image .large {
width: 365px;
margin-top: 85px;
}

.single-img .label {
width: 175px;
left: 0px;
top: -70px;
}

.single-img:after {
right: 156px;
}

.single-img .awards {
right: 162px;
}

.video .elementor-widget-video {
left: 255px !important;
}
}

@media only screen and (max-width: 991px) {
h2 {
font-size: 34px !important;
}

.header-image .large {
width: 315px;
margin-top: 125px;
}

.video .elementor-widget-video {
left: 208px !important;
top: 50% !important;
}
}

@media only screen and (max-width: 895px) {
.header-image .large {
margin-left: -50px;
}

.elementor-element.elementor-element-fe5cd19 {
left: 260px !important;
}

.fordeler-box {
padding: 20px !important;
}
}

@media only screen and (max-width: 767px) {
h2 {
font-size: 26px !important;
}

.single-img:after {
right: 0px;
width: 100%;
}

.single-img {
border-right: 7px solid #fff;
}

.multi-img img {
height: 100%;
}

.multi-img div {
margin-bottom: 11px;
border-bottom: 5px solid #ffffff;
}

.header-image .large {
margin-left: -22px;
margin-top: 120px;
}

.single-img .label {
width: 170px;
left: 0px;
top: 0px;
}

.single-img .awards {
right: 138px;
}

.elementor-element.elementor-element-fe5cd19 {
left: 0px !important;
right: 0px;
}

.mb-hide {
display: none;
}

.mb10 img {
margin-bottom: 10px;
}
}

@media only screen and (max-width: 390px) {
.header-image .large {
margin-left: -40px;
margin-top: 140px;
}

.single-img .awards {
right: 124px;
}
}

@media only screen and (max-width: 360px) {
.header-image .large {
margin-left: -45px;
}

.single-img .awards {
right: 115px;
}
}