/* Banners 2022 - Startsida */

.banner-startsida-100115 {padding-top: 25px; padding-bottom: 25px;}

@media (max-width: 767px){
.banner-startsida-100115 {padding-bottom: 0px;}
}


/* Banners 2022 - Fullscreen */
#advert-once-banner-fullskarm {display: block; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: rgba(0,0,0,0.75); z-index: 99999;}
#advert-once-banner-fullskarm .bannern {position: absolute; top: 5vw; left: 5vw; width: 90vw; height: calc(100% - 10vw); background: transparent;}
#advert-once-banner-fullskarm .bannern .pasinfotxt.above {display: none !important;}
#advert-once-banner-fullskarm .bannern .wppaszone {display: block !important; height: calc(100vh - 10vw) !important;}
#advert-once-banner-fullskarm .bannern .wppaszone img {display: block; width: 100%; height: calc(100vh - 10vw) !important; object-fit: contain; object-position: center;}
#advert-once-banner-fullskarm .banner-stang {position: absolute; top: 2.5vw; right: 2.5vw; height: 22px; line-height: 22px; color: #FFF; margin-top: -11px; font-weight: bold; font-size: 14px; cursor: pointer;}
.banner-stang-icon {display: block; float: right; clear: none; height: 22px; width: 22px; background: url(https://cykla.se/wp-content/themes/cykla/assets/images/banner_close_btn.png); background-size: contain; margin-left: 10px;}
.banner-logo-white {position: absolute; top: 2.5vw; left: 2.5vw; height: 25px; width: 129px; margin-top: -12px; background: url(https://cykla.se/wp-content/themes/cykla/assets/images/banner_logo.png); background-size: contain; background-repeat: no-repeat;}



@media (max-width: 961px){
#advert-once-banner-fullskarm .bannern {position: absolute; top: 7.5vw; left: 7.5vw; width: 85vw; height: calc(100% - 15vw);}
#advert-once-banner-fullskarm .bannern .wppaszone {height: calc(100vh - 15vw) !important;}
#advert-once-banner-fullskarm .bannern .wppaszone img {height: calc(100vh - 15vw) !important;}
#advert-once-banner-fullskarm .banner-stang {top: 3.75vw; right: 3.75vw;}
.banner-logo-white {top: 3.75vw; left: 3.75vw;}
}


@media (max-width: 767px){
#advert-once-banner-fullskarm .bannern {position: absolute; top: 15vw; left: 5vw; width: 90vw; height: calc(100% - 30vw);}
#advert-once-banner-fullskarm .bannern .wppaszone {height: calc(100vh - 30vw) !important;}
#advert-once-banner-fullskarm .bannern .wppaszone img {height: calc(100vh - 30vw) !important;}
#advert-once-banner-fullskarm .banner-stang {top: 7.5vw; right: 5vw;}
.banner-logo-white {top: 7.5vw; left: 5vw; height: 20px; width: 103px; margin-top: -10px;}
.banner-stang .can-be-hidden {display: none;}
}


/* Blocket */
.block-mobile-message {display: none; visibility: hidden; text-align: center !important; width: 100%; padding-bottom: 60px; padding-top: 10px;}

@media (max-width: 767px){
#blocket-bikes {display: none; visibility: hidden;}
.block-mobile-message {display: block; visibility: visible;}
}




/* Prenumerera GH */
.prenumerera-gh-bg-overlay {position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; z-index: 999;}

	
.prenumerera-gh-bg-overlay .inside-box {display: block; position: absolute; width: 1280px; height: 718px; left: 50%; top: 50%; margin-left: -640px; margin-top: -359px; background: url(https://cykla.se/wp-content/uploads/2023/01/bg-gh-tavling-desktop.jpg); background-size: contain; background-repeat: no-repeat; overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px;}
.prenumerera-gh-bg-overlay .inside-box .left-col {display: table; width: 560px; height: 638px; left: 40px; top: 40px; box-sizing: border-box; position: absolute;}
.prenumerera-close {display: block; width: 48px; height: 48px; background: #FFFFFF; position: absolute; top: 24px; right: 24px; line-height: 48px; text-align: center; font-size: 22px; cursor: pointer; border-radius: 24px; -webkit-border-radius: 24px; z-index: 2;}

.prenum-gh-text {display: table; width: 100%; color: #000; box-sizing: border-box; padding: 0px;}
.prenum-gh-text .prenum-gh-rubrik {display: block; font-size: 46px; font-weight: 900; line-height: 1.25; margin-bottom: 1em;}
.prenum-gh-text p {font-size: 18px; margin-bottom: 1.5em; width: 100%;}
.prenum-disclaimer {font-size: 12px; color: #000; padding-top: 20px;}


#mc_embed_signup {width: 100%; margin: 0px; padding: 0px; position: relative; display: table; width: 100%; height: auto; position: absolute; bottom: 0px; left: 0px;}
#mc_embed_signup form {margin: 0px; width: 100%;}
#mc_embed_signup_scroll {display: table; width: 100%; margin: 0px !important; box-sizing: border-box; padding: 25px 30px 30px 30px; box-sizing: border-box; background: rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; -webkit-border-radius: 8px;}
#mc_embed_signup_scroll .mc-field-group {display: block; float: left; clear: none; width: 100%; box-sizing: border-box;}
#mc_embed_signup_scroll .mc-field-group.grupp-epost {padding-bottom: 0px;}
#mc_embed_signup_scroll .mc-field-group.grupp-namn {margin-bottom: 5px;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error, #mc_embed_signup .helper_text {display: none !important;}
#mc_embed_signup .foot {width: 100%;}
#mc_embed_signup .btn {margin: 0px; border: 0px; transform: scale(0.9); transform-origin: right top; margin-bottom: 3px;}
#mc_embed_signup .brandingLogo img {width: 132px; display: block; float: right; clear: none; margin-top: 10px;}
#mc_embed_signup .optionalParent {display: table; width: 100%;}
#mc_embed_signup .optionalParent .clear.foot {display: table; width: 100%;}
#mc_embed_signup .optionalParent .clear.foot .btn {display: block; float: right; clear: none;}

.prenumerera-gh-bg-overlay.now-closed {display: none;}
.falten-2x {display: table; width: 55%; float: left; clear: none;}
.resten {display: table; width: 45%; float: right; clear: none; position: absolute; top: 50px; right: 30px;}
.falten-2x label {font-size: 13px; margin-bottom: 10px; display: block; margin-bottom: 5px !important; color: #FFF;}
#mc_embed_signup .mc-field-group input {padding: 8px; font-size: 13px; border: 1px solid rgba(0,0,0,0.25);}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border: 1px solid #e85c41;}
#mc_embed_signup div#mce-responses {padding: 0px; width: 100%; margin: 0px; top: 0px;}
#mc_embed_signup div.response {margin: 0px; padding: 0px; width: 100%;}
#mce-success-response {}
#mc_embed_signup #mce-success-response {color: #000; font-size: 14px; text-align: left; width: 100%; padding-bottom: 10px; padding-top: 10px;}

.prenum-gh-mobile-top {display: none; width: 100%; background: url(https://cykla.se/wp-content/uploads/2023/01/bg-gh-tavling-mobile.jpg); background-size: cover;}


@media (max-width: 1681px){
.prenumerera-gh-bg-overlay .inside-box {width: 1080px; height: 606px; margin-left: -540px; margin-top: -303px;}
.prenumerera-gh-bg-overlay .inside-box .left-col {width: 480px; height: 546px; left: 30px; top: 30px;}
#mc_embed_signup_scroll {padding: 15px 20px 20px 20px;}
.falten-2x label {font-size: 12px;}
.prenum-disclaimer {font-size: 11px; padding-top: 15px;}
#mc_embed_signup .mc-field-group input {padding: 6px; font-size: 12px;}
#mc_embed_signup .btn {transform: scale(0.85); margin-bottom: 0px;}
#mc_embed_signup .brandingLogo img {width: 124px;}
.resten {top: 39px;}
.prenum-gh-text .prenum-gh-rubrik {font-size: 38px;}
.prenum-gh-text p {font-size: 16px;}
}


@media (max-width: 1441px){
.prenumerera-gh-bg-overlay .inside-box {width: 940px; height: 528px; margin-left: -470px; margin-top: -264px;}
.prenumerera-gh-bg-overlay .inside-box .left-col {width: 420px; height: 478px; left: 25px; top: 25px;}
#mc_embed_signup_scroll {padding: 10px 15px 15px 15px;}
.falten-2x label {font-size: 11px;}
.prenum-disclaimer {font-size: 10px; padding-top: 15px;}
#mc_embed_signup .mc-field-group input {padding: 5px; font-size: 11px;}
#mc_embed_signup .btn {transform: scale(0.7); margin-bottom: -10px;}
#mc_embed_signup .brandingLogo img {width: 96px;}
.resten {top: 33px; right: 25px;}
.prenum-gh-text .prenum-gh-rubrik {font-size: 34px;}
.prenum-gh-text p {font-size: 14px;}
}

@media (max-width: 1281px){
.prenumerera-gh-bg-overlay .inside-box {width: 70%; height: auto; margin-left: 0px; margin-top: 0px; top: 5vw; left: 15vw;}	
.prenumerera-gh-bg-overlay .inside-box {background: #FFF;}
.prenumerera-gh-bg-overlay .inside-box .left-col {position: relative; left: auto; top: auto; width: 100%; height: auto; background: #fcd342; padding: 30px;}	
#mc_embed_signup {position: relative; bottom: auto; left: auto;}
.prenum-gh-text .prenum-gh-rubrik {display: none;}	
.prenum-gh-mobile-top {display: table; padding: 140px 30px 30px 30px; box-sizing: border-box; font-weight: 900; font-size: 32px; color: #FFF; line-height: 1.25;}
}

@media (max-width: 1081px){
.prenumerera-gh-bg-overlay .inside-box {width: 90%; left: 5vw; top: 7.5vw;}	
.prenum-gh-mobile-top {padding: 90px 30px 30px 30px;}
.prenumerera-gh-bg-overlay .inside-box .left-col {padding: 25px;}
.prenumerera-close {top: 12px; right: 12px;}	
}

@media (max-width: 641px){	
#mc_embed_signup_scroll {padding: 5px 10px 10px 10px;}
.prenumerera-gh-bg-overlay .inside-box .left-col {padding: 20px;}
.prenum-gh-text p {font-size: 13px;}
.prenum-gh-mobile-top {padding: 90px 20px 20px 20px; font-size: 28px;}
.prenum-disclaimer {font-size: 9px; padding-top: 10px; line-height: 1.25;}
.resten {top: 26px; right: 20px;}
}