.block.posts {position: relative; overflow: hidden;}

/* .page-template-page-member .posts .tc .header.margin_top_bottom {margin-top: 5px; margin-bottom: 5px;} */

.posts .container {overflow: hidden; width: 100%; max-width: 100%; padding: 0 var(--paddingContainer);}
.posts .posts_row {--bs-gutter-x: 8px; /*--bs-gutter-y: 30px;*/ --bs-gutter-y: 22px;}
.posts .posts_row { margin-left: calc(-.5 * attr(marginmobile px, 8px)); margin-right: calc(-.5 * attr(marginmobile px, 8px)); }
.posts .posts_row>div { padding-left: calc(attr(marginmobile px, 8px) / 2); padding-right: calc(attr(marginmobile px, 8px) / 2);}
@media (min-width: 768px) {
  .posts .posts_row { margin-left: calc(-.5 * attr(margintablet px, 8px)); margin-right: calc(-.5 * attr(margintablet px, 8px)); }
  .posts .posts_row>div { padding-left: calc(attr(margintablet px, 8px) / 2); padding-right: calc(attr(margintablet px, 8px) / 2);}
}
@media (min-width: 1200px) {
  .posts .posts_row { margin-left: calc(-.5 * attr(margindesktop px, 8px)); margin-right: calc(-.5 * attr(margindesktop px, 8px)); }
  .posts .posts_row>div { padding-left: calc(attr(margindesktop px, 8px) / 2); padding-right: calc(attr(margindesktop px, 8px) / 2);}
}
 
.posts .tc .description {margin-bottom: 30px;}

.posts .posts_row>div { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;}

.posts.img_dim_square .card.vertical .image_slide_con img,
.posts.img_dim_square .card.vertical .img_con img,
.posts.img_dim_square .card.horizontal {aspect-ratio: 1/1;}
.posts.img_dim_landscape .card.vertical .image_slide_con img,
.posts.img_dim_landscape .card.vertical .img_con img,
.posts.img_dim_landscape .card.horizontal {aspect-ratio: 1.35/1;}
.posts.img_dim_portrait .card.vertical .image_slide_con img,
.posts.img_dim_portrait .card.vertical .img_con img,
.posts.img_dim_portrait .card.horizontal {aspect-ratio: 1/1.5;}
.posts.img_dim_ratio2_3 .image_slide_con img,
.posts.img_dim_ratio2_3 .img_con img {aspect-ratio: 2/3;}
.posts.img_dim_ratio4_5 .image_slide_con img,
.posts.img_dim_ratio4_5 .img_con img {aspect-ratio: 4/5;}
.posts.img_dim_ratio9_16 .image_slide_con img,
.posts.img_dim_ratio9_16 .img_con img {aspect-ratio: 9/16;}
.posts.img_dim_ratio16_9 .img_con img {aspect-ratio: 16/9;}

.posts h2, .posts p {position: relative; z-index: 3; /*text-align: center;*/}
.posts p.pre_title { line-height: 1.2; font-size: 11px; padding: 0; font-weight: 600;}

/* .posts .card .header {gap: 3px; margin-bottom: 5px;} */
.posts .card .header {gap: 0px; margin-bottom: 0px;}
.posts .card .header .pre_title {
  /* text-transform: none; font-style: italic; font-size: inherit; 
  font-family: var(--font_ha); 
  font-weight: 500; 
  letter-spacing: .5px; */
  
  text-transform: none;
  font-style: normal;
  font-size: .85rem;
  font-family: var(--font_p);
  font-weight: 400;
  letter-spacing: .5px;
}



.swiper.posts_swiper { overflow: visible; width: 100%; --swiper-navigation-color: var(--color_text); padding: 0px 0 40px; margin: 0;}
.no_container .swiper.posts_swiper {padding: 0;}

.swiper.posts_swiper .swiper-wrapper {transition-timing-function: ease-in-out;}
/* Fix för bug i iphone med att det läggs till glitch i slutet av transition end, men löste med bättre lösning */
/* @media (max-width: 768px) {
  .swiper.posts_swiper .swiper-wrapper {-webkit-transition-duration: 0ms !important;}
} */
.swiper.posts_swiper .swiper-slide {text-align: left;}
.swiper.posts_swiper:before, .swiper.posts_swiper:after {content: none;}
.swiper.posts_swiper .swiper-button-disabled {display: none;}
.posts_swiper .swiper-slide { display: flex; flex-direction: column; align-items: normal; overflow: visible; min-height: 100%; position: relative; margin: 0; padding: 0; width: 100%; flex-direction: row; justify-content: flex-start; display: block; border-radius: var(--itemRounding); /*height: 100%;*/ height: auto;}

.posts a.img_hover {width: 100%; height: auto; display: block;}
.posts .link_hover {width: 100%; height: 100%; display: block;}

.posts .image_slide_con {width: 100%; min-width: 100%; position: relative;  background: var(--color_bg_dummy_dark); border-radius: var(--itemRounding); overflow: hidden; height: 100%; }
.posts .image_slide_con a {display: block; width: 100%;}
.swiper.posts_swiper .swiper-pagination-bullets {left: 0; bottom: 0; position: relative; text-align: left; width: auto !important;}
.posts .swiper .swiper-pagination-bullets.absolutetop {top: -30px; bottom: auto; position: absolute;}



.posts .swiper.posts_swiper p.pre_title {margin: 0 0 3px;}
.posts .swiper.posts_swiper p.post_title {margin: 3px 0 0;}
/*
.heading_smaller .content {padding: 20px 10px 10px;}
.heading_smaller .content .pre_title {font-size: 10px;}
*/

.posts .card { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; border-radius: var(--itemRounding); overflow: hidden; height: auto; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; background: var(--color_card_bg);
height: 100%;}
.posts .card .content .title { font-size: 18px; }

.posts.smaller_content .card-title {font-size: 1.2rem !important;}

.posts .img_con .img_heading .card-title {font-size: 2rem;}
.posts .img_con .img_heading .card-title.font_smaller_mobile {font-size: 1.2rem;}
.posts .img_con .img_heading .card-title.font_normal_mobile {font-size: 1.4rem; }
.posts .img_con .img_heading .card-title.font_bigger_mobile {font-size: 1.6rem;}
.posts .img_con .img_heading .card-title,
.posts .img_con .img_heading .pre_title {position: relative; z-index: 2;}

.swiper.posts_gallery { margin-bottom: 0; overflow: visible; border-radius: var(--itemRounding); overflow: hidden;}
.swiper.posts_gallery .swiper-pagination-bullets {left: 15px; bottom: 12px; position: absolute; margin: 0;}
.swiper.posts_gallery .swiper-pagination-bullets .swiper-pagination-bullet {background: #FFF !important; opacity: .5;}
.swiper.posts_gallery .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #FFF !important; opacity: 1}

.posts .swiper.posts_gallery .swiper-pagination-fraction {display: none;}

.swiper.posts_gallery .content:before {content: ""; position: absolute; top: -50px; bottom: 0px; right: 0px; left: 0px; z-index: 2; background-color: transparent; opacity: .85; background-image: linear-gradient(180deg,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 0.15) 25%,rgba(0, 0, 0, 0.33) 40%,rgba(0, 0, 0, 0.6) 60%,rgba(0, 0, 0, 0.7) 70%,rgb(0, 0, 0)); background-position: 0 top; background-size: 100% 100%; user-select: none;}
.swiper.posts_gallery .content h3, .swiper.posts_gallery .content p {position: relative; z-index: 4;}
.swiper.posts_gallery .content h3 {text-align: center; letter-spacing: .2px; color: #FFF; margin: 0 0 10px;}
.swiper.posts_gallery .content .pre_title { color: #FFF; margin: 0; text-align: center; font-size: 10px;}
.swiper.posts_gallery {--swiper-theme-color: #FFF;}
.swiper.posts_gallery .content p a {color: #FFF; opacity: .7;}

.posts.no_fade .card .img_heading { padding-bottom: 25px; }
.posts.no_fade .card .img_heading .card-title,
.posts.no_fade .card .img_heading p,
.posts.no_fade .card .img_heading .description, 
.posts.no_fade .card .img_heading .description p,
.posts.no_fade .card .img_heading .description li,
.posts.no_fade .card .img_heading .description a{ color: #FFF; /*text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);*/}
.posts.no_fade .card .img_heading .description {margin-top: 5px;}

.posts.no_fade .card .img_heading .in_image .description p {font-weight: 400; font-size: .8rem;}

.posts.no_fade .card.vertical .swiper .img_heading:after, 
.posts.no_fade .card.vertical .img_con .img_heading:after { background-image: linear-gradient(180deg, rgba(var(--color_black_rgb), 0) 0, rgba(var(--color_black_rgb), .15) 40%, rgba(var(--color_black_rgb), .6) 70%, rgba(var(--color_black_rgb), 1)); opacity: .5 !important; }
.posts.no_fade .card.vertical .swiper .img_heading:before, 
.posts.no_fade .card.vertical .img_con .img_heading:before { background-image: linear-gradient(180deg, rgba(var(--color_black_rgb), 0) 0, rgba(var(--color_black_rgb), .1) 10%, rgba(var(--color_black_rgb), .7) 50%, rgba(var(--color_black_rgb), 1)); opacity: .5; }




.img_con .btn.btn-simple, 
.img_con .btn.btn-plain,
.img_con .btn.btn-simple i, 
.img_con .btn.btn-plain i {color: #FFF;}

@media (min-width: 768px) {
  .posts .swiper.posts_gallery .content .title {font-size: 2.2rem;}

  .posts .img_con .img_heading .card-title {font-size: 1.8rem;}
  .posts .img_con .img_heading .card-title.font_smaller_tablet {font-size: 1.25rem;}
  .posts .img_con .img_heading .card-title.font_normal_tablet {font-size: 1.8rem;}
  .posts .img_con .img_heading .card-title.font_bigger_tablet {font-size: 2.5rem;}

  .posts .posts_row {--bs-gutter-y: 32px;}
  
  .swiper.posts_swiper { padding: 0 0 30px;}
}
@media (min-width: 992px) {
  .modal.post_modal .card .card-title { font-size: 2.5rem; }
}
@media (min-width:1200px) {
  
  .card .img_con .img_heading.font_smaller_desktop {padding: 0px 25px 10px;}
  .in_image .card .img_con .img_heading.font_smaller_desktop {padding: 0px 25px 20px;}
  .card .card-footer.font_smaller_desktop {padding: 0px 25px 25px;}
   
  
  
  
  .posts .card .card-title {font-size: 28px;} 
  .posts.smaller_content .card-title {font-size: 1.4rem !important;}
  .posts .img_con .img_heading .card-title {font-size: 1.7rem;}
  .posts .img_con .img_heading .card-title.font_smaller_desktop {/*font-size: 1.55rem;*/font-size: 1.3rem;}
  .posts .img_con .img_heading .card-title.font_normal_desktop {font-size: 1.65rem;}
  .posts .img_con .img_heading .card-title.font_bigger_desktop {/* font-size: 1.85rem; */font-size: 2rem;}
}

.posts .card .card-body { padding-left: 25px;/* align-items: start; justify-content: start; flex-direction: column; gap: 0;*/ text-align: left;}

.posts .card_row { flex-direction: row; }
.posts .card-text { font-size: 12px; margin: 0; }
.posts .card-body {display: block; /*display: flex; flex-direction: column; justify-content: center; */ height: auto;}
.posts .card_row .card-body { padding-left: 0; margin-left: -5px; z-index: 3; border: none !important; display: flex;}
.posts .card .date { padding-top: 0; color: #888; font-size: 13px; margin-top: auto; font-weight: 400; }
.posts .card-body .card-footer {background: none;}
.posts .card-body .footer {display: flex; flex-direction: row; justify-content: space-between; align-items: baseline;}
.posts .card-link.read-more { margin-top: 0px; padding-bottom: 0px; position: absolute; top: 34%; right: 15px; z-index: 999; background: #FFF; border: 1px solid var(--color_border); width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; font-size: 18px; justify-content: center; display: none;}
.posts .card .swiper,
.posts .card .img_con { height: auto; -webkit-box-flex: 0; flex: none; width: 100%; position: relative; overflow: visible; overflow: hidden; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.posts.no_fade .card .img_con:before { content: ""; position: absolute; z-index: 6; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); opacity: 1; transition: all .4s ease-in-out; }


.posts .card_row .image_slide_con img,
.posts .card_row .img_con img {width: auto; height: auto; min-width: 100%; min-height: 100%; }
.posts .card.card_row .swiper,
.posts .card.card_row .img_con { min-height: 100%; display: flex; height: 100%; width: 55%; background: var(--color_bg_dummy_dark);  background: linear-gradient(-45deg, var(--color_bg_dummy_dark) 40%, var(--color_loadinggradientchange) 50%, var(--color_bg_dummy_dark) 60%); animation: shimmer 1.5s infinite linear; background-size: 300%; background-position-x: 100%; /*flex-grow: 1; */}
.posts .card.card_row.vertical .swiper,
.posts .card.card_row.vertical .img_con { width: 100%; height: auto; overflow: hidden; position: relative; background: var(--color_card_bg); padding: 0px; padding-bottom: 0; flex-direction: row; min-height: 0;}
.posts .card.card_row.vertical .img_con {border-radius: var(--itemRounding); }

.posts .card .card_description p {margin-bottom: 0;}

.posts .card_row.horizontal .card-body { justify-content: center; min-height: 100%; position: relative;}
.posts .card_row.horizontal .card-footer { position: absolute; bottom: 0; left: 0; right: 0;}
.posts .card.horizontal .swiper-button-prev,
.posts .card.horizontal .swiper-button-next { margin: -15px 10px 0; background: var(--color_bg); height: auto; width: 30px !important; height: 30px !important; border-radius: 50%; --swiper-navigation-color: #000; --swiper-navigation-size: 13px !important; top: 50%; opacity: 0;}
.posts .card.horizontal {flex-direction: row;}
.posts .card.horizontal .card-body .card_description {margin-top: 1rem;}
.posts .card.horizontal .card-body .card_description p {font-size: 1.07rem; line-height: 1.2;}
.posts .card.horizontal .card-body .card_description p a {font-weight: 500;}
.posts .card.horizontal .card-footer {background: none;}
.posts .card.horizontal .card-footer:before {content: none;}
.posts .card.horizontal .card-title {font-size: 1.1rem !important;}

.posts .card.vertical {flex-direction: column;}
.posts .card.vertical .img_con {width: 100% !important;}
.posts .card.vertical .swiper:after, 
.posts .card.vertical .img_con:after {content: none;}
.posts .card.vertical .swiper .img_heading:after, .posts .card.vertical .img_con .img_heading:after { position: absolute; content: ""; background-image: linear-gradient(180deg, rgba(var(--color_card_bg_rgb), 0) 0, rgba(var(--color_card_bg_rgb), .15) 40%, rgba(var(--color_card_bg_rgb), .6) 70%, rgba(var(--color_card_bg_rgb), 1)); width: auto; height: auto; top: -30px; left: 0px; bottom: 0px; opacity: 1 !important; right: 0px; z-index: 1;}
.posts .card.vertical .swiper .img_heading:before, .posts .card.vertical .img_con .img_heading:before { content: ""; position: absolute; background-image: linear-gradient(180deg, rgba(var(--color_card_bg_rgb), 0) 0, rgba(var(--color_card_bg_rgb), .1) 10%, rgba(var(--color_card_bg_rgb), .7) 50%, rgba(var(--color_card_bg_rgb), 1)); width: auto; height: auto; top: -65px; left: 0px; bottom: 0; right: 0px; z-index: 1; opacity: 1;}
.posts .card.vertical .card-body {position: relative; padding: 0px 20px 20px; right: 0; margin-left: 0; width: 100%; }
.posts.box_border .card.card_row.vertical .img_con { padding: 1px;}
.posts.box_border .card.vertical .swiper .img_heading:after, .posts .card.vertical .img_con .img_heading:after {  left: -1px; right: -1px;}
.posts.box_border .card.vertical .swiper .img_heading:before, .posts .card.vertical .img_con .img_heading:before {  left: -1px; right: -1px;}

.posts.box_border .post_child .event_info { top: 2px; left: 2px; right: 2px; }

.posts.no_box_border_radius .card.vertical .swiper, 
.posts.no_box_border_radius .card.vertical .swiper .image_slide_con, 
.posts.no_box_border_radius .card.vertical .image_slide_con,
.posts.no_box_border_radius .card,
.posts.no_box_border_radius .card .swiper, 
.posts.no_box_border_radius .card .img_con {border-radius: 0 !important;}

.posts .card .swiper:before,
.posts .card .img_con:before {content: none;position: absolute; opacity: .9; z-index: 2; background-color: transparent; background-position: 0 top; background-size: 100% 100%; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.posts .card_column .swiper:before,
.posts .card_column .img_con:before { height: 40%; width: 100%; top: auto; bottom: 0; right: 0; left: 0; background-image: linear-gradient(180deg,rgba(0, 0, 0, 0) 0,rgb(254 254 250 / 10%) 20%,rgb(254 254 250 / 60%) 50%,rgb(254 254 250 / 100%)); }
.posts .card .swiper:after,
.posts .card .img_con:after { content: ""; position: absolute; bottom: 0px; right: -1px; z-index: 2; background-color: transparent; background-position: 0 top; background-size: 100% 100%; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.posts .card_row .swiper:after, .posts .card_row .img_con:after { height: 100%; width: 25%; top: 0; left: auto; opacity: 1; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgb(254 254 250 / 10%) 20%, rgb(254 254 250 / 30%) 40%, rgb(254 254 250 / 100%));}
.posts .card_column .swiper:after, .posts .card_column .img_con:after { height: 20%; width: 100%; top: auto; left: 0; opacity: .9; background-image: linear-gradient(180deg,rgba(0, 0, 0, 0) 0,rgb(254 254 250 / 10%) 20%,rgb(254 254 250 / 60%) 50%,rgb(254 254 250 / 100%));}
.posts .card .swiper, .posts .card .swiper .image_slide_con {border-radius: 0;}
.posts .card .swiper .content,
.posts .card .img_con .content { position: absolute; bottom: 0; left: 0; right: auto; width: auto; z-index: 3; padding: 0 0 1rem 1.9rem; margin: 0; user-select: none; text-align: left; max-width: 100%;}
.posts .card .img_con .content .btn { margin-top: 20px; border-radius: 6px; padding: 0.6em 1.4em; }
.posts .card .swiper .content .card-title,
.posts .card .img_con .content .card-title, 
.posts .card .swiper .content p,
.posts .card .img_con .content p {position: relative; z-index: 4;}
.posts .card .swiper .content .card-title,
.posts .card .img_con .content .card-title {text-align: left; letter-spacing: .2px;  margin: 0 0 10px;}
.posts .card .swiper .content .pre_title,
.posts .card .img_con .content .pre_title {margin: 0; text-align: left; font-size: 10px;}

a.link_hover .swiper img { transition: all 1.6s ease-in-out; transition-delay: .15s; }

.posts .image_slide_con img,
.posts .img_con img { aspect-ratio: 2/1; height: auto; width: 100%; display: block; margin: 0; padding: 0; object-fit: cover; overflow: hidden; max-width: 100%; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.modal.posts  {margin-bottom: 0; --bs-modal-margin: calc(2rem + var(--wpadminbar)); z-index: 1062;}
.posts .modal-lg, .posts .modal-xl {--bs-modal-width: 540px;}
.posts .modal-content {border: none; background: none; border-radius: var(--itemRounding); border-bottom-right-radius: 0; border-bottom-left-radius: 0; overflow: hidden;}
.posts .modal-body {padding: 0;}
.posts .modal-body .pre_title {font-size: 14px; text-align: inherit;}
.posts .modal-xl { --bs-modal-margin: 8px; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 1); height: calc(100% - var(--bs-modal-margin) * 1); margin-bottom: 0; }
.modal.posts .modal-body,
.modal.posts .modal-content {overflow: visible;}
.posts .modal-xl .card {background: var(--color_bg_card); overflow: visible; }
.posts .modal-xl .card-body {width: 100%; padding: 1rem 1.9rem 1.9rem;}
@media (min-width: 768px) {
  .posts .modal-xl {align-items: end; }
  .posts .modal-xl .card { border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
  .posts .modal-xl .card-body {padding: 1rem 2.9rem 2.4rem;}
}




.posts .modal-xl .card-body .fc {width: 100%;}
.posts .modal-body p.pre_title {line-height: 1.2;}
.posts .modal-xl .card .card-title {margin-bottom: 0 !important;}
.posts .modal-xl .card .content .pre_title {font-size: 13px; color: var(--color_text);}
.posts .modal-xl .swiper.posts_gallery .content:before {content: none;}
.modal.posts .card-body .footer {}
.modal.posts .card_column .swiper:before,
.modal.posts .card_column .img_con:before,
.modal.posts .card_column .swiper:after,
.modal.posts .card_column .img_con:after {content: none;}
.posts .modal-xl .card .card-text { color: var(--color_text); font-size: 16px; line-height: 26px; }
.posts .modal-xl .modal-content .btn-close {font-size: 18px;}
.posts .modal-body p {text-align: inherit; font-size: .9rem; line-height: 1.4; margin: 0 0 15px;}
.modal.posts .img_con .fadeoutlinear { position: relative; z-index: 2; -webkit-mask-image: linear-gradient(black 80%, rgba(0, 0, 0, 0.45) 90%, rgba(0, 0, 0, 0.2) 95%, transparent 100%); -webkit-mask-size: 100%; -webkit-mask-composite: source-in, source-over; }
.modal.posts .img_con a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
.modal.posts .img_con img { aspect-ratio: 1.4/1; object-position: center;}
.modal.posts .card .swiper, 
.modal.posts .card .img_con { position: relative; border-radius: var(--itemRounding); overflow: hidden; }
.modal.posts .card .img_con:before { content: ""; background: linear-gradient(180deg, rgba(var(--color_bg_card_rgb), 0) 0, rgba(var(--color_bg_card_rgb), 0.15) 15%, rgba(var(--color_bg_card_rgb), 0.45) 35%, rgba(var(--color_bg_card_rgb), 0.8) 70%, rgba(var(--color_bg_card_rgb), .9) 90%, rgba(var(--color_bg_card_rgb))); position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; height: 30%; opacity: .5; }
.modal.posts .card .img_con:after { content: ""; background: linear-gradient(180deg, rgba(var(--color_bg_card_rgb), 0) 0, rgba(var(--color_bg_card_rgb), 0.15) 15%, rgba(var(--color_bg_card_rgb), 0.45) 35%, rgba(var(--color_bg_card_rgb), 0.8) 70%, rgba(var(--color_bg_card_rgb), .9) 90%, rgba(var(--color_bg_card_rgb))); position: absolute; bottom: 0; left: 0; right: 0; z-index: 4; height: 10%; }
.modal.posts .card .img_con:before {}
.modal.posts .card .img_con:after { height: 100%; background: linear-gradient(0deg,#181818,transparent 50%); background: linear-gradient(0deg,rgba(var(--color_bg_card_rgb, 1)),transparent 50%); opacity: .5; }
.modal.post_modal .card .card-title { font-size: 2rem; }
.modal .fc table.table { margin-left: -3px; margin-right: -3px; }
.modal .fc table.table td { padding: 3px; }
.modal .card .content p.badge {top: 0; left: 0; margin: 0 0 10px;}
.modal .swiper.posts_gallery .swiper-button-prev, 
.modal .swiper.posts_gallery .swiper-button-next {margin-left: 20px; margin-right: 20px; margin: -12px 15px 0; background: rgba(0, 0, 0, 0.20); height: 36px; width: 36px; border-radius: 50%; --swiper-navigation-color: #FFF !important; --swiper-navigation-size: 10px !important; top: 50%; border: 1px solid var(--color_border); z-index: 11; }
.post_modal .font_smaller p, 
.editor-styles-wrapper .post_modal .font_smaller p  { font-size: 0.9rem; font-weight: 400; line-height: 1.5;}

.modal .images_gallery_section {margin-top: 0px;}
.modal .images_gallery { --bs-gutter-x: 16px; --bs-gutter-y: 16px; margin-bottom: 0; }
.modal .images_gallery>div .image { border-radius: 5px !important; background: none; }
.modal .images_gallery .image a {display: block;}
.modal .images_gallery .image img { aspect-ratio: 2/1.1; }
.modal .images_gallery div .caption {padding: 0 10px 10px;}
.modal .images_gallery div .caption:before {top: -50%}
.modal .images_gallery div .caption>div {font-size: .9rem;}
.modal .images_gallery.captions_below div .caption { position: relative; bottom: auto; left: auto; right: auto; width: auto; height: auto; padding: 10px; font-size: .8rem; color: var(--color_text); background: #ffffff; border: 1px solid rgba(var(--color_border_rgb), .15); }
.modal .images_gallery.captions_below div .caption:before {content: none;}

.posts .modal-xl .desc.icon_bullets ul ul {gap: 1px;}
.posts .modal-xl .desc.icon_bullets ul ul li {padding: 0 0 0 20px; font-size: .9rem;}
.posts .modal-xl .desc.icon_bullets ul ul li span.fa-li {top: 2px;}
.posts .modal-xl .desc.icon_bullets ul ul li span.fa-li i {font-size: .8rem;}

.modal_content_row {--bs-gutter-x: 0rem; --bs-gutter-y: 0rem;}
@media (min-width: 768px) {
  .modal_content_row {--bs-gutter-x: 3.5rem; --bs-gutter-y: 3.5rem;}
}

.full_card_link {position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 8;}

.card_arrow { content: ''; position: absolute; right: 15px; bottom: 15px; color: var(--color_theme); z-index: 5; width: 40px; height: 40px; border-radius: 50%; background: #f2f2eb; display: flex; align-items: center; justify-content: center;}

.smaller_content .card_arrow {right: 10px; bottom: 10px;}
.card_arrow i { position: relative; z-index: 5; font-size: 15px; }
.card_arrow::before {position: relative; z-index: 2;}
.card_arrow::after {content: ""; position: absolute; bottom: -28px; right: -30px; width: 80px; height: 80px; z-index: 1; background: rgb(250, 249, 243); background: radial-gradient(circle, rgba(var(--color_card_bg_rgb_lighter), 1) 0%, rgba(var(--color_card_bg_rgb_lighter), 0) 60%, rgba(var(--color_card_bg_rgb_lighter), 0) 100%); }

.posts .card .image_slide_con img, 
.posts .card .img_con img {/*  transition: transform 1.7s ease-in-out 0.0s !important;*/ transform-origin: center; } 
.posts .card.horizontal .image_slide_con img, 
.posts .card.horizontal .img_con img { aspect-ratio: initial; }

.swiper.posts_swiper .swiper-slide.horizontal {flex-direction: row;}

.block.posts .post_child.past_event .image_slide_con:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background:#FFF; opacity: .0; }
.block.posts .post_child.past_event .badge, .block.posts .post_child.past_event .tickets {opacity: 0;}
.block.posts .post_child.future_event {}
.block.posts .post_child .event_info { position: absolute; top: 0px; left: 0px; right: 0px; padding-bottom: 10px; text-align: right; z-index: 2; background: linear-gradient(180deg, rgba(21,21,21,.6) 0%, rgba(21,21,21,0.3) 50%, rgba(21,21,21,0) 100%); border-radius: var(--itemRounding); overflow: hidden; }
.block.posts .post_child .event_info.past_event {padding-bottom: 40px; display: flex ; flex-direction: row; justify-content: end; border-radius: 0; }
.block.posts .post_child .event_info.past_event:after { content: ""; background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: .3; }
.block.posts .post_child .event_info.upcoming_event span { color: #FFF; font-size: 15px; line-height: 1; margin: 12px 12px 12px; display: inline-block; border: 1px solid hsl(0deg 0% 100% / 100%); padding: 5px 8px; font-family: var(--font_p); font-weight: 400; border-radius: var(--itemRounding); }  
.block.posts .post_child .past_event span { color: hsl(0deg 0% 100% / 80%); line-height: 1; margin: 20px 0; display: block; border: 0; font-family: var(--font_p); font-weight: 500; background: #fff; color: #000; border-top-left-radius: 10px 10px; border-bottom-left-radius: 10px 10px; width: auto; text-align: center; border: 1px solid #FFF; position: relative; z-index: 2; border-right: none; display: flex; justify-content: center; align-items: center; gap: 5px; padding: 4px 10px 4px 10px; font-size: .8rem; }  
.block.posts .post_child .past_event span i { font-size: 22px; }  

.block.posts .post_child.future_event .upcoming_event {display: none;}
#events_archive article.future_event .upcoming_event span {}  
@media (min-width: 768px) {
  .block.posts .post_child .event_info.upcoming_event span { margin: 18px 18px 20px; }  
}
@media (min-width: 1600px) {	
  .block.posts .post_child .event_info.upcoming_event span { margin: 28px 28px 20px; font-size: 17px; }   
}

.block.posts .post_child .tickets {position: relative; z-index: 2; text-align: right; /*display:none;*/  display: flex ; flex-direction: row; justify-content: end; align-items: center; gap: 0;}

.block.posts .tickets .prices {margin: 0 auto 0 0;}
.block.posts .tickets .prices .pre_price,
.block.posts .tickets .prices .price,
.block.posts .tickets .prices .unit {color: #FFF;}


.block.posts .tickets .prices .pre_price,
.block.posts .tickets .prices .price,
.block.posts .tickets .prices .unit {color: var(--color_text);}
.block.posts .tickets .prices .price {color: var(--color_theme);}
.block.posts .tickets .prices .unit {color: #6B6B6B;}

.block.posts.no_fade .tickets .prices .pre_price,
.block.posts.no_fade .tickets .prices .price,
.block.posts.no_fade .tickets .prices .unit {color: #FFF;}




.block.posts .tickets .prices .unit {align-self: center;}

.block.posts .post_child .tickets .infobutton {color: #FFF; opacity: .7; font-size: 18px; padding: 0 3px;}
.block.posts .post_child .tickets .ticketlink { color: #FFF; margin: 5px 0px 0px 0px; font-family: var(--font_p); font-weight: 500; font-size: .8rem; background-color: var(--theme_color);  border: transparent !important; padding: 7px 10px; line-height: 1; border-radius: 6px; transition: all .5s ease-in-out; display: inline-flex; justify-content: center; width: auto; align-items: center; white-space: nowrap; }


.block.posts .post_child .tickets .ticketlink span { vertical-align: middle; }
.block.posts .post_child .tickets .ticketlink i { margin-left: 5px; opacity: .5; vertical-align: middle; font-size: 12px; display: none;}
@media (min-width: 768px) {
  /* .block.posts .post_child .tickets {display: flex;} */
}
.posts.grid_gap .posts_row>div {padding-left: 0; padding-right: 0;}
.posts .description {position: relative; z-index: 2;}
.posts .room_facts { margin-bottom: 0; flex-wrap: wrap;position: relative; z-index: 2; border-top: 1px solid var(--color_border); margin-top: 5px; padding-top: 5px; padding-bottom: 0;}
.posts .room_facts.full {padding-top: 15px; border-top: 1px solid rgba(var(--color_border_rgb), .15); }
.posts .room_facts:before {content: none;}
.posts .room_facts>div {font-size: .8rem;}
.posts .room_facts>div i {font-size: 13px !important;}
@media (min-width: 768px) {
  .modal .room_facts>div {font-size: .9rem;}
  .modal .room_facts>div i {font-size: 16px !important;}
  .posts .modal-body p {font-size: 1rem;}
}

.below_card {padding-top: 7px; line-height: 1.2;}

.posts .card .badge.date { margin: 0; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; background: var(--color_theme_darker); color: #FFF; padding: 6px 15px; font-size: .9rem; top: 15px; 
  border: 1px solid #052030;
  border-left: none;
}
@media (min-width: 768px) {
  .posts .card .badge.date { padding: 8px 15px; font-size: 1rem; top: 20px; }
  .block.posts .post_child .tickets .ticketlink { margin: 3px 0px 0px 3px; padding: 7px 10px; /*font-size: .9rem; */ }
  .block.posts .no_container  .post_child .tickets .ticketlink {padding: 9px 16px;}
  .block.posts .post_child .past_event span { padding: 8px 15px; font-size: 1rem; }  
}

.datejm {font-weight: 600;}
.datehi {}

@media (hover: hover) and (pointer: fine) {
  .posts .card.horizontal:hover .swiper-button-prev,
  .posts .card.horizontal:hover .swiper-button-next { opacity: 1;}

  /* 
  .posts .posts_row:hover>div {z-index: 1;} 
  .swiper.posts_swiper .swiper-slide:hover,
  .swiper.posts_swiper .swiper-slide:focus {z-index: 2;}
  */

  .block.posts .post_child .tickets .ticketlink:hover,
  .block.posts .post_child .tickets .ticketlink:focus { color: hsl(0deg 0% 100% / 80%); background-color: #000; border-color: rgba(255, 255, 255, 0.44); }  

  .block.posts .post_child.past_event:hover .image_slide_con:after,
  .block.posts .post_child.past_event:focus .image_slide_con:after { opacity: 0; }

  .posts .modal-xl .card:hover {transform: scale(1);}


  .posts.no_fade .card:hover .img_con:before {background: rgba(0, 0, 0, 0);}

}

@media (min-width: 400px) {
  .posts .card-link.read-more { top: 45%; }
}
@media (min-width: 768px) {
  .modal.posts .img_con img {aspect-ratio: 1.8/1;}

  .posts .posts_row {padding-bottom: 0;}
  
  .fadeoutcorners .swiper.posts_swiper {overflow: hidden; padding: 30px 9% 35px; margin: -30px -9%; } 

  .swiper.posts_gallery .content { padding: 20px 25px 25px; user-select: all;}
  /*.heading_smaller .content {padding: 30px 10px;}
  .heading_smaller .content .pre_title {font-size: 9px;}
  .heading_smaller .content  h3 {font-size: 22px; margin: 0 0 5px;}*/

  .swiper.posts_gallery .content .pre_title {font-size: 12px;}

  .posts .tc .description {margin-bottom:15px;}

  .swiper.posts_gallery .content h3 { font-size: 36px;}

  .swiper.posts_swiper .swiper.posts_gallery .swiper-slide {box-shadow: none; }

  .posts .modal-xl { --bs-modal-margin: 80px; }
  .posts .modal-xl .card .content .pre_title {font-size: 23px;}
  .posts .modal-xl .card .card-title {font-size: 2.2rem; margin-bottom: 3px;}
  .posts .modal-xl .card .card-text p {font-size: 1rem; line-height: 1.62; font-weight: 500;}

  .posts .card-text {font-size: 14px;}
  .posts .card-link.read-more { top: 60%; }
  .posts .card.vertical .card-body {padding: 0px 25px 0px; width: 100%;}
  .posts .card.vertical .card-body h2,
  .posts .card.vertical .card-body h3,
  .posts .card.vertical .card-body p {margin: 0 0 5px;}

  /* .posts p.pre_title {font-size: 14px;} */

  .posts .card-link.read-more { right: 14px;}

  .card_arrow {right: 20px; bottom: 20px;}
  .smaller_content .card_arrow {right: 15px; bottom: 15px;}

  .posts .modal-lg, .posts .modal-xl {--bs-modal-width: 730px;}


  .posts .card .swiper .content,
  .posts .card .img_con .content { padding: 0 2.9rem 1rem;}

  @media (hover: hover) and (pointer: fine) {
    .swiper.posts_gallery .content p a:hover {color: #FFF; opacity: 1;}
  }

}

@media (min-width:992px) {

  .posts .container {overflow: visible; max-width: var(--container_desktop); padding: 0 15px;}
  .posts .container.tc {padding: 0 15px;}

  .posts .card-link.read-more { top: 70%; }

  .posts .posts_row .col-25 { width: 20% !important; }
  .posts .posts_row .col-xs-25 { width: 20% !important; }
  .posts .posts_row .col-sm-25 { width: 20% !important; }
  .posts .posts_row .col-md-25 { width: 20% !important; }
  .posts .posts_row .col-lg-25 { width: 20% !important; }

  .posts .card.horizontal .card-title {font-size: 1.3rem !important;}
  
  .posts .modal-xl .card-body {padding: 1em 3.5rem 3rem;}
  .posts .modal-xl .card .card-title {font-size: 3rem;}
  .posts .modal-lg, .posts .modal-xl {--bs-modal-width: 830px;}
  
  .posts .card .swiper .content,
  .posts .card .img_con .content { padding: 0 3.5rem 1.5rem;}
}

@media (min-width:1200px) {
  .posts .modal-lg, .posts .modal-xl {--bs-modal-width: 930px;}
}
@media (min-width:1600px) {
  .posts .posts_row {--bs-gutter-x: 16px;}

  .swiper.posts_gallery .content h3 {font-size: 42px;}

  .posts .posts_row {--bs-gutter-x: 16px;}
  /* .posts .posts_row .col-xxl-25 { width: 20%; } */
  
  .posts.smaller_content .card-title {font-size: 1.6rem !important;}

  .posts .modal-lg, .posts .modal-xl {--bs-modal-width: 1030px;}
  
}

@media (min-width:1800px) {
  /* .posts .posts_row .col-xxl-25 { width: 20%; } */
}

/* GPT hjälp */
.posts_swiper .modal-trigger-disabled { pointer-events: none !important; }
.posts_swiper, .posts_swiper .swiper-wrapper, .posts_swiper .swiper-slide { user-select: none; -webkit-user-drag: none; }
.posts_swiper a, .posts_swiper img { -webkit-user-drag: none; }
/* html { scrollbar-gutter: stable both-edges; } */
.posts_swiper, .posts_swiper .swiper-slide { user-select: none; }
.posts_swiper a, .posts_swiper img { -webkit-user-drag: none; }
.posts_swiper {opacity: 0; visibility: hidden; transition: opacity .25s ease;}
.posts_swiper.is-ready {opacity: 1; visibility: visible;}
.posts_swiper {background: var(--color_bg);}