/*
 * Sibany Theme - style-rtl.css
 * * RTL Overrides for Layout and Spacing
 * * This file is ONLY loaded when an RTL language is active.
 */
[dir="rtl"] #klaro{
    direction:rtl;
}
[dir="rtl"] .klaro .cookie-modal .cm-modal .cm-header h1.title{
    text-align:right;
}
[dir="rtl"] .klaro .cookie-modal .cm-modal p{
    text-align:right;
}
[dir="rtl"] .klaro .cookie-modal .cm-modal .cm-body li {
    text-align: right;
}
[dir="rtl"] .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p{
    text-align: right;
}
/* 1. Global Text Alignment */
/* Ensure text starts from the right */
[dir="rtl"] body {
  text-align: right;
}
[dir="rtl"] .page-wrapper{
    text-align: right;
}
/* 2. Responsive Layout Reversal (Desktop) */
/* Reversing the Content and Sidebar columns defined in LTR (style.css) */


/* 3. Navigation and Menu Reversal */
/* Example: Reversing horizontal menu item spacing */
[dir="rtl"] .site-navigation ul.menu li {
  /* Assuming LTR used margin-right for spacing */
  margin-right: 0;
  margin-left: 15px; 
}

/* 4. Breadcrumb Alignment */
[dir="rtl"] .breadcrumb-region {
  text-align: right;
}
.site-branding{
    background-image: none !important;
}
[dir="rtl"] .secondary-menu #block-sibany-theme-mainnavigation li ul{
     right: 0px;
    top: auto; 
}
[dir="rtl"] .site-header.scrolled .secondary-menu #block-sibany-theme-mainnavigation li ul {
    right: 0px;
    top: auto;
}
[dir="rtl"] .site-header.scrolled .secondary-menu #block-sibany-theme-mainnavigation li ul li ul{
    right: 140px;
    top: 0px; 
}
[dir="rtl"] .secondary-menu #block-sibany-theme-mainnavigation li ul li ul{
    right: 140px;
    top: 0px; 
}


[dir="rtl"] .product-header .main-image{
    border-radius: 90px 8px 8px 8px;
}
[dir="rtl"] .view-content .pdf-info {
    float: right;
}
[dir="rtl"] .node--type-contact-page .office-hours{
    float:right;
    clear:right;
    
}
[dir="rtl"] .tablesaw th.views-align-center, .tablesaw td.views-align-center{
        text-align: right;
}
[dir="rtl"]  .text-content table, .views-table, .draggable-table {
    & td {
        text-align: right;  
    }
}
@media screen and (max-width: 768px) {
    [dir="rtl"] .pdf-front .view-content .pdf-info{
        width: 100%;
    }
    [dir="rtl"] .view-content .pdf-info ul li{
        float:right;
    }
    [dir="rtl"] .node--type-contact-page .field--type-office-hours {
        text-align: right;
        float: right;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-events table thead th {
        background: #f1f1f1;
        padding: 5px;
        border: 1px solid;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-events table {
        width: 100%;
        float: right;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-events td {
        border: 1px solid #979797;
        padding: 5px;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-address {
        text-align: right;
        float: right;
        clear:right;
        width: 100%;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-international-telephone {
        text-align: right;
        float: right;
        padding: 0 15px;
        clear:right;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-fax {
        text-align: right;
        float: right;
        padding: 0 15px;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-events{
        float: right;
        clear: right;
        text-align: right;
    }

    [dir="rtl"] .node--type-contact-page .field.field--name-field-select-form {
        text-align: right;
        width: 100%;
        float: right;
        box-shadow: 0 20px 12px lightgray;
        padding: 4%;
        border-radius: 20px;
    }
    [dir="rtl"] .office-hours tr{
        float: right;
    }
    [dir="rtl"] .node--type-contact-page .links.inline{
        float:right;
        width:100%;
    }
}
@media screen and (min-width: 768px) {
    [dir="rtl"] .secondary-menu #block-sibany-theme-mainnavigation ul {
        direction: rtl;
    }
    [dir="rtl"] .secondary-menu #block-sibany-theme-mainnavigation{
        right:5px;
    }
    [dir="rtl"] .products-front .view-content{
        direction: ltr;
    }
    [dir="rtl"] .map-front .views-field-nothing-1{
        right:20%;
        left:0;
    }
    [dir="rtl"] .products-front .views-row p{
        direction:rtl;
    }
    [dir="rtl"] .pdf-front .view-content .info{
        float:right;
        width: 50%;
    }
    [dir="rtl"] .pdf-front .view-content .pdf-info{
        float: right;
    }
    [dir="rtl"] .pdf-front .view-content .pdf-info ul{
        float:right;
    }
    [dir="rtl"] .pdf-front .view-content .pdf-info ul li{
        float:right;
    }
    [dir="rtl"] .node--type-contact-page{
        text-align: right;
        width:100%;
    }
    [dir="rtl"] .node--type-contact-page .field--type-office-hours {
        text-align: right;
        float: right;
        width:50%;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-events table thead th {
        background: #f1f1f1;
        padding: 5px;
        border: 1px solid;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-events table {
        width: 100%;
        float: right;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-events td {
        border: 1px solid #979797;
        padding: 5px;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-address {
        text-align: right;
        float: right;
        clear:right;
        width: 100%;
        max-width: 50%;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-international-telephone {
        text-align: right;
        float: right;
        max-width: 50%;
        padding: 0 15px;
        clear:right;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-fax {
        text-align: right;
        float: right;
        max-width: 50%;
        padding: 0 15px;
    }
    [dir="rtl"] .node--type-contact-page .field--name-field-events{
        float: right;
        clear: right;
    }

    [dir="rtl"] .node--type-contact-page .field.field--name-field-select-form {
        text-align: right;
        width: 100%;
        float: right;
        box-shadow: 0 20px 12px lightgray;
        padding: 4%;
        border-radius: 20px;
    }
    [dir="rtl"] .office-hours tr{
        float: right;
    }
    [dir="rtl"] .node--type-contact-page .links.inline{
        float:right;
        width:100%;
    }
    [dir="rtl"] .node--type-contact-page #leaflet-map-node-contact-page-6-field-map{
        box-shadow: 0 0 12px lightgray;
        border-radius: 20px;
    }
}
@media screen and (min-width: 1024px) {
    .site-header-inner {
        direction: ltr;
    }
    .secondary-menu{
        max-width: 630px;
    }
}