/* ==----- rullan-styles.css --------------------------------------------------------------------== */
/* ==✰✰✰ © 2021 ☬ rullan style ☫ ✰✰✰== */
.maingrid > #dle-content {width:100%; display: grid; gap: 0.75rem; grid-template-columns: repeat(3, minmax(0, 1fr));}
#dle-content > .shortblog {border-bottom: solid 1px #e5e7eb; padding-left: 1.5rem;padding-right: 1.5rem;}

@media (max-width: 640px) {.maingrid > #dle-content {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 578px) {
    .maingrid > #dle-content {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .divide-y.tube-card > #dle-content{padding-left: 1.5rem;padding-right: 1.5rem;}
    .main_content .container.blog, .ramka-mob, .uk-slideshow-items > li {padding-left: 1.5rem;padding-right: 1.5rem;}
    .main_content .container,  #dle-content > .shortblog {padding-left: 0;padding-right:0;}
    .container .-mx-5 {margin-left:0;margin-right:0;}  
}
/* ==✰ стили для фаерфокса */
@-moz-document url-prefix(){
    header.filtproz {background: -moz-linear-gradient(top,  rgba(238,238,238,0.6) 0%, rgba(130,130,130,0.8) 100%); }
	header.uk-active.uk-sticky-below {background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.7) 100%);border-bottom:1px solid #e5e7eb;}
}
#q_search .elem3 {display:none;}
.bg-search {width:20px; height:20px; cursor:pointer; position:absolute; top:22px;left:3px;}
#q_search .uil-search-alt {top:0;left:0;}
.showfull-blog .divide-y.tube-card {border:none; background:none;}
.mass-comm input {width:14px; height:14px; float:right; margin:0 0 -4px 10px;}
.tilocom, .samtxtcom, .samtxtcom > div {width:100%;}
#sendmail .wide, .formafordle input {background: #f3f4f6;}
.widetext {background: #f3f4f6; padding:10px;}
#sendmail .wide {margin:10px 0;}
.registration .widenon {background:none;}
.twopola {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.twopola label, .twopola select{flex-basis: calc(100% / 2);}
.c-capcha.twopola > a {width:40%;}
.twopola > #sec_code {width:50%;}
#message {padding:20px; margin-top:30px;}
.knop-register > form .bbcodes {width:220px; float:left; margin:10px 30px;}
.knop-register > form .bbcodes:nth-child(2) {background:red;}
.registration li {margin-top:20px;}
button.button.knop100 {width:100%;}
.a-center {text-align:center;}
header.statik-blackikon .header_widgets .is-icon {color:#000!important;}

/* ==✰ пагинация межу страницами ы категории */
.navigation{display:block; width:100%; margin:20px 0; border:none;line-height: 2.1;} 
.navigation a:link,.navigation a:active,.navigation a:visited{ background-color:rgba(229, 231, 235, 0.9); color: #747474; font-size: 12px; font-weight: normal; padding: 8px 14px; border-radius:5px; text-shadow: 0 1px 0 #FFFFFF; text-transform: lowercase;} 
.navigation a:hover{ background-color: #EFEFEF; color: #747474;} 
.navigation span{ background: none repeat scroll 0 0 #5C5C5C; border-radius:5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) inset, 0 1px 0 #FFFFFF; color: #FFFFFF; cursor: default; padding: 4px 7px; }
.navigation::before, .navigation::after {float: none;content: ""; display: block; height: 2px; width: 100%; clear: both;}
#dle-content > .space-x-3.p-2.relative {border-bottom:1px solid #e5e7eb;}
.twpl-pol {margin-top:10px;}


/*Комментарии*/
.comment, .com-edit, .mass_comments_action, .commadd-kto, .commadd-nuz, .commadd-capcha {width:100%; display:flex; flex-flow: row wrap; justify-content: space-between;}
.comment img {max-width:100%;}
.comment-author{width:18%;}
.comment-txt {width:80%;font-size:16px;}
.comment-txt > span {font-size:.7em;}
.comtxt-tekst, .commadd-kto > input, .commadd textarea {font-size:1.3em; font-weight:400; margin:0; padding:10px 20px; border-radius:5px; background: #f3f4f6;}
.com-edit {font-size:.7em; }
.com-edit > s {display:block; padding:5px 15px;}
.mass_comments_action {margin-top:20px; padding-top:10px; border-top: 1px solid #110d1e; justify-content: end;}
input.bbcodes {height:auto; padding:10px 20px; background-color: rgba(37, 99, 235, var(--tw-bg-opacity));}

/*Добавить Комментарии*/
.commadd {margin:10px 0;}
.commadd-kto > input{display:block; width:48%; margin:10px 0;}
.comments_subscribe {display:block; margin-top:-10px;}
.comments_subscribe input {float:left; margin:4px 10px 0 0;}
.commadd button {padding:13px 20px 10px 20px; text-transform:uppercase;border-radius:5px; line-height:1;}
 #allow_subscribe {width:14px; height:14px; float:left; margin:4px 10px 0 0;}
.commadd-editor #comments {width:100%;height:200px;margin:10px 0 20px 0;}
#sec_code {height:80px; border: 1px solid #e5e7eb;}



   
 table.delivery {width: 100%; border: 0px; border-collapse: collapse;}
table.delivery thead {font-weight: bold;}
table.delivery td {padding: 1rem; border-bottom: 1px solid #e8e9eb;}
table.delivery th {padding: 1rem; border-bottom: 1px solid #e8e9eb;}
          
         


 @media screen and (max-width: 800px) {
  table.delivery thead {
    display: none;
  }
  table.delivery tr {
    display: block;
    margin-bottom: 1rem;
    border-bottom: 2px solid #e8e9eb;
  }

        table.delivery td {
    display: block;
    text-align: right;
  }

      table.delivery td:before {
    content: attr(aria-label);
    float: left;
    font-weight: bold;
  }               
}         
      




 table {width: 100%; border: 0px; border-collapse: collapse;}
table thead {font-weight: bold;}
table td {padding: 1rem; border-bottom: 1px solid #e8e9eb;}
table th {padding: 1rem; border-bottom: 1px solid #e8e9eb;}
             

           @media screen and (max-width: 800px) {
  table thead {
    display: none;
  }
  table tr {
    display: block;
    margin-bottom: 1rem;
    border-bottom: 2px solid #e8e9eb;
  }

        table td {
    display: block;
    text-align: right;
  }

      table td:before {
    content: attr(aria-label);
    float: left;
    font-weight: bold;
  }               
}      







    
.custom-list-container ul, 
.custom-list-container ol {
    list-style: none;
    padding: 0;
    margin: 0 10px;
    list-style-type: disc;
}

@media (max-width: 1023px) {
    .speedbar .over {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.35;
    }

    .fullstory-top-card {
        max-width: 100%;
        overflow: hidden;
    }

    .fullstory-side,
    .fullstory-main,
    .fullstory-side-content {
        min-width: 0;
    }

    .fullstory-mobile-title,
    .fullstory-desktop-title,
    .fullstory-top-card h2,
    .fullstory-top-card a,
    .fullstory-top-card sup span,
    .fullstory-top-card .custom-list-container {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

@media (max-width: 639px) {
    .main_content > .ramka-mob > .container .speedbar,
    .main_content > .ramka-mob > .container .speedbar .over,
    .main_content > .ramka-mob > .container .speedbar a,
    .main_content > .ramka-mob > .container .speedbar span {
        font-size: 1rem;
        line-height: 1.4;
    }

    .main_content > .ramka-mob > .container .speedbar {
        margin: 0;
    }
}

/* === Mobile adaptive overflow fix: mobile only, desktop widths unchanged === */
@media (max-width: 639px) {
    :root {
        --mobile-page-gutter: 12px;
    }

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .main_content *,
    .main_content *::before,
    .main_content *::after {
        box-sizing: border-box;
    }

    #wrapper,
    .main_content,
    .main_content .container,
    .horizontal .container,
    .ramka-mob,
    .maingrid,
    #dle-content,
    .full-courses,
    .fullstory-top-card,
    .tube-card {
        max-width: 100%;
        min-width: 0;
    }

    .main_content img,
    .main_content video,
    .main_content iframe,
    .main_content object,
    .main_content embed {
        max-width: 100%;
        height: auto;
    }

    .main_content .flex,
    .main_content .grid,
    .main_content .flex > *,
    .main_content .grid > * {
        min-width: 0;
    }

    .main_content .container,
    .horizontal .container,
    .main_content .container.p-0,
    .horizontal .container.p-0 {
        max-width: 100%;
        padding-left: var(--mobile-page-gutter) !important;
        padding-right: var(--mobile-page-gutter) !important;
    }

    .main_content .ramka-mob,
    .main_content .container.blog,
    .main_content .courses,
    .main_content .tube-card,
    .main_content .fullstory-top-card,
    .main_content .divide-y.tube-card > #dle-content,
    .main_content #dle-content > .shortblog {
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: var(--mobile-page-gutter);
        padding-right: var(--mobile-page-gutter);
    }

    .main_content .\-mx-5,
    .main_content .\-mx-4,
    .main_content .\-mx-3,
    .main_content .\-mx-2,
    .main_content .\-ml-16,
    .main_content .\-mr-16,
    .main_content .\-ml-12,
    .main_content .\-mr-12,
    .main_content .\-ml-8,
    .main_content .\-mr-8 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .main_content .space-x-3 > :not([hidden]) ~ :not([hidden]),
    .main_content .space-x-4 > :not([hidden]) ~ :not([hidden]),
    .main_content .space-x-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .header_dropdown,
    .dropdown_cart,
    .language-switcher .header_dropdown.header_dropdown--language {
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .header_dropdown,
    .dropdown_cart {
        right: 0 !important;
    }

    .language-switcher .header_dropdown.header_dropdown--language {
        right: 0 !important;
    }

    .header_search,
    .header_search input {
        max-width: 100%;
        min-width: 0;
    }

    .main_content table,
    .main_content .delivery {
        max-width: 100%;
    }

    .custom-list-container,
    .custom-list-container * {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}