/**
 * Theme Name: Winner Capital
 * Description: Child theme for Winner Capital
 * Author: Janis Krievins (krievins.j@gmail.com)
 * Template: blocksy
 * Text Domain: blocksy
 */

html{
	font-size:100%;
}
:where(.editor-styles-wrapper) :is(h1,h2,h3,h4,h5,h6,p,.splide) {
    margin: 0;
}
/************************************
 * Fonts
 * *********************************/
/* @link https://utopia.fyi/type/calculator?c=320,75,1.2,1320,178,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --home-hero-title: clamp(4.6875rem, 2.6275rem + 10.3vw, 11.125rem);
}
.calculator-label{
	color: var(--theme-palette-color-5, #F3F2EA);
    font-size: 0.875rem;
	margin-bottom:0;
}
.form-group label{
	margin-bottom:0;
}
/************************************
 * Animations
 * *********************************/
@keyframes zoom-in {
  from { transform: scale(1); }
  to   { transform: scale(1.2); }
}

@keyframes zoom-out {
  from { transform: scale(1.1); }
  to   { transform: scale(1); }
}
.zoom-in,
.zoom-out,
.loop{
  will-change: transform;
}
.zoom-in{
	animation: zoom-in 10s ease-in-out forwards;
}
.zoom-out{
	animation: zoom-out 10s ease-in-out forwards;
}
.loop {
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: none;
}
/************************************
 * Header
 * *********************************/
.sub-menu {
    padding: 1.5rem 1rem!important;
}
[class*=animated-submenu]>.sub-menu{
	width: fit-content !important;
    white-space: nowrap;
}
.ct-language-switcher [data-label=left] .ct-label {
	margin-inline-end:0;
}
/************************************
 * Calculator dropdown
 * *********************************/
.select-button {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 17px;
      background: var(--theme-palette-color-4);
      border: 1px solid var(--theme-palette-color-5);
      border-radius: 10px;
      width: 100%;
      font-size: 16px;
      cursor: pointer;
      text-align: left;
	  color:var(--theme-palette-color-5);
	font-size:16px;
    }
    .dropdown-arrow {
      border: solid var(--theme-palette-color-5);
      border-width: 0 1px 1px 0;
      padding: 6px;
      transform: rotate(-45deg);
      transition: transform 0.3s;
    }
.select-button[aria-expanded="true"]{
	border-radius: 10px 10px 0 0;
}
    .select-button[aria-expanded="true"] .dropdown-arrow {
      transform: rotate(45deg);
    }
    .dropdown {
		font-size:16px;
      list-style-type:none;
      padding-left:0;
		padding-bottom:12px;
      position: absolute;
      top: 100%; left: 0; right: 0;
      margin-top: -2px;
      background: var(--theme-palette-color-4);
      border: 1px solid var(--theme-palette-color-5);
      border-width:0 1px 1px;
      border-radius:  0 0 10px 10px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      overflow-y: auto;
      display: none;
      scrollbar-width: thin;
      scrollbar-color: #24231A;
	  color:#fff;
		z-index:1;
    }
    .dropdown.show {
      display: block;
    }
    .option {
      padding: 12px 17px;
      cursor: pointer;
		line-height:1;
    }
    .option:hover {
      color: var(--theme-palette-color-2);
    }
    .option:focus {
      outline: none;
      background-color: var(--theme-palette-color-4);
    }
    .option.selected {
      color:#EBFE19;
    }
    /* Webkit scrollbar */
    .dropdown::-webkit-scrollbar { width: 8px; }
    .dropdown::-webkit-scrollbar-track { background:var(--theme-palette-color-4); }
    .dropdown::-webkit-scrollbar-thumb {
      background:#EBFE19;
      border-radius: 4px;
    }
    .dropdown::-webkit-scrollbar-thumb:hover {
      background: #999;
    }
.select-button[aria-expanded="true"] + .dropdown .option[aria-selected="true"] {
  display: none;
}
/************************************
 * Calculator range slider
 * *********************************/

.calculator__range-slider{
	 -webkit-appearance: none;
  width: 100%;
  height: 1px;
  background:var(--theme-palette-color-5);
  outline: none;
  -webkit-transition:all ease 100ms;
  transition: all ease 100ms;
}
.calculator__range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius:100%;
  background: var(--theme-palette-color-2);
  cursor: pointer;
}

.calculator__range-slider::-moz-range-thumb {
  width: 28px;
  height: 28px;
  border-radius:100%;
  background:var(--theme-palette-color-2);
  cursor: pointer;
}
.range-slider__value-label{
	font-size:1rem;
}
.range-slider__value-group .value-group{
	font-family:ct_font_franklin__condensed, Sans-Serif;
	font-size:3rem;
	font-weight: 800;
	color:var(--theme-palette-color-2);
	line-height:1;
}
.range-slider__value-group .value-group .value-currency{
	font-weight:400;
}
.range-slider__value-group .value-group .value-month{
	text-transform:uppercase;
}
.calculator-result .amount{
	font-family:ct_font_franklin__condensed, Sans-Serif;
}
/************************************
 * WS form
 * *********************************/
.wsf-form .wsf-field-wrapper {
    margin-bottom: 2rem!important;
}
.submit-button{
	margin-top:1rem;
}
.wsf-form input[type=checkbox].wsf-field{
	border-color:transparent!important;
}
.wsf-form input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus){
	background-color:#fff!important;
}
.wsf-form input[type=checkbox].wsf-field:checked::after{
	border-width: 0 1px 1px 0!important;
}

.contacts-textarea {
    background-color: #d9d9d96e !important;
    border: 1px solid var(--theme-palette-color-5) !important;
    border-radius: 10px !important;
	margin-top: 0.5rem !important;
}
.wsf-form .wsf-field-wrapper.no-margin-bottom{
	margin-bottom:0!important;
}
.wsf-form input[type=checkbox].wsf-field{
	border: 1px solid var(--theme-palette-color-4)!important;
}
/************************************
 * Splide slider
 * *********************************/
.splide__pagination__page{
	opacity:1!important;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
}
.cta-3 .splide__pagination__page.is-active{
	width:50px;
}
/************************************
 * Single post
 * *********************************/
.single-post .entry-content >* + *{
	margin-top:2rem;
}
.ct-related-posts .ct-module-title{
	display:none;
}
}
@media (max-width: 999.98px) {
	[data-id="offcanvas-logo"]{
		position:absolute!important;
		top:25px;
	}
	.ct-panel-actions {
        padding-top: 34px!important;
    }
}