/*
Theme Name: Babor
Theme URI: https://karelbabor.com/
Author: Karel Babor
Author URI: https://karelbabor.com/
Description: 
Version: 1.26
Requires at least: 5.8
Tested up to: 6.0
Requires PHP: 7.0
Text Domain: babor
*/

/* Custom Cursor
#cursor {position: fixed; z-index: 99; left: 0; top: 0; pointer-events: none; will-change: transform; mix-blend-mode: difference;}
@media (hover: hover) and (pointer: fine) {
  .cursor__circle {width: 64px; height: 64px; margin-top: -50%; margin-left: -50%; border-radius: 50%; border: solid 1px rgba(227, 222, 193, 0.64); transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), width 0.3s cubic-bezier(0.25, 1, 0.5, 1), height 0.3s cubic-bezier(0.25, 1, 0.5, 1);}
  #cursor[class^="icon-"] .cursor__circle{width: 128px; height: 128px; background-color: #073099; border-color: #073099;}
  #cursor[class^="icon-"]::after{content: ''; position: absolute; left: -50%; top: -50%; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}
  #cursor.icon-arrow::after{background-image: url('https://svgshare.com/i/MzQ.svg');}
  #cursor.icon-add::after{background-image: url('https://svgshare.com/i/Nd1.svg');}
  #cursor.icon-expand::after{background-image: url('https://svgshare.com/i/NdC.svg');}
  #cursor.subtle .cursor__circle{opacity: 0.16;}
  #cursor.overlay .cursor__circle{ width: 48px; height: 48px; background-color: rgba(227, 222, 193, 0.08); border-color: transparent;}
} */

/* Idöborg - Flytta till Child */



:root { 
  font-size: 17px;

  /* BEGIN Site style */
  --color_green: #1e3e52;

  --color_border: rgba(145, 141, 141, .25);
  --color_border_rgb: 145, 141, 141;
  
  --color_bg_dummy: #f1efef;
  /* --color_bg: rgb(244, 244, 244);
  --color_bg_rgb: 244, 244, 244;
  --color_bg_rgba: rgba(244, 244, 244, 1); */
  --color_bg_gradient: #f7f7f7;
  --color_bg_lighter: rgba(254, 250, 250, 0.1);

  --color_bg_gradientchange: #f7f7f7;

  /* --color_heading: #000; */
  --color_text: rgb(0 0 0 / 80%);
  --color_text2: rgb(72 72 72 / 1);
  --color_text3: rgb(34 34 34 / 1);
  /* --color_pretitle: rgb(26 50 47 / 50%); */

  /* --color_card_bg: rgb(255, 255, 255);
  --color_card_bg_rgb: 255, 255, 255;
  --color_card_bg_lighter: rgba(250, 249, 243, 1);
  --color_card_bg_rgb_lighter: 250, 249, 243;
  --color_card_bg_alt: rgba(255, 255, 255, 1);
  --color_card_bg_rgb_alt: 248, 248, 241; */
  /* END Site style */
}


/* .tc .header.hasborder:after {background: var(--color_theme); height: 2px;} */

/* #main_nav.fixed-top .nav-link {color: var(--color_heading);} */
/* #main_nav li.current-menu-item .text:before {background: var(--color_theme);} */
/* #main_nav a.nav-link, #footer_nav .content a {letter-spacing: 0;} */

.card .card-title {color: var(--color_theme);}

.posts p.pre_title {margin-bottom: 0 !important;}

#form p {font-size: .9rem;}

.testimonials .pp_i {filter: grayscale(1);}

/* .hero_banner.content_vertical_bottom.shadow_under_content .content:after { background: rgba(var(--color_theme_rgb), 1); }
.hero_banner.shadow_under_content .swiper .swiper-pagination-bullets:before { background-image: linear-gradient(270deg, rgba(var(--color_theme_rgb), 0) 0, rgba(var(--color_theme_rgb), 0.7)); } */

/* #notification_header a { color: #FFF;} */


@media (min-width:1200px) {
  .big_icons ul.fa-ul li {width: auto;}
}


/* .code_preview { background: #FFF; padding: 5px 30px; border-radius: 30px; margin: 0 auto 20px;} */
#bookingwidget.stugor {margin: 0 auto; width: 100%; overflow: visible;}
#bookingwidget.stugor #widgetContainer { background: #FFF;  padding: 8px 22px; border-radius: 30px; margin: 0; box-shadow: /*0 0 #0000, 0 0 #0000, 0 1px 4px 0 rgba(0, 0, 0, .05);*/ 0 0 #0000,0 0 #0000,0 2px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05) !important}

.right_content #bookingwidget { padding: 15px 20px 20px 20px; border-radius: 12px; background: rgb(255 255 255 / 85%);}

.right_content #bookingwidget .content_accordion .accordion-button {font-size: 1rem;}

.right_content #bookingwidget .content_accordion .accordion-item:last-of-type {border-bottom: none;}



#bookingwidget.stugor #widgetContainer .flex-col { gap: 30px !important; }
@media (min-width:768px) {
  #bookingwidget.stugor #widgetContainer {}
}



.contact_card .card { padding-left: 0; padding-right: 0; display: none; }

@media (min-width:992px) {
  .contact_card .card {display: block};
}

#contact .profile_pic { width: auto; height: 80px; border-radius: 0; box-shadow: none; }

.contact_card .card h4 {display: none;}