/*
Theme Name: frostopt.ru
Author: 24-pro.ru
Author URI: https://24-pro.ru
Description: Коммерческая тема для интернет-магазина "Фростопт"
Version: 2.3.2
Text Domain: frostopt
Domain Path: /lang
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: corporate, two-columns, one-column, accessibility-ready, custom-menu, featured-images
Requires at least: 6.4
Requires PHP: 7.4
*/


@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');


:root {

  --pale-blue: #6a8aad;
  --pale-blue-opaque: #8297b7;
  --color-secondary: #c1c1c1;

  --white: #ffffff;
  --pale-white: #e6f0ff;


  --body-background-color: var(--pale-white); 
  --body-background-color-highlight: var(--white);

  --price-color: #336cac;

  --body-background-color-green: #53ab74;
  --body-background-color-blue: #336cac;
  --body-background-color-yellow: #e2d481;
  --body-background-color-red: var(--body-font-color-highlight);

  --body-font-family-default: 'Open Sans Pro', sans-serif;
  --body-font-family-condenced:'Roboto Condensed', sans-serif;
  --body-font-family-numbers: 'Didact Gothic', sans-serif;
  --body-font-family-serif: "Roboto Slab", serif;

  --body-font-color: #616161;
  --body-font-color-highlight: #bd4646;

  --color-link:         #0d6efd;
  --color-link-link:    var(--color-link);
  --color-link-visited: var(--color-link);
  --color-link-focus:   var(--body-background-color-red);
  --color-link-hover:   var(--color-link-focus);
  --color-link-active:  var(--color-link-focus);

  --body-font-size-tiny: .75rem;
  --body-font-size-small: clamp( .78rem, 3vw , .875rem );
  --body-font-size-normal: 1rem;
  --body-font-size-large: clamp( 1.1rem, 3vw , 1.3125rem );
  --body-font-size-larger: clamp( 1.2rem, 5vw , 1.5rem );
  --body-font-size-huge: clamp( 1.6rem, 6vw , 2.125rem ); 

  --body-border-color: #f5f5f5;
  --body-border-radius: 5px; 
  --body-border-width: 1px;
  --body-border-style: solid;

  --body-box-shadow-hard: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  --body-box-shadow-light: 0 .125rem .5rem rgba(0,0,0,.075)!important;

  --input-font-color: #000000;
  --placeholder-font-color: #666666;
  --pre-font-color: #000000;

  --input-font-weight: 300;
  --placeholder-font-weight: 700;
  --pre-font-weight: 300;


    /* Цвета телеги */
    --tg-light-background: #ffffff;
    --tg-light-main-color: #2481cc;
    --tg-light-font-color: #363b40;
  
    /* Цвета ватсапа */
    --wa-light-background: #ffffff;
    --wa-light-main-color: #25d366;
    --wa-light-font-color: #25d366;
    
    /* Цвета вконтакта */
    --vk-light-background: #ffffff;
    --vk-light-main-color: #0077FF;
    --vk-light-font-color: #000000;
    
    /* Цвета одноклассников */
    --ok-light-background: #ffffff;
    --ok-light-main-color: #FF7700;
    --ok-light-font-color: #000000;
    
    /* Цвета рутюба */
    --rt-light-background: #ffffff;
    --rt-light-main-color: #ED143B;
    --rt-light-font-color: #100943;

    /* Цвета MAX */
    --max-light-background: #ffffff;
    --max-light-main-color: #630EFF;
    --max-light-font-color: #630EFF;

}

/* .container */
.container-xxl {
    max-width: 1720px!important;
  }


* {
  outline: none;
}


a {

  color: var(--color-link);
  cursor: pointer;
  text-decoration: none!important;
  transition: all .1s ease 0s;

  &:is( :link, :visited ) {

    color: var(--color-link);

  }

  &:is( :hover, :active ) {

    color: var(--color-link-hover);

  }


}


html,
body {
  
  position: relative;
  height: auto;
  margin: 0;
  
}


body {

  min-width: 992px;
  min-height: 100vh;

}

body.mobile {

  min-width: 360px;

}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
  color:var(--placeholder-font-color);
  font-style: var(--placeholder-font-style);
  font-weight: var(--placeholder-font-weight);
}


body {
  background-color: var(--body-background-color)!important;
  color: var(--body-font-color);
  font-family: var(--body-font-family-default)!important;
  font-size: var(--body-font-size-normal) !important;
}

  .fixated {
    min-height: 100%;
    overflow: hidden;
  }

  .fixed-top {
    position: fixed!important;
    top: 0;
    left: 0;
    z-index: 999!important;
  }

  .fixed-to-top {
    position: fixed!important;
    top: 100px;
    max-height: calc(100vh - 130px);
    overflow: auto;
    background-color: var(--body-background-color);
    scrollbar-color: rgba(0,0,0,.2);
    scrollbar-width: thin;
  }

    .fixed-to-top::-webkit-scrollbar {
      position: absolute;
      width: 6px;
      height: 100vh;
    }

    .fixed-to-top::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgba(0,0,0,.2);
    }

  .its-opened {
    display: flex!important;
  }

  .button-up {
    display: none;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid var(--body-background-color-blue);
    background: var(--white);
    color: var(--body-background-color-blue);
    font-size: var(--body-font-size-large);
    line-height: 40px;
    text-align: center;
    transition: all .2s ease 0s;
    z-index: 99;
    cursor: pointer;

    &:is( :hover ) {

      background-color: var(--body-background-color-blue);
      color: var(--white);
      animation: rubberBand;
      animation-duration: .3s;

    }

  }

  .home__caption {
    font-family: var(--body-font-family-serif);
    font-size: var(--body-font-size-huge);
    font-weight: 500;
    text-align: center;
    margin-top: 1rem; 
  }

  .slick-list {
    overflow: hidden;
  }


  #preloader,
  .wh-preloader {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--pale-blue);
    background-image: url(/wp-content/themes/frostopt.ru/assets/images/pale-preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9999999999;
  }

  .wh-preloader {

    display: none;
    position: absolute!important;

  }

  .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {

    z-index: 1;

  }