/*
Theme Name: Babor
Theme URI: https://karelbabor.com/
Author: Karel Babor
Author URI: https://karelbabor.com/
Description: 
Version: 1.4.1
Requires at least: 5.8
Tested up to: 8.4
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;
  --color_green: #1e3e52;
  --color_border: rgba(145, 141, 141, .25);
  --color_border_rgb: 145, 141, 141;
  --color_bg_dummy: #f1efef;
  --color_bg_gradient: #f7f7f7;
  --color_bg_lighter: rgba(254, 250, 250, 0.1);
  --color_bg_gradientchange: #f7f7f7;
  --color_text: rgb(0 0 0 / 80%);
  --color_text2: rgb(72 72 72 / 1);
  --color_text3: rgb(34 34 34 / 1);
}

.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);}

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