@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//hostingtrade.ru/wp-content/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=7.6.0") format("woff2");
}

:root {
	--wd-header-banner-h: 45px;
	--wd-text-font: Verdana, Geneva, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(28,28,28);
	--wd-text-font-size: 16px;
	--wd-title-font: "Comfortaa", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: #242424;
	--wd-entities-title-font: "PT Mono", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(221, 51, 51);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "PT Mono", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Comfortaa", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 20px;
	--wd-primary-color: rgb(213,4,4);
	--wd-alternative-color: rgb(30,115,190);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(213,4,4);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(96,96,96);
	--btn-accented-bgcolor-hover: rgb(221,51,51);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(244,67,54);
	background-image: none;
}
.page-title-default {
	background-color: rgb(240,240,240);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(240,240,240);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
html table th {
	text-transform: none;
}
html .post.wd-post .post-title {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 28px;
	text-transform: none;
}
html .page-title > .container > .title, html .wd-checkout-steps li {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-brd-color: rgb(51,51,51);
	--wd-form-brd-color-focus: rgb(15,82,214);
}
.product-labels .product-label.onsale {
	background-color: rgb(15,82,214);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(15,82,214);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(15,82,214);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 50px;
	}
	html .post.wd-post .post-title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .post.wd-post .post-title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1420px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1420px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1420px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1420px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.dim-gd-c {
    color: #44e144;
    font-weight: 600;
    background: white;
    padding: 4px 10px;
    border-radius: 5px;
}
.dim-n-gd {
    color: #ff7676;
    font-weight: 600;
    background: white;
    padding: 4px;
    border-radius: 5px;
}
.dim-color-more {
    background: #5f39a3;
    padding: 30px;
    color: white;
    border-radius: 12px;
    margin-bottom: 40px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.dim-color-more2 {
    background: #f3501c;
    padding: 30px;
    color: white;
    border-radius: 12px;
    margin-bottom: 40px;
	  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.dim-color-more3 {
    background: #66849d;
    padding: 30px;
    color: white;
    border-radius: 12px;
    margin-bottom: 40px;
	  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.wd-entities-title a {
    font-family: 'PT MONO';
    font-weight: 500;
    text-transform: none;
}
#ufp-categories option {
    background-color: #5f9ed1;
}
.dim-guest {
    padding: 20px;
    border: 5px solid #dd3333;
}
.wd-header-text {
    padding-inline: 0px !important;
}
.dim-account {
    padding: 13px 0px;
}
.dim-account:hover {
    box-shadow: 5px 5px 5px -3px rgba(34, 60, 80, 0.6) inset; 
}
.dim-header-url-img {
    font-weight:bold;	
	  font-family: 'Inter';
	  padding: 12px 8px 14px 0px;
}
.dim-reg-link {
    border-bottom:1px solid;
}
.dim-header-url-img:hover {
	  box-shadow: 5px 5px 5px -3px rgba(34, 60, 80, 0.6) inset;   
}
.dim-header-url-img img {
    margin: -2px;
}
.dim-shadow {
    text-shadow: 1px 10px 30px rgba(150, 150, 150, 0.6);
	  font-size:150px;
	  color:#dd3333;
}
.icons-size-default .wd-social-icon {
    width: 42px !important;
    height: 42px !important;
}
.wd-single-footer .tags-list a {
   text-transform: none;
}
.widget[class*="_tag_cloud"] .tagcloud a {
   text-transform: none;
}
.archive-meta a {
    border-bottom: 1px solid;
}
.dim-url-a {
    border-bottom: 1px solid;
}
.blog-design-mask.has-post-thumbnail .article-body-container {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.35) 10%, rgba(0, 0, 0, 0.8) 80%) !important;
}
.widgettitle, .widget-title {
    padding: 12px 10px;
    background-color: #dd3333;
	  color: white !important;
}
/* Делаем сайдбар фиксированным */
.sidebar-container {
    position: sticky;
    top: 100px; /* Устанавливаем отступ сверху, можно подкорректировать */
    z-index: 10; /* Чтобы сайдбар был поверх других элементов */
    width: 100%; /* Убедитесь, что ширина сайдбара подходит */
}
/* Мобильные устройства - отключаем фиксированный сайдбар */
@media (max-width: 768px) {
    .sidebar-container {
        position: relative;
        top: auto;
    }
}
/**/
.wd-nav-vertical.wd-design-simple>li>a {
    border: 1px solid;
    padding: 10px !important;
    margin-bottom: -10px;
    letter-spacing: 2px;
    font-family: 'PT Mono';
    font-weight: 500;
}
.breadcrumbs {
    font-family: 'PT Mono';
    letter-spacing: 3px;
}
.breadcrumbs a:hover {
    color:red !important;
}
:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li a:hover {
   color:red !important;
}
.dim-banner {
    text-align: center;
	  color: #ffffff
}
/*cat*/
/* Общий стиль для контейнера */
  .dim-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /* Стили для каждого блока */
  .item {
    display: flex;
    align-items: center;
    border: 1px solid;
    padding: 8px;
    margin: 5px;
    flex: 1 1 18%;
    box-sizing: border-box;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }
.item:hover {
    box-shadow: 0 0 0 rgba(0,0,0,0.25), 0 0 0 rgba(0,0,0,0.22);
}
  /* Стили для изображения */
  .item img {
    width: 64px;
    height: auto;
    margin-right: 10px;
  }

  /* Стили для заголовка */
  .item h2 {
    font-size: 24px;
    font-family: 'Comfortaa';
    margin: 0;
  }

  /* Медиа-запрос для смартфонов (ширина экрана до 768px) */
  @media (max-width: 768px) {
    .dim-container {
      flex-direction: column; /* Каждый блок станет в ряд */
    }
    .item {
      flex: 1 1 100%; /* Каждый блок занимает всю ширину */
    }
  }
/*end*/
.wd-tools-element:is(.wd-design-6,.wd-design-7) :is(.wd-tools-inner,.wd-tools-icon) {
    border-radius: 0px !important;
}
.scrollToTop { 
   border-radius: 2% !important;
	 background: #d0021b !important;
    color: white !important;
	 border: 1px solid;
}
.scrollToTop:hover {
	  background: white !important;
    color: #d0021b !important;
}
.dim-logo {
   font-size:20px;
}
.dim-container h3 {
   margin-bottom: 0;
}
.btn.btn-style-bordered {
    border-width: 1px;
}
.dim-c {
   text-align:center;
}
.wd-post-date.wd-style-with-bg {
    padding: 6px;
    font-size: 12px;
    color: #ea4a16;
}
.dim-link {
   border-bottom:1px dotted;
	 font-size: 20px;
}
.dim-no {
   display:none !important;
}
.dim-link-orange {
   border-bottom:1px dotted;
}
.dim-orange-back {
   background: #ea4a16;
    width: max-content;
    padding: 20px;
    color: white;
}
.dim-line {
   display: flex;
   align-items: baseline;
}@media (max-width: 576px) {
	.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
    font-size: 18px;
    font-family: 'Comfortaa';
}
}