/*
Theme Name: Adtention child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
html, body{
    /*overflow-x:visible;*/
}
.case-resultats-inner .col-inner {
  backdrop-filter: blur(36px);
  -webkit-backdrop-filter: blur(36px);
    background-color: #d3d0d01a;
  border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  border-radius: 16px;
  padding: 10% 5%;
  color: #fff;
  overflow: hidden;
}
.marketing-case-logo img{
    max-height: 46px;
  height: auto;
  width: auto;
}
.remove-col-inner-side-paddings > .col-inner{
    padding-left:0px !important;
    padding-right:0px !important;
}
.how-we-work-tabs .nav-tabs a{
    font-size:16px;
}
.payoffs-marketing-boxes > .col-inner{
    background: linear-gradient(145deg, #0e00bf 0%, #4d3dff 100%);
  color: white;
  border-radius: 20px;
  padding: 2rem 0.5rem;
  text-align: left;
  max-width: 320px;
  box-shadow: 0 10px 30px rgba(14, 0, 191, 0.25);
}
.payoffs-marketing-boxes p{
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.marketing-case-container .flickity-prev-next-button,
.marketing-case-container .slider-nav-reveal .flickity-prev-next-button:hover{
    background-color:transparent;
    opacity: 1;
    top: 50%;
    bottom: auto;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    color: #fff;
    background-color:#1709c9;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top:-20px !important;
}
.marketing-case-container .slider-show-nav .flickity-prev-next-button,
.marketing-case-container .slider:hover .flickity-prev-next-button{
    opacity: 1;
}
.marketing-case-container .slider-nav-reveal .flickity-prev-next-button:hover{
    background-color:#0a0454 !important;
    color:#fff !important;
}
.marketing-case-container .slider-nav-reveal{
    overflow: visible;
}
.marketing-case-container .flickity-prev-next-button:hover{
    background-color:transparent;
}
.marketing-case-container .col .col-inner{
    border-radius: 5px;
    overflow: hidden;
}

.case-resultats-inner .col-inner p{
    margin-top: 0px;
    margin-bottom:0px;
}
.sticky-me > .col-inner, .sticky-me{
    position: sticky;
    top:100px;
}
.mobile-sidebar-slide .nav-slide{
    padding-top:40px !important;
}
.mfp-wrap .mfp-close{
    right: 9px !important;
    top: 5px !important;
}
.hide-price-field{
	display:none !important;
}
.contact-button-container{
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 999;
}
.contact-button-container a:hover{
    color:#fff;
    background-color: #fa4c48;
}
.contact-button-container a{
    padding: 15px 30px;
    background-color: #2500bf;
    font-weight: 800;
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    color:#fff;
}
.bold{
    font-weight: 700;
}
.pricing-table .items{
	padding: 10px 10%;
}
.cursiv{
    font-style: italic;
}
.scale-for-mobile .icon-box-text p:nth-child(2){
    font-size:12px;
}
.square-list li::before {
    color: red
}
.hide-menu-text > a {
    display:none !important;
}
.nav-column>li:last-child:not(.nav-dropdown-col)>a, .nav-dropdown>li:last-child:not(.nav-dropdown-col)>a{
    border-bottom: 1px solid #ececec !important;
}

#header .menu-item-has-children .current-menu-item a{
    border-color: #fa4c48 !important;
}
.logo-left .flex-left.hide-for-medium .nav-left{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.square-list{
    list-style-type: square;
    margin-bottom:0px;
    padding-bottom:0px;
}
.review-rating .stars svg{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.nav-dropdown-has-border .nav-dropdown{
    border:none !important;
}
.h1, .h2, .h3{
    font-family: "inherit", sans-serif;
    font-weight: bold;
    color: #000000;
    letter-spacing: -1px;
    text-rendering: optimizeSpeed;
}
/** Sport direct */
.af-next-button,
.af-submit-button{
    background-color: #fa4d48;
    color:#fff;
}
.wp-editor-tools{
    display:none;
}
.af-previous-button{
    background-color:#f2f2f2;
}
.ux-logo-image{
    width:100% !important;
}
.acf-field .acf-label label{
    font-size: 16px;
}
.af-form{
    font-size:14px;
}
.sportdirect.pricing-table{
    text-align: left;
}
.sportdirect.pricing-table .price,
.sportdirect.pricing-table .items,
.sportdirect.pricing-table .title{
    padding: 0.6em 5% 0;
}
.sportdirect.pricing-table .title{
    padding-bottom:5px;
}
.af-form select{
    padding: 7px 15px !important;
}
.af-form input[type='email']:focus,
.af-form input[type='search']:focus,
.af-form input[type='number']:focus,
.af-form input[type='tel']:focus,
.af-form input[type='text']:focus,
.af-form input[type='password']:focus,
.af-form textarea:focus,
.af-form select:focus{
    background-color:#e0e0e0;
}
.acf-form-submit{
    border-top: 1px solid #f2f2f2;
}
.ui-datepicker-title select{
    padding: 0 .75em !important;
    float: left;
    margin-right: 5px !important;
}
/** END Sport direct */

.payoffs .icon-box-img{
    width:12px !important;
}
.payoffs .icon-box-text span{
    font-weight: 700;
}
.payoffs .icon-box-text p{
    margin-bottom:0px !important;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
.back-to-top {
    border-radius: 0;
}
h1,h2{
    letter-spacing: -1px;
}
h6,
.portfolio-box .show-on-hover{
    letter-spacing: -1px !important;
    text-transform: none !important;
}
body {
    font-family: -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        "Noto Sans",
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji" !important;
}
.place-on-top{
    z-index: 1;
}
.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper{
    box-shadow: none;
	width: 100vw;
}
.single-karriere .section{
    padding-left: 0px;
    padding-right:0px;
}
.phone-video{
    padding-top:0px !important;
}
.phone-video .wp-video{
    margin:0 auto;
}
.phone-video .wp-video-shortcode{
    height:60%;
}
/*.phone-video:before{
    top: 0px;
    content:"";
    bottom: 0px;
    width: 100%;
    margin: 0 auto;
    background-image: url(https://adtention.dk/wp-content/uploads/2021/09/facebook_iphone_v6.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    display:block;
    position: absolute;
    z-index: 999;
    pointer-events: none;
}*/

.service-item a{
    color:#000;
}
.col.post-item a:hover{
    color:#000 !important;
}

.portfolio-element-wrapper .nav-true{
	margin-bottom: 40px !important;
    margin-top: -160px;
}
#portfolio-content{
	padding-top:0px;
	padding-bottom:0px;
}
.nav-dark .nav>li>a{
	color:#fff;
}
.service-container{
    margin-bottom:0px;
}
.footer-container-jobs li{
    list-style-type: square;
}
.nyhedsbrev .gform_footer{
    display: none;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
    width: 8px;
    height: 8px;
    left: calc(50% - 2px);
}
.page-template-page-transparent-header-light .transparent .nav-line-bottom>li>a:before{
	background-color:#fff;
}
.stuck .nav-line-bottom>li>a:before {
    top: auto;
    bottom: 15px;
}
.sticky-me .col-inner{
	padding:20px;
}
.section-title-normal {
    border-bottom: 2px solid #a7a5a6;
}
.section-title-normal span{
	border-bottom: 2px solid #0e00bf;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection{
    border: none;
    padding: 10px 15px !important;
    color: #000;
    box-shadow: none;
    background-color: #f0eff1;
}
.white{
	color:#000 !important;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
    background-color: rgb(255 255 255);
}
.nav-sidebar.nav-vertical>li+li{
    border:none;
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a{
    color:#000;
}
.footer .widget_nav_menu{
    padding:0px;
}
[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
}
[contenteditable]:focus {
    outline: 0px solid transparent;
}

/************* Gravity forms **************/
.nyhedsbrev .gform_fields{
    font-size:36px;
    font-weight: 800;
}
.nyhedsbrev span{
    display: inline-block;
    cursor: pointer;
    border-bottom:2px solid #fa4c48;
    color:#fa4c48;
}
.single-karriere .blog-wrapper{
    background-color:#fff !important;
}
.nav-about-us i{
    display:none !important;
}
.employee-underlay .fill{
    height: auto !important;
}
#header.transparent .nav-dark .nav-about-us-icon{
    filter:invert();
}
.nav-uppercase>li>a{
    text-transform: none;
}
/* Remove padding from col-inner and elements */
.remove-padding-bottom, .remove-padding-bottom > .col-inner{
    padding-bottom:0px !important;
}
.remove-padding-top, .remove-padding-top > .col-inner{
    padding-top:0px !important;
}
.remove-padding-left, .remove-padding-left > .col-inner{
    padding-left:0px !important;
}
.remove-padding-right, .remove-padding-right > .col-inner{
    padding-right:0px !important;
}
.remove-padding, .remove-padding > .col-inner, .remove-padding > .theiaStickySidebar > .col-inner{
    padding:0px !important;
}
.remove-padding, .remove-padding .col{
    padding:0px !important;
}
.testimonial-slider .slider-nav-outside .flickity-page-dots{
    left: auto;
    right: auto;
}

/*
	Webinar Gravity forms Martin Johansen 14-01-2021
*/
form#gform_5 .gform_heading,
form#gform_5 .gfield_label {
	display: none;
}

.page-id-2569 .col.col-divided:not(.col-first):last-child {
    border-left: 0;
}

#gform_wrapper_5 #gform_submit_button_5 {
    background-color: #0e00bf !important;
}
.process-slider .slider-style-focus .flickity-slider>*:not(.is-selected) {
    -ms-transform: scale(0.93);
    transform: scale(0.78);
    opacity: 0.35;
}

/** @type {Undersider / Kamapgneisder} [description] */
.checkbox-list li:before{
    content: '✓';
    font-weight: 800;
    margin-left:-10px;
    margin-right:10px;
}
ul.checkbox-list{
    list-style: none;
}
ul.col-2{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

/* Process slider **/
.kampagne-logo-slider .flickity-prev-next-button{
    top: 28%;
}
.process-step-1:before{
    content:"01";
}
.process-step-2:before{
    content:"02";
}
.process-step-3:before{
    content:"03";
}
.process-step-4:before{
    content:"04";
}
.process-step-5:before{
    content:"05";
}
.process-step-6:before{
    content:"06";
}
.process-step:before{
    position: absolute;
    right: 0px;
    font-size: 90px;
    font-weight: 800;
    opacity: 0.3;
    top: -36px;
}

/*iPhone carousel*/
.phone-slider .flickity-page-dots .dot{
    display:none;
}
.phone-slider .slider-style-shadow .flickity-slider>*:before{
    background-image:none;
}
.phone-slider .img,
.phone-slider .row{
    transform: scale(1);
}
/*.phone-slider .is-selected .img-inner{
    padding: 35px !important;
    padding-top:20px !important;
    margin-top: 30px;
}
.phone-slider .is-selected .col-inner{
    padding: 15px !important;
    padding-top: 25px !important;
    margin-top: 30px;
}*/
.phone-slider .slider-style-focus .flickity-slider>*:not(.is-selected){
    -ms-transform: scale(1);
    transform: scale(1);
}
/*.phone-slider .slider-style-focus .flickity-slider>*:not(.is-selected){
    opacity: 0.4;
}*/
.phone-slider .flickity-prev-next-button {
    z-index: 9;
}
.phone-slider .flickity-page-dots{
    top: -60px;
    bottom: -10px;
    width: 100%;
    margin: 0 auto;
    background-image: url(https://adtention.dk/wp-content/uploads/2021/09/facebook_iphone_v6.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
}

/*Google page*/
.page-id-3498 .banner.has-video .fill{
    height: 101%;
}

/*Normale service undersider*/
.testimonial-left-container img{
    float: left;
    padding-right:10px;
    padding-bottom:10px;
}
.testimonial-left-container{
    display: flow-root;
    margin-bottom:0px;
}
.testimonial-left-container .large{
    font-size: 22px;
    line-height: 30px;
}
.mfp-wrap .mfp-close{
    right:15px;
    top:15px;
}
.gform_confirmation_message{
    padding: 20px 10px;
    text-align: center;
    font-size: 18px;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border-radius: 5px;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.section-campagin-search{
    padding-bottom:40px !important;
}

@media only screen and (max-width: 768px) {
    .nav-about-us i{
    display:block !important;
    }
    #header.transparent .nav-dark .nav-about-us-icon{
        display:none !important;
    }
    .mobile-sidebar .nav>li>a {
        font-size: 18px;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
        width: 300px;
    }
    .menu-secondary-item a{
        font-size:14px !important;
        opacity: 0.8;
    }
    li.menu-secondary-item.first a{
        border-top:2px solid #eae8ed !important;
    }
    #main .process-slider .flickity-slider > *{
        max-width: 50% !important;
    }
    .sticky-me > .col-inner, .sticky-me{
        position: relative;
        top:inherit;
    }
    .mobile-sidebar .sub-menu > li.menu-item-has-children{
        margin:0px !important;
    }
}

@media only screen and (max-width: 550px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .scale-for-mobile {
        zoom: 0.7;
    }
    /* .icon-box-text p:nth-child(2){
        height: 40px;
        overflow: hidden;
    }*/
    .icon-box.icon-box-left .icon-box-text p:nth-child(2){
        height: auto !important;
        overflow: hidden;
    }
    .phone-slider{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .page-template-page-transparent-header .section-content .gap-element:first-child{
        padding-top:30px !important;
        display:block !important;
    }
    .nav-slide-header .toggle{
        opacity: 1;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical .sub-menu li>a{
        padding-left:0px;
    }
    .page-template-page-transparent-header .gap-element{
        display:none !important;
    }
    .col{
        padding-bottom:15px;
    }
    .cta-contact-person{
        margin-bottom:20px !important;
    }
    .payoffs-container .count-up{
        font-size:200% !important;
    }
    .payoffs-container{
        font-size:14px;
    }
    .mobile-normal-margin > .col-inner{
        margin:inherit !important;
        padding-top:15px;
    }
    ul.col-2 li {
        display: none;
    }
    ul.col-2 li:nth-child(-n+4) {
        display: list-item;
    }
    ul.col-2{
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
    #main .process-slider .flickity-slider > *{
        max-width: 80% !important;
    }
}


@media only screen and (max-width: 48em) {
    /*.sidebar-menu .nav > li > a{
        font-size: 15px;
    }*/
}

@media only screen and (min-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .portfolio-element-wrapper:not(.marketing-case-container) div.col:nth-child(2){
        margin-top:-40px;
    }

    .portfolio-element-wrapper .flickity-slider div.col:nth-child(2){
        margin-top:inherit;
    }
}


/*** Blackfriday dandomain underisde) **/

.blackfriday-tabs .nav-tabs+.tab-panels{
    border-top: 1px solid #fff !important;
    background-color: #fac406;
    color: #000;
    padding: 30px;
}

.blackfriday-tabs .nav > li > a{
    background-color: #f2f2f2;
    color: #333;
    border:none !important;
}

.blackfriday-tabs .nav-tabs > li.active > a {
    border-top-color: #fac406;
}

.blackfriday-tabs .nav-tabs>li.active>a {
    background-color: #fac406;
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0px 0px 50px 10px rgba(254,196,4,1);
    -moz-box-shadow: 0px 0px 50px 10px rgba(254,196,4,1);
    box-shadow: 0px 0px 50px 10px rgba(254,196,4,1);
  }
  50% {
    -webkit-box-shadow: 0px 0px 150px 20px rgba(254,196,4,0.5);
    -moz-box-shadow: 0px 0px 150px 20px rgba(254,196,4,0.5);
    box-shadow: 0px 0px 150px 20px rgba(254,196,4,0.5);
  }
  100% {
    -webkit-box-shadow: 0px 0px 50px 10px rgba(254,196,4,1);
    -moz-box-shadow: 0px 0px 50px 10px rgba(254,196,4,1);
    box-shadow: 0px 0px 50px 10px rgba(254,196,4,1);
  }
}

.blackfriday-banner .col-inner{
    -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.image-round img{
    border-radius: 100px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}