details { background-color: var(--border); border-radius: 20px; }
th { text-align: right !important; }
p.text-align-right { margin: 0; }
[type=button],
.button { padding: 4px 8px !important; box-shadow: 5px -2px 3px lightgray; line-height: 1; color: white; border-radius: 20px; 
    vertical-align: middle; background-color: orange }

/** global class style to be added on custom field styling **/
.lang-english { direction: ltr; text-align: left; }
.lang-hebrew { direction: rtl; text-align: right; }
.image-field {  width: auto; }
.modal-header { margin: 0 10px 20px 0; font-size: larger; box-shadow: 0px 4px 0px lightblue; }
.scrolltop { bottom: 180px !important; z-index: 900 !important; }
.is-selected .vertical-tabs__menu-link,
.is-selected { background-color: whitesmoke !important; }
.vertical-tabs__menu-item { padding-inline: 0 !important; padding-block: 0 !important; margin-block: auto !important; }
.vertical-tabs__panes { margin-block: 0px; }
.layout-builder-block { border-style: dotted; border-width: thin; margin: 10px; }
.facebook { background-color: steelblue; color: var(--color-text-light); }

/** pager   **/
.pager .pager-item { font-size: medium; height: 40px; line-height: 1.5; aspect-ratio: 1 / 1; min-width: 1rem; border-radius: 50%; }
.pager .pager-item.pager-item-last,
.pager .pager-item.pager-item-next,
.pager .pager-item.pager-item-previous,
.pager .pager-item.pager-item-first { aspect-ratio: 1.5 / 1; }
.pager .pager-item.pager-item-ellipsis { aspect-ratio: 0.5 / 1; }

/** menu **/
li.menu-item.button a { color: inherit; }
li.menu-item.button.irecommend { background-color: blue !important; }
li.menu-item.button:hover { background-color: black; text-decoration: underline; }

.hello-menu .link { display: flex; direction: rtl;  gap: 10px; }
.hello-menu .link_caption, 
.hello-menu .link_avatar {  display: inline-flex; }
.hello-menu .link_avatar .image-field { width: 2.5rem; border-color: var(--primary); border-style: solid; border-width: thin;
    border-radius: 50px; box-shadow: 4px -4px 10px var(--primary); }
.hello-menu .menu { display: inline-block; position: relative; }
.hello-menu .menu-item { width: auto; display: inline-block; vertical-align: middle; padding: 4px 8px;  }

.block-user-links-anonymous { display: inline-block; width: -webkit-fill-available; }
.block-user-links-anonymous .menu { gap: 0;}
.block-user-links-anonymous .menu .menu-item { padding: 5px 10px !important; margin: 2px; }
.block-user-links-anonymous .menu .menu-item.item-pswd { background-color: gray; }

.menu-account { z-index: 200; display: inline-block; }

/** Messages **/
.messages { padding: 10px 20px; border-radius: 20px; display: inline-block; box-shadow: 5px -3px 5px lightgray; margin: 10px; }
.messages.messages--status { background-color: greenyellow; color: black; }
.messages.messages--error { background-color: orangered; color: white; }
.messages.messages--warning { background-color: yellow; color: black; }

/*.message { 
    position: fixed;
    padding: 10px 20px;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 5px -3px 5px lightgray;
    margin: 10px;    
}*/
.message.message-success,
.message.message-status { background-color: #89ad32; color: #ffffff; }
.simple-status-messages { top: 200px; right: 5% !important; text-align: right; direction: rtl; width: 70%; }
.simple-status-messages .status-message-close { background-color: orange; padding: 0px 4px 2px !important; line-height: 1;
    zoom: 1.5; font-size: small; box-shadow: none; }
.simple-status-messages .status-message-close span { color: #000000; font-size: 14px; opacity: 1; border-bottom: none; line-height: 1;
    vertical-align: middle; font-weight: bold; }

/** sliding sidebar **/
.dialog-off-canvas-main-canvas { }
.dialog-off-canvas-main-canvas .sliding-sidebar.animated-panel-from-right { z-index: 300; } 
.dialog-off-canvas-main-canvas .sliding-sidebar.animated-panel-from-right .menu-item-has-children::after { display: none; }
.dialog-off-canvas-main-canvas .sliding-sidebar.animated-panel-from-right .menu-item-has-children .submenu { display: none; }
.dialog-off-canvas-main-canvas .sliding-sidebar.animated-panel-from-right .menu-item-has-children .plus { cursor: pointer; 
        position: absolute; top: 0%; padding: 0 10px; background-color: var(--primary);
    border-radius: 15px; box-shadow: var(--shadow2); line-height: 1.4; color: white; font-size: 15px; margin: 5px; width: 30%;
    right: 67%; text-align: center; }
.dialog-off-canvas-main-canvas .sliding-sidebar.animated-panel-from-right .menu-item-has-children .plus:hover { background-color:  var(--secondary); 
    box-shadow: var(--shadow-hover); }
.dialog-off-canvas-main-canvas .sliding-sidebar.animated-panel-from-right .block-section { max-width: 300px; padding-top: 50px; 
        height: calc(100% - 70px); }
.dialog-off-canvas-main-canvas .sliding-sidebar.animated-panel-from-right .close-sliding-sidebar { position: relative; top: 0;
    left: -93%; border-radius: 0% 50% 50% 0%; background-color: var(--primary); float: right; }

/** Header Main class section **/
header { z-index: 200;}
header .header-main .header-container { direction: rtl; }
header .header-main .site-brand { display: none; }
header .header-main .header-right { margin: inherit; direction: ltr; }
header .header-main .search-box-content { background-color: white; margin: auto; padding: 1%; border-radius: 20px; box-shadow: 0 0 10px var(--primary);
    width: 80%; }
header .header-main .full-page-search { display: inline-block; float: right; z-index: 900; opacity: 0.95; }
header .header-main .primary-menu-wrapper { float: left; z-index: 800; direction: rtl; }
header .header-main .primary-menu-wrapper .close-mobile-menu { background-color: gray; right: 89%; border-bottom-right-radius: 50%; }
header .header-main .header-search-close { left: 95%; top: 4%; width: 50px; height: 50px; font-size: 40px }
header .header-main .search-box.open { padding: 20px 0; }
header .header-main .search-box.open form { margin: auto; box-shadow: none; direction: rtl; max-width: 800px; text-align: right; }
header .header-main .search-box.open .form-search { padding-right: 40px; background-size: 25px; background-color: lightyellow;
    background-position-y: center; }
header .header-main .search-icon { background-color: var(--primary); width: 32px; height: 34px; }
header .header-top .header-top-left { width: -webkit-fill-available; }
header .site-branding { font-weight: 800; color: var(--primary); direction: ltr; text-align: center; display: inline-block;
    padding: 0; font-size: 22px; width: 20rem; vertical-align: middle; }
header .site-logo img { width: auto; height: 80px; }
header .site-logo { display: inline-block; vertical-align: middle; padding: 0; margin: 0 1%; }
header .site-name-slogan { display: inline-block; width: 11rem; vertical-align: middle; padding: 0; margin: 0 1%; }
header .site-name-slogan .site-slogan { font-size: inherit; overflow-wrap: break-word; }
header .site-name-slogan .site-name { font-size: inherit; }
header .page-header { padding: 1rem 0; }
header .sticky-header { z-index: 900; box-shadow: 0 5px 10px gray; }
header .sticky-header .site-brand{ display: inline-flex; }
header .sticky-header .site-logo img { max-height: unset; }
header .sticky-header .header-right { margin: inherit; }
header .sticky-header .header-container { direction: ltr; }
header .menu-main { z-index: 300; display: inline-block; color: orange; font-weight: 700;} 
header .menu-main .menu { color: inherit; gap: 10px; }
header .menu-main .menu a { color: inherit; }
header .menu-main .menu a:hover { text-decoration: underline; color: var(--primary); }
header .menu-main .menu .menu-item-has-children::after { color: var(--primary);}
header .menu-main .menu .menu-item-has-children:hover { background-color: transparent; }
header .menu-main .menu .menu-item-has-children:hover > .submenu { background-color: #FBF1E2; }
header .menu-main .menu .menu-item-has-children:hover a, 
header .menu-main .menu .menu-item-has-children:hover::after { color: var(--primary); }
header .menu-main .menu .submenu li { border-color: transparent; }
header .search-box-content .button { margin: 5px; padding: 1px 10px; border-radius: 10px; text-wrap: nowrap; background-color: var(--primary);
    color: white; box-shadow: 5px -2px 3px lightgray;}
    
/** main wrapper **/
.main-wrapper { z-index: 100; margin-bottom: 80px; }
.main-wrapper .slider { height: 75vh; }
.main-wrapper .main-container {}

/** Main Content **/
#main { direction: rtl; text-align: right; } 
#main .collapsiblockTitle button { direction: rtl; text-align: right; vertical-align: middle; padding: 0 3%; border-radius: 20px; 
    color: white; margin: -1px; background-color: #fb9b19; margin-bottom: 20px; background-size: 10px; background-position-x: 1% !important; }
#main .collapsiblockTitle button:hover { background-color: #fb9b19; }
#main .collapsiblockTitle button h2 { margin: 0; color: white; font-size: 1.4rem }
#main .collapsiblockTitle.collapsiblockTitleCollapsed button { background-color: var(--primary); color: white; background-size: 15px;
    background-position-x: 1%; }
#main .collapsiblockTitle.collapsiblockTitleCollapsed button:hover { background-color: #fb9b19; color: #018fe2; }
#main .collapsiblockTitle.collapsiblockTitleCollapsed button h2:hover { color: #018fe2; }
#main .block-webform-block { display: none; }
#main .collapsiblockContent { padding: 1% 4%; }
#main .comment-login-note { font-size: small; padding: 0 20px; color: var(--color-bold); width: 100%; display: block;
    font-family: var(--font-text); }
#main .button { color: white; background: #fb9b19; padding: 5px 10px; border-radius: 20px; line-height: 1.2; margin: 0 5px; }
#main h1.page-title { text-align: center; }
#main li.breadcrumb-item { margin: 5px; }
#main li.breadcrumb-item .icon-angle-right:before { content: "\e00c"; }

/** footer      **/
footer { height: 80px; }
footer.footer { bottom: 0; z-index: 300; position: fixed;}
footer .social-icons li a { border: none; }

/** block webform, located in header and main-content **/
.block-webform-block { border-radius: 20px; background: var(--primary); direction: rtl; z-index: 100; top: 50px; right: 0; 
    width: 20rem; position: absolute !important; padding: 0 2% 2% 2% }
.block-webform-block .collapsiblockTitle.collapsiblockTitleCollapsed { width: -webkit-fill-available; }
.block-webform-block .collapsiblockTitle {}
.block-webform-block button { left: -1px; border-color: var(--primary); margin: 0; background-size: 1rem; }
.block-webform-block h2 { color: white; direction: rtl; text-align: right; margin: 0; font-size: 1.4rem; }
.block-webform-block .block-content.collapsiblockContent { max-height: 600px; overflow: auto; }
.block-webform-block .collapsiblockTitleCollapsed button { background-size: 1rem; }
.block-webform-block .collapsiblockTitle button { background-size: 1rem; }
.block-webform-block form { border-radius: 0; }

/**** >> Forms Styling [all sections should be up to 100 lines] **/
form { background-color: white; max-width: 800px; margin: auto; padding: 2%; border-radius: 20px; box-shadow: 0 0 10px var(--primary); }
form .form-item { margin-bottom: 1rem; display: inline-block; vertical-align: top; max-width: 100%; margin: 0; width: 100%; }
form .form-item.form-type-url input,
form .form-item.form-type-email input { text-align: left; direction: ltr; }
form .form-item label,
form .form-item legend { font-weight: bold; font-size: var(--font-size-h6); }
form .form-item > div { max-width: 99%; }
form .form-item.form-item--export { width: 100%; }
form .form-item.form-type-radio { display: inline; }
form .form-boolean-group .form-type--boolean { display: inline-flex; margin: 0 30px; width: auto; vertical-align: middle; }
form .form-item.webform-section { margin: 20px 0; }

form fieldset { width: 100%; }
form fieldset.captcha { border: none; font-weight: bold; }
form fieldset.captcha > legend { display: none; }

form.node-form { padding: 1%; max-width: 80%; }
form.node-form .draggable td { padding: 0;}
form.node-form #edit-group-office { max-width: 100%;}
form.node-form #edit-actions { display: grid; position: fixed; top: 40%; left: 82%; border-style: groove; border-radius: 20px;
    background-color: lightgray; width: auto; grid-template-columns: auto auto auto; gap: 0px; }
form.node-form #edit-actions > .button { margin: 5px; }
form.node-form #edit-field-rwbusiness-admin-campaigns-wrapper { direction: ltr; text-align: left; }
form.node-form #edit-field-rwbusiness-admin-campaigns-wrapper input.form-autocomplete { direction: ltr; text-align: left;
    background-position: 100% center; }

form.user-form {}
form.user-form .form-item { width: 45%; margin: 10px; display: inline-block; max-width: 100%; }
form.user-form .form-item.form-item-pass { width: 100%; max-width: 100%; }
form.user-form .field--name-field-user-mobile,
form.user-form .field--name-field-user-last-name, 
form.user-form .field--name-field-user-first-name { margin: 5px; display: inline-block; max-width: 200px; }
form.user-form .field--name-field-user-role-requested,
form.user-form .field--name-field-user-avatar,
form.user-form .field--name-field-user-city { width: 100%; max-width: 100%; }
form.user-form .field--name-field-user-role-requested > .form-item,
form.user-form .field--name-field-user-avatar > .form-item,
form.user-form .field--name-field-user-city .form-item,
form.user-form .field--name-field-user-mobile .form-item,
form.user-form .field--name-field-user-last-name .form-item, 
form.user-form .field--name-field-user-first-name .form-item { max-width: 100%; margin: 5px; width: 97%; }
form.user-form .field--name-field-user-role-requested > .form-item .form-item,
form.user-form .field--name-field-user-avatar > .form-item .form-item { width: auto; }

form.user-register-form {}
form.user-register-form .form-item.form-wrapper .form-item,
form.user-register-form .form-item.form-item-field-user-role-requested { width: auto; }
form.user-register-form .field--name-field-user-avatar .form-item-field-user-avatar { display: inline-block !important; 
    width: fit-content; }
form.user-register-form .form-item.form-item-name input { text-align: left; direction: ltr; }
form.user-register-form .ui-widget-content.ui-front .captcha { border-style: solid;
    border-color: gray;
    border-radius: 20px;
    zoom: 0.8;
    background-color: lightcyan;
    font-weight: 500;
    color: blue;
    line-height: 1;
    text-align: center;
}
form.user-register-form .field--name-field-user-avatar > .form-item .form-item { margin: 0px; zoom: 0.8; }

form.user-login-form {}
form.user-login-form .form-item.form-item-pass input,
form.user-login-form .form-item.form-item-name input { text-align: center; }

form.views-exposed-form .form-item { width: auto; }
form.views-exposed-form .form--inline > .form-item { margin: 3px; float: right; background-color: whitesmoke; padding: 0px 5px; }
form.views-exposed-form .form-details-wrapper,
form.views-exposed-form summary { line-height: 1; }
form.views-exposed-form details { max-height: 400px; overflow: auto; }

form.comment-form { width: 400px; border-radius: 20px; right: 0; position: relative; margin: 50px 10%; zoom: 0.75; }
form.comment-form .js-filter-wrapper { display: none}
form.comment-form .field--name-subject { display: none; }
.path-admin form  { max-width: 100%; }
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline { direction: rtl; }

form.search-form {}
form.search-form .form-type-search {}
form.search-form .form-type-search input { width: 100%; font-size: 16px; }

form.user-register-form {}
form.user-register-form input.form-autocomplete { width: 100% !important; }

/** webform-submission-form is mutual under #main and ui-dialog **/
form.webform-submission-form {}
.webform-progress-tracker,
form.webform-submission-form .webform-progress-tracker { margin: 30px 5px 10px; padding: 0; }
.form-actions,
form.webform-submission-form .form-actions { margin: 10px 20px 20px; width: 100%; float: none !important; display: block;
    position: relative; text-align: right; }
.button.webform-button--next,
.button.webform-button--submit,
form.webform-submission-form .button.webform-button--submit,
form.webform-submission-form .button.webform-button--next { background-color: green !important;  margin: 0 20px !important; 
    vertical-align: middle; }
.button.webform-button--reset,
form.webform-submission-form .button.webform-button--reset { background-color: gray !important; vertical-align: middle; }
form.webform-submission-form .form-item.form-item-terms-of-service { margin: 30px 0px; font-size: small; line-height: 1; }
form.webform-submission-form fieldset.captcha { line-height: 1.1; font-size: small; background-color: lightgreen;
    padding: 10px; }
form.webform-submission-form fieldset.captcha label { display: inline-block; }
form.webform-submission-form fieldset.captcha input { padding: 1px 0; box-shadow: none; border-style: solid; border-width: thin;
    border-radius: 5px; text-align: center; }
form.webform-submission-form fieldset.captcha .description { font-size: inherit; color: inherit; font-weight: 500; }
form.webform-submission-form .form-item--error-message { display: block; color: orangered; text-align: center;
    font-weight: 700; font-size: small; }
form.webform-submission-form .webform-multiple-add { display: inline-block; }

/** ajax popup: .ui-widget .ui-front **/
.ui-widget-overlay.ui-front { background: gray; opacity: 0.8; }

.ui-widget-content.ui-front { padding: 0; border-radius: 10px; z-index: 300 !important; }
.ui-widget-content.ui-front:nth-child(1) { z-index: 400 !important; }
.ui-widget-content.ui-front:nth-child(2) { z-index: 300 !important; }
.ui-widget-content.ui-front fieldset { width: 100%; color: inherit; margin: calc(2* var(--off-canvas-vertical-spacing-unit)) 0;
    padding: var(--off-canvas-vertical-spacing-unit); background-color: var(--drupal-off-canvas-fieldset-background-color);    
    border: solid var(--drupal-off-canvas-fieldset-border-width) var(--drupal-off-canvas-fieldset-border-color); }
.ui-widget-content.ui-front label { color: inherit; font-weight: 100; line-height: 1.4;  }
.ui-widget-content.ui-front .ui-dialog-content { border-radius: 0; box-shadow: none; color: inherit; }
.ui-widget-content.ui-front .ui-dialog-content.webform-terms-of-service-details { max-height: 700px !important; overflow: overlay; }
.ui-widget-content.ui-front .ui-dialog-titlebar { background-color: #e9e9e9; position: relative; font-weight: bold; line-height: 3;     
    padding: var(--space-m) var(--jui-dialog-close-button-reserved-space) var(--space-m) var(--jui-dialog-close-button-reserved-space); 
    border-top-left-radius: 10px; border-top-right-radius: 10px; color: gray; }
.ui-widget-content.ui-front .ui-dialog-titlebar:before { position: absolute; top: 0; inset-inline-start: 1em; display: block;
    width: 1.25rem; height: 100%; content: ""; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;       
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23ffffff' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23ffffff' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23ffffff' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23ffffff' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23ffffff' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23ffffff' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
    -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center;  }
.ui-widget-content.ui-front .ui-dialog-titlebar .ui-dialog-titlebar-close { position: absolute; top: 50%; inset-inline: auto 0.625rem;
    overflow: hidden; width: 1.875rem; height: 1.875rem; cursor: pointer; transform: translateY(-50%); text-indent: -624.9375rem;
    color: inherit; border: 1px solid transparent; background-color: transparent; appearance: none; margin: -10px 0 0 0;
    padding: 1px;  }
.ui-widget-content.ui-front .ui-dialog-titlebar .ui-dialog-titlebar-close:before { transform: translate(-50%, 50%) rotate(-45deg);
    position: absolute; top: calc(50% - 1px); left: 50%; width: 50%; height: 0; content: ""; border-top: solid 2px currentColor; }
.ui-widget-content.ui-front .ui-dialog-titlebar .ui-dialog-titlebar-close:after { transform: translate(-50%, 50%) rotate(45deg);
    position: absolute; top: calc(50% - 1px); left: 50%; width: 50%; height: 0; content: ""; border-top: solid 2px currentColor;}
.ui-widget-content.ui-front .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { display: none; }
.ui-widget-content.ui-front .ui-dialog-buttonpane { background-color: #e9e9e9; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; 
    width: 100%; background-color: white; padding: 0; margin: 0; }
.ui-widget-content.ui-front .form-item { margin: 10px 20px; width: 90%; max-width: 100% !important; }
.ui-widget-content.ui-front .form-item.form-item-support-location-add-more-items { width: auto; margin: 0; }
.ui-widget-content.ui-front .form-item.form-item-support-location-add-more-items input {padding: 0; width: 30px; text-align: center; }
.ui-widget-content.ui-front .form-text { background-color: white; }
.ui-widget-content.ui-front .description { color: inherit; }
.ui-widget-content.ui-front .captcha { margin: 10px 0; border-color: white; border-style: dotted; padding: 1% 4%; border-width: thin; }
.ui-widget-content.ui-front .ui-dialog-buttonpane button { background-color: var(--primary); padding: 4px 8px; box-shadow: var(--shadow2);  
    line-height: 1; color: white; border-radius: 20px; }
.ui-widget-content.ui-front .ui-dialog-buttonpane button.action-save { color: white; background-color: green; }
.ui-widget-content.ui-front .ui-dialog-buttonpane button:hover { background-color:  var(--secondary); box-shadow: var(--shadow-hover); }
.ui-widget-content.ui-front .form-wrapper,
.ui-widget-content.ui-front .clearfix { color: inherit; }
.ui-widget-content.ui-front .views-offset-top { color: black; }
.ui-widget-content.ui-front.ui-autocomplete { background-color: whitesmoke !important; }
.ui-widget-content.ui-front form { background: transparent; box-shadow: none; border: none; color: inherit; max-height: 700px; }

.webform-confirmation { display: inline-block; padding: 1rem; background-color: lightgreen; border-radius: 10px; box-shadow: 0 0 15px darkgreen;
    margin: auto; text-align: center; align-self: center; margin-top: 20px; }
.webform-confirmation .js-webform-confirmation-back-link-ajax { margin: 5px; padding: 1px 10px; border-radius: 10px; text-wrap: nowrap;
    background-color: var(--primary); color: white; box-shadow: 5px -2px 3px lightgray; }
.webform-confirmation .webform-confirmation__message, 
.webform-confirmation .webform-confirmation__back { margin: 0; }

/** path node  **/
.path-node .btn,
.path-node .button { background-color:  var(--primary); padding: 4px 8px;  border-radius: 15px; box-shadow: var(--shadow2); 
    line-height: 1.4; color: white; font-size: 15px; margin: 5px; } 
.path-node .btn:hover,
.path-node .button:hover { background-color:  var(--secondary); box-shadow: var(--shadow-hover); }
.path-node .btn a,
.path-node .button a { color: white; }

.tabledrag-handle .handle { margin: 0 !important; padding: 0 !important; width: 27px !important; height: 27px !important;
    text-align: center; vertical-align: middle; }
.tabledrag-handle {  margin: 0 !important; float: none !important; }

.information-block { background-color: var(--border); margin: 20px; padding: 20px; width: auto; display: inline-block; border-radius: 20px;
    box-shadow: 0 0 10px gray; }

.highlighted .bar { top: -3em; left: 1%; right: 1%; background-color: revert-layer; color: #000000; font-size: 18px; border: 2px solid #d0d0d0;
    border-radius: 15px; z-index: 9999; overflow: hidden; border-bottom-color: lightgray; border-bottom-style: solid; border-top: none;
    border-right: none; }

.modal-form .form-label { width: 100px; display: inline-block; line-height: 1.1; vertical-align: middle; }
.modal.fullscreen { position: fixed !important; top: 0; left: 0; width: 100%; height: 1000px; background-color: #808080a8;    
    z-index: 900; }

/** pager mini      **/
.pager-mini .pager-items { font-size: 1rem; font-family: 'ruhi'; padding: 0; }
.pager-mini .pager-item { height: auto; padding: 5px 10px; line-height: normal; border-style: outset; }
.pager-mini .pager-item a { text-align: center; height: auto; }
.pager-mini .pager-item span {}

/**** >> Views Styling [all sections should be up to 100 lines] **/
.view .more-link { margin-right: 1rem; margin-top: 1rem; }
.view .more-link a { display: inline; margin: 0; border-radius: 10px; padding: 5px 10px; text-wrap: nowrap; font-size: 0.9em;
    background-color: var(--primary); color: white; box-shadow: 5px -2px 3px lightgray; zoom: 0.7; }
.view-actions { display: inline; float: left; width: 50%; }
.view-user-rwcenters .field-name-field-rwcenter-managers .field-item { display: inline-block; width: 46%; }
.view-table { padding: 10px; border-radius: 20px; background: navajowhite; margin: 20px; }
.view-rwcenters-table { }
.view-list { padding: 10px; }
.view-rwcenter-documents { border-style: double; background: lightgray; border-radius: 20px; margin: 20px; }
.view-rwarticles { direction: rtl; }
.footer-block .view-rwnews li { padding: 0; border-bottom: none; }

.view-tags-block { height: 200px; overflow: auto; }
.view-tags-block .views-view-responsive-grid__item { padding: 5px; text-align: center; vertical-align: middle;
    margin: auto; background: steelblue; border-radius: 20px; line-height: 1; height: 45px; width: 100%; font-size: medium;
    display: inline-grid; box-shadow: inset 0 0 20px blue; }
.view-tags-block .views-view-responsive-grid__item-inner { margin: auto; font-family: 'ruhi'; font-size: small; }
.view-tags-block-1 .views-field.views-field-name { text-align: center; border-radius: 10px; background-color: black; vertical-align: middle;
    height: 3rem; padding: 5px; line-height: 1; font-size: medium; margin: auto; align-content: center; font-family: system-ui; 
    overflow-wrap: anywhere; }

.view-taxonomy-term { padding: 1rem; }
.view-taxonomy-term .field-name-field-tag-image {}
.view-taxonomy-term .field-name-field-tag-image img { width: 100%; height: 200px; }
.view-taxonomy-term .button { color: white; background: #fb9b19; padding: 5px 15px; border-radius: 20px; line-height: 1.2; }

.view-taxonomy-term-service-page { padding: 3%; max-width: 74rem; margin: auto; background-color: white; border-radius: 20px; }
.view-taxonomy-term-service-page .field-name-field-prof-image { float: left; }
.view-taxonomy-term-service-page .services-fixed { position: fixed; width: 100%; z-index: 200; top: -20px; zoom: 0.5; opacity: 0.9; }
.view-taxonomy-term-service-page .field-name-field-rwbusiness-city { width: 82%; text-align: center; margin: auto; }
.view-taxonomy-term-service-page .field-name-field-rwbusiness-city .field-item { color: gray; line-height: 1; font-size: small; }
.view-taxonomy-term-service-page .field-name-field-rwbusiness-city .field-item::after{ content: ';'; }
.view-taxonomy-term-service-page .view-header img{ border-radius: 50%; }
.view-taxonomy-term-service-page .view-header h2 { display: none; }
.view-taxonomy-term-service-page .field-name-field-prof-image img { border-radius: 50%; width: 90%; height: auto; border-color: #c9e1bd;
    border-width: thin; border-style: outset; box-shadow: inset 0 0 20px #c9e1bd; }
.view-taxonomy-term-service-page .node-content { margin-bottom: 3rem; }
.view-taxonomy-term-service-page .form-actions { display: inline-block; vertical-align: middle; }
.view-taxonomy-term-service-page .view-footer .field--name-field-profession-view { border-style: groove; border-radius: 10px; }
.view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__label { display: inline-block;
    text-align: right; left: 24%; position: relative; text-decoration: underline; color: var(--primary); font-size: large; }
.view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__label::after { content: ':';}
.view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { padding: 0; text-decoration: none;
    font-size: large; display: inline-block; left: 10%; position: relative; top: 42px; text-decoration: underline; color: var(--primary); }
.view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item { margin-top: -4rem; }
.view-taxonomy-term-service-page > .view-filters { display: inline-block; width: 200px; vertical-align: top; text-align: center;
    background-color: #d3d3d373; border-radius: 20px; margin: 4rem 0; }
.view-taxonomy-term-service-page > .view-filters.sticky-filter { position: fixed; top: 100px; z-index: 100; margin: 0; }
.view-taxonomy-term-service-page > .view-content { margin: 4rem 0; display: inline-block; width: calc(97% - 200px); vertical-align: top; }
.view-taxonomy-term-service-page > .view-content.sticky-filter { margin-right: 205px; }
.view-taxonomy-term-service-page .view-footer { padding: 20px; background-color: antiquewhite; border-radius: 20px; text-align: center; 
    margin: auto; z-index: 200; position: relative; margin-top: 10rem; }
.view-taxonomy-term-service-page .views-exposed-form { box-shadow: none; background: transparent; vertical-align: middle; }
.view-taxonomy-term-service-page .views-exposed-form select { height: 400px; }
.view-taxonomy-term-service-page .views-exposed-form > div { display: inline-block; vertical-align: middle; margin: 2%;}
.view-taxonomy-term-service-page .views-exposed-form .form-type-select .description { line-height: 1; }
.view-taxonomy-term-service-page .views-exposed-form { zoom: 0.9; font-size: medium; }
.view-taxonomy-term-service-page .views-exposed-form details { padding: 10px; background-color: lightgray; }
.view-taxonomy-term-service-page .views-exposed-form summary { padding: 0; text-align: right; margin-bottom: 5px; font-size: medium; }
.view-taxonomy-term-service-page .views-exposed-form .fieldset-wrapper > .form-checkboxes { height: 300px; overflow: auto;
    background-color: lightgray; padding: 5px 15px; border-radius: 5px; line-height: 1.2; }
.view-taxonomy-term-service-page .views-exposed-form .form-checkboxes li { list-style: square; }
.view-taxonomy-term-service-page .views-exposed-form .form-checkboxes ul { padding-right: 15px; width: 100%; text-align: right; }

.view-taxonomy-term-page-3 {}
.view-taxonomy-term-page-3 h2 { font-size: 1.3rem; text-align: right; line-height: 1.1; max-width: 80%; margin: 2rem 0 1rem;  }
.view-taxonomy-term-page-3 .field-type-text-long { text-align: right; padding: 0 20px; }
.view-taxonomy-term-page-3 .comment-login-note { display: none;}
.view-taxonomy-term-page-3 .field-name-field-tag-image img { width: auto; height: auto;}
.view-taxonomy-term-page-3 .field--name-field-profession-view .field__item__label {}
.view-taxonomy-term-page-3 .view-header { display: inline-block; left: 43%; position: relative; width: 7rem; margin-top: -4rem; }

.view-profs-page {}
.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal { margin-top: 15px; }
.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item { text-align: center; 
    border-radius: 50%; border-color: lightgray; box-shadow: inset 0 0 5px lightgreen;}
/*.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item .field-name-field-prof-image {
    position: relative; width: 80%; margin: auto; vertical-align: middle; opacity: 0.5; }
.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item .field-name-field-prof-image:hover {
    opacity: 1; }*/
.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item h2 { 
    line-height: 1; text-align: center; z-index: 100; position: relative; margin: auto; font-family: 'FontAwesome'; background-color: #f5f5f5a3; 
    border-radius: 20px; box-shadow: 0 1px 0 lightgreen; color: blue; width: 75%; font-size: 1.3rem !important; top: 2rem; }
.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item a { color: inherit; }
/*.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item img { border-radius: 50%; }*/
.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item img {
    border-radius: 50%; position: relative; width: 80%; margin: auto; vertical-align: middle; opacity: 0.5;  }
.view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item img:hover {
    opacity: 1; }

.view-profs-page .view-filters { display: inline-block; width: min-content; }
.view-profs-page form { margin: 0; padding: 5% 7%; width: -webkit-fill-available; }
.view-profs-page form > div { display: inline-block; width: fit-content; }
.view-profs-page .view-filters .form-actions { display: inline-block; margin: 15px; }
.view-profs-page .view-filters .button { color: white; background: #fb9b19; padding: 5px 15px; border-radius: 20px; line-height: 1.2; }

.view-tags-page { }
.view-tags-page .views-view-responsive-grid__item { height: 14rem; position: relative; }
.view-tags-page .views-view-responsive-grid__item h2 { background: #f9f5f0a1; text-align: center; position: relative; 
    border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; z-index: 105; line-height: 1.2;}
.view-tags-page .views-view-responsive-grid__item .field-name-field-tag-image { position: absolute; top: 0; text-align: center;
    z-index: 100; width: 100%; }
.view-tags-page .views-view-responsive-grid__item .field-name-field-tag-image:hover { z-index: 200; transform: rotateY(180deg);
    transition: transform 0.8s; transform-style: preserve-3d; }
.view-tags-page .views-view-responsive-grid__item img { border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; 
    width: 100%;  }

.view-taxonomy-term-city-page {}
.view-taxonomy-term-city-page .view-header { margin-bottom: 30px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;
    background: linear-gradient(315deg, rgba(251, 241, 226, 1) 0%, rgba(251, 241, 226, 0) 100%); border-bottom-style: groove; 
    padding: 0 40px; border-bottom-color: #fbf1e2;}
.view-taxonomy-term-city-page .view-header .field-name-field-city-logo { display: inline-block; vertical-align: middle;
    margin: 0 !important; }
.view-taxonomy-term-city-page .view-header .form-wrapper { display: inline-block; vertical-align: middle; margin: 0 !important; }
.view-taxonomy-term-city-page .view-header .fa-stack { line-height: 1em; width: 3em; height: auto; padding: 0; }
.view-taxonomy-term-city-page .view-header .fa-stack i { padding: 13px; background: transparent; border-radius: 50%; }
.view-taxonomy-term-city-page .view-header .field-type-link  { text-align: right; background: transparent; margin: 0 10px;
    display: inline-block; }
.view-taxonomy-term-city-page .view-header .field-type-link i { padding: 0; background: transparent; border-radius: 50%;   
    display: inline-block; }

.view-rwcenter-blocks { margin: 0px 2%; border-style: double; border-radius: 10px; padding: 15px 30px; background-color: lightgoldenrodyellow; }
.view-rwcenter-blocks td p { margin: 0; }
.view-rwcenter-blocks .views_slideshow_cycle_teaser_section { width: 100% !important; }
.view-rwcenter-blocks .views_slideshow_cycle_main { display: block; }
.view-rwcenter-blocks .views-slideshow-controls-bottom { margin: 3% 30%; display: block; text-align: center; }
.view-rwcenter-blocks li { padding: 0; line-height: 2; margin-bottom: 5px; }
.view-rwcenter-blocks li p { padding: 0; margin: 0; line-height: 1.2; }
.view-rwcenter-blocks h5 { font-size: 1.1rem; padding: 5px 20px; }
.view-rwcenter-blocks .views-slideshow-controls-bottom a { color: white; background: #fb9b19; padding: 5px 15px; border-radius: 20px;
    line-height: 1.2; }
.view-rwcenter-blocks .views_slideshow_controls_text span:hover { text-decoration: none; cursor: pointer; }
.view-rwcenter-blocks .views-slideshow-controls-bottom a:hover { background: #fb9b1970; color: #874f02; }
.view-rwcenter-blocks.view-rwcenter-blocks-block-toptasks { margin: 0px 25%; }

.view-frontpage {}
.view-frontpage-page-1 {}
.view-frontpage-page-1 > .view-content { padding: 2%; }

.view-rwbusiness-link-clicks {}
.view-rwbusiness-link-clicks tbody { background-color: white; }
.view-rwbusiness-link-clicks th, 
.view-rwbusiness-link-clicks tr, 
.view-rwbusiness-link-clicks td { line-height: 1.2; }

.view-rwbusiness-blocks-block-1 { padding: 80px; }
.view-rwbusiness-blocks-block-1 .view-content { display: inline-block; width: 100%; }
.view-rwbusiness-blocks-block-1 .view-content .views-slideshow-controls-bottom { text-align: center;}
.view-rwbusiness-blocks-block-1 .view-content .views_slideshow_cycle_teaser_section { display: block; text-align: center;
    margin: 0 auto; width: 100% !important; max-height: 500px; }
.view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide  { text-align: center; margin: auto; align-content: center;
    align-items: center; left: auto !important; display: inline-block; width: 100% !important; display: none; height: auto !important; }
.view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide img { text-align: center; margin: auto; }
.view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide .views-row { width: 50%; display: block; margin: auto;
    border-style: outset; padding: 30px; border-radius: 10px; border-width: thin; background-color: antiquewhite; height: 500px; }
.view-rwbusiness-blocks-block-1 .view-content .field-name-field-rwbusiness-profession { text-align: center; width: 100%; }
.view-rwbusiness-blocks-block-1 .view-content .field-name-field-rwbusiness-profession > .field-item { display: inline-block;
    zoom: 0.4; margin: 10px; box-shadow: 0 0 7px skyblue; border-radius: 20px; text-align: center; background-color: #f3d3a9;
    padding: 20px; max-width: 29%; vertical-align: text-top; }
.view-rwbusiness-blocks-block-1 .view-content .field-name-field-rwbusiness-profession > .field-item h2 { font-size: 3rem;
    font-family: serif; line-height: 1; font-style: italic; }
.view-rwbusiness-blocks-block-1 .view-content .views_slideshow_controls_text { text-align: center; }
.view-rwbusiness-blocks-block-1 .view-content .views_slideshow_controls_text > span { background: #fbcd8e; padding: 0px 10px;
    border-radius: 20px; margin: 2px; }

.view-verdicts-page-1 { background-color: white; padding: 40px; border-radius: 20px; margin: 50px; }
.view-verdicts-page-1 .verdict-region { padding: 10px; }

.view-content-block-1 {}
.view-content-block-1 form { max-width: 100%; }

.view-prof-block-2 {} 
.view-prof-block-2 button { margin: 5px; padding: 1px 10px; display: inline; border-radius: 10px; text-wrap: nowrap; background-color: var(--primary);
    color: white; box-shadow: 5px -2px 3px lightgray; }

.view-rwbusiness-campaign-trend-block-1 {}
.view-rwbusiness-campaign-trend-block-1 tbody { background-color: white; }

.view-rwbusiness-campaign-overview-block-1 {}
.view-rwbusiness-campaign-overview-block-1 tbody { background-color: white; }

.view-rwbusiness-exposure-block-3 { text-align: center; padding: 10px; box-shadow: 0 0 10px yellow; background-color: lightgoldenrodyellow;
    font-weight: 700; }

.field--type-viewfield .field__item.field__item-label-above { padding: 1px; border-radius: 10px; }
.field--type-viewfield .field__item__label { padding: 0% 3%; font-size: xx-large; font-weight: bold; text-decoration: underline; }

/** articles by type **/
article form { background-color: #add8e647 !important; background-image: url(/sites/default/files/background_image/feedback.5.png);
    background-repeat: no-repeat; background-origin: content-box; background-position: left; background-size: contain; }
article form textarea { background-image: linear-gradient(to right, transparent, #dabf987d); opacity: 0.85; color: black;
    box-shadow: none; }
article form > div { max-width: 100% !important; }
article h4.content-type { font-size: 1rem; font-family: serif; color: grey; }
article h4.content-type a { color: inherit; }
article .field-label-inline { display: grid; grid-template-columns: 100px auto;}

article.node-view-mode-full { background-color: white; padding: 40px; border-radius: 20px; margin: 50px; }

article.node-view-mode-teaser { border-radius: 20px; height: 14rem; margin: 0;}
article.node-view-mode-teaser .node-title { font-size: 1.1rem; line-height: 1; height: 2.5rem; overflow: hidden; max-width: 100%;
    text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; }
article.node-view-mode-teaser .node-content { height: 66%; overflow-y: hidden; }
article.node-view-mode-teaser .node-content p { line-height: 1.2; font-size: medium; }
article.node-view-mode-teaser .comment-login-note { padding: 0; text-align: center; position: relative; vertical-align: text-bottom;
    line-height: 1; top: -1rem; display: none; }
article.node-view-mode-teaser .node-content > .field-item:nth-child(1) { height: 83%; margin: 0; }
article.node-view-mode-teaser .node-content > .field-item:nth-child(1) img { width: 100%; height: 120%; }
article.node-view-mode-teaser .node-content .field-type-entity-reference { max-height: 3rem; display: block; padding: 0;
    text-align: center; font-size: medium; overflow: hidden; }
article.node-view-mode-teaser .node-content .field-type-entity-reference .field-item { font-size: small; margin: 0; padding: 1px 4px; 
    display: inline; border-radius: 10px; text-wrap: nowrap; background-color: var(--primary); color: white; box-shadow: 5px -2px 3px lightgray; }
article.node-view-mode-teaser .node-content .field-type-entity-reference .field-item  a { color: inherit;}

article.node-type-rwarticle{}
article.node-type-rwarticle .field-name-field-rwarticle-tags { padding: 10px; }
article.node-type-rwarticle .field-name-field-rwarticle-tags .field-item:hover { background-color: #e25b0e7d; 
    color: blue; text-decoration: underline; }
article.node-type-rwarticle .field-name-field-rwarticle-tags a { color: inherit; }
article.node-type-rwarticle .field-name-field-rwarticle-tags a:hover { color: var(--primary); }
article.node-type-rwarticle .field-name-field-rwarticle-tags .field-item { display: inline; margin: 0; 
    border-radius: 10px; padding: 5px 10px; text-wrap: nowrap; font-size: 0.9em; background-color: var(--primary); color: white; 
    box-shadow: 5px -2px 3px lightgray; }
article.node-type-rwarticle.node-view-mode-full { background-color: white; padding: 20px; border-radius: 20px; }
article.node-type-rwarticle.node-view-mode-full .field-name-field-rwarticle-remote-video { text-align: center; border-width: 3px; 
    background-color: var(--light); margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--border); border-radius: 20px; }
article.node-type-rwarticle.node-view-mode-full .field-name-field-rwarticle-remote-video > div { display: inline-block; 
    max-width: 49%; }
article.node-type-rwarticle.node-view-mode-full .field-name-field-rwarticle-image .image-field {  width: 100%; }
article.node-type-rwarticle.node-view-mode-full .field--name-field-rwarticle-view { padding: 2%; border-style: double;
    border-radius: 20px; background: linear-gradient(0deg, skyblue, white); }
article.node-type-rwarticle.node-view-mode-full .node-content details { margin: 50px 1%; }

article.node-type-rwarticle.node-view-mode-teaser { }
article.node-type-rwarticle.node-view-mode-teaser .node-header { display: none; }
article.node-type-rwarticle.node-view-mode-teaser .field-name-field-rwarticle-summary { line-height: 1.4; font-size: medium; }

article.node-type-rwarticle.node-view-mode-teaser-3 { height: 400px; margin-bottom: 0.25rem; }
article.node-type-rwarticle.node-view-mode-teaser-3 .field-name-field-rwarticle-summary { line-height: 1.4; font-size: medium; }

article.node-type-rwdownload {}
article.node-type-rwdownload .field-name-field-rwdownload-tags { padding: 10px; }
article.node-type-rwdownload .field-name-field-rwdownload-tags .field-item { display: inline; margin: 0; 
    border-radius: 10px; padding: 5px 10px; text-wrap: nowrap; font-size: 0.9em; background-color: var(--primary); color: white; 
    box-shadow: 5px -2px 3px lightgray; }
article.node-type-rwdownload .field-name-field-rwdownload-tags .field-item:hover { background-color: #e25b0e7d; color: blue; 
    text-decoration: underline; }
article.node-type-rwdownload .field-name-field-rwdownload-tags a { color: inherit; }
article.node-type-rwdownload .field-name-field-rwdownload-tags a:hover { color: var(--primary); }
article.node-type-rwdownload.node-view-mode-full { background: #90ee907d; padding: 5%; border-radius: 20px; }

article.node-type-rwdownload.node-view-mode-teaser { }
article.node-type-rwdownload.node-view-mode-teaser .field-name-field-rwdownload-description { line-height: 1.4; font-size: medium; }
article.node-type-rwdownload.node-view-mode-teaser .field-name-field-rwdownload-tags .field-item { font-size: small; }
article.node-type-rwdownload.node-view-mode-teaser-2 { padding: 10px; border-radius: 15px; margin: 20px; box-shadow: 0 0 10px gray; }
article.node-type-rwdownload.node-view-mode-teaser-3 .field-name-field-rwdownload-description { line-height: 1.4; font-size: medium; }

article.node-type-faq {}
article.node-type-faq .field-name-field-faq-tags { padding: 5px; line-height: 1.75; }
article.node-type-faq .field-name-field-faq-tags .field-item { display: inline; margin: 0; border-radius: 10px; padding: 3px 8px; 
    text-wrap: nowrap; font-size: 0.9em; background-color: var(--primary); color: white; box-shadow: 5px -2px 3px lightgray; }
article.node-type-faq .field-name-field-faq-tags .field-item:hover { background-color: #e25b0e7d; color: blue; text-decoration: underline; }
article.node-type-faq .field-name-field-faq-tags a { color: inherit; }
article.node-type-faq .field-name-field-faq-tags a:hover { color: var(--primary); }
article.node-type-faq.node-view-mode-full {}
article.node-type-faq.node-view-mode-full .links.inline { display: none; }
article.node-type-faq.node-view-mode-full .field-name-field-faq-reference-business-gro.field-items > .field-item { display: inline-block;
    zoom: 0.7; margin: 1%; width: 15%; border-style: outset; padding: 1%; background: antiquewhite; border-radius: 10px; text-align: center; }
article.node-type-faq.node-view-mode-full .field-name-field-faq-reference-business-gro.field-items > .field-item h2 { line-height: 1;
    overflow: hidden; height: 1.6rem; }
article.node-type-faq.node-view-mode-full #comments { margin: 50px 0 ; background-color: antiquewhite; padding: 20px; border-radius: 20px; }

article.node-type-faq.node-view-mode-teaser { }
article.node-type-faq.node-view-mode-teaser .field-name-field-faq-tags .field-item { font-size: small; }

article.node-type-rwbusiness {}
article.node-type-rwbusiness.node-view-mode-full { background: whitesmoke; box-shadow: 0 0 10px lightgray; padding: 2rem;
    border-radius: 15px; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { text-align: center; border-radius: 20px;
    border-style: solid; border-width: thin; border-color: orange; box-shadow: inset 0 0 10px orange; background: white;
    display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 5px; padding: 20px 20px; grid-auto-rows: 15rem; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images .field-item { background-color: #ffffff;
    padding: 0; box-sizing: border-box; box-shadow: 0 4px 6px orange; border-radius: 5px; transition: transform 0.3s; align-items: center;
    font-size: 1.2em; color: #fff; vertical-align: middle; margin: auto; width: 100%; height: 100%; display: flex; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images .field-item a { display: flex; width: 100%;
    height: 100%; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images .field-item .image-field { border-radius: 5px;
    vertical-align: middle; height: auto; width: 100%; text-align: center; object-fit: cover; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images .field-item:hover { transform: translateY(-10px);}
article.node-type-rwbusiness.node-view-mode-full .field-item { overflow-wrap: anywhere; }
article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg1 { padding: 0px 20px 0px 40px; flex: 0 1 37%; }
article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 { font-size: 1rem; font-family: system-ui; font-weight: bold; 
    flex: 0 1 37%; }
article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg3 { flex: 0 1 20%; }
article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 #business-title { font-size: xx-large; border-bottom-style: dashed;
    border-bottom-left-radius: 40%; border-bottom-color: revert-layer; }
article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 #business-profession { font-size: xx-large; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-logo { text-align: center; padding: 5px 10% 40px 40%; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-logo img { border-radius: 50%; box-shadow: 0 0 30px 0px yellow; 
    background-color: #e0ffff7d; }
article.node-type-rwbusiness.node-view-mode-full #business-sec6,
article.node-type-rwbusiness.node-view-mode-full #business-sec4,
article.node-type-rwbusiness.node-view-mode-full #business-sec3,
article.node-type-rwbusiness.node-view-mode-full #business-sec2 { padding: 1rem; margin: 40px 0; border-radius: 30px; background-color: #f4a4602e;
    box-shadow: inset 0 0 15px lightgray }
article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 { margin: 0px 0; padding: 20px; border-radius: 20px;
    text-align: center; height: auto; background: linear-gradient(0deg, transparent, #fb9b1980); flex: 0 1 20%; position: relative; }
article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 .block-field-blocknoderwbusinessfield-rwbusiness-logo {
    bottom: 20px; position: absolute; text-align: center; display: block; width: 80%; }
article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 .field-name-field-rwbusiness-logo { text-align: center;
    display: block; margin: auto; padding: 0; }
article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 .field-name-field-rwbusiness-logo img { background-color: transparent;
    box-shadow: none;    }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-card {}
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-card .field-item { display: grid; align-items: center;
    margin-bottom: 2rem; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-card img { margin: auto; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-aboutus {}
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-aboutus .field-item { padding: 0 3rem; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-city .field-item { display: inline-block;
    color: gray; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-city .field-item::after{ content: ';'; }
article.node-type-rwbusiness.node-view-mode-full #business-sec6 { margin-top: 40px; }
article.node-type-rwbusiness.node-view-mode-full .review-all #business-office { display: none }
article.node-type-rwbusiness.node-view-mode-full .review-office #business-office { margin: 40px 20px; border-radius: 20px; 
    padding: 20px; background: #ddd; }
article.node-type-rwbusiness.node-view-mode-full .rrssb.no-label .rrssb-icon { position: relative; text-align: center; margin: auto;
    right: 0; }
article.node-type-rwbusiness.node-view-mode-full .service { padding: 0; background-color: transparent; border-radius: 50%;
    padding: 10%; margin: 10%; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-website .service { padding: 5%; margin: 5%; }
article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg2 { padding: 0 2% 0 0; flex: 0 1 76%; }
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-city,
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-social,
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-website { margin: 10px;
    display: block; }
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-social .block-title,
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-website .block-title { 
    margin: 0; line-height: 1.1; font-size: 1.2rem; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-website,
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-instagram,
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-instagram,
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-linkedin,
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-linkedin,
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-youtube,
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-youtube,
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-tiktok,
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-tiktok,
article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-facebook,
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-facebook { display: inline-block; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-website a:nth-child(2),
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-instagram a:nth-child(2),
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-linkedin a:nth-child(2),
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-youtube a:nth-child(2),
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-tiktok a:nth-child(2),
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-facebook a:nth-child(2) { display: none; }
article.node-type-rwbusiness.node-view-mode-full .field-label-inline { display: grid; margin: 5px 0; grid-template-columns: 40%  auto; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-admin-activity .field-label { width: 200px;
    text-align: left; direction: ltr; }
article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-admin-activity .field-item { width: 200px;
    text-align: left; }

article.node-type-rwbusiness.node-view-mode-teaser { height: 22rem; margin: 0;}
article.node-type-rwbusiness.node-view-mode-teaser .field-name-field-rwbusiness-city .field-item { display: inline; box-shadow: inset 0 0 5px lightgray;
    padding: 3px 6px; border-radius: 10px; background-color: whitesmoke; font-size: medium; }
article.node-type-rwbusiness.node-view-mode-teaser .field-name-field-rwbusiness-images { display: grid; grid-template-columns: auto auto auto auto;     
    background-color: bisque; padding: 4%; border-radius: 20px; box-shadow: inset 0 0 15px gray; gap: 0; }
article.node-type-rwbusiness.node-view-mode-teaser .field-name-field-rwbusiness-images .image-field { border-radius: 0;
    aspect-ratio: 1 / 1; width: 9rem; border-style: solid; border-color: orange; border-width: thin }
article.node-type-rwbusiness.node-view-mode-teaser .field-name-field-rwbusiness-city {  margin: 5px; }
article.node-type-rwbusiness.node-view-mode-teaser .field-name-field-rwbusiness-images .field-item { align-items: center;
    align-self: center; margin: auto; text-align: center; }
article.node-type-rwbusiness.node-view-mode-teaser .node-content { height: 19rem; overflow-y: auto;}
article.node-type-rwbusiness.node-view-mode-teaser .node-title { font-size: 1.4rem; line-height: 1.2; height: 1.5rem; display: inline-block;
    position: relative; width: 100%; overflow: hidden; }
article.node-type-rwbusiness.node-view-mode-teaser .node-title a { position: absolute; width: 100%; }
article.node-type-rwbusiness.node-view-mode-teaser .field-name-field-rwbusiness-logo  { display: inline-block; vertical-align: middle;
    margin: 0; }
article.node-type-rwbusiness.node-view-mode-teaser .field-name-field-rwbusiness-profession { display: inline-block; margin: 0;
    vertical-align: middle; margin-right: 2%; line-height: 1.2; }

article.node-type-rwbusiness.node-view-mode-teaser-2 { text-align: center; border-style: outset; border-radius: 30px; max-width: 20rem;
    box-shadow: inset 0 0 20px lightgray; height: auto; min-height: 14rem; width: 100%; background-color: blanchedalmond; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .node-title { position: relative; display: block; text-wrap: auto;
    vertical-align: top; overflow-wrap: anywhere; font-size: 1.2rem; text-align: center; margin: auto; top: 1rem; overflow: hidden;
    line-height: 1; padding: 4%; z-index: 200; height: 3rem; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .node-content { display: block; margin: auto; text-align: center; margin-top: 1rem; 
    z-index: 100; position: relative; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-logo { width: 85%; vertical-align: middle;
    margin: auto; display: inline-block; margin-bottom: 10px; height: auto; z-index: 100; position: relative; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-logo a { display: grid; align-items: center;
    margin: auto; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-logo img { width: 100%; margin: auto;
    border-radius: 30px; border-style: solid; border-width: thin; border-color: lightgray; box-shadow: 0 0 15px lightgray; 
    -webkit-animation: ring 10s 3s ease-in-out infinite; -webkit-transform-origin: 50%; -moz-animation: ring 10s 3s ease-in-out infinite;
    -moz-transform-origin: 50%; animation: ring 10s 3s ease-in-out infinite; transform-origin: 50%; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city { height: 5rem; overflow: auto; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city .field-label { margin-bottom: -10px; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city .field-items { text-align: right;
    padding: 10px; line-height: 10px; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city .field-item { font-size: small; line-height: 1;
    padding: 0 2px; display: inline; text-align: right; direction: rtl; margin: 0; }
article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city a { font-weight: bold; color: blue; 
    text-decoration: underline;}

article.node-type-rwbusiness.node-view-mode-teaser-connect {}
article.node-type-rwbusiness.node-view-mode-teaser-connect img { width: 50px;}
article.node-type-rwbusiness.node-view-mode-teaser-connect .field-name-field-rwbusiness-profession > .field-item { border-bottom-style: outset;
    border-bottom-width: thin; border-radius: 10px; padding: 5px; }
article.node-type-rwbusiness.node-view-mode-teaser-connect > .node-content { display: grid; 
    grid-template-areas: "logo data1 data2 data2" "logo footer footer footer";
    gap: 6px; align-content: center; }
article.node-type-rwbusiness.node-view-mode-teaser-connect .field-name-field-rwbusiness-logo { grid-area: logo; margin-bottom: 0;
    vertical-align: middle; margin: auto; }
article.node-type-rwbusiness.node-view-mode-teaser-connect .field-name-field-rwbusiness-phone { grid-area: data1; margin-bottom: 0; }
article.node-type-rwbusiness.node-view-mode-teaser-connect .field-name-field-rwbusiness-connect { grid-area: data2; margin-bottom: 0; }
article.node-type-rwbusiness.node-view-mode-teaser-connect .field-name-field-rwbusiness-profession { grid-area: footer; 
    zoom: 0.9; line-height: 1; }
article.node-type-rwbusiness.node-view-mode-teaser-connect .field-name-field-rwbusiness-profession > .field-item { box-shadow: inset 0 0 10px lightgray; }

article.node-type-rwbusinesspost {}
article.node-type-rwbusinesspost.node-view-mode-full {}
article.node-type-rwbusinesspost.node-view-mode-full .field-name-field-rwbusinesspost-rwbusiness { margin: 100px 10%; display: inline-block;
    text-align: center; }

article.node-type-rwnews.node-view-mode-full {}
article.node-type-rwnews.node-view-mode-teaser {}
article.node-type-rwnews.node-view-mode-teaser-3 { background-color: lightcoral; max-height: 150px; overflow-y: auto; }
article.node-type-rwnews.node-view-mode-teaser-3 .node-content { font-size: 0.75rem; }

article.node-type-rwfrontpage {}
article.node-type-rwfrontpage.node-view-mode-full { background: none; box-shadow: none; margin: 0; padding: 0; width: -webkit-fill-available; }

article.node-type-rwcenter {}
article.node-type-rwcenter.node-view-mode-full .field-name-field-rwcenter-treasurer article { background: antiquewhite; 
    border-radius: 20px; text-align: center; padding: 10px; }
article.node-type-rwcenter.node-view-mode-full .views-field-field-rwcenter-managers article { background: antiquewhite; 
    border-radius: 20px;}
article.node-type-rwcenter.node-view-mode-teaser-3 { background-color: navajowhite; padding: 5px; border-radius: 5px; box-shadow: 0 0 10px gray;
    margin: 20px; }

article.node-type-rwverdict {} 
article.node-type-rwverdict .field-name-field-rwverdict-subject .field-item { display: inline; margin: 0; border-radius: 10px;
    padding: 5px 10px; text-wrap: nowrap; font-size: 0.9em; background-color: var(--primary); color: white; box-shadow: 5px -2px 3px lightgray; }
article.node-type-rwverdict .field-name-field-rwverdict-subject .field-item a { color: inherit; }

article.node-type-rwverdict.node-view-mode-full {}
article.node-type-rwverdict.node-view-mode-full .field-name-field-rwverdict-image { margin-bottom: 4rem; }
article.node-type-rwverdict.node-view-mode-full .field-name-field-rwverdict-image img { text-align: center; margin: auto;
    display: block; }
article.node-type-rwverdict.node-view-mode-full .field-label-inline { display: grid; grid-template-columns: 100px auto;}
article.node-type-rwverdict.node-view-mode-full .field-name-field-rwverdict-reporter { background-color: #d3d3d342; border-radius: 20px;
    padding: 20px 50px; box-shadow: -7px -5px 10px gray; margin: 50px; }
article.node-type-rwverdict.node-view-mode-full .field-name-field-rwverdict-reporter .field-label { margin: 10px; text-decoration: underline; }

article.node-type-rwverdict.node-view-mode-teaser { }

article.profile { margin: 0 auto; background-color: #ffffff; margin-bottom: 4rem; padding: 1rem; border-radius: 20px; box-shadow: var(--shadow2);
    max-width: 800px; text-align: center; }
article.profile .field-label-inline { grid-template-columns: 100px auto; }
article.profile rwblock { display: inline-block; width: auto; text-align: right; float: right; padding: 1%; margin: 5px; }
article.profile #account-sec1 { margin: 30px; border-style: double; border-radius: 20px; padding: 4%; background-color: whitesmoke;
    vertical-align: middle; }
article.profile #account-sec1 .field-label-inline { grid-template-columns: 100px 100px; text-align: right; }
article.profile #account-sec1-reg2 { padding: 1% 5%; }
article.profile .account-reg { padding: 1%; margin: 0; width: auto; position: relative; display: block; }
article.profile .field-name-field-media-image .field-item { margin: auto; text-align: center; align-items: center; }
article.profile .field-name-field-media-image img { width: auto; height: auto; background-color: deepskyblue; }
article.profile #account-sec2 { background-color: #00bfff57; padding: 20px; border-radius: 20px; margin: 30px; flex-direction: row;
    justify-content: right; align-items: flex-start; gap: 1%; display: flex; }
article.profile #account-sec2 .drow:nth-child(1) { flex: 1 0 30%;}
article.profile #account-sec2 .drow:nth-child(2) { flex: 1 0 50%;}

/** React text editor styling **/
.wrapper-class { padding: 20px 0 0 0; }
.preview { padding: 1rem; margin-top: 1rem; display: none; }
.editor-class { background-color: var(--light); padding: 10px; border: 0; outline: 0; box-shadow: 0 0 0 1px var(--border);
    transition: all 0.3s linear; resize: vertical; overflow: auto; width: 100%; min-height: 200px; max-width: 400px; }
.toolbar-class { border: 1px solid #ccc; }
.toolbar-class > div { display: inline-block; margin: 0 5px; }
.rdw-option-wrapper { display: inline-block; margin: 0 2px; }
.rdw-dropdown-wrapper.rdw-block-dropdown:hover .rdw-dropdown-optionwrapper{ display: block; }
.rdw-dropdown-optionwrapper { position: fixed; background: white; list-style: none; box-shadow: 0px 3px 5px gray; border-radius: 5px;
    padding: 2px !important; font-size: smaller; text-align: center; }
.rdw-dropdownoption-default { padding: 0; }
.rdw-dropdown-wrapper.rdw-block-dropdown { cursor: pointer; }

/** faq content page **/
.faq-content { padding: 1% 2%; border-radius: 10px; box-shadow: var(--shadow2); }
.faq-content .faq-question-answer { font-size: larger; }
.faq-content .faq-question.faq-qa-visible { text-decoration: underline; text-decoration-color: var(--border); font-weight: bold; }
.faq-content .faq-answer { padding-left: 0; }
.faq-content .faq-answer .node-type-faq { max-height: 900px; overflow: auto; padding: 1rem 2rem; margin: 1rem 1rem 0 1rem; }
.faq-content .faq-answer.collapsible { margin-bottom: 30px; }
.faq-content .faq-answer.collapsible > a { display: inline; margin: 0; border-radius: 10px; padding: 5px 10px; text-wrap: nowrap;
    font-size: 0.9em; background-color: var(--primary); color: white; box-shadow: 5px -2px 3px lightgray; zoom: 0.7; }
.faq-content .faq-question-answer::before { font-family: "ruhi"; content: "\e003"; display: inline; color: limegreen; }
.faq-content .faq-question { display: inline }
.faq-content .faq-question-answer.faq-viewed::before { display: none; }

/** comment general style   **/
#comments .indented { margin-left: 0 !important; margin-right: 3rem; }
#comments .comment-body .links a { background-color: var(--primary); padding: 4px 8px; border-radius: 15px; box-shadow: var(--shadow2);
    line-height: 1.4; color: white; font-size: 15px; margin: 5px; border: none; }
#comments .comment-body .links a:hover { background-color: var(--secondary); box-shadow: var(--shadow-hover); }
#comments .field-name-comment-body p,
#comments .field-name-comment-body { margin: 0; }
#comments .comment { box-shadow: none; margin: 5px; border-radius: 30px; }   
#comments .comment-user-picture { background-color: transparent; height: 70px; display: inline-flex; right: 0; position: absolute;
    z-index: 0; opacity: 0.6; }
#comments .username { z-index: 100; }
#comments .comment-body { padding: 0 1rem; background-color: transparent; }
#comments .comment-meta { font-size: small; position: absolute; left: 0; color: lightgray; margin-left: 2%; }
#comments .comment-title { display: none; }
#comments .comment-header { background-color: transparent; line-height: 1; padding: 0; top: 10px; }
#comments #edit-field-business-comments-whatsapp-wrapper input { text-align: center; border-width: thin; opacity: 0.8; max-width: 150px; }
#comments #edit-field-business-comments-whatsapp-wrapper .description {color: black; font-size: small; }
#comments .add-comment-title { display: none; }   

/** local-tasks blocks **/
#block-ruhipro-local-tasks:hover { height: 3rem; }
#block-ruhipro-local-tasks { height: 1rem; }
#block-ruhipro-local-tasks .block-content { display: flex; }
#block-ruhipro-local-tasks .page-tabs:hover { transform: translateY(0); animation-name: fadeInDown; animation-duration: 0.5s;
    height: 3.75em; }
#block-ruhipro-local-tasks .page-tabs:hover li { visibility: visible; }
#block-ruhipro-local-tasks .page-tabs { align-items: center; align-self: center; position: absolute; transition: all 1s ease;
    height: 0em; margin: auto 2rem; }
#block-ruhipro-local-tasks .page-tabs li { visibility: collapse; }
#block-ruhipro-local-tasks .page-tabs li a { border-radius: 20px; }

/** views-block-rwnews blocks **/
#block-ruhipro-views-block-rwnews-block-1-2 { max-width: 800px; display: block; margin: auto; text-align: center; align-self: center; 
    background-color: floralwhite; padding: 2%; border-radius: 20%; border-style: solid; }
#block-ruhipro-views-block-rwnews-block-1-2 .view .more-link { margin: auto; }

/** sitebranding block  **/
#block-ruhipro-sitebranding-2 { display: block; margin: auto; text-align: center; align-self: center; padding: 5%; }
#block-ruhipro-sitebranding-2 .site-branding { display: block; }
#block-ruhipro-sitebranding-2 img { border-radius: 40%; border-width: thin; background-color: lightskyblue; }

/** views-block-rwbusiness blocks  **/
#block-ruhipro-views-block-rwbusiness-exposure-block-3 { width: 86%; text-align: center; margin: auto;}

#block-ruhipro-views-block-rwbusiness-blocks-block-2 { }
#block-ruhipro-views-block-rwbusiness-blocks-block-2 .block-title { text-align: center; }
#block-ruhipro-views-block-rwbusiness-blocks-block-2 .block-content { text-align: center; margin: auto; padding-bottom: 5%; }
#block-ruhipro-views-block-rwbusiness-blocks-block-2 .block-content .views-row { align-items: center; align-self: center;
    display: inline-block; width: 20rem;}
#block-ruhipro-views-block-rwbusiness-blocks-block-2 .block-content .view-footer { background-color: skyblue; max-width: 1000px;
    padding: 3%; text-align: center; margin: 5% auto; border-radius: 20px; border-style: double; border-color: lightgray;   }

#block-ruhipro-views-block-rwbusiness-blocks-block-3 {}
#block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-title { text-align: center; }
#block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-content { text-align: center; margin: auto; padding-bottom: 5%; }
#block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-content .views-row { align-items: center; align-self: center;
    display: inline-block; width: 20rem;}
#block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-content .view-footer { background-color: skyblue; max-width: 1000px;
    padding: 3%; text-align: center; margin: 5% auto; border-radius: 20px; border-style: double; border-color: lightgray;   }

/** views-block-rwbusinesspost-business block  **/
#block-ruhipro-views-block-rwbusinesspost-business-block-1 { background: whitesmoke; box-shadow: 0 0 10px lightgray; padding: 2rem;
    border-radius: 15px; margin: 50px; text-align: center; }
#block-ruhipro-views-block-rwbusinesspost-business-block-1 article { box-shadow: 0 0 10px gray; border-radius: 20px; width: 90%;
    padding: 2%; background-color: #8bd0ff9e; margin: 5% auto; }
#block-ruhipro-views-block-rwbusinesspost-business-block-1 article .field-name-field-rwbusinesspost-image img { width: 100%;
    border-radius: 10%; }

#block-ruhipro-paypalpoc { background-color: skyblue; max-width: 1000px; padding: 3%; text-align: center; margin: auto;
    border-radius: 20px; border-style: double; border-color: lightgray; }

#block-claro-content .sentry-main-form { direction: ltr; text-align: left; background: whitesmoke; border-radius: 20px;
    display: inline-block; width: 100%; margin: auto; max-width: 100%; }
#block-claro-content .sentry-main-form td { overflow-wrap: anywhere; padding: 0; height: 2rem; }
#block-claro-content .sentry-main-form td .table-select { margin: 0 !important; padding: 0 !important; background: transparent !important; }

#block-ruhipro-views-block-rwbusiness-services-block-1 { background-color: white; padding: 40px; border-radius: 20px; margin: 50px; }

/** ID Elements Styling [all sections should be up to 100 lines] **/
#contact-message-feedback-form { width: 60%;  padding: 5%;  margin: 0% 20%; }
#contact-message-feedback-form {  width: auto; padding: 5%; margin: 0% auto; max-width: 600px; }
#drupalvip-sentry-main-form { max-width: 100%; }

#NagishLiTrigger { right: 0.5% !important; }
#user-login-form { text-align: center; margin: auto; max-width: 600px; }
#user-login-form .form-item { max-width: 96%; }
#search-block-form .form-type-search { width: auto; min-width: 230px; }
#search-block-form .form-search { font-size: 1.2rem !important; background-position: left !important; text-align: right; 
    background-size: auto; direction: rtl; }
#search-block-form .form-search::placeholder { font-size: 1rem;}

#rwcenter-react-modal {}
#rwcenter-react-modal .modal-dialog { width: fit-content; position: fixed; z-index: 900; padding: 20px; border-radius: 15px;
    box-shadow: 0 0 15px lightgray; background-color: white; min-width: 300px; margin: auto; overflow: auto; max-height: 70%; 
    left: 40%; top: 8rem; }
#rwcenter-react-modal .modal-dialog.modal-residence-message { left: 30%; }
#rwcenter-react-modal .modal-content { display: initial; right: 0; width: fit-content;}
#rwcenter-react-modal .modal-content details { width: 100%; padding-top: 0;}
#rwcenter-react-modal .modal-message { width: 50%; max-height: 70%; left: 25%; }
#rwcenter-react-modal .data-options { overflow: auto; background: lightgray; padding: 2%; margin: 0 0 3%; display: grid; 
    grid-template-columns: auto auto auto auto; max-height: 300px; }
#rwcenter-react-modal .form-check { text-align: right; }
#rwcenter-react-modal .form-check input { margin: 0 5px; }    
#rwcenter-react-modal .modal-message .data-selected { display: none; }
#rwcenter-react-modal .data-input input { width: 100%; }
#rwcenter-react-modal .form-check.data-all { margin-top: 15px; }
#rwcenter-react-modal .modal-footer { width: 260px; }

#visitors-date-filter-form {}
#visitors-date-filter-form .fieldset-wrapper > h4 { display: block }
#visitors-date-filter-form .fieldset-wrapper > div { display: inline-block; }
#visitors-date-filter-form .fieldset-wrapper .form-item { width: 31% }
#visitors-date-filter-form .fieldset-wrapper .description { display: block; }

#node-rwbusiness-edit-form .field--type-whatsapp,
#node-rwbusiness-edit-form .field--type-string,
#node-rwbusiness-edit-form .field--type-email,
#node-rwbusiness-edit-form .field--type-telephone  { display: inline-block; max-width: 30%; margin: 10px; }

#node-rwbusiness-edit-form .field--name-field-rwbusiness-topper input[type=url], 
#node-rwbusiness-edit-form .field--name-field-rwbusiness-easy input[type=url], 
#node-rwbusiness-edit-form .field--name-field-rwbusiness-instagram input[type=url],
#node-rwbusiness-edit-form .field--name-field-rwbusiness-facebook input[type=url],
#node-rwbusiness-edit-form .field--name-field-rwbusiness-website input.form-autocomplete { direction: ltr; padding-left: 30px; 
    width: 100%; }
#node-rwbusiness-edit-form .field--type-email,
#node-rwbusiness-edit-form .form-item-path-0-alias input { direction: ltr; }
#node-rwbusiness-edit-form .field--type-entity-reference { display: inline-block; max-width: 30%; margin: 10px; }
#node-rwbusiness-edit-form .field--type-entity-reference.field--name-field-rwbusiness-city { max-width: 100%; display: block; }
#node-rwbusiness-edit-form .field--name-field-rwbusiness-profession { width: 98%; max-width: none; margin-top: 0; }
#node-rwbusiness-edit-form .field--name-field-rwbusiness-profession input.form-autocomplete { width: 100% }

#node-rwbusiness-form .field--type-whatsapp,
#node-rwbusiness-form .field--type-string,
#node-rwbusiness-form .field--type-email,
#node-rwbusiness-form .field--type-telephone { display: inline-block; max-width: 30%; margin: 10px; }
#node-rwbusiness-form .field--name-field-rwbusiness-topper input[type=url], 
#node-rwbusiness-form .field--name-field-rwbusiness-easy input[type=url], 
#node-rwbusiness-form .field--name-field-rwbusiness-instagram input[type=url],
#node-rwbusiness-form .field--name-field-rwbusiness-facebook input[type=url],
#node-rwbusiness-form .field--name-field-rwbusiness-website input.form-autocomplete { direction: ltr; padding-left: 30px; 
    width: 100%; }
#node-rwbusiness-form .field--type-email,
#node-rwbusiness-form .form-item-path-0-alias input { direction: ltr; }
#node-rwbusiness-form .field--type-entity-reference  { display: inline-block; max-width: 30%; margin: 10px; }
#node-rwbusiness-form .field--type-entity-reference.field--name-field-rwbusiness-city { max-width: 100%; display: block; }
#node-rwbusiness-form .field--name-field-rwbusiness-profession { width: 98%; max-width: none; margin-top: 0; }
#node-rwbusiness-form .field--name-field-rwbusiness-profession input.form-autocomplete { width: 100% }

#node-faq-edit-form .field--name-field-faq-reference-content input { direction: ltr; padding-left: 30px; width: 100%; }

#node-faq-form .field--name-field-faq-reference-content input { direction: ltr; padding-left: 30px; width: 100%; }

/** slider          **/
#tns1-ow {}
#tns1-ow .slider-layer .slider-item { height: calc(75vh - 4rem); }
#tns1-ow .slider-layer .slider-text { padding: 0 2%; }
#tns1-ow .slider-layer .slider-text img { text-align: center;  margin: auto; }
#tns1-ow .slider-layer .item4 .slider-text img { margin: 0 2% }
#tns1-ow .slider-layer .slider-image { max-width: 100%; width: 75%; }

/** webform feedback **/
#webform-submission-feedback-add-form .form-submit { color: white; background: gray; padding: 5px 15px; border-radius: 20px;
    line-height: 1.2; margin: 10px; }
#webform-submission-feedback-add-form > fieldset, 
#webform-submission-feedback-add-form > div { width: 51% !important; }

/** edit fields **/
#edit-unique-field-fields { display: grid; grid-template-columns: auto auto auto; }
#edit-field-faq-reference-business-gro { display: grid; grid-auto-flow: column; grid-gap: 1px; grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(13, auto); }
#edit-field-faq-reference-business-gro-wrapper { margin: 1rem 0; }
#edit-field-faq-reference-business-gro-wrapper .fieldset-wrapper { margin: 10px; border-style: solid; border-width: thin;
    padding: 10px; border-radius: 5px; }

/** popup   **/
.popup-blocks-global { background: #fb9b19; font-size: medium; left: 5px; color: white; font-weight: bold; border-radius: 20px;
    border-style: hidden; }
.popup-blocks-global form { box-shadow: none; background-color: whitesmoke; }



/** admin forms **/
#system-modules { width: auto; max-width: unset; }
#ultimate-cron-job-list,
#background-image-settings,
#field-ui-field-storage-add-form,
#user-admin-settings,
#locale-translate-edit-form,
#entity-form-display-edit-form,
#webform-submission-bulk-form,
#webform-submission-filter-form,
#config-single-export-form,
#block-admin-display-form,
#pathauto-pattern-list,
#rw-settings-form,
#views-form-content-content-page,
#views-exposed-form-content-content-page,
#system-performance-settings,
#views-ui-preview-form,
#view-edit-form,
#entity-view-display-edit-form,
#field-config-edit-form,
#node-type-edit-form,
#system-clear-cache,
#user-admin-permissions,
#content-access-admin-settings { width: 100%; max-width: unset; }
#content-access-admin-settings .content_access-div { display: block; }
#block-ruhipro-exposedformprofspage-2,
#block-ruhipro-exposedformprofspage-1 { display: none; }

#metatag-defaults-edit-form { background-color: lightgray; }
#metatag-defaults-edit-form textarea { direction: rtl; }
#metatag-defaults-edit-form #edit-keywords { width: 100%; direction: rtl; }
#metatag-defaults-edit-form #edit-advanced #edit-robots-keyed > div,
#metatag-defaults-edit-form #edit-advanced .details-wrapper > div { width: 33% }
#metatag-defaults-edit-form #edit-advanced #edit-robots-keyed { width: 100%}


/** bell animation **/
@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(27deg); }
    3% { -webkit-transform: rotateZ(-26deg); }
    5% { -webkit-transform: rotateZ(31deg); }
    7% { -webkit-transform: rotateZ(-29deg); }
    9% { -webkit-transform: rotateZ(27deg); }
    11% { -webkit-transform: rotateZ(-26deg); }
    13% { -webkit-transform: rotateZ(24deg); }
    15% { -webkit-transform: rotateZ(-22deg); }
    17% { -webkit-transform: rotateZ(20deg); }
    19% { -webkit-transform: rotateZ(-18deg); }
    21% { -webkit-transform: rotateZ(16deg); }
    23% { -webkit-transform: rotateZ(-14deg); }
    25% { -webkit-transform: rotateZ(13deg); }
    27% { -webkit-transform: rotateZ(-11deg); }
    29% { -webkit-transform: rotateZ(9deg); }
    31% { -webkit-transform: rotateZ(-7deg); }
    33% { -webkit-transform: rotateZ(5deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }
    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    1% { -moz-transform: rotate(27deg); }
    3% { -moz-transform: rotate(-26deg); }
    5% { -moz-transform: rotate(31deg); }
    7% { -moz-transform: rotate(-29deg); }
    9% { -moz-transform: rotate(27deg); }
    11% { -moz-transform: rotate(-26deg); }
    13% { -moz-transform: rotate(24deg); }
    15% { -moz-transform: rotate(-22deg); }
    17% { -moz-transform: rotate(20deg); }
    19% { -moz-transform: rotate(-18deg); }
    21% { -moz-transform: rotate(16deg); }
    23% { -moz-transform: rotate(-14deg); }
    25% { -moz-transform: rotate(13deg); }
    27% { -moz-transform: rotate(-11deg); }
    29% { -moz-transform: rotate(9deg); }
    31% { -moz-transform: rotate(-7deg); }
    33% { -moz-transform: rotate(5deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }
    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-1.25em);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.pswp {}
.pswp .pswp__img, .pswp__zoom-wrap { width: 100%; height: auto; max-width: initial !important;}
.pswp .pswp__button { }
.pswp .pswp__button--arrow {
    margin: 20px;
    line-height: 1; 
    top: 30%;
    visibility: visible;
} 
.pswp .pswp__button--arrow--prev {} 
.pswp .pswp__button--arrow--next {}