You are here

Home » API reference » Bootstrap Styles 1.0.x

dark.css in Bootstrap Styles 1.0.x

Set base styles for the off-canvas autocomplete.

File

css/themes/dark.css
View source 
  1. #layout-builder-modal {

  2.   color: #ffffff;

  3.   background: #383A40;

  4.   padding: 1.5rem 2rem;

  5.   border-radius: 0 0 8px 8px;

  6.   /**

  7.  * @file

  8.  * Set base styles for the off-canvas autocomplete.

  9.  */

  10.   /**

  11.  * @file

  12.  * Set base styles for the off-canvas dialog.

  13.  */

  14.   /* Generic elements. */

  15.   /* Override jQuery UI */

  16.   /**

  17.  * @file

  18.  * Visual styling for buttons in the off-canvas dialog.

  19.  *

  20.  * @see seven/css/components/buttons.css

  21.  */

  22.   /**

  23.  * @file

  24.  * Visual styling for summary and details in the off-canvas dialog.

  25.  */

  26.   /**

  27.  * @file

  28.  * Styles for dropbuttons in the off-canvas dialog.

  29.  */

  30.   /*

  31.  * Style dropbutton single.

  32.  */

  33.   /*

  34.  * Style dropbutton multiple.

  35.  */

  36.   /* The toggle to expand the button. */

  37.   /* The toggle arrow. */

  38.   /* Push the widget to the right so text expands left. */

  39.   /**

  40.  * @file

  41.  * Visual styling for forms in the off-canvas dialog.

  42.  */

  43.   /* Reduce contrast for fields against dark background. */

  44.   /**

  45.  * @file

  46.  * Visual styling for buttons in the off-canvas inline custom block creation.

  47.  *

  48.  * @see seven/css/components/buttons.css

  49.  */

  50.   /**

  51.  * @file

  52.  * Reset most HTML elements styles for the off-canvas dialog.

  53.  *

  54.  * This is a generic reset. Drupal-specific classes are reset in components.

  55.  */

  56.   /* To standardize off-canvas selection color. */

  57.   /**

  58.  * @file

  59.  * Visual styling for tables in the off-canvas dialog.

  60.  */

  61.   /**

  62.  * @file

  63.  * Table drag behavior for off-canvas dialog.

  64.  *

  65.  * @see tabledrag.js

  66.  */

  67. }

  68. 

  69. #layout-builder-modal .ui-autocomplete {

  70.   border: 2px solid #727579;

  71.   border-radius: 8px;

  72.   background-color: #383A40;

  73.   padding: .5rem 0;

  74.   margin-top: 1rem;

  75. }

  76. 

  77. #layout-builder-modal .ui-autocomplete li a {

  78.   transition: all .3s ease-in-out;

  79.   display: block;

  80.   width: 100%;

  81.   padding: .75rem 1rem;

  82.   color: #41A5FF !important;

  83.   border: 0 !important;

  84. }

  85. 

  86. #layout-builder-modal .ui-autocomplete li a:hover {

  87.   color: #383A40 !important;

  88.   background-color: #41A5FF !important;

  89. }

  90. 

  91. #layout-builder-modal .ui-autocomplete .ui-state-active,

  92. #layout-builder-modal .ui-autocomplete .ui-widget-content .ui-state-active,

  93. #layout-builder-modal .ui-autocomplete .ui-widget-header .ui-state-active,

  94. #layout-builder-modal .ui-autocomplete .ui-autocomplete, #layout-builder-modal .ui-autocomplete .ui-autocomplete:hover,

  95. #layout-builder-modal .ui-autocomplete .ui-menu-item, #layout-builder-modal .ui-autocomplete .ui-menu-item:hover,

  96. #layout-builder-modal .ui-autocomplete .ui-menu-item a, #layout-builder-modal .ui-autocomplete .ui-menu-item a:hover,

  97. #layout-builder-modal .ui-autocomplete .ui-widget-content .ui-state-focus,

  98. #layout-builder-modal .ui-autocomplete .ui-widget-header .ui-state-focus,

  99. #layout-builder-modal .ui-autocomplete .ui-widget-content .ui-state-hover,

  100. #layout-builder-modal .ui-autocomplete .ui-widget-header .ui-state-hover,

  101. #layout-builder-modal .ui-autocomplete .ui-menu .ui-menu-item a.ui-state-focus,

  102. #layout-builder-modal .ui-autocomplete .ui-menu .ui-menu-item a.ui-state-active,

  103. #layout-builder-modal .ui-autocomplete .ui-menu .ui-menu-item a {

  104.   margin: 0;

  105.   display: block;

  106.   border: 0;

  107.   border-collapse: collapse;

  108. }

  109. 

  110. #layout-builder-modal a,

  111. #layout-builder-modal .link {

  112.   color: #41A5FF;

  113.   font-family: inherit;

  114. }

  115. 

  116. #layout-builder-modal hr {

  117.   background: #ffffff;

  118. }

  119. 

  120. #layout-builder-modal .ui-widget-content a {

  121.   color: #41A5FF !important;

  122. }

  123. 

  124. #layout-builder-modal .messages {

  125.   margin-bottom: 2rem;

  126.   padding-left: 3rem;

  127.   background-size: 40px;

  128.   background-position: 5px 10px;

  129.   background-repeat: no-repeat;

  130. }

  131. 

  132. #layout-builder-modal .messages--status {

  133.   color: #4c8157;

  134.   background-color: #dfede2;

  135.   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjM2RiMjU1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik01MSwxOWMtMTguMiwwLTMzLDE0LjgtMzMsMzNzMTQuOCwzMywzMywzM3MzMy0xNC44LDMzLTMzUzY5LjIsMTksNTEsMTl6IE01MSw4MWMtMTYsMC0yOS0xMy0yOS0yOXMxMy0yOSwyOS0yOSAgIHMyOSwxMywyOSwyOVM2Nyw4MSw1MSw4MXoiPjwvcGF0aD48cGF0aCBkPSJNNjQuMyw0My4zTDQ1LjgsNjEuN2MtMC4xLDAuMS0wLjMsMC4xLTAuNCwwbC03LjctNy43Yy0wLjgtMC44LTItMC44LTIuOCwwYy0wLjgsMC44LTAuOCwyLDAsMi44bDcuNyw3LjcgICBjMC44LDAuOCwxLjksMS4zLDMsMS4zYzEuMiwwLDIuMi0wLjQsMy0xLjNsMTguNS0xOC41YzAuOC0wLjgsMC44LTIsMC0yLjhTNjUuMSw0Mi41LDY0LjMsNDMuM3oiPjwvcGF0aD48L2c+PC9zdmc+");

  136. }

  137. 

  138. #layout-builder-modal .messages--status div, #layout-builder-modal .messages--status em {

  139.   color: #4c8157;

  140. }

  141. 

  142. #layout-builder-modal .messages--warning {

  143.   color: #dd9f14;

  144.   background-color: #fefaf2;

  145.   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZjZhYzA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTc2LjMyNyw2Ny41NzhMNTMuNjIyLDI4LjI1MWMtMC44NDgtMS40NjgtMi4xMTctMi4zMS0zLjQ4My0yLjMxcy0yLjYzNiwwLjg0Mi0zLjQ4MywyLjMxMUwyMy45NDgsNjcuNTc4ICAgYy0wLjg0NywxLjQ2OS0wLjk0MSwyLjk4OS0wLjI1OCw0LjE3MmMwLjY4MywxLjE4NCwyLjA0NywxLjg2MSwzLjc0MiwxLjg2MWg0NS40MTJjMS42OTUsMCwzLjA2MS0wLjY3OCwzLjc0Mi0xLjg2MSAgIEM3Ny4yNzEsNzAuNTY3LDc3LjE3Niw2OS4wNDcsNzYuMzI3LDY3LjU3OHogTTczLjk4OSw3MC4yNWMtMC4wOTYsMC4xNjctMC40NTMsMC4zNjEtMS4xNDUsMC4zNjFIMjcuNDMzICAgYy0wLjY5LDAtMS4wNDktMC4xOTUtMS4xNDUtMC4zNjFjLTAuMDk2LTAuMTY3LTAuMDg2LTAuNTc0LDAuMjU5LTEuMTcybDIyLjcwNi0zOS4zMjZjMC4zNDYtMC41OTksMC42OTMtMC44MTEsMC44ODYtMC44MTEgICBzMC41NCwwLjIxMiwwLjg4NiwwLjgxMWwyMi43MDUsMzkuMzI3Qzc0LjA3NSw2OS42NzcsNzQuMDg1LDcwLjA4NCw3My45ODksNzAuMjV6Ij48L3BhdGg+PHBhdGggZD0iTTUwLjEyMSw1OS41MTZjLTEuNDExLDAtMi40MDYsMS4wMjctMi40MDYsMi41MDNjLTAuMDMyLDEuNDQ2LDAuOTY0LDIuNTA2LDIuNDA2LDIuNTA2YzEuNDc5LDAsMi40NDEtMS4wNiwyLjQ0MS0yLjUwNiAgIEM1Mi41Myw2MC41NDMsNTEuNjAxLDU5LjUxNiw1MC4xMjEsNTkuNTE2eiI+PC9wYXRoPjxwYXRoIGQ9Ik01MC4xMzksNTcuMzgzYzAuODI5LDAsMS41LTAuNjcxLDEuNS0xLjV2LTExLjg5YzAtMC44MjktMC42NzEtMS41LTEuNS0xLjVzLTEuNSwwLjY3MS0xLjUsMS41djExLjg5ICAgQzQ4LjYzOSw1Ni43MTIsNDkuMzEsNTcuMzgzLDUwLjEzOSw1Ny4zODN6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");

  146. }

  147. 

  148. #layout-builder-modal .messages--warning div, #layout-builder-modal .messages--warning em {

  149.   color: #dd9f14;

  150. }

  151. 

  152. #layout-builder-modal .messages--error {

  153.   color: #bf3333;

  154.   background-color: #fcf5f5;

  155.   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZTI0YTRhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTc2LjMyNyw2Ny41NzhMNTMuNjIyLDI4LjI1MWMtMC44NDgtMS40NjgtMi4xMTctMi4zMS0zLjQ4My0yLjMxcy0yLjYzNiwwLjg0Mi0zLjQ4MywyLjMxMUwyMy45NDgsNjcuNTc4ICAgYy0wLjg0NywxLjQ2OS0wLjk0MSwyLjk4OS0wLjI1OCw0LjE3MmMwLjY4MywxLjE4NCwyLjA0NywxLjg2MSwzLjc0MiwxLjg2MWg0NS40MTJjMS42OTUsMCwzLjA2MS0wLjY3OCwzLjc0Mi0xLjg2MSAgIEM3Ny4yNzEsNzAuNTY3LDc3LjE3Niw2OS4wNDcsNzYuMzI3LDY3LjU3OHogTTczLjk4OSw3MC4yNWMtMC4wOTYsMC4xNjctMC40NTMsMC4zNjEtMS4xNDUsMC4zNjFIMjcuNDMzICAgYy0wLjY5LDAtMS4wNDktMC4xOTUtMS4xNDUtMC4zNjFjLTAuMDk2LTAuMTY3LTAuMDg2LTAuNTc0LDAuMjU5LTEuMTcybDIyLjcwNi0zOS4zMjZjMC4zNDYtMC41OTksMC42OTMtMC44MTEsMC44ODYtMC44MTEgICBzMC41NCwwLjIxMiwwLjg4NiwwLjgxMWwyMi43MDUsMzkuMzI3Qzc0LjA3NSw2OS42NzcsNzQuMDg1LDcwLjA4NCw3My45ODksNzAuMjV6Ij48L3BhdGg+PHBhdGggZD0iTTUwLjEyMSw1OS41MTZjLTEuNDExLDAtMi40MDYsMS4wMjctMi40MDYsMi41MDNjLTAuMDMyLDEuNDQ2LDAuOTY0LDIuNTA2LDIuNDA2LDIuNTA2YzEuNDc5LDAsMi40NDEtMS4wNiwyLjQ0MS0yLjUwNiAgIEM1Mi41Myw2MC41NDMsNTEuNjAxLDU5LjUxNiw1MC4xMjEsNTkuNTE2eiI+PC9wYXRoPjxwYXRoIGQ9Ik01MC4xMzksNTcuMzgzYzAuODI5LDAsMS41LTAuNjcxLDEuNS0xLjV2LTExLjg5YzAtMC44MjktMC42NzEtMS41LTEuNS0xLjVzLTEuNSwwLjY3MS0xLjUsMS41djExLjg5ICAgQzQ4LjYzOSw1Ni43MTIsNDkuMzEsNTcuMzgzLDUwLjEzOSw1Ny4zODN6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");

  156. }

  157. 

  158. #layout-builder-modal .messages--error div, #layout-builder-modal .messages--error em {

  159.   color: #bf3333;

  160. }

  161. 

  162. #layout-builder-modal button.link {

  163.   color: #383A40;

  164. }

  165. 

  166. #layout-builder-modal button.link:hover,

  167. #layout-builder-modal button.link:focus {

  168.   color: #ffffff;

  169. }

  170. 

  171. #layout-builder-modal button.button,

  172. #layout-builder-modal input[type="submit"].button {

  173.   margin: 1rem 0 0 0;

  174.   padding: 11px 20px;

  175.   color: #383A40;

  176.   border-radius: 8px;

  177.   background: #26A5FF;

  178.   font-weight: normal;

  179.   font-family: inherit;

  180.   border: 0;

  181.   width: 100%;

  182.   min-width: auto;

  183. }

  184. 

  185. #layout-builder-modal button.button:hover, #layout-builder-modal button.button:focus, #layout-builder-modal button.button:active,

  186. #layout-builder-modal input[type="submit"].button:hover,

  187. #layout-builder-modal input[type="submit"].button:focus,

  188. #layout-builder-modal input[type="submit"].button:active {

  189.   color: #383A40;

  190.   background: #008ef2;

  191. }

  192. 

  193. #layout-builder-modal button.button--primary,

  194. #layout-builder-modal input[type="submit"].button--primary {

  195.   color: #383A40;

  196.   background: #26A5FF;

  197.   border: 0;

  198.   text-align: center;

  199. }

  200. 

  201. #layout-builder-modal button.button--primary:hover, #layout-builder-modal button.button--primary:focus, #layout-builder-modal button.button--primary:active,

  202. #layout-builder-modal input[type="submit"].button--primary:hover,

  203. #layout-builder-modal input[type="submit"].button--primary:focus,

  204. #layout-builder-modal input[type="submit"].button--primary:active {

  205.   color: #383A40;

  206.   background: #008ef2;

  207. }

  208. 

  209. #layout-builder-modal .button:disabled,

  210. #layout-builder-modal .button:disabled:active,

  211. #layout-builder-modal .button.is-disabled,

  212. #layout-builder-modal .button.is-disabled:active {

  213.   color: #5c5c5c;

  214.   background: #555;

  215. }

  216. 

  217. #layout-builder-modal .button--danger {

  218.   color: #DC7C7C;

  219. }

  220. 

  221. #layout-builder-modal .button--danger:hover, #layout-builder-modal .button--danger:focus, #layout-builder-modal .button--danger:active {

  222.   color: #d15454;

  223. }

  224. 

  225. #layout-builder-modal .button--danger:disabled, #layout-builder-modal .button--danger.is-disabled {

  226.   color: #737373;

  227. }

  228. 

  229. #layout-builder-modal details {

  230.   padding: 0;

  231.   margin: 0 -10px;

  232.   border: 0;

  233. }

  234. 

  235. #layout-builder-modal details,

  236. #layout-builder-modal summary,

  237. #layout-builder-modal .ui-dialog-content {

  238.   outline: 0;

  239.   color: #ffffff;

  240.   background: transparent;

  241. }

  242. 

  243. #layout-builder-modal details,

  244. #layout-builder-modal summary,

  245. #layout-builder-modal .details-wrapper {

  246.   /* Cancel out the padding of the parent. */

  247.   margin: 0;

  248.   padding: 0;

  249.   background-image: none;

  250.   -webkit-appearance: none;

  251. }

  252. 

  253. #layout-builder-modal .details-wrapper {

  254.   padding: 1rem;

  255.   display: block;

  256. }

  257. 

  258. #layout-builder-modal summary {

  259.   position: relative;

  260.   border-radius: 8px;

  261.   margin: 4px 0;

  262.   min-height: 40px;

  263.   padding: 10px 20px;

  264.   font-size: 1rem;

  265.   font-weight: normal;

  266.   display: flex;

  267.   align-items: center;

  268.   background-color: transparent;

  269.   cursor: pointer;

  270. }

  271. 

  272. #layout-builder-modal summary * {

  273.   cursor: pointer;

  274. }

  275. 

  276. #layout-builder-modal summary img,

  277. #layout-builder-modal summary svg {

  278.   margin-right: 1rem;

  279.   width: 24px;

  280. }

  281. 

  282. #layout-builder-modal summary img g,

  283. #layout-builder-modal summary img path,

  284. #layout-builder-modal summary svg g,

  285. #layout-builder-modal summary svg path {

  286.   fill: #ffffff;

  287. }

  288. 

  289. #layout-builder-modal summary:after {

  290.   transition: all .3s ease-in-out;

  291.   position: absolute;

  292.   top: 15px;

  293.   right: 15px;

  294.   content: '';

  295.   display: inline-block;

  296.   border-right: 2px solid rgba(56, 58, 64, 0.6);

  297.   border-bottom: 2px solid rgba(56, 58, 64, 0.6);

  298.   width: 9px;

  299.   height: 9px;

  300.   transform: rotate(45deg);

  301. }

  302. 

  303. #layout-builder-modal summary::-webkit-details-marker {

  304.   display: none;

  305. }

  306. 

  307. #layout-builder-modal summary[aria-expanded='true'], #layout-builder-modal summary:hover, #layout-builder-modal summary:focus {

  308.   color: #26A5FF;

  309.   background-color: rgba(38, 165, 255, 0.14);

  310. }

  311. 

  312. #layout-builder-modal summary[aria-expanded='true']:after, #layout-builder-modal summary:hover:after, #layout-builder-modal summary:focus:after {

  313.   border-right-color: #26A5FF;

  314.   border-bottom-color: #26A5FF;

  315. }

  316. 

  317. #layout-builder-modal details[open] > summary {

  318.   color: #26A5FF;

  319.   background-color: #46484E;

  320. }

  321. 

  322. #layout-builder-modal details[open] > summary:after {

  323.   top: 20px;

  324.   transform: rotate(-135deg);

  325. }

  326. 

  327. #layout-builder-modal details[open] > summary:hover {

  328.   color: #26A5FF;

  329.   background-color: #46484E;

  330. }

  331. 

  332. #layout-builder-modal .dropbutton-widget {

  333.   color: #fff;

  334.   background: #277abd;

  335. }

  336. 

  337. #layout-builder-modal .dropbutton-widget:hover {

  338.   background: #2b8bd8;

  339. }

  340. 

  341. #layout-builder-modal .dropbutton li,

  342. #layout-builder-modal .dropbutton a {

  343.   color: #41A5FF;

  344. }

  345. 

  346. #layout-builder-modal .dropbutton li:hover,

  347. #layout-builder-modal .dropbutton li:focus,

  348. #layout-builder-modal .dropbutton a:hover,

  349. #layout-builder-modal .dropbutton a:focus {

  350.   color: #0e8dff;

  351.   background: transparent;

  352. }

  353. 

  354. #layout-builder-modal .dropbutton-multiple .dropbutton-widget:hover {

  355.   background-color: #a7d5ff;

  356. }

  357. 

  358. #layout-builder-modal .dropbutton-toggle {

  359.   color: #ffffff;

  360. }

  361. 

  362. #layout-builder-modal .dropbutton-arrow {

  363.   color: #ffffff;

  364. }

  365. 

  366. #layout-builder-modal td .dropbutton-widget {

  367.   background: #a7d5ff none;

  368. }

  369. 

  370. #layout-builder-modal td .dropbutton-multiple.open .dropbutton li,

  371. #layout-builder-modal td .dropbutton-multiple.open .dropbutton a {

  372.   color: #ffffff;

  373. }

  374. 

  375. #layout-builder-modal form {

  376.   color: #ffffff;

  377.   font-family: inherit;

  378. }

  379. 

  380. #layout-builder-modal input[type="checkbox"] {

  381.   margin-right: .5rem;

  382. }

  383. 

  384. #layout-builder-modal input[type="radio"] {

  385.   margin-right: .5rem;

  386. }

  387. 

  388. #layout-builder-modal label {

  389.   color: #ffffff;

  390.   font-size: 1rem;

  391.   font-weight: normal;

  392. }

  393. 

  394. #layout-builder-modal .description,

  395. #layout-builder-modal .form-item .description,

  396. #layout-builder-modal .details-description {

  397.   color: rgba(255, 255, 255, 0.5);

  398.   font-size: .875rem;

  399.   margin-top: .25rem;

  400.   margin-bottom: 1rem;

  401. }

  402. 

  403. #layout-builder-modal .form-item {

  404.   margin-top: .25rem;

  405.   margin-bottom: 1.5rem;

  406.   width: 100%;

  407. }

  408. 

  409. @media not all and (min-resolution: 0.001dpcm) {

  410.   @supports (-webkit-appearance: none) and (display: flow-root) {

  411.     #layout-builder-modal .form-item {

  412.       display: block;

  413.     }

  414.   }

  415. }

  416. 

  417. #layout-builder-modal .fieldset-legend {

  418.   font-size: .875rem;

  419.   margin-bottom: 0.5rem;

  420.   display: inline-block;

  421.   font-weight: normal;

  422.   color: rgba(255, 255, 255, 0.6);

  423. }

  424. 

  425. #layout-builder-modal .form-select {

  426.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjRTNFM0UzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0UzRTNFMyIgZD0iTTUwLjExMSw3Mi42NTljLTEuMDYxLDAtMi4wNzgtMC40MjItMi44MjktMS4xNzJMMTcuMjc1LDQxLjQ3NGMtMS41NjItMS41NjItMS41NjItNC4wOTUsMC4wMDEtNS42NTcgIGMxLjU2My0xLjU2Miw0LjA5Ni0xLjU2Miw1LjY1NywwbDI3LjE3OCwyNy4xODVsMjcuMTc4LTI3LjE4NWMxLjU2Mi0xLjU2Miw0LjA5NS0xLjU2Miw1LjY1NywwICBjMS41NjIsMS41NjIsMS41NjIsNC4wOTQsMC4wMDEsNS42NTdMNTIuOTQsNzEuNDg3QzUyLjE4OSw3Mi4yMzcsNTEuMTcyLDcyLjY1OSw1MC4xMTEsNzIuNjU5eiI+PC9wYXRoPjwvc3ZnPg==");

  427.   background-size: 25px;

  428.   background-position: right 10px center;

  429.   background-repeat: no-repeat;

  430.   -moz-appearance: none;

  431.   -webkit-appearance: none;

  432.   appearance: none;

  433. }

  434. 

  435. #layout-builder-modal .form-select option {

  436.   color: #000000;

  437. }

  438. 

  439. #layout-builder-modal .form-select,

  440. #layout-builder-modal .form-text,

  441. #layout-builder-modal .form-tel,

  442. #layout-builder-modal .form-email,

  443. #layout-builder-modal .form-url,

  444. #layout-builder-modal .form-search,

  445. #layout-builder-modal .form-number,

  446. #layout-builder-modal .form-color,

  447. #layout-builder-modal .form-file,

  448. #layout-builder-modal .form-textarea,

  449. #layout-builder-modal .form-date,

  450. #layout-builder-modal .form-time {

  451.   transition: all .3s ease-in-out;

  452.   color: inherit;

  453.   font-size: 1rem;

  454.   width: 100%;

  455.   border-radius: 8px;

  456.   padding: .65rem 1rem;

  457.   border: 2px solid #727579;

  458.   background-color: transparent;

  459.   box-shadow: none;

  460. }

  461. 

  462. #layout-builder-modal .form-select:hover,

  463. #layout-builder-modal .form-text:hover,

  464. #layout-builder-modal .form-tel:hover,

  465. #layout-builder-modal .form-email:hover,

  466. #layout-builder-modal .form-url:hover,

  467. #layout-builder-modal .form-search:hover,

  468. #layout-builder-modal .form-number:hover,

  469. #layout-builder-modal .form-color:hover,

  470. #layout-builder-modal .form-file:hover,

  471. #layout-builder-modal .form-textarea:hover,

  472. #layout-builder-modal .form-date:hover,

  473. #layout-builder-modal .form-time:hover {

  474.   border-color: rgba(255, 255, 255, 0.75);

  475. }

  476. 

  477. #layout-builder-modal .form-select:focus,

  478. #layout-builder-modal .form-text:focus,

  479. #layout-builder-modal .form-tel:focus,

  480. #layout-builder-modal .form-email:focus,

  481. #layout-builder-modal .form-url:focus,

  482. #layout-builder-modal .form-search:focus,

  483. #layout-builder-modal .form-number:focus,

  484. #layout-builder-modal .form-color:focus,

  485. #layout-builder-modal .form-file:focus,

  486. #layout-builder-modal .form-textarea:focus,

  487. #layout-builder-modal .form-date:focus,

  488. #layout-builder-modal .form-time:focus {

  489.   border-color: #41A5FF;

  490.   background-color: transparent;

  491.   box-shadow: none;

  492.   outline: 0;

  493. }

  494. 

  495. #layout-builder-modal .container-inline,

  496. #layout-builder-modal .ief-form .form-wrapper .form-wrapper:last-child[data-drupal-selector$="-actions"],

  497. #layout-builder-modal .ief-form > .fieldset-wrapper > .form-wrapper:last-child[data-drupal-selector$="-actions"] {

  498.   display: flex;

  499.   margin: 0 -1rem;

  500. }

  501. 

  502. #layout-builder-modal .container-inline > div,

  503. #layout-builder-modal .ief-form .form-wrapper .form-wrapper:last-child[data-drupal-selector$="-actions"] > div,

  504. #layout-builder-modal .ief-form > .fieldset-wrapper > .form-wrapper:last-child[data-drupal-selector$="-actions"] > div {

  505.   flex-grow: 1;

  506.   padding: 0 1rem;

  507. }

  508. 

  509. #layout-builder-modal .container-inline > input[type="submit"].button,

  510. #layout-builder-modal .ief-form .form-wrapper .form-wrapper:last-child[data-drupal-selector$="-actions"] > input[type="submit"].button,

  511. #layout-builder-modal .ief-form > .fieldset-wrapper > .form-wrapper:last-child[data-drupal-selector$="-actions"] > input[type="submit"].button {

  512.   margin-right: 1rem;

  513.   margin-left: 1rem;

  514. }

  515. 

  516. #layout-builder-modal .ief-form {

  517.   background-color: rgba(255, 255, 255, 0.035);

  518.   padding: 1rem 2rem 2rem 2rem;

  519.   border-radius: 8px;

  520. }

  521. 

  522. #layout-builder-modal .ief-form > legend {

  523.   float: left;

  524. }

  525. 

  526. #layout-builder-modal .ief-entity-table tr:hover td {

  527.   background-color: rgba(255, 255, 255, 0.035);

  528. }

  529. 

  530. #layout-builder-modal .ief-entity-table .ief-row-entity td:last-child {

  531.   width: 200px;

  532. }

  533. 

  534. #layout-builder-modal .ief-entity-operations {

  535.   display: flex;

  536. }

  537. 

  538. #layout-builder-modal .ief-entity-operations input[type="submit"].button {

  539.   font-size: .85rem;

  540.   padding: .5rem .75rem;

  541.   margin: .5rem;

  542. }

  543. 

  544. #layout-builder-modal .cke {

  545.   background-color: #ffffff;

  546. }

  547. 

  548. #layout-builder-modal .filter-wrapper .form-item {

  549.   margin-bottom: .25rem;

  550. }

  551. 

  552. #layout-builder-modal .cke_reset_all,

  553. #layout-builder-modal .cke_reset_all *,

  554. #layout-builder-modal .cke_reset_all a,

  555. #layout-builder-modal .cke_reset_all textarea {

  556.   color: #000000;

  557. }

  558. 

  559. #layout-builder-modal .js-text-format-wrapper .form-type-textarea {

  560.   margin-bottom: 0;

  561. }

  562. 

  563. #layout-builder-modal .filter-wrapper {

  564.   border-radius: 0 0 8px 8px;

  565. }

  566. 

  567. #layout-builder-modal .inline-block-create-button,

  568. #layout-builder-modal .inline-block-list__item {

  569.   transition: all .3s ease-in-out;

  570.   position: relative;

  571.   display: inline-block;

  572.   width: 100%;

  573.   height: auto;

  574.   cursor: pointer;

  575.   text-align: center;

  576.   border: 0 !important;

  577.   border-radius: 8px;

  578.   font-size: 1rem;

  579.   font-weight: normal;

  580.   box-shadow: none;

  581.   text-decoration: none !important;

  582. }

  583. 

  584. #layout-builder-modal .inline-block-create-button {

  585.   color: #383A40 !important;

  586.   background: #26A5FF !important;

  587.   padding: 15px 2rem !important;

  588.   margin: 20px auto !important;

  589. }

  590. 

  591. #layout-builder-modal .inline-block-create-button:hover {

  592.   background: #008ef2 !important;

  593. }

  594. 

  595. #layout-builder-modal .inline-block-create-button:before {

  596.   content: '';

  597.   width: 2rem;

  598.   height: 2rem;

  599.   position: absolute;

  600.   left: 1.5rem;

  601.   top: 50%;

  602.   display: block;

  603.   margin-top: -1rem;

  604.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMzgzYTQwIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOTUyLjM2MjE3KSI+PHBhdGggc3R5bGU9ImZvbnQtc2l6ZTptZWRpdW07Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7bGluZS1oZWlnaHQ6bm9ybWFsO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0Yjt3cml0aW5nLW1vZGU6bHItdGI7dGV4dC1hbmNob3I6c3RhcnQ7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7b3BhY2l0eToxO2NvbG9yOiMwMDAwMDA7ZmlsbDojMzgzYTQwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDo0O21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7Zm9udC1mYW1pbHk6U2FuczstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOlNhbnMiIGQ9Ik0gNDkuNjg3NSA0IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA0OC45Njg3NSA0LjI4MTI1IEwgMTIuOTY4NzUgMjYuMzEyNSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgMTIgMjggTCAxMiA3MS45Njg3NSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgMTIuOTY4NzUgNzMuNjg3NSBMIDQ4Ljk2ODc1IDk1LjY4NzUgQSAyLjAwMDIgMi4wMDAyIDAgMCAwIDUxLjAzMTI1IDk1LjY4NzUgTCA4Ny4wMzEyNSA3My42ODc1IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA4OCA3MS45Njg3NSBMIDg4IDI4IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA4Ny4wMzEyNSAyNi4zMTI1IEwgNTEuMDMxMjUgNC4yODEyNSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgNDkuNjg3NSA0IHogTSA1MCA4LjMxMjUgTCA4Mi40Njg3NSAyOC4xODc1IEwgNTAgNDcuNjU2MjUgTCAxNy41MzEyNSAyOC4xODc1IEwgNTAgOC4zMTI1IHogTSAxNiAzMS45MDYyNSBMIDQ4IDUxLjA5Mzc1IEwgNDggOTAuNDM3NSBMIDE2IDcwLjg0Mzc1IEwgMTYgMzEuOTA2MjUgeiBNIDg0IDMxLjkwNjI1IEwgODQgNzAuODQzNzUgTCA1MiA5MC40Mzc1IEwgNTIgNTEuMDkzNzUgTCA4NCAzMS45MDYyNSB6IE0gNjguNzgxMjUgNTAuOTY4NzUgQSAyLjAwMDIgMi4wMDAyIDAgMCAwIDY3IDUzIEwgNjcgNTkuODEyNSBMIDYxIDYzLjI1IEEgMi4wMDIwMzQ4IDIuMDAyMDM0OCAwIDEgMCA2MyA2Ni43MTg3NSBMIDY3IDY0LjQzNzUgTCA2NyA2OSBBIDIuMDAwMiAyLjAwMDIgMCAxIDAgNzEgNjkgTCA3MSA2Mi4xNTYyNSBMIDc3IDU4LjcxODc1IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA3NS45MDYyNSA1NC45Njg3NSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgNzUgNTUuMjUgTCA3MSA1Ny41MzEyNSBMIDcxIDUzIEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA2OC43ODEyNSA1MC45Njg3NSB6ICIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCw5NTIuMzYyMTcpIj48L3BhdGg+PC9nPjwvc3ZnPg==") transparent;

  605.   background-size: contain;

  606. }

  607. 

  608. #layout-builder-modal .inline-block-list {

  609.   margin-top: 1rem;

  610.   display: flex;

  611.   flex-wrap: wrap;

  612.   margin-right: -5px;

  613.   margin-left: -5px;

  614. }

  615. 

  616. #layout-builder-modal .inline-block-list li {

  617.   display: flex;

  618.   padding: 0 0.5rem 1rem 0.5rem;

  619.   width: 50%;

  620. }

  621. 

  622. #layout-builder-modal .inline-block-list__item {

  623.   font-size: .75rem;

  624.   padding: 11px !important;

  625.   color: #ffffff !important;

  626.   background: #292C32 !important;

  627.   margin: 0 !important;

  628.   display: flex !important;

  629.   flex-direction: column;

  630.   align-items: center;

  631.   height: 100%;

  632.   justify-content: center;

  633.   border-radius: 0;

  634.   min-height: 80px;

  635.   border-radius: 8px;

  636.   border: 2px solid transparent !important;

  637. }

  638. 

  639. #layout-builder-modal .inline-block-list__item:hover {

  640.   border: 2px solid #41A5FF !important;

  641. }

  642. 

  643. #layout-builder-modal .inline-block-list__item:focus {

  644.   color: #383A40 !important;

  645.   background-color: #41A5FF !important;

  646. }

  647. 

  648. #layout-builder-modal textarea,

  649. #layout-builder-modal select,

  650. #layout-builder-modal input[type="date"],

  651. #layout-builder-modal input[type="datetime"],

  652. #layout-builder-modal input[type="datetime-local"],

  653. #layout-builder-modal input[type="email"],

  654. #layout-builder-modal input[type="month"],

  655. #layout-builder-modal input[type="number"],

  656. #layout-builder-modal input[type="password"],

  657. #layout-builder-modal input[type="search"],

  658. #layout-builder-modal input[type="tel"],

  659. #layout-builder-modal input[type="text"],

  660. #layout-builder-modal input[type="time"],

  661. #layout-builder-modal input[type="url"],

  662. #layout-builder-modal input[type="week"] {

  663.   color: #ffffff;

  664.   padding: .65rem 1rem;

  665.   height: auto;

  666.   vertical-align: middle;

  667.   border-radius: 8px;

  668.   border: 2px solid #727579;

  669.   background-color: transparent;

  670. }

  671. 

  672. #layout-builder-modal textarea::placeholder,

  673. #layout-builder-modal select::placeholder,

  674. #layout-builder-modal input[type="date"]::placeholder,

  675. #layout-builder-modal input[type="datetime"]::placeholder,

  676. #layout-builder-modal input[type="datetime-local"]::placeholder,

  677. #layout-builder-modal input[type="email"]::placeholder,

  678. #layout-builder-modal input[type="month"]::placeholder,

  679. #layout-builder-modal input[type="number"]::placeholder,

  680. #layout-builder-modal input[type="password"]::placeholder,

  681. #layout-builder-modal input[type="search"]::placeholder,

  682. #layout-builder-modal input[type="tel"]::placeholder,

  683. #layout-builder-modal input[type="text"]::placeholder,

  684. #layout-builder-modal input[type="time"]::placeholder,

  685. #layout-builder-modal input[type="url"]::placeholder,

  686. #layout-builder-modal input[type="week"]::placeholder {

  687.   color: rgba(255, 255, 255, 0.5);

  688. }

  689. 

  690. #layout-builder-modal textarea[disabled],

  691. #layout-builder-modal select[disabled],

  692. #layout-builder-modal input[type="date"][disabled],

  693. #layout-builder-modal input[type="datetime"][disabled],

  694. #layout-builder-modal input[type="datetime-local"][disabled],

  695. #layout-builder-modal input[type="email"][disabled],

  696. #layout-builder-modal input[type="month"][disabled],

  697. #layout-builder-modal input[type="number"][disabled],

  698. #layout-builder-modal input[type="password"][disabled],

  699. #layout-builder-modal input[type="search"][disabled],

  700. #layout-builder-modal input[type="tel"][disabled],

  701. #layout-builder-modal input[type="text"][disabled],

  702. #layout-builder-modal input[type="time"][disabled],

  703. #layout-builder-modal input[type="url"][disabled],

  704. #layout-builder-modal input[type="week"][disabled] {

  705.   background-color: rgba(255, 255, 255, 0.1);

  706. }

  707. 

  708. #layout-builder-modal input:placeholder,

  709. #layout-builder-modal textarea:placeholder {

  710.   color: rgba(255, 255, 255, 0.8);

  711. }

  712. 

  713. #layout-builder-modal optgroup {

  714.   color: black;

  715. }

  716. 

  717. #layout-builder-modal * button {

  718.   color: black;

  719.   border: none;

  720. }

  721. 

  722. #layout-builder-modal * textarea,

  723. #layout-builder-modal * select,

  724. #layout-builder-modal *:not(div) textarea,

  725. #layout-builder-modal *:not(div) select {

  726.   color: black;

  727.   border: 1px solid grey;

  728.   background: white;

  729. }

  730. 

  731. #layout-builder-modal ::-moz-selection,

  732. #layout-builder-modal ::selection {

  733.   color: inherit;

  734.   background-color: rgba(175, 175, 175, 0.5);

  735. }

  736. 

  737. #layout-builder-modal table {

  738.   color: #ffffff;

  739. }

  740. 

  741. #layout-builder-modal td,

  742. #layout-builder-modal th {

  743.   border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  744. }

  745. 

  746. #layout-builder-modal td {

  747.   color: #ffffff;

  748.   vertical-align: middle;

  749. }

  750. 

  751. #layout-builder-modal tr:hover td {

  752.   background-color: rgba(255, 255, 255, 0.035);

  753. }

  754. 

  755. #layout-builder-modal .drag {

  756.   cursor: move;

  757. }

  758. 

  759. #layout-builder-modal tr.region-title {

  760.   font-weight: normal;

  761. }

  762. 

  763. #layout-builder-modal table .region-message {

  764.   color: #fff;

  765. }

  766. 

  767. #layout-builder-modal table .region-populated {

  768.   display: none;

  769. }

  770. 

  771. #layout-builder-modal .add-new .tabledrag-changed {

  772.   display: none;

  773. }

  774. 

  775. #layout-builder-modal .draggable a.tabledrag-handle {

  776.   float: left;

  777.   /* LTR */

  778.   overflow: hidden;

  779.   min-width: 20px;

  780.   height: auto;

  781.   margin: 0 5px 0 0;

  782.   padding: 0;

  783.   cursor: move;

  784.   text-decoration: none;

  785.   background-image: none;

  786. }

  787. 

  788. #layout-builder-modal [dir="rtl"] .draggable a.tabledrag-handle {

  789.   float: right;

  790.   margin-right: 0;

  791.   margin-left: 5px;

  792. }

  793. 

  794. #layout-builder-modal a.tabledrag-handle .handle {

  795.   transition: all .3s ease-in-out;

  796.   width: auto;

  797.   height: auto;

  798.   margin: 0;

  799.   padding: 0;

  800.   background-color: transparent;

  801.   /* Use lighter drag icon against dark background. */

  802.   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZGJkYmRiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTAgOTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkwIDkwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNzYuOSw0Mi42bC0wLjUtMC41YzAsMCwwLDAsMCwwbC04LjEtNy40Yy0wLjYtMC42LTEuNS0wLjYtMi4xLDBsLTAuMywwLjVjLTAuNiwwLjYtMC40LDEuNSwwLjIsMmw0LjgsNC4zSDQ3LjVWMTguMiAgIGw0LjMsNC44YzAuNiwwLjYsMS41LDAuOCwyLDAuMmwwLjUtMC4zYzAuNi0wLjYsMC42LTEuNSwwLTIuMWwtNy4xLTcuN2MtMC4yLTAuMy0wLjQtMC42LTAuOC0wLjhMNDYuNCwxMmMtMC4zLTAuMy0wLjYtMC40LTEtMC40ICAgYy0wLjQsMC0wLjcsMC4xLTEsMC40bC0wLjUsMC41YzAsMCwwLDAsMCwwbC03LjIsOGMtMC42LDAuNi0wLjYsMS41LDAsMi4xbDAuNSwwLjNjMC42LDAuNiwxLjUsMC40LDItMC4ybDQuMy00Ljh2MjMuNUgyMGw0LjgtNC4zICAgYzAuNi0wLjYsMC44LTEuNSwwLjItMmwtMC4zLTAuNWMtMC42LTAuNi0xLjUtMC42LTIuMSwwbC03LjcsNy4xYy0wLjMsMC4yLTAuNiwwLjQtMC44LDAuOGwtMC4xLDAuMWMtMC4zLDAuMy0wLjQsMC42LTAuNCwxICAgYzAsMC40LDAuMSwwLjcsMC40LDFsMC41LDAuNWMwLDAsMCwwLDAsMGw4LDcuMmMwLjYsMC42LDEuNSwwLjYsMi4xLDBsMC4zLTAuNWMwLjYtMC42LDAuNC0xLjUtMC4yLTJsLTQuOC00LjNoMjMuN3YyMy42bC00LjMtNC44ICAgYy0wLjYtMC42LTEuNS0wLjgtMi0wLjJsLTAuNSwwLjNjLTAuNiwwLjYtMC42LDEuNSwwLDIuMWw3LjIsOGMwLDAsMCwwLDAsMGwwLjUsMC41YzAuMywwLjMsMC42LDAuNCwxLDAuNGMwLjQsMCwwLjctMC4xLDEtMC40ICAgbDAuNS0wLjVjMCwwLDAsMCwwLDBsNy40LTguMWMwLjYtMC42LDAuNi0xLjUsMC0yLjFsLTAuNS0wLjNjLTAuNi0wLjYtMS41LTAuNC0yLDAuMmwtNC4zLDQuOFY0NS41aDIzLjRsLTQuOCw0LjMgICBjLTAuNiwwLjYtMC44LDEuNS0wLjIsMmwwLjMsMC41YzAuNiwwLjYsMS41LDAuNiwyLjEsMGw4LTcuMmMwLDAsMCwwLDAsMGwwLjUtMC41YzAuMy0wLjMsMC40LTAuNiwwLjQtMSAgIEM3Ny4zLDQzLjIsNzcuMiw0Mi44LDc2LjksNDIuNnoiPjwvcGF0aD48L2c+PC9zdmc+");

  803.   background-repeat: no-repeat;

  804.   background-position: center;

  805.   background-size: 100%;

  806.   opacity: .75;

  807. }

  808. 

  809. #layout-builder-modal .draggable a.tabledrag-handle:hover .handle,

  810. #layout-builder-modal .draggable a.tabledrag-handle:focus .handle {

  811.   text-decoration: none;

  812.   opacity: 1;

  813. }

  814. 

  815. #layout-builder-modal tr td {

  816.   transition: background 0.3s ease;

  817. }

  818. 

  819. #layout-builder-modal tr td abbr {

  820.   margin-left: 5px;

  821.   /* LTR */

  822. }

  823. 

  824. #layout-builder-modal [dir="rtl"] tr td abbr {

  825.   margin-right: 5px;

  826.   margin-left: 0;

  827. }

  828. 

  829. #layout-builder-modal tr:hover td {

  830.   background: #2c2e32;

  831. }

  832. 

  833. #layout-builder-modal tr.drag td {

  834.   background: #27292d;

  835. }

  836. 

  837. #layout-builder-modal tr.drag-previous td {

  838.   background: #202125;

  839. }

  840. 

  841. #layout-builder-modal tr.drag-previous:hover td {

  842.   background: #1b1c1f;

  843. }

  844. 

  845. #layout-builder-modal button.link.tabledrag-toggle-weight {

  846.   color: #41A5FF;

  847.   outline: none;

  848.   margin-bottom: 1rem;

  849. }

  850. 

  851. #layout-builder-modal div.tabledrag-changed-warning {

  852.   color: #edb537;

  853.   margin-bottom: 1.5rem;

  854. }

  855. 

  856. #layout-builder-modal .touchevents .draggable td {

  857.   padding: 0 10px;

  858. }

  859. 

  860. #layout-builder-modal .touchevents .draggable .menu-item__link {

  861.   display: inline-block;

  862.   padding: 10px 0;

  863. }

  864. 

  865. #layout-builder-modal .touchevents a.tabledrag-handle {

  866.   width: 40px;

  867.   height: 44px;

  868. }

  869. 

  870. #layout-builder-modal .touchevents a.tabledrag-handle .handle {

  871.   height: 21px;

  872.   background-position: 40% 19px;

  873.   /* LTR */

  874. }

  875. 

  876. #layout-builder-modal [dir="rtl"] .touch a.tabledrag-handle .handle {

  877.   background-position: right 40% top 19px;

  878. }

  879. 

  880. #layout-builder-modal .touchevents .draggable.drag a.tabledrag-handle .handle {

  881.   background-position: 50% -32px;

  882. }

  883. 

  884. #layout-builder-modal .tabledrag-toggle-weight-wrapper {

  885.   padding-top: 10px;

  886.   text-align: right;

  887.   /* LTR */

  888. }

  889. 

  890. #layout-builder-modal [dir="rtl"] .tabledrag-toggle-weight-wrapper {

  891.   text-align: left;

  892. }

  893. 

  894. #layout-builder-modal .indentation {

  895.   float: left;

  896.   /* LTR */

  897.   width: auto;

  898.   height: auto;

  899.   margin: 0 3px 0 -10px;

  900.   /* LTR */

  901.   padding: 0 0 0 10px;

  902.   /* LTR */

  903. }

  904. 

  905. #layout-builder-modal [dir="rtl"] .indentation {

  906.   float: right;

  907.   margin: 0 -10px 0 3px;

  908.   padding: 0 10px 0 0;

  909. }

  910. 

  911. #layout-builder-modal #bs_ui {

  912.   margin: -1.5rem -2rem;

  913. }

  914. 

  915. #layout-builder-modal #bs_ui #bs_nav-tabs {

  916.   margin: 0 -40px 30px -40px;

  917.   width: calc(100% + 40px);

  918. }

  919. 

  920. #layout-builder-modal #bs_ui .blb_tab-content {

  921.   padding: 0 2rem;

  922. }

  923. 

  924. #layout-builder-modal form > #bs_ui ~ button.button,

  925. #layout-builder-modal form > #bs_ui ~ input[type="submit"].button,

  926. #layout-builder-modal form > .form-wrapper ~ button.button,

  927. #layout-builder-modal form > .form-wrapper ~ input[type="submit"].button {

  928.   float: right;

  929.   margin: 1.5rem 0;

  930.   width: auto !important;

  931. }

  932. 

  933. .ui-dialog.ui-layout-builder-modal {

  934.   border: 0;

  935.   border-radius: 8px;

  936.   background: transparent;

  937. }

  938. 

  939. .ui-dialog.ui-layout-builder-modal .ui-dialog-titlebar {

  940.   font-weight: normal;

  941.   font-size: 1.5rem;

  942.   padding: 1rem 2rem;

  943.   border-radius: 8px 8px 0 0;

  944.   background-color: #292C32;

  945.   color: #ffffff;

  946.   border: 0;

  947. }

  948. 

  949. .ui-dialog.ui-layout-builder-modal .ui-dialog-titlebar-close {

  950.   right: 2rem;

  951.   top: 50%;

  952.   margin-top: -.75rem;

  953.   width: 1.5rem;

  954.   height: 1.5rem;

  955.   opacity: .6;

  956.   border: 0;

  957.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODUuODEyIDg1LjgxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODUuODEyIDg1LjgxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTcwLjY5LDE0LjEyMWMtMTUuNjIxLTE1LjYyLTQwLjk0NS0xNS42Mi01Ni41NjgsMGMtMTUuNjIxLDE1LjYyLTE1LjYyLDQwLjk0NiwwLDU2LjU2NyAgIGMxNS42MjQsMTUuNjIzLDQwLjk0OSwxNS42MjMsNTYuNTY5LDAuMDAyQzg2LjMxMiw1NS4wNzEsODYuMzEzLDI5Ljc0NCw3MC42OSwxNC4xMjF6IE01NC44NzEsNTkuMjlMNDIuNDA2LDQ2LjgyNUwyOS45NDIsNTkuMjkgICBjLTEuMjIzLDEuMjIzLTMuMjAyLDEuMjIyLTQuNDIyLDAuMDAyYy0xLjIyMy0xLjIyNC0xLjIyMS0zLjIsMC00LjQyMmwxMi40NjYtMTIuNDY2TDI1LjUyMiwyOS45NDEgICBjLTEuMjIzLTEuMjIzLTEuMjIzLTMuMjAxLDAtNC40MjFjMS4yMTktMS4yMjIsMy4xOTktMS4yMjMsNC40MiwwbDEyLjQ2NSwxMi40NjRMNTQuODcsMjUuNTJjMS4yMjItMS4yMjIsMy4xOTktMS4yMjIsNC40MiwwLjAwMSAgIGMxLjIyMSwxLjIxOSwxLjIyMiwzLjE5OCwwLjAwMSw0LjQxOUw0Ni44MjYsNDIuNDA0bDEyLjQ2NSwxMi40NjZjMS4yMjIsMS4yMjIsMS4yMjIsMy4yMDEsMCw0LjQyMlM1Ni4wOTMsNjAuNTEyLDU0Ljg3MSw1OS4yOXoiPjwvcGF0aD48L2c+PC9zdmc+") center center no-repeat #383A40;

  958.   background-size: contain;

  959.   outline: 0;

  960.   border-radius: 1.5rem;

  961. }

  962. 

  963. .ui-dialog.ui-layout-builder-modal .ui-dialog-titlebar-close:hover, .ui-dialog.ui-layout-builder-modal .ui-dialog-titlebar-close:focus {

  964.   opacity: 1;

  965.   border: 0;

  966.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODUuODEyIDg1LjgxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODUuODEyIDg1LjgxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTcwLjY5LDE0LjEyMWMtMTUuNjIxLTE1LjYyLTQwLjk0NS0xNS42Mi01Ni41NjgsMGMtMTUuNjIxLDE1LjYyLTE1LjYyLDQwLjk0NiwwLDU2LjU2NyAgIGMxNS42MjQsMTUuNjIzLDQwLjk0OSwxNS42MjMsNTYuNTY5LDAuMDAyQzg2LjMxMiw1NS4wNzEsODYuMzEzLDI5Ljc0NCw3MC42OSwxNC4xMjF6IE01NC44NzEsNTkuMjlMNDIuNDA2LDQ2LjgyNUwyOS45NDIsNTkuMjkgICBjLTEuMjIzLDEuMjIzLTMuMjAyLDEuMjIyLTQuNDIyLDAuMDAyYy0xLjIyMy0xLjIyNC0xLjIyMS0zLjIsMC00LjQyMmwxMi40NjYtMTIuNDY2TDI1LjUyMiwyOS45NDEgICBjLTEuMjIzLTEuMjIzLTEuMjIzLTMuMjAxLDAtNC40MjFjMS4yMTktMS4yMjIsMy4xOTktMS4yMjMsNC40MiwwbDEyLjQ2NSwxMi40NjRMNTQuODcsMjUuNTJjMS4yMjItMS4yMjIsMy4xOTktMS4yMjIsNC40MiwwLjAwMSAgIGMxLjIyMSwxLjIxOSwxLjIyMiwzLjE5OCwwLjAwMSw0LjQxOUw0Ni44MjYsNDIuNDA0bDEyLjQ2NSwxMi40NjZjMS4yMjIsMS4yMjIsMS4yMjIsMy4yMDEsMCw0LjQyMlM1Ni4wOTMsNjAuNTEyLDU0Ljg3MSw1OS4yOXoiPjwvcGF0aD48L2c+PC9zdmc+") center center no-repeat #383A40;

  967.   background-size: contain;

  968. }

  969. 

  970. /**

  971.  * @file

  972.  * Styling for the off-canvas ui dialog. Including overrides for jQuery UI.

  973.  */

  974. .ui-dialog-off-canvas {

  975.   padding: 0 30px 30px;

  976. }

  977. 

  978. /* Style the dialog-off-canvas container. */

  979. .ui-dialog.ui-dialog-off-canvas {

  980.   font-size: 16px;

  981.   color: #ffffff;

  982.   background: #383A40;

  983. }

  984. 

  985. @media only screen and (min-width: 1200px) {

  986.   .ui-dialog.ui-dialog-off-canvas {

  987.     min-width: 350px;

  988.   }

  989. }

  990. 

  991. .ui-widget.ui-dialog.ui-dialog-off-canvas {

  992.   border: 1px solid transparent;

  993. }

  994. 

  995. /* Style the off-canvas dialog header. */

  996. .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {

  997.   color: #ffffff;

  998.   border-bottom: 1px solid #727579;

  999.   background: #383A40;

  1000. }

  1001. 

  1002. .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {

  1003.   top: 50%;

  1004.   margin-top: -.75rem;

  1005.   width: 1.5rem;

  1006.   height: 1.5rem;

  1007.   opacity: .6;

  1008.   border: 0;

  1009.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODUuODEyIDg1LjgxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODUuODEyIDg1LjgxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTcwLjY5LDE0LjEyMWMtMTUuNjIxLTE1LjYyLTQwLjk0NS0xNS42Mi01Ni41NjgsMGMtMTUuNjIxLDE1LjYyLTE1LjYyLDQwLjk0NiwwLDU2LjU2NyAgIGMxNS42MjQsMTUuNjIzLDQwLjk0OSwxNS42MjMsNTYuNTY5LDAuMDAyQzg2LjMxMiw1NS4wNzEsODYuMzEzLDI5Ljc0NCw3MC42OSwxNC4xMjF6IE01NC44NzEsNTkuMjlMNDIuNDA2LDQ2LjgyNUwyOS45NDIsNTkuMjkgICBjLTEuMjIzLDEuMjIzLTMuMjAyLDEuMjIyLTQuNDIyLDAuMDAyYy0xLjIyMy0xLjIyNC0xLjIyMS0zLjIsMC00LjQyMmwxMi40NjYtMTIuNDY2TDI1LjUyMiwyOS45NDEgICBjLTEuMjIzLTEuMjIzLTEuMjIzLTMuMjAxLDAtNC40MjFjMS4yMTktMS4yMjIsMy4xOTktMS4yMjMsNC40MiwwbDEyLjQ2NSwxMi40NjRMNTQuODcsMjUuNTJjMS4yMjItMS4yMjIsMy4xOTktMS4yMjIsNC40MiwwLjAwMSAgIGMxLjIyMSwxLjIxOSwxLjIyMiwzLjE5OCwwLjAwMSw0LjQxOUw0Ni44MjYsNDIuNDA0bDEyLjQ2NSwxMi40NjZjMS4yMjIsMS4yMjIsMS4yMjIsMy4yMDEsMCw0LjQyMlM1Ni4wOTMsNjAuNTEyLDU0Ljg3MSw1OS4yOXoiPjwvcGF0aD48L2c+PC9zdmc+") center center no-repeat #383A40;

  1010.   background-size: contain;

  1011.   outline: 0;

  1012.   border-radius: 1.5rem;

  1013. }

  1014. 

  1015. .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover, .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:focus {

  1016.   opacity: 1;

  1017.   border: 0;

  1018.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODUuODEyIDg1LjgxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODUuODEyIDg1LjgxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTcwLjY5LDE0LjEyMWMtMTUuNjIxLTE1LjYyLTQwLjk0NS0xNS42Mi01Ni41NjgsMGMtMTUuNjIxLDE1LjYyLTE1LjYyLDQwLjk0NiwwLDU2LjU2NyAgIGMxNS42MjQsMTUuNjIzLDQwLjk0OSwxNS42MjMsNTYuNTY5LDAuMDAyQzg2LjMxMiw1NS4wNzEsODYuMzEzLDI5Ljc0NCw3MC42OSwxNC4xMjF6IE01NC44NzEsNTkuMjlMNDIuNDA2LDQ2LjgyNUwyOS45NDIsNTkuMjkgICBjLTEuMjIzLDEuMjIzLTMuMjAyLDEuMjIyLTQuNDIyLDAuMDAyYy0xLjIyMy0xLjIyNC0xLjIyMS0zLjIsMC00LjQyMmwxMi40NjYtMTIuNDY2TDI1LjUyMiwyOS45NDEgICBjLTEuMjIzLTEuMjIzLTEuMjIzLTMuMjAxLDAtNC40MjFjMS4yMTktMS4yMjIsMy4xOTktMS4yMjMsNC40MiwwbDEyLjQ2NSwxMi40NjRMNTQuODcsMjUuNTJjMS4yMjItMS4yMjIsMy4xOTktMS4yMjIsNC40MiwwLjAwMSAgIGMxLjIyMSwxLjIxOSwxLjIyMiwzLjE5OCwwLjAwMSw0LjQxOUw0Ni44MjYsNDIuNDA0bDEyLjQ2NSwxMi40NjZjMS4yMjIsMS4yMjIsMS4yMjIsMy4yMDEsMCw0LjQyMlM1Ni4wOTMsNjAuNTEyLDU0Ljg3MSw1OS4yOXoiPjwvcGF0aD48L2c+PC9zdmc+") center center no-repeat #383A40;

  1019.   background-size: contain;

  1020. }

  1021. 

  1022. .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {

  1023.   padding-left: 40px;

  1024.   /* LTR */

  1025.   font-family: inherit;

  1026.   font-size: 1.25rem;

  1027.   max-width: auto;

  1028. }

  1029. 

  1030. [dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {

  1031.   padding-right: 40px;

  1032. }

  1033. 

  1034. .ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {

  1035.   background: transparent url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNTEsMzBoLTcuMzVjLTAuODI3LTIuMzI2LTMuMDQ0LTQtNS42NS00cy00LjgyMywxLjY3NC01LjY1LDRIMTNjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMTkuMzUgICBjMC44MjcsMi4zMjYsMy4wNDQsNCw1LjY1LDRzNC44MjMtMS42NzQsNS42NS00SDUxYzEuMTA0LDAsMi0wLjg5NiwyLTJTNTIuMTA0LDMwLDUxLDMweiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMywxOWg4LjM1YzAuODI3LDIuMzI2LDMuMDQ0LDQsNS42NSw0czQuODIzLTEuNjc0LDUuNjUtNEg1MWMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkgzMi42NSAgIGMtMC44MjctMi4zMjYtMy4wNDQtNC01LjY1LTRzLTQuODIzLDEuNjc0LTUuNjUsNEgxM2MtMS4xMDQsMC0yLDAuODk2LTIsMlMxMS44OTYsMTksMTMsMTl6Ij48L3BhdGg+PHBhdGggZD0iTTUxLDQ1SDMyLjY1Yy0wLjgyNy0yLjMyNi0zLjA0NC00LTUuNjUtNHMtNC44MjMsMS42NzQtNS42NSw0SDEzYy0xLjEwNCwwLTIsMC44OTYtMiwyczAuODk2LDIsMiwyaDguMzUgICBjMC44MjcsMi4zMjYsMy4wNDQsNCw1LjY1LDRzNC44MjMtMS42NzQsNS42NS00SDUxYzEuMTA0LDAsMi0wLjg5NiwyLTJTNTIuMTA0LDQ1LDUxLDQ1eiI+PC9wYXRoPjwvZz48L3N2Zz4=") no-repeat scroll center center;

  1036.   background-size: 100% auto;

  1037. }

  1038. 

  1039. .ui-dialog .ui-resizable-w {

  1040.   left: -20px;

  1041.   width: 20px;

  1042.   cursor: col-resize;

  1043. }

  1044. 

  1045. .ui-dialog .ui-resizable-w:before {

  1046.   transition: all .3s ease-in-out;

  1047.   height: 75px;

  1048.   width: 20px;

  1049.   content: '';

  1050.   background-color: #383A40;

  1051.   display: block;

  1052.   position: absolute;

  1053.   top: 50%;

  1054.   margin-top: -10px;

  1055.   border-radius: 4px 0 0 4px;

  1056.   box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.6);

  1057. }

  1058. 

  1059. .ui-dialog .ui-resizable-w:after {

  1060.   transition: all .3s ease-in-out;

  1061.   height: 55px;

  1062.   width: 6px;

  1063.   content: '';

  1064.   display: block;

  1065.   position: absolute;

  1066.   left: 8px;

  1067.   top: 50%;

  1068.   margin-top: 0;

  1069.   background-size: contain;

  1070.   border-left: 1px solid #202125;

  1071.   border-right: 1px solid #202125;

  1072. }

  1073. 

  1074. .ui-dialog .ui-resizable-w:hover:before {

  1075.   box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.6), inset -7px 0px 7px -7px rgba(0, 0, 0, 0.2);

  1076. }

  1077. 

  1078. .ui-dialog .ui-resizable-w:hover:after {

  1079.   border-left-color: #141517;

  1080.   border-right-color: #141517;

  1081. }

  1082. 

  1083. #drupal-off-canvas {

  1084.   width: 100% !important;

  1085.   /* Set some global attributes. */

  1086.   /**

  1087.  * @file

  1088.  * Set base styles for the off-canvas autocomplete.

  1089.  */

  1090.   /**

  1091.  * @file

  1092.  * Set base styles for the off-canvas dialog.

  1093.  */

  1094.   /* Generic elements. */

  1095.   /* Override jQuery UI */

  1096.   /**

  1097.  * @file

  1098.  * Visual styling for buttons in the off-canvas dialog.

  1099.  *

  1100.  * @see seven/css/components/buttons.css

  1101.  */

  1102.   /**

  1103.  * @file

  1104.  * Visual styling for summary and details in the off-canvas dialog.

  1105.  */

  1106.   /**

  1107.  * @file

  1108.  * Styles for dropbuttons in the off-canvas dialog.

  1109.  */

  1110.   /*

  1111.  * Style dropbutton single.

  1112.  */

  1113.   /*

  1114.  * Style dropbutton multiple.

  1115.  */

  1116.   /* The toggle to expand the button. */

  1117.   /* The toggle arrow. */

  1118.   /* Push the widget to the right so text expands left. */

  1119.   /**

  1120.  * @file

  1121.  * Visual styling for forms in the off-canvas dialog.

  1122.  */

  1123.   /* Reduce contrast for fields against dark background. */

  1124.   /**

  1125.  * @file

  1126.  * Visual styling for buttons in the off-canvas inline custom block creation.

  1127.  *

  1128.  * @see seven/css/components/buttons.css

  1129.  */

  1130.   /**

  1131.  * @file

  1132.  * Reset most HTML elements styles for the off-canvas dialog.

  1133.  *

  1134.  * This is a generic reset. Drupal-specific classes are reset in components.

  1135.  */

  1136.   /* To standardize off-canvas selection color. */

  1137.   /**

  1138.  * @file

  1139.  * Visual styling for tables in the off-canvas dialog.

  1140.  */

  1141.   /**

  1142.  * @file

  1143.  * Table drag behavior for off-canvas dialog.

  1144.  *

  1145.  * @see tabledrag.js

  1146.  */

  1147. }

  1148. 

  1149. #drupal-off-canvas *,

  1150. #drupal-off-canvas *:not(div) {

  1151.   color: #ffffff;

  1152.   background: unset;

  1153.   font-family: inherit;

  1154. }

  1155. 

  1156. #drupal-off-canvas .ui-autocomplete {

  1157.   border: 2px solid #727579;

  1158.   border-radius: 8px;

  1159.   background-color: #383A40;

  1160.   padding: .5rem 0;

  1161.   margin-top: 1rem;

  1162. }

  1163. 

  1164. #drupal-off-canvas .ui-autocomplete li a {

  1165.   transition: all .3s ease-in-out;

  1166.   display: block;

  1167.   width: 100%;

  1168.   padding: .75rem 1rem;

  1169.   color: #41A5FF !important;

  1170.   border: 0 !important;

  1171. }

  1172. 

  1173. #drupal-off-canvas .ui-autocomplete li a:hover {

  1174.   color: #383A40 !important;

  1175.   background-color: #41A5FF !important;

  1176. }

  1177. 

  1178. #drupal-off-canvas .ui-autocomplete .ui-state-active,

  1179. #drupal-off-canvas .ui-autocomplete .ui-widget-content .ui-state-active,

  1180. #drupal-off-canvas .ui-autocomplete .ui-widget-header .ui-state-active,

  1181. #drupal-off-canvas .ui-autocomplete .ui-autocomplete, #drupal-off-canvas .ui-autocomplete .ui-autocomplete:hover,

  1182. #drupal-off-canvas .ui-autocomplete .ui-menu-item, #drupal-off-canvas .ui-autocomplete .ui-menu-item:hover,

  1183. #drupal-off-canvas .ui-autocomplete .ui-menu-item a, #drupal-off-canvas .ui-autocomplete .ui-menu-item a:hover,

  1184. #drupal-off-canvas .ui-autocomplete .ui-widget-content .ui-state-focus,

  1185. #drupal-off-canvas .ui-autocomplete .ui-widget-header .ui-state-focus,

  1186. #drupal-off-canvas .ui-autocomplete .ui-widget-content .ui-state-hover,

  1187. #drupal-off-canvas .ui-autocomplete .ui-widget-header .ui-state-hover,

  1188. #drupal-off-canvas .ui-autocomplete .ui-menu .ui-menu-item a.ui-state-focus,

  1189. #drupal-off-canvas .ui-autocomplete .ui-menu .ui-menu-item a.ui-state-active,

  1190. #drupal-off-canvas .ui-autocomplete .ui-menu .ui-menu-item a {

  1191.   margin: 0;

  1192.   display: block;

  1193.   border: 0;

  1194.   border-collapse: collapse;

  1195. }

  1196. 

  1197. #drupal-off-canvas a,

  1198. #drupal-off-canvas .link {

  1199.   color: #41A5FF;

  1200.   font-family: inherit;

  1201. }

  1202. 

  1203. #drupal-off-canvas hr {

  1204.   background: #ffffff;

  1205. }

  1206. 

  1207. #drupal-off-canvas .ui-widget-content a {

  1208.   color: #41A5FF !important;

  1209. }

  1210. 

  1211. #drupal-off-canvas .messages {

  1212.   margin-bottom: 2rem;

  1213.   padding-left: 3rem;

  1214.   background-size: 40px;

  1215.   background-position: 5px 10px;

  1216.   background-repeat: no-repeat;

  1217. }

  1218. 

  1219. #drupal-off-canvas .messages--status {

  1220.   color: #4c8157;

  1221.   background-color: #dfede2;

  1222.   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjM2RiMjU1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik01MSwxOWMtMTguMiwwLTMzLDE0LjgtMzMsMzNzMTQuOCwzMywzMywzM3MzMy0xNC44LDMzLTMzUzY5LjIsMTksNTEsMTl6IE01MSw4MWMtMTYsMC0yOS0xMy0yOS0yOXMxMy0yOSwyOS0yOSAgIHMyOSwxMywyOSwyOVM2Nyw4MSw1MSw4MXoiPjwvcGF0aD48cGF0aCBkPSJNNjQuMyw0My4zTDQ1LjgsNjEuN2MtMC4xLDAuMS0wLjMsMC4xLTAuNCwwbC03LjctNy43Yy0wLjgtMC44LTItMC44LTIuOCwwYy0wLjgsMC44LTAuOCwyLDAsMi44bDcuNyw3LjcgICBjMC44LDAuOCwxLjksMS4zLDMsMS4zYzEuMiwwLDIuMi0wLjQsMy0xLjNsMTguNS0xOC41YzAuOC0wLjgsMC44LTIsMC0yLjhTNjUuMSw0Mi41LDY0LjMsNDMuM3oiPjwvcGF0aD48L2c+PC9zdmc+");

  1223. }

  1224. 

  1225. #drupal-off-canvas .messages--status div, #drupal-off-canvas .messages--status em {

  1226.   color: #4c8157;

  1227. }

  1228. 

  1229. #drupal-off-canvas .messages--warning {

  1230.   color: #dd9f14;

  1231.   background-color: #fefaf2;

  1232.   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZjZhYzA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTc2LjMyNyw2Ny41NzhMNTMuNjIyLDI4LjI1MWMtMC44NDgtMS40NjgtMi4xMTctMi4zMS0zLjQ4My0yLjMxcy0yLjYzNiwwLjg0Mi0zLjQ4MywyLjMxMUwyMy45NDgsNjcuNTc4ICAgYy0wLjg0NywxLjQ2OS0wLjk0MSwyLjk4OS0wLjI1OCw0LjE3MmMwLjY4MywxLjE4NCwyLjA0NywxLjg2MSwzLjc0MiwxLjg2MWg0NS40MTJjMS42OTUsMCwzLjA2MS0wLjY3OCwzLjc0Mi0xLjg2MSAgIEM3Ny4yNzEsNzAuNTY3LDc3LjE3Niw2OS4wNDcsNzYuMzI3LDY3LjU3OHogTTczLjk4OSw3MC4yNWMtMC4wOTYsMC4xNjctMC40NTMsMC4zNjEtMS4xNDUsMC4zNjFIMjcuNDMzICAgYy0wLjY5LDAtMS4wNDktMC4xOTUtMS4xNDUtMC4zNjFjLTAuMDk2LTAuMTY3LTAuMDg2LTAuNTc0LDAuMjU5LTEuMTcybDIyLjcwNi0zOS4zMjZjMC4zNDYtMC41OTksMC42OTMtMC44MTEsMC44ODYtMC44MTEgICBzMC41NCwwLjIxMiwwLjg4NiwwLjgxMWwyMi43MDUsMzkuMzI3Qzc0LjA3NSw2OS42NzcsNzQuMDg1LDcwLjA4NCw3My45ODksNzAuMjV6Ij48L3BhdGg+PHBhdGggZD0iTTUwLjEyMSw1OS41MTZjLTEuNDExLDAtMi40MDYsMS4wMjctMi40MDYsMi41MDNjLTAuMDMyLDEuNDQ2LDAuOTY0LDIuNTA2LDIuNDA2LDIuNTA2YzEuNDc5LDAsMi40NDEtMS4wNiwyLjQ0MS0yLjUwNiAgIEM1Mi41Myw2MC41NDMsNTEuNjAxLDU5LjUxNiw1MC4xMjEsNTkuNTE2eiI+PC9wYXRoPjxwYXRoIGQ9Ik01MC4xMzksNTcuMzgzYzAuODI5LDAsMS41LTAuNjcxLDEuNS0xLjV2LTExLjg5YzAtMC44MjktMC42NzEtMS41LTEuNS0xLjVzLTEuNSwwLjY3MS0xLjUsMS41djExLjg5ICAgQzQ4LjYzOSw1Ni43MTIsNDkuMzEsNTcuMzgzLDUwLjEzOSw1Ny4zODN6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");

  1233. }

  1234. 

  1235. #drupal-off-canvas .messages--warning div, #drupal-off-canvas .messages--warning em {

  1236.   color: #dd9f14;

  1237. }

  1238. 

  1239. #drupal-off-canvas .messages--error {

  1240.   color: #bf3333;

  1241.   background-color: #fcf5f5;

  1242.   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZTI0YTRhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTc2LjMyNyw2Ny41NzhMNTMuNjIyLDI4LjI1MWMtMC44NDgtMS40NjgtMi4xMTctMi4zMS0zLjQ4My0yLjMxcy0yLjYzNiwwLjg0Mi0zLjQ4MywyLjMxMUwyMy45NDgsNjcuNTc4ICAgYy0wLjg0NywxLjQ2OS0wLjk0MSwyLjk4OS0wLjI1OCw0LjE3MmMwLjY4MywxLjE4NCwyLjA0NywxLjg2MSwzLjc0MiwxLjg2MWg0NS40MTJjMS42OTUsMCwzLjA2MS0wLjY3OCwzLjc0Mi0xLjg2MSAgIEM3Ny4yNzEsNzAuNTY3LDc3LjE3Niw2OS4wNDcsNzYuMzI3LDY3LjU3OHogTTczLjk4OSw3MC4yNWMtMC4wOTYsMC4xNjctMC40NTMsMC4zNjEtMS4xNDUsMC4zNjFIMjcuNDMzICAgYy0wLjY5LDAtMS4wNDktMC4xOTUtMS4xNDUtMC4zNjFjLTAuMDk2LTAuMTY3LTAuMDg2LTAuNTc0LDAuMjU5LTEuMTcybDIyLjcwNi0zOS4zMjZjMC4zNDYtMC41OTksMC42OTMtMC44MTEsMC44ODYtMC44MTEgICBzMC41NCwwLjIxMiwwLjg4NiwwLjgxMWwyMi43MDUsMzkuMzI3Qzc0LjA3NSw2OS42NzcsNzQuMDg1LDcwLjA4NCw3My45ODksNzAuMjV6Ij48L3BhdGg+PHBhdGggZD0iTTUwLjEyMSw1OS41MTZjLTEuNDExLDAtMi40MDYsMS4wMjctMi40MDYsMi41MDNjLTAuMDMyLDEuNDQ2LDAuOTY0LDIuNTA2LDIuNDA2LDIuNTA2YzEuNDc5LDAsMi40NDEtMS4wNiwyLjQ0MS0yLjUwNiAgIEM1Mi41Myw2MC41NDMsNTEuNjAxLDU5LjUxNiw1MC4xMjEsNTkuNTE2eiI+PC9wYXRoPjxwYXRoIGQ9Ik01MC4xMzksNTcuMzgzYzAuODI5LDAsMS41LTAuNjcxLDEuNS0xLjV2LTExLjg5YzAtMC44MjktMC42NzEtMS41LTEuNS0xLjVzLTEuNSwwLjY3MS0xLjUsMS41djExLjg5ICAgQzQ4LjYzOSw1Ni43MTIsNDkuMzEsNTcuMzgzLDUwLjEzOSw1Ny4zODN6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");

  1243. }

  1244. 

  1245. #drupal-off-canvas .messages--error div, #drupal-off-canvas .messages--error em {

  1246.   color: #bf3333;

  1247. }

  1248. 

  1249. #drupal-off-canvas button.link {

  1250.   color: #383A40;

  1251. }

  1252. 

  1253. #drupal-off-canvas button.link:hover,

  1254. #drupal-off-canvas button.link:focus {

  1255.   color: #ffffff;

  1256. }

  1257. 

  1258. #drupal-off-canvas button.button,

  1259. #drupal-off-canvas input[type="submit"].button {

  1260.   margin: 1rem 0 0 0;

  1261.   padding: 11px 20px;

  1262.   color: #383A40;

  1263.   border-radius: 8px;

  1264.   background: #26A5FF;

  1265.   font-weight: normal;

  1266.   font-family: inherit;

  1267.   border: 0;

  1268.   width: 100%;

  1269.   min-width: auto;

  1270. }

  1271. 

  1272. #drupal-off-canvas button.button:hover, #drupal-off-canvas button.button:focus, #drupal-off-canvas button.button:active,

  1273. #drupal-off-canvas input[type="submit"].button:hover,

  1274. #drupal-off-canvas input[type="submit"].button:focus,

  1275. #drupal-off-canvas input[type="submit"].button:active {

  1276.   color: #383A40;

  1277.   background: #008ef2;

  1278. }

  1279. 

  1280. #drupal-off-canvas button.button--primary,

  1281. #drupal-off-canvas input[type="submit"].button--primary {

  1282.   color: #383A40;

  1283.   background: #26A5FF;

  1284.   border: 0;

  1285.   text-align: center;

  1286. }

  1287. 

  1288. #drupal-off-canvas button.button--primary:hover, #drupal-off-canvas button.button--primary:focus, #drupal-off-canvas button.button--primary:active,

  1289. #drupal-off-canvas input[type="submit"].button--primary:hover,

  1290. #drupal-off-canvas input[type="submit"].button--primary:focus,

  1291. #drupal-off-canvas input[type="submit"].button--primary:active {

  1292.   color: #383A40;

  1293.   background: #008ef2;

  1294. }

  1295. 

  1296. #drupal-off-canvas .button:disabled,

  1297. #drupal-off-canvas .button:disabled:active,

  1298. #drupal-off-canvas .button.is-disabled,

  1299. #drupal-off-canvas .button.is-disabled:active {

  1300.   color: #5c5c5c;

  1301.   background: #555;

  1302. }

  1303. 

  1304. #drupal-off-canvas .button--danger {

  1305.   color: #DC7C7C;

  1306. }

  1307. 

  1308. #drupal-off-canvas .button--danger:hover, #drupal-off-canvas .button--danger:focus, #drupal-off-canvas .button--danger:active {

  1309.   color: #d15454;

  1310. }

  1311. 

  1312. #drupal-off-canvas .button--danger:disabled, #drupal-off-canvas .button--danger.is-disabled {

  1313.   color: #737373;

  1314. }

  1315. 

  1316. #drupal-off-canvas details {

  1317.   padding: 0;

  1318.   margin: 0 -10px;

  1319.   border: 0;

  1320. }

  1321. 

  1322. #drupal-off-canvas details,

  1323. #drupal-off-canvas summary,

  1324. #drupal-off-canvas .ui-dialog-content {

  1325.   outline: 0;

  1326.   color: #ffffff;

  1327.   background: transparent;

  1328. }

  1329. 

  1330. #drupal-off-canvas details,

  1331. #drupal-off-canvas summary,

  1332. #drupal-off-canvas .details-wrapper {

  1333.   /* Cancel out the padding of the parent. */

  1334.   margin: 0;

  1335.   padding: 0;

  1336.   background-image: none;

  1337.   -webkit-appearance: none;

  1338. }

  1339. 

  1340. #drupal-off-canvas .details-wrapper {

  1341.   padding: 1rem;

  1342.   display: block;

  1343. }

  1344. 

  1345. #drupal-off-canvas summary {

  1346.   position: relative;

  1347.   border-radius: 8px;

  1348.   margin: 4px 0;

  1349.   min-height: 40px;

  1350.   padding: 10px 20px;

  1351.   font-size: 1rem;

  1352.   font-weight: normal;

  1353.   display: flex;

  1354.   align-items: center;

  1355.   background-color: transparent;

  1356.   cursor: pointer;

  1357. }

  1358. 

  1359. #drupal-off-canvas summary * {

  1360.   cursor: pointer;

  1361. }

  1362. 

  1363. #drupal-off-canvas summary img,

  1364. #drupal-off-canvas summary svg {

  1365.   margin-right: 1rem;

  1366.   width: 24px;

  1367. }

  1368. 

  1369. #drupal-off-canvas summary img g,

  1370. #drupal-off-canvas summary img path,

  1371. #drupal-off-canvas summary svg g,

  1372. #drupal-off-canvas summary svg path {

  1373.   fill: #ffffff;

  1374. }

  1375. 

  1376. #drupal-off-canvas summary:after {

  1377.   transition: all .3s ease-in-out;

  1378.   position: absolute;

  1379.   top: 15px;

  1380.   right: 15px;

  1381.   content: '';

  1382.   display: inline-block;

  1383.   border-right: 2px solid rgba(56, 58, 64, 0.6);

  1384.   border-bottom: 2px solid rgba(56, 58, 64, 0.6);

  1385.   width: 9px;

  1386.   height: 9px;

  1387.   transform: rotate(45deg);

  1388. }

  1389. 

  1390. #drupal-off-canvas summary::-webkit-details-marker {

  1391.   display: none;

  1392. }

  1393. 

  1394. #drupal-off-canvas summary[aria-expanded='true'], #drupal-off-canvas summary:hover, #drupal-off-canvas summary:focus {

  1395.   color: #26A5FF;

  1396.   background-color: rgba(38, 165, 255, 0.14);

  1397. }

  1398. 

  1399. #drupal-off-canvas summary[aria-expanded='true']:after, #drupal-off-canvas summary:hover:after, #drupal-off-canvas summary:focus:after {

  1400.   border-right-color: #26A5FF;

  1401.   border-bottom-color: #26A5FF;

  1402. }

  1403. 

  1404. #drupal-off-canvas details[open] > summary {

  1405.   color: #26A5FF;

  1406.   background-color: #46484E;

  1407. }

  1408. 

  1409. #drupal-off-canvas details[open] > summary:after {

  1410.   top: 20px;

  1411.   transform: rotate(-135deg);

  1412. }

  1413. 

  1414. #drupal-off-canvas details[open] > summary:hover {

  1415.   color: #26A5FF;

  1416.   background-color: #46484E;

  1417. }

  1418. 

  1419. #drupal-off-canvas .dropbutton-widget {

  1420.   color: #fff;

  1421.   background: #277abd;

  1422. }

  1423. 

  1424. #drupal-off-canvas .dropbutton-widget:hover {

  1425.   background: #2b8bd8;

  1426. }

  1427. 

  1428. #drupal-off-canvas .dropbutton li,

  1429. #drupal-off-canvas .dropbutton a {

  1430.   color: #41A5FF;

  1431. }

  1432. 

  1433. #drupal-off-canvas .dropbutton li:hover,

  1434. #drupal-off-canvas .dropbutton li:focus,

  1435. #drupal-off-canvas .dropbutton a:hover,

  1436. #drupal-off-canvas .dropbutton a:focus {

  1437.   color: #0e8dff;

  1438.   background: transparent;

  1439. }

  1440. 

  1441. #drupal-off-canvas .dropbutton-multiple .dropbutton-widget:hover {

  1442.   background-color: #a7d5ff;

  1443. }

  1444. 

  1445. #drupal-off-canvas .dropbutton-toggle {

  1446.   color: #ffffff;

  1447. }

  1448. 

  1449. #drupal-off-canvas .dropbutton-arrow {

  1450.   color: #ffffff;

  1451. }

  1452. 

  1453. #drupal-off-canvas td .dropbutton-widget {

  1454.   background: #a7d5ff none;

  1455. }

  1456. 

  1457. #drupal-off-canvas td .dropbutton-multiple.open .dropbutton li,

  1458. #drupal-off-canvas td .dropbutton-multiple.open .dropbutton a {

  1459.   color: #ffffff;

  1460. }

  1461. 

  1462. #drupal-off-canvas form {

  1463.   color: #ffffff;

  1464.   font-family: inherit;

  1465. }

  1466. 

  1467. #drupal-off-canvas input[type="checkbox"] {

  1468.   margin-right: .5rem;

  1469. }

  1470. 

  1471. #drupal-off-canvas input[type="radio"] {

  1472.   margin-right: .5rem;

  1473. }

  1474. 

  1475. #drupal-off-canvas label {

  1476.   color: #ffffff;

  1477.   font-size: 1rem;

  1478.   font-weight: normal;

  1479. }

  1480. 

  1481. #drupal-off-canvas .description,

  1482. #drupal-off-canvas .form-item .description,

  1483. #drupal-off-canvas .details-description {

  1484.   color: rgba(255, 255, 255, 0.5);

  1485.   font-size: .875rem;

  1486.   margin-top: .25rem;

  1487.   margin-bottom: 1rem;

  1488. }

  1489. 

  1490. #drupal-off-canvas .form-item {

  1491.   margin-top: .25rem;

  1492.   margin-bottom: 1.5rem;

  1493.   width: 100%;

  1494. }

  1495. 

  1496. @media not all and (min-resolution: 0.001dpcm) {

  1497.   @supports (-webkit-appearance: none) and (display: flow-root) {

  1498.     #drupal-off-canvas .form-item {

  1499.       display: block;

  1500.     }

  1501.   }

  1502. }

  1503. 

  1504. #drupal-off-canvas .fieldset-legend {

  1505.   font-size: .875rem;

  1506.   margin-bottom: 0.5rem;

  1507.   display: inline-block;

  1508.   font-weight: normal;

  1509.   color: rgba(255, 255, 255, 0.6);

  1510. }

  1511. 

  1512. #drupal-off-canvas .form-select {

  1513.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjRTNFM0UzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0UzRTNFMyIgZD0iTTUwLjExMSw3Mi42NTljLTEuMDYxLDAtMi4wNzgtMC40MjItMi44MjktMS4xNzJMMTcuMjc1LDQxLjQ3NGMtMS41NjItMS41NjItMS41NjItNC4wOTUsMC4wMDEtNS42NTcgIGMxLjU2My0xLjU2Miw0LjA5Ni0xLjU2Miw1LjY1NywwbDI3LjE3OCwyNy4xODVsMjcuMTc4LTI3LjE4NWMxLjU2Mi0xLjU2Miw0LjA5NS0xLjU2Miw1LjY1NywwICBjMS41NjIsMS41NjIsMS41NjIsNC4wOTQsMC4wMDEsNS42NTdMNTIuOTQsNzEuNDg3QzUyLjE4OSw3Mi4yMzcsNTEuMTcyLDcyLjY1OSw1MC4xMTEsNzIuNjU5eiI+PC9wYXRoPjwvc3ZnPg==");

  1514.   background-size: 25px;

  1515.   background-position: right 10px center;

  1516.   background-repeat: no-repeat;

  1517.   -moz-appearance: none;

  1518.   -webkit-appearance: none;

  1519.   appearance: none;

  1520. }

  1521. 

  1522. #drupal-off-canvas .form-select option {

  1523.   color: #000000;

  1524. }

  1525. 

  1526. #drupal-off-canvas .form-select,

  1527. #drupal-off-canvas .form-text,

  1528. #drupal-off-canvas .form-tel,

  1529. #drupal-off-canvas .form-email,

  1530. #drupal-off-canvas .form-url,

  1531. #drupal-off-canvas .form-search,

  1532. #drupal-off-canvas .form-number,

  1533. #drupal-off-canvas .form-color,

  1534. #drupal-off-canvas .form-file,

  1535. #drupal-off-canvas .form-textarea,

  1536. #drupal-off-canvas .form-date,

  1537. #drupal-off-canvas .form-time {

  1538.   transition: all .3s ease-in-out;

  1539.   color: inherit;

  1540.   font-size: 1rem;

  1541.   width: 100%;

  1542.   border-radius: 8px;

  1543.   padding: .65rem 1rem;

  1544.   border: 2px solid #727579;

  1545.   background-color: transparent;

  1546.   box-shadow: none;

  1547. }

  1548. 

  1549. #drupal-off-canvas .form-select:hover,

  1550. #drupal-off-canvas .form-text:hover,

  1551. #drupal-off-canvas .form-tel:hover,

  1552. #drupal-off-canvas .form-email:hover,

  1553. #drupal-off-canvas .form-url:hover,

  1554. #drupal-off-canvas .form-search:hover,

  1555. #drupal-off-canvas .form-number:hover,

  1556. #drupal-off-canvas .form-color:hover,

  1557. #drupal-off-canvas .form-file:hover,

  1558. #drupal-off-canvas .form-textarea:hover,

  1559. #drupal-off-canvas .form-date:hover,

  1560. #drupal-off-canvas .form-time:hover {

  1561.   border-color: rgba(255, 255, 255, 0.75);

  1562. }

  1563. 

  1564. #drupal-off-canvas .form-select:focus,

  1565. #drupal-off-canvas .form-text:focus,

  1566. #drupal-off-canvas .form-tel:focus,

  1567. #drupal-off-canvas .form-email:focus,

  1568. #drupal-off-canvas .form-url:focus,

  1569. #drupal-off-canvas .form-search:focus,

  1570. #drupal-off-canvas .form-number:focus,

  1571. #drupal-off-canvas .form-color:focus,

  1572. #drupal-off-canvas .form-file:focus,

  1573. #drupal-off-canvas .form-textarea:focus,

  1574. #drupal-off-canvas .form-date:focus,

  1575. #drupal-off-canvas .form-time:focus {

  1576.   border-color: #41A5FF;

  1577.   background-color: transparent;

  1578.   box-shadow: none;

  1579.   outline: 0;

  1580. }

  1581. 

  1582. #drupal-off-canvas .container-inline,

  1583. #drupal-off-canvas .ief-form .form-wrapper .form-wrapper:last-child[data-drupal-selector$="-actions"],

  1584. #drupal-off-canvas .ief-form > .fieldset-wrapper > .form-wrapper:last-child[data-drupal-selector$="-actions"] {

  1585.   display: flex;

  1586.   margin: 0 -1rem;

  1587. }

  1588. 

  1589. #drupal-off-canvas .container-inline > div,

  1590. #drupal-off-canvas .ief-form .form-wrapper .form-wrapper:last-child[data-drupal-selector$="-actions"] > div,

  1591. #drupal-off-canvas .ief-form > .fieldset-wrapper > .form-wrapper:last-child[data-drupal-selector$="-actions"] > div {

  1592.   flex-grow: 1;

  1593.   padding: 0 1rem;

  1594. }

  1595. 

  1596. #drupal-off-canvas .container-inline > input[type="submit"].button,

  1597. #drupal-off-canvas .ief-form .form-wrapper .form-wrapper:last-child[data-drupal-selector$="-actions"] > input[type="submit"].button,

  1598. #drupal-off-canvas .ief-form > .fieldset-wrapper > .form-wrapper:last-child[data-drupal-selector$="-actions"] > input[type="submit"].button {

  1599.   margin-right: 1rem;

  1600.   margin-left: 1rem;

  1601. }

  1602. 

  1603. #drupal-off-canvas .ief-form {

  1604.   background-color: rgba(255, 255, 255, 0.035);

  1605.   padding: 1rem 2rem 2rem 2rem;

  1606.   border-radius: 8px;

  1607. }

  1608. 

  1609. #drupal-off-canvas .ief-form > legend {

  1610.   float: left;

  1611. }

  1612. 

  1613. #drupal-off-canvas .ief-entity-table tr:hover td {

  1614.   background-color: rgba(255, 255, 255, 0.035);

  1615. }

  1616. 

  1617. #drupal-off-canvas .ief-entity-table .ief-row-entity td:last-child {

  1618.   width: 200px;

  1619. }

  1620. 

  1621. #drupal-off-canvas .ief-entity-operations {

  1622.   display: flex;

  1623. }

  1624. 

  1625. #drupal-off-canvas .ief-entity-operations input[type="submit"].button {

  1626.   font-size: .85rem;

  1627.   padding: .5rem .75rem;

  1628.   margin: .5rem;

  1629. }

  1630. 

  1631. #drupal-off-canvas .cke {

  1632.   background-color: #ffffff;

  1633. }

  1634. 

  1635. #drupal-off-canvas .filter-wrapper .form-item {

  1636.   margin-bottom: .25rem;

  1637. }

  1638. 

  1639. #drupal-off-canvas .cke_reset_all,

  1640. #drupal-off-canvas .cke_reset_all *,

  1641. #drupal-off-canvas .cke_reset_all a,

  1642. #drupal-off-canvas .cke_reset_all textarea {

  1643.   color: #000000;

  1644. }

  1645. 

  1646. #drupal-off-canvas .js-text-format-wrapper .form-type-textarea {

  1647.   margin-bottom: 0;

  1648. }

  1649. 

  1650. #drupal-off-canvas .filter-wrapper {

  1651.   border-radius: 0 0 8px 8px;

  1652. }

  1653. 

  1654. #drupal-off-canvas .inline-block-create-button,

  1655. #drupal-off-canvas .inline-block-list__item {

  1656.   transition: all .3s ease-in-out;

  1657.   position: relative;

  1658.   display: inline-block;

  1659.   width: 100%;

  1660.   height: auto;

  1661.   cursor: pointer;

  1662.   text-align: center;

  1663.   border: 0 !important;

  1664.   border-radius: 8px;

  1665.   font-size: 1rem;

  1666.   font-weight: normal;

  1667.   box-shadow: none;

  1668.   text-decoration: none !important;

  1669. }

  1670. 

  1671. #drupal-off-canvas .inline-block-create-button {

  1672.   color: #383A40 !important;

  1673.   background: #26A5FF !important;

  1674.   padding: 15px 2rem !important;

  1675.   margin: 20px auto !important;

  1676. }

  1677. 

  1678. #drupal-off-canvas .inline-block-create-button:hover {

  1679.   background: #008ef2 !important;

  1680. }

  1681. 

  1682. #drupal-off-canvas .inline-block-create-button:before {

  1683.   content: '';

  1684.   width: 2rem;

  1685.   height: 2rem;

  1686.   position: absolute;

  1687.   left: 1.5rem;

  1688.   top: 50%;

  1689.   display: block;

  1690.   margin-top: -1rem;

  1691.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMzgzYTQwIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOTUyLjM2MjE3KSI+PHBhdGggc3R5bGU9ImZvbnQtc2l6ZTptZWRpdW07Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7bGluZS1oZWlnaHQ6bm9ybWFsO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0Yjt3cml0aW5nLW1vZGU6bHItdGI7dGV4dC1hbmNob3I6c3RhcnQ7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7b3BhY2l0eToxO2NvbG9yOiMwMDAwMDA7ZmlsbDojMzgzYTQwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDo0O21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7Zm9udC1mYW1pbHk6U2FuczstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOlNhbnMiIGQ9Ik0gNDkuNjg3NSA0IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA0OC45Njg3NSA0LjI4MTI1IEwgMTIuOTY4NzUgMjYuMzEyNSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgMTIgMjggTCAxMiA3MS45Njg3NSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgMTIuOTY4NzUgNzMuNjg3NSBMIDQ4Ljk2ODc1IDk1LjY4NzUgQSAyLjAwMDIgMi4wMDAyIDAgMCAwIDUxLjAzMTI1IDk1LjY4NzUgTCA4Ny4wMzEyNSA3My42ODc1IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA4OCA3MS45Njg3NSBMIDg4IDI4IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA4Ny4wMzEyNSAyNi4zMTI1IEwgNTEuMDMxMjUgNC4yODEyNSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgNDkuNjg3NSA0IHogTSA1MCA4LjMxMjUgTCA4Mi40Njg3NSAyOC4xODc1IEwgNTAgNDcuNjU2MjUgTCAxNy41MzEyNSAyOC4xODc1IEwgNTAgOC4zMTI1IHogTSAxNiAzMS45MDYyNSBMIDQ4IDUxLjA5Mzc1IEwgNDggOTAuNDM3NSBMIDE2IDcwLjg0Mzc1IEwgMTYgMzEuOTA2MjUgeiBNIDg0IDMxLjkwNjI1IEwgODQgNzAuODQzNzUgTCA1MiA5MC40Mzc1IEwgNTIgNTEuMDkzNzUgTCA4NCAzMS45MDYyNSB6IE0gNjguNzgxMjUgNTAuOTY4NzUgQSAyLjAwMDIgMi4wMDAyIDAgMCAwIDY3IDUzIEwgNjcgNTkuODEyNSBMIDYxIDYzLjI1IEEgMi4wMDIwMzQ4IDIuMDAyMDM0OCAwIDEgMCA2MyA2Ni43MTg3NSBMIDY3IDY0LjQzNzUgTCA2NyA2OSBBIDIuMDAwMiAyLjAwMDIgMCAxIDAgNzEgNjkgTCA3MSA2Mi4xNTYyNSBMIDc3IDU4LjcxODc1IEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA3NS45MDYyNSA1NC45Njg3NSBBIDIuMDAwMiAyLjAwMDIgMCAwIDAgNzUgNTUuMjUgTCA3MSA1Ny41MzEyNSBMIDcxIDUzIEEgMi4wMDAyIDIuMDAwMiAwIDAgMCA2OC43ODEyNSA1MC45Njg3NSB6ICIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCw5NTIuMzYyMTcpIj48L3BhdGg+PC9nPjwvc3ZnPg==") transparent;

  1692.   background-size: contain;

  1693. }

  1694. 

  1695. #drupal-off-canvas .inline-block-list {

  1696.   margin-top: 1rem;

  1697.   display: flex;

  1698.   flex-wrap: wrap;

  1699.   margin-right: -5px;

  1700.   margin-left: -5px;

  1701. }

  1702. 

  1703. #drupal-off-canvas .inline-block-list li {

  1704.   display: flex;

  1705.   padding: 0 0.5rem 1rem 0.5rem;

  1706.   width: 50%;

  1707. }

  1708. 

  1709. #drupal-off-canvas .inline-block-list__item {

  1710.   font-size: .75rem;

  1711.   padding: 11px !important;

  1712.   color: #ffffff !important;

  1713.   background: #292C32 !important;

  1714.   margin: 0 !important;

  1715.   display: flex !important;

  1716.   flex-direction: column;

  1717.   align-items: center;

  1718.   height: 100%;

  1719.   justify-content: center;

  1720.   border-radius: 0;

  1721.   min-height: 80px;

  1722.   border-radius: 8px;

  1723.   border: 2px solid transparent !important;

  1724. }

  1725. 

  1726. #drupal-off-canvas .inline-block-list__item:hover {

  1727.   border: 2px solid #41A5FF !important;

  1728. }

  1729. 

  1730. #drupal-off-canvas .inline-block-list__item:focus {

  1731.   color: #383A40 !important;

  1732.   background-color: #41A5FF !important;

  1733. }

  1734. 

  1735. #drupal-off-canvas textarea,

  1736. #drupal-off-canvas select,

  1737. #drupal-off-canvas input[type="date"],

  1738. #drupal-off-canvas input[type="datetime"],

  1739. #drupal-off-canvas input[type="datetime-local"],

  1740. #drupal-off-canvas input[type="email"],

  1741. #drupal-off-canvas input[type="month"],

  1742. #drupal-off-canvas input[type="number"],

  1743. #drupal-off-canvas input[type="password"],

  1744. #drupal-off-canvas input[type="search"],

  1745. #drupal-off-canvas input[type="tel"],

  1746. #drupal-off-canvas input[type="text"],

  1747. #drupal-off-canvas input[type="time"],

  1748. #drupal-off-canvas input[type="url"],

  1749. #drupal-off-canvas input[type="week"] {

  1750.   color: #ffffff;

  1751.   padding: .65rem 1rem;

  1752.   height: auto;

  1753.   vertical-align: middle;

  1754.   border-radius: 8px;

  1755.   border: 2px solid #727579;

  1756.   background-color: transparent;

  1757. }

  1758. 

  1759. #drupal-off-canvas textarea::placeholder,

  1760. #drupal-off-canvas select::placeholder,

  1761. #drupal-off-canvas input[type="date"]::placeholder,

  1762. #drupal-off-canvas input[type="datetime"]::placeholder,

  1763. #drupal-off-canvas input[type="datetime-local"]::placeholder,

  1764. #drupal-off-canvas input[type="email"]::placeholder,

  1765. #drupal-off-canvas input[type="month"]::placeholder,

  1766. #drupal-off-canvas input[type="number"]::placeholder,

  1767. #drupal-off-canvas input[type="password"]::placeholder,

  1768. #drupal-off-canvas input[type="search"]::placeholder,

  1769. #drupal-off-canvas input[type="tel"]::placeholder,

  1770. #drupal-off-canvas input[type="text"]::placeholder,

  1771. #drupal-off-canvas input[type="time"]::placeholder,

  1772. #drupal-off-canvas input[type="url"]::placeholder,

  1773. #drupal-off-canvas input[type="week"]::placeholder {

  1774.   color: rgba(255, 255, 255, 0.5);

  1775. }

  1776. 

  1777. #drupal-off-canvas textarea[disabled],

  1778. #drupal-off-canvas select[disabled],

  1779. #drupal-off-canvas input[type="date"][disabled],

  1780. #drupal-off-canvas input[type="datetime"][disabled],

  1781. #drupal-off-canvas input[type="datetime-local"][disabled],

  1782. #drupal-off-canvas input[type="email"][disabled],

  1783. #drupal-off-canvas input[type="month"][disabled],

  1784. #drupal-off-canvas input[type="number"][disabled],

  1785. #drupal-off-canvas input[type="password"][disabled],

  1786. #drupal-off-canvas input[type="search"][disabled],

  1787. #drupal-off-canvas input[type="tel"][disabled],

  1788. #drupal-off-canvas input[type="text"][disabled],

  1789. #drupal-off-canvas input[type="time"][disabled],

  1790. #drupal-off-canvas input[type="url"][disabled],

  1791. #drupal-off-canvas input[type="week"][disabled] {

  1792.   background-color: rgba(255, 255, 255, 0.1);

  1793. }

  1794. 

  1795. #drupal-off-canvas input:placeholder,

  1796. #drupal-off-canvas textarea:placeholder {

  1797.   color: rgba(255, 255, 255, 0.8);

  1798. }

  1799. 

  1800. #drupal-off-canvas optgroup {

  1801.   color: black;

  1802. }

  1803. 

  1804. #drupal-off-canvas * button {

  1805.   color: black;

  1806.   border: none;

  1807. }

  1808. 

  1809. #drupal-off-canvas * textarea,

  1810. #drupal-off-canvas * select,

  1811. #drupal-off-canvas *:not(div) textarea,

  1812. #drupal-off-canvas *:not(div) select {

  1813.   color: black;

  1814.   border: 1px solid grey;

  1815.   background: white;

  1816. }

  1817. 

  1818. #drupal-off-canvas ::-moz-selection,

  1819. #drupal-off-canvas ::selection {

  1820.   color: inherit;

  1821.   background-color: rgba(175, 175, 175, 0.5);

  1822. }

  1823. 

  1824. #drupal-off-canvas table {

  1825.   color: #ffffff;

  1826. }

  1827. 

  1828. #drupal-off-canvas td,

  1829. #drupal-off-canvas th {

  1830.   border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  1831. }

  1832. 

  1833. #drupal-off-canvas td {

  1834.   color: #ffffff;

  1835.   vertical-align: middle;

  1836. }

  1837. 

  1838. #drupal-off-canvas tr:hover td {

  1839.   background-color: rgba(255, 255, 255, 0.035);

  1840. }

  1841. 

  1842. #drupal-off-canvas .drag {

  1843.   cursor: move;

  1844. }

  1845. 

  1846. #drupal-off-canvas tr.region-title {

  1847.   font-weight: normal;

  1848. }

  1849. 

  1850. #drupal-off-canvas table .region-message {

  1851.   color: #fff;

  1852. }

  1853. 

  1854. #drupal-off-canvas table .region-populated {

  1855.   display: none;

  1856. }

  1857. 

  1858. #drupal-off-canvas .add-new .tabledrag-changed {

  1859.   display: none;

  1860. }

  1861. 

  1862. #drupal-off-canvas .draggable a.tabledrag-handle {

  1863.   float: left;

  1864.   /* LTR */

  1865.   overflow: hidden;

  1866.   min-width: 20px;

  1867.   height: auto;

  1868.   margin: 0 5px 0 0;

  1869.   padding: 0;

  1870.   cursor: move;

  1871.   text-decoration: none;

  1872.   background-image: none;

  1873. }

  1874. 

  1875. #drupal-off-canvas [dir="rtl"] .draggable a.tabledrag-handle {

  1876.   float: right;

  1877.   margin-right: 0;

  1878.   margin-left: 5px;

  1879. }

  1880. 

  1881. #drupal-off-canvas a.tabledrag-handle .handle {

  1882.   transition: all .3s ease-in-out;

  1883.   width: auto;

  1884.   height: auto;

  1885.   margin: 0;

  1886.   padding: 0;

  1887.   background-color: transparent;

  1888.   /* Use lighter drag icon against dark background. */

  1889.   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZGJkYmRiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTAgOTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkwIDkwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNzYuOSw0Mi42bC0wLjUtMC41YzAsMCwwLDAsMCwwbC04LjEtNy40Yy0wLjYtMC42LTEuNS0wLjYtMi4xLDBsLTAuMywwLjVjLTAuNiwwLjYtMC40LDEuNSwwLjIsMmw0LjgsNC4zSDQ3LjVWMTguMiAgIGw0LjMsNC44YzAuNiwwLjYsMS41LDAuOCwyLDAuMmwwLjUtMC4zYzAuNi0wLjYsMC42LTEuNSwwLTIuMWwtNy4xLTcuN2MtMC4yLTAuMy0wLjQtMC42LTAuOC0wLjhMNDYuNCwxMmMtMC4zLTAuMy0wLjYtMC40LTEtMC40ICAgYy0wLjQsMC0wLjcsMC4xLTEsMC40bC0wLjUsMC41YzAsMCwwLDAsMCwwbC03LjIsOGMtMC42LDAuNi0wLjYsMS41LDAsMi4xbDAuNSwwLjNjMC42LDAuNiwxLjUsMC40LDItMC4ybDQuMy00Ljh2MjMuNUgyMGw0LjgtNC4zICAgYzAuNi0wLjYsMC44LTEuNSwwLjItMmwtMC4zLTAuNWMtMC42LTAuNi0xLjUtMC42LTIuMSwwbC03LjcsNy4xYy0wLjMsMC4yLTAuNiwwLjQtMC44LDAuOGwtMC4xLDAuMWMtMC4zLDAuMy0wLjQsMC42LTAuNCwxICAgYzAsMC40LDAuMSwwLjcsMC40LDFsMC41LDAuNWMwLDAsMCwwLDAsMGw4LDcuMmMwLjYsMC42LDEuNSwwLjYsMi4xLDBsMC4zLTAuNWMwLjYtMC42LDAuNC0xLjUtMC4yLTJsLTQuOC00LjNoMjMuN3YyMy42bC00LjMtNC44ICAgYy0wLjYtMC42LTEuNS0wLjgtMi0wLjJsLTAuNSwwLjNjLTAuNiwwLjYtMC42LDEuNSwwLDIuMWw3LjIsOGMwLDAsMCwwLDAsMGwwLjUsMC41YzAuMywwLjMsMC42LDAuNCwxLDAuNGMwLjQsMCwwLjctMC4xLDEtMC40ICAgbDAuNS0wLjVjMCwwLDAsMCwwLDBsNy40LTguMWMwLjYtMC42LDAuNi0xLjUsMC0yLjFsLTAuNS0wLjNjLTAuNi0wLjYtMS41LTAuNC0yLDAuMmwtNC4zLDQuOFY0NS41aDIzLjRsLTQuOCw0LjMgICBjLTAuNiwwLjYtMC44LDEuNS0wLjIsMmwwLjMsMC41YzAuNiwwLjYsMS41LDAuNiwyLjEsMGw4LTcuMmMwLDAsMCwwLDAsMGwwLjUtMC41YzAuMy0wLjMsMC40LTAuNiwwLjQtMSAgIEM3Ny4zLDQzLjIsNzcuMiw0Mi44LDc2LjksNDIuNnoiPjwvcGF0aD48L2c+PC9zdmc+");

  1890.   background-repeat: no-repeat;

  1891.   background-position: center;

  1892.   background-size: 100%;

  1893.   opacity: .75;

  1894. }

  1895. 

  1896. #drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,

  1897. #drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {

  1898.   text-decoration: none;

  1899.   opacity: 1;

  1900. }

  1901. 

  1902. #drupal-off-canvas tr td {

  1903.   transition: background 0.3s ease;

  1904. }

  1905. 

  1906. #drupal-off-canvas tr td abbr {

  1907.   margin-left: 5px;

  1908.   /* LTR */

  1909. }

  1910. 

  1911. #drupal-off-canvas [dir="rtl"] tr td abbr {

  1912.   margin-right: 5px;

  1913.   margin-left: 0;

  1914. }

  1915. 

  1916. #drupal-off-canvas tr:hover td {

  1917.   background: #2c2e32;

  1918. }

  1919. 

  1920. #drupal-off-canvas tr.drag td {

  1921.   background: #27292d;

  1922. }

  1923. 

  1924. #drupal-off-canvas tr.drag-previous td {

  1925.   background: #202125;

  1926. }

  1927. 

  1928. #drupal-off-canvas tr.drag-previous:hover td {

  1929.   background: #1b1c1f;

  1930. }

  1931. 

  1932. #drupal-off-canvas button.link.tabledrag-toggle-weight {

  1933.   color: #41A5FF;

  1934.   outline: none;

  1935.   margin-bottom: 1rem;

  1936. }

  1937. 

  1938. #drupal-off-canvas div.tabledrag-changed-warning {

  1939.   color: #edb537;

  1940.   margin-bottom: 1.5rem;

  1941. }

  1942. 

  1943. #drupal-off-canvas .touchevents .draggable td {

  1944.   padding: 0 10px;

  1945. }

  1946. 

  1947. #drupal-off-canvas .touchevents .draggable .menu-item__link {

  1948.   display: inline-block;

  1949.   padding: 10px 0;

  1950. }

  1951. 

  1952. #drupal-off-canvas .touchevents a.tabledrag-handle {

  1953.   width: 40px;

  1954.   height: 44px;

  1955. }

  1956. 

  1957. #drupal-off-canvas .touchevents a.tabledrag-handle .handle {

  1958.   height: 21px;

  1959.   background-position: 40% 19px;

  1960.   /* LTR */

  1961. }

  1962. 

  1963. #drupal-off-canvas [dir="rtl"] .touch a.tabledrag-handle .handle {

  1964.   background-position: right 40% top 19px;

  1965. }

  1966. 

  1967. #drupal-off-canvas .touchevents .draggable.drag a.tabledrag-handle .handle {

  1968.   background-position: 50% -32px;

  1969. }

  1970. 

  1971. #drupal-off-canvas .tabledrag-toggle-weight-wrapper {

  1972.   padding-top: 10px;

  1973.   text-align: right;

  1974.   /* LTR */

  1975. }

  1976. 

  1977. #drupal-off-canvas [dir="rtl"] .tabledrag-toggle-weight-wrapper {

  1978.   text-align: left;

  1979. }

  1980. 

  1981. #drupal-off-canvas .indentation {

  1982.   float: left;

  1983.   /* LTR */

  1984.   width: auto;

  1985.   height: auto;

  1986.   margin: 0 3px 0 -10px;

  1987.   /* LTR */

  1988.   padding: 0 0 0 10px;

  1989.   /* LTR */

  1990. }

  1991. 

  1992. #drupal-off-canvas [dir="rtl"] .indentation {

  1993.   float: right;

  1994.   margin: 0 -10px 0 3px;

  1995.   padding: 0 10px 0 0;

  1996. }

  1997. 

  1998. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div,

  1999. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div {

  2000.   display: flex;

  2001. }

  2002. 

  2003. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div,

  2004. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div {

  2005.   position: relative;

  2006.   flex: 100%;

  2007.   max-width: 100%;

  2008.   width: 100%;

  2009.   margin: 0;

  2010.   padding: 0;

  2011. }

  2012. 

  2013. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input,

  2014. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input {

  2015.   position: absolute;

  2016.   width: 1px;

  2017.   height: 1px;

  2018.   padding: 0;

  2019.   margin: -1px;

  2020.   overflow: hidden;

  2021.   clip: rect(0, 0, 0, 0);

  2022.   white-space: nowrap;

  2023.   border: 0;

  2024. }

  2025. 

  2026. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label,

  2027. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label {

  2028.   transition: all .3s ease-in-out;

  2029.   padding: 8px;

  2030.   height: 70px;

  2031.   width: 100%;

  2032.   display: flex;

  2033.   flex-direction: column;

  2034.   align-items: center;

  2035.   justify-content: center;

  2036.   text-align: center;

  2037.   cursor: pointer;

  2038.   background-color: #292C32;

  2039. }

  2040. 

  2041. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label:hover,

  2042. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label:hover {

  2043.   background-color: #4b515c;

  2044. }

  2045. 

  2046. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label:hover:after,

  2047. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label:hover:after {

  2048.   border-color: #2F3138;

  2049. }

  2050. 

  2051. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label,

  2052. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label {

  2053.   color: inherit;

  2054.   background-color: #5C606B;

  2055. }

  2056. 

  2057. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label svg,

  2058. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label svg *,

  2059. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label svg,

  2060. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label svg * {

  2061.   color: inherit;

  2062. }

  2063. 

  2064. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label:after,

  2065. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label:after {

  2066.   border-color: #2F3138;

  2067. }

  2068. 

  2069. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label,

  2070. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label {

  2071.   font-size: 10px;

  2072.   font-weight: normal;

  2073.   padding: 8px;

  2074.   margin: 2px;

  2075.   width: calc(100% - 4px);

  2076.   display: flex;

  2077.   align-items: center;

  2078.   justify-content: center;

  2079.   text-align: center;

  2080.   cursor: pointer;

  2081.   border-radius: 0;

  2082.   background-color: #292C32;

  2083.   flex-direction: column;

  2084. }

  2085. 

  2086. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label:hover,

  2087. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input + label:hover {

  2088.   background-color: #4b515c;

  2089. }

  2090. 

  2091. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label,

  2092. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label {

  2093.   font-weight: bold;

  2094.   color: #41A5FF;

  2095.   background-color: #5C606B;

  2096. }

  2097. 

  2098. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label .input-icon:after,

  2099. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div input:checked + label .input-icon:after {

  2100.   background-image: url("../../images/layout/container-active.svg");

  2101. }

  2102. 

  2103. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon,

  2104. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon {

  2105.   width: 50px !important;

  2106.   height: 26px;

  2107.   margin-bottom: 10px;

  2108.   background: url("../../images/layout/stripe-sm.svg") center top repeat;

  2109. }

  2110. 

  2111. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon:after,

  2112. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon:after {

  2113.   content: '';

  2114.   display: block;

  2115.   margin: 0 auto 1rem auto;

  2116.   width: 100%;

  2117.   height: 100%;

  2118.   background-image: url("../../images/layout/container.svg");

  2119.   background-position: center center;

  2120.   background-repeat: no-repeat;

  2121.   background-color: #292C32;

  2122.   background-size: 100% 26px;

  2123. }

  2124. 

  2125. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon.container:after,

  2126. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon.container:after {

  2127.   width: 60%;

  2128. }

  2129. 

  2130. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon.container-fluid:after,

  2131. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon.container-fluid:after {

  2132.   width: 80%;

  2133. }

  2134. 

  2135. #drupal-off-canvas .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon.w-100:after,

  2136. #layout-builder-modal .fieldgroup.blb_container_type .fieldset-wrapper > div > div .input-icon.w-100:after {

  2137.   width: 100%;

  2138. }

  2139. 

  2140. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div,

  2141. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div {

  2142.   display: flex;

  2143. }

  2144. 

  2145. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div,

  2146. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div {

  2147.   position: relative;

  2148.   flex: 100%;

  2149.   max-width: 100%;

  2150.   width: 100%;

  2151.   margin: 0;

  2152.   padding: 0;

  2153. }

  2154. 

  2155. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input,

  2156. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input {

  2157.   position: absolute;

  2158.   width: 1px;

  2159.   height: 1px;

  2160.   padding: 0;

  2161.   margin: -1px;

  2162.   overflow: hidden;

  2163.   clip: rect(0, 0, 0, 0);

  2164.   white-space: nowrap;

  2165.   border: 0;

  2166. }

  2167. 

  2168. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label,

  2169. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label {

  2170.   transition: all .3s ease-in-out;

  2171.   padding: 8px;

  2172.   height: 105px;

  2173.   width: 100%;

  2174.   display: flex;

  2175.   flex-direction: column;

  2176.   align-items: center;

  2177.   justify-content: center;

  2178.   text-align: center;

  2179.   cursor: pointer;

  2180.   background-color: #292C32;

  2181. }

  2182. 

  2183. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label:hover,

  2184. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label:hover {

  2185.   background-color: #4b515c;

  2186. }

  2187. 

  2188. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label:hover:after,

  2189. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label:hover:after {

  2190.   border-color: #2F3138;

  2191. }

  2192. 

  2193. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label,

  2194. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label {

  2195.   color: inherit;

  2196.   background-color: transparent;

  2197. }

  2198. 

  2199. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label svg,

  2200. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label svg *,

  2201. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label svg,

  2202. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label svg * {

  2203.   color: inherit;

  2204. }

  2205. 

  2206. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label:after,

  2207. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label:after {

  2208.   border-color: #2F3138;

  2209. }

  2210. 

  2211. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label,

  2212. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label {

  2213.   font-size: 10px;

  2214.   font-weight: normal;

  2215.   padding: 8px;

  2216.   margin: 2px;

  2217.   width: calc(100% - 4px);

  2218.   display: flex;

  2219.   align-items: center;

  2220.   justify-content: center;

  2221.   text-align: center;

  2222.   cursor: pointer;

  2223.   border-radius: 0;

  2224.   background-color: transparent;

  2225.   flex-direction: column;

  2226. }

  2227. 

  2228. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label:hover,

  2229. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input + label:hover {

  2230.   background-color: transparent;

  2231. }

  2232. 

  2233. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label,

  2234. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label {

  2235.   font-weight: bold;

  2236.   color: #41A5FF;

  2237. }

  2238. 

  2239. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label .input-icon:after,

  2240. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div input:checked + label .input-icon:after {

  2241.   background-image: url("../../images/layout/gutter-active.svg");

  2242. }

  2243. 

  2244. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon,

  2245. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon {

  2246.   width: 80%;

  2247.   height: 66px;

  2248.   margin-bottom: 10px;

  2249.   background: url("../../images/layout/stripe-lg.svg") center top repeat;

  2250. }

  2251. 

  2252. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon:after,

  2253. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon:after {

  2254.   content: '';

  2255.   display: block;

  2256.   margin: 0 auto 1rem auto;

  2257.   width: 100%;

  2258.   height: 100%;

  2259.   background-image: url("../../images/layout/gutter.svg");

  2260.   background-position: center center;

  2261.   background-repeat: no-repeat;

  2262.   background-color: #292C32;

  2263.   background-size: cover;

  2264. }

  2265. 

  2266. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon.container:after,

  2267. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon.container:after {

  2268.   width: 60%;

  2269. }

  2270. 

  2271. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon.container-fluid:after,

  2272. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon.container-fluid:after {

  2273.   width: 70%;

  2274. }

  2275. 

  2276. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon.w-100:after,

  2277. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon.w-100:after {

  2278.   width: 100%;

  2279. }

  2280. 

  2281. #drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon.gutter-icon-0:after,

  2282. #layout-builder-modal .fieldgroup.blb_gutter_type .fieldset-wrapper > div > div .input-icon.gutter-icon-0:after {

  2283.   width: 80%;

  2284. }

  2285. 

  2286. #drupal-off-canvas .blb_breakpoint_cols label:hover .blb_breakpoint_col,

  2287. #layout-builder-modal .blb_breakpoint_cols label:hover .blb_breakpoint_col {

  2288.   background-color: rgba(255, 255, 255, 0.8);

  2289.   color: #383A40;

  2290. }

  2291. 

  2292. #drupal-off-canvas input:checked + label .blb_breakpoint_col,

  2293. #layout-builder-modal input:checked + label .blb_breakpoint_col {

  2294.   color: #383A40;

  2295.   background-color: #41A5FF;

  2296. }

  2297. 

  2298. #drupal-off-canvas .blb_breakpoint_col,

  2299. #layout-builder-modal .blb_breakpoint_col {

  2300.   color: #ffffff;

  2301.   background-color: rgba(255, 255, 255, 0.2);

  2302. }

  2303. 

  2304. #drupal-off-canvas .blb_breakpoint_col.bp-selected,

  2305. #layout-builder-modal .blb_breakpoint_col.bp-selected {

  2306.   color: #ffffff;

  2307.   background-color: #41A5FF;

  2308. }

  2309. 

  2310. #drupal-off-canvas .bs_divider,

  2311. #layout-builder-modal .bs_divider {

  2312.   margin: 1rem 0 1.5rem;

  2313.   background: #2F3138;

  2314.   width: 100%;

  2315.   flex: 100%;

  2316.   max-width: 100%;

  2317. }

  2318. 

  2319. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div,

  2320. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div {

  2321.   display: flex;

  2322. }

  2323. 

  2324. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div,

  2325. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div {

  2326.   position: relative;

  2327.   flex: 100%;

  2328.   max-width: 100%;

  2329.   width: 100%;

  2330.   margin: 0;

  2331.   padding: 0;

  2332. }

  2333. 

  2334. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input,

  2335. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input {

  2336.   position: absolute;

  2337.   width: 1px;

  2338.   height: 1px;

  2339.   padding: 0;

  2340.   margin: -1px;

  2341.   overflow: hidden;

  2342.   clip: rect(0, 0, 0, 0);

  2343.   white-space: nowrap;

  2344.   border: 0;

  2345. }

  2346. 

  2347. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input + label,

  2348. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input + label {

  2349.   transition: all .3s ease-in-out;

  2350.   padding: 8px;

  2351.   height: 35px;

  2352.   width: 100%;

  2353.   display: flex;

  2354.   flex-direction: column;

  2355.   align-items: center;

  2356.   justify-content: center;

  2357.   text-align: center;

  2358.   cursor: pointer;

  2359.   background-color: #292C32;

  2360. }

  2361. 

  2362. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input + label:hover,

  2363. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input + label:hover {

  2364.   background-color: #4b515c;

  2365. }

  2366. 

  2367. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input + label:hover:after,

  2368. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input + label:hover:after {

  2369.   border-color: #2F3138;

  2370. }

  2371. 

  2372. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input:checked + label,

  2373. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input:checked + label {

  2374.   color: inherit;

  2375.   background-color: #5C606B;

  2376. }

  2377. 

  2378. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input:checked + label svg,

  2379. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input:checked + label svg *,

  2380. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input:checked + label svg,

  2381. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input:checked + label svg * {

  2382.   color: inherit;

  2383. }

  2384. 

  2385. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input:checked + label:after,

  2386. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input:checked + label:after {

  2387.   border-color: #2F3138;

  2388. }

  2389. 

  2390. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input:checked + label,

  2391. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input:checked + label {

  2392.   font-weight: bold;

  2393.   color: #41A5FF;

  2394.   background-color: #5C606B;

  2395. }

  2396. 

  2397. #drupal-off-canvas .bs_input-boxes .fieldset-wrapper > div > div input:checked + label .input-icon,

  2398. #layout-builder-modal .bs_input-boxes .fieldset-wrapper > div > div input:checked + label .input-icon {

  2399.   filter: invert(46%) sepia(100%) saturate(313%) hue-rotate(169deg) brightness(91%) contrast(94%);

  2400. }

  2401. 

  2402. #drupal-off-canvas .input-icon,

  2403. #layout-builder-modal .input-icon {

  2404.   transition: all .3s ease-in-out;

  2405.   content: '';

  2406.   display: block;

  2407.   width: 30px;

  2408.   height: 30px;

  2409.   margin-bottom: 10px;

  2410.   background-repeat: no-repeat;

  2411.   background-size: contain;

  2412.   background-position: center;

  2413. }

  2414. 

  2415. #drupal-off-canvas .input-icon._none,

  2416. #layout-builder-modal .input-icon._none {

  2417.   background-image: url("../../images/plugins/none.svg");

  2418. }

  2419. 

  2420. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input ~ label,

  2421. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input ~ label {

  2422.   font-size: 0;

  2423.   text-indent: -999em;

  2424. }

  2425. 

  2426. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input ~ label:after,

  2427. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input ~ label:after {

  2428.   content: '';

  2429.   width: 20px;

  2430.   height: 20px;

  2431.   display: block;

  2432.   border: 2px solid #666666;

  2433. }

  2434. 

  2435. #drupal-off-canvas .bs_input-circles .fieldset-wrapper > div,

  2436. #layout-builder-modal .bs_input-circles .fieldset-wrapper > div {

  2437.   display: flex;

  2438.   flex-wrap: wrap;

  2439. }

  2440. 

  2441. #drupal-off-canvas .bs_input-circles .fieldset-wrapper input,

  2442. #layout-builder-modal .bs_input-circles .fieldset-wrapper input {

  2443.   position: absolute;

  2444.   width: 1px;

  2445.   height: 1px;

  2446.   padding: 0;

  2447.   margin: -1px;

  2448.   overflow: hidden;

  2449.   clip: rect(0, 0, 0, 0);

  2450.   white-space: nowrap;

  2451.   border: 0;

  2452. }

  2453. 

  2454. #drupal-off-canvas .bs_input-circles .fieldset-wrapper input:checked + label.option,

  2455. #layout-builder-modal .bs_input-circles .fieldset-wrapper input:checked + label.option {

  2456.   border-color: #41A5FF;

  2457. }

  2458. 

  2459. #drupal-off-canvas .bs_input-circles .fieldset-wrapper input:checked + label.option:after,

  2460. #layout-builder-modal .bs_input-circles .fieldset-wrapper input:checked + label.option:after {

  2461.   transition: all .3s ease-in-out;

  2462.   width: 20px;

  2463.   height: 20px;

  2464.   top: 50%;

  2465.   left: 50%;

  2466.   margin: -10px 0 0 -10px;

  2467.   content: '';

  2468.   position: absolute;

  2469.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOTUyLjM2MjE4KSI+PHBhdGggc3R5bGU9InRleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTsiIGQ9Im0gODAuODg3MjA3LDk3OC4zMzcwMSBhIDQuMDAwNCw0LjAwMDQgMCAwIDAgLTIuNzUsMS4yMTg3NSBsIC0zNy41LDM3LjQ5OTk0IC0xOS4yMTg3LC0xNC44NDM3IGEgNC4wMDA0LDQuMDAwNCAwIDEgMCAtNC44NzUsNi4zNDM3IGwgMjIsMTcgYSA0LjAwMDQsNC4wMDA0IDAgMCAwIDUuMjgxMywtMC4zNDM3IGwgNDAsLTM5Ljk5OTk4IGEgNC4wMDA0LDQuMDAwNCAwIDAgMCAtMi45Mzc2LC02Ljg3NTAxIHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSIgc3Ryb2tlPSJub25lIiBtYXJrZXI9Im5vbmUiIHZpc2liaWxpdHk9InZpc2libGUiIGRpc3BsYXk9ImlubGluZSIgb3ZlcmZsb3c9InZpc2libGUiPjwvcGF0aD48L2c+PC9zdmc+") center center no-repeat;

  2470.   background-size: contain;

  2471. }

  2472. 

  2473. #drupal-off-canvas .bs_input-circles .fieldset-wrapper input:checked + label.option.bs_yiq-dark:after,

  2474. #layout-builder-modal .bs_input-circles .fieldset-wrapper input:checked + label.option.bs_yiq-dark:after {

  2475.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMzgzYTQwIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOTUyLjM2MjE4KSI+PHBhdGggc3R5bGU9InRleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTsiIGQ9Im0gODAuODg3MjA3LDk3OC4zMzcwMSBhIDQuMDAwNCw0LjAwMDQgMCAwIDAgLTIuNzUsMS4yMTg3NSBsIC0zNy41LDM3LjQ5OTk0IC0xOS4yMTg3LC0xNC44NDM3IGEgNC4wMDA0LDQuMDAwNCAwIDEgMCAtNC44NzUsNi4zNDM3IGwgMjIsMTcgYSA0LjAwMDQsNC4wMDA0IDAgMCAwIDUuMjgxMywtMC4zNDM3IGwgNDAsLTM5Ljk5OTk4IGEgNC4wMDA0LDQuMDAwNCAwIDAgMCAtMi45Mzc2LC02Ljg3NTAxIHoiIGZpbGw9IiMzODNhNDAiIGZpbGwtb3BhY2l0eT0iMSIgc3Ryb2tlPSJub25lIiBtYXJrZXI9Im5vbmUiIHZpc2liaWxpdHk9InZpc2libGUiIGRpc3BsYXk9ImlubGluZSIgb3ZlcmZsb3c9InZpc2libGUiPjwvcGF0aD48L2c+PC9zdmc+") center center no-repeat;

  2476.   background-size: contain;

  2477. }

  2478. 

  2479. #drupal-off-canvas .bs_input-circles .fieldset-wrapper input[value="_none"] + label:after,

  2480. #layout-builder-modal .bs_input-circles .fieldset-wrapper input[value="_none"] + label:after {

  2481.   transition: all .3s ease-in-out;

  2482.   width: 20px;

  2483.   height: 20px;

  2484.   top: 50%;

  2485.   left: 50%;

  2486.   margin: -10px 0 0 -10px;

  2487.   content: '';

  2488.   position: absolute;

  2489.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZjM1NjU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZGlzcGxheTpub25lO30KPC9zdHlsZT48Zz48Zz48Zz48cGF0aCBkPSJNMiwyMi41Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDIwLTIwYzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDAgICAgIHMwLjE5NSwwLjUxMiwwLDAuNzA3bC0yMCwyMEMyLjI1NiwyMi40NTEsMi4xMjgsMjIuNSwyLDIyLjV6Ij48L3BhdGg+PC9nPjxnPjxwYXRoIGQ9Ik0yMiwyMi41Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2bC0yMC0yMGMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN3MwLjUxMi0wLjE5NSwwLjcwNywwbDIwLDIwICAgICBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MyMi4yNTYsMjIuNDUxLDIyLjEyOCwyMi41LDIyLDIyLjV6Ij48L3BhdGg+PC9nPjwvZz48L2c+PC9zdmc+") center center no-repeat;

  2490.   background-size: contain;

  2491. }

  2492. 

  2493. #drupal-off-canvas .bs_input-circles .fieldset-wrapper input[value="_none"]:checked + label.option:before,

  2494. #layout-builder-modal .bs_input-circles .fieldset-wrapper input[value="_none"]:checked + label.option:before {

  2495.   display: none;

  2496. }

  2497. 

  2498. #drupal-off-canvas .bs_input-circles .fieldset-wrapper input[value="_none"]:checked + label.option:after,

  2499. #layout-builder-modal .bs_input-circles .fieldset-wrapper input[value="_none"]:checked + label.option:after {

  2500.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZjM1NjU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZGlzcGxheTpub25lO30KPC9zdHlsZT48Zz48Zz48Zz48cGF0aCBkPSJNMiwyMi41Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDIwLTIwYzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDAgICAgIHMwLjE5NSwwLjUxMiwwLDAuNzA3bC0yMCwyMEMyLjI1NiwyMi40NTEsMi4xMjgsMjIuNSwyLDIyLjV6Ij48L3BhdGg+PC9nPjxnPjxwYXRoIGQ9Ik0yMiwyMi41Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2bC0yMC0yMGMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN3MwLjUxMi0wLjE5NSwwLjcwNywwbDIwLDIwICAgICBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MyMi4yNTYsMjIuNDUxLDIyLjEyOCwyMi41LDIyLDIyLjV6Ij48L3BhdGg+PC9nPjwvZz48L2c+PC9zdmc+") center center no-repeat;

  2501.   background-size: contain;

  2502. }

  2503. 

  2504. #drupal-off-canvas .bs_input-circles .fieldset-wrapper.style-selected input:not(:checked) + label,

  2505. #layout-builder-modal .bs_input-circles .fieldset-wrapper.style-selected input:not(:checked) + label {

  2506.   opacity: 0.3;

  2507. }

  2508. 

  2509. #drupal-off-canvas .bs_input-circles .fieldset-wrapper.style-selected input:not(:checked) + label:hover,

  2510. #layout-builder-modal .bs_input-circles .fieldset-wrapper.style-selected input:not(:checked) + label:hover {

  2511.   opacity: 1;

  2512. }

  2513. 

  2514. #drupal-off-canvas .bs_input-circles .fieldset-wrapper label,

  2515. #layout-builder-modal .bs_input-circles .fieldset-wrapper label {

  2516.   transition: all .3s ease-in-out;

  2517.   cursor: pointer !important;

  2518.   border: 2px solid #ffffff;

  2519.   border-radius: 40px;

  2520.   font-size: 0.00001px;

  2521.   position: relative;

  2522.   display: inline-block;

  2523.   width: 40px;

  2524.   height: 40px;

  2525.   float: left;

  2526.   margin: 0 5px 5px 0;

  2527.   padding: 0;

  2528.   white-space: nowrap;

  2529.   box-shadow: 2px 2px 3px 1px rgba(56, 58, 64, 0.15);

  2530. }

  2531. 

  2532. #drupal-off-canvas .bs_input-circles .fieldset-wrapper label:after,

  2533. #layout-builder-modal .bs_input-circles .fieldset-wrapper label:after {

  2534.   display: table;

  2535.   position: absolute;

  2536.   top: 3px;

  2537.   left: 0;

  2538.   right: 0;

  2539.   bottom: 0;

  2540.   z-index: 1;

  2541.   font-size: 20px;

  2542.   text-align: center;

  2543.   vertical-align: middle;

  2544.   width: 100%;

  2545.   height: 100%;

  2546. }

  2547. 

  2548. #drupal-off-canvas .bs_input-circles.with-selected-gradient input,

  2549. #layout-builder-modal .bs_input-circles.with-selected-gradient input {

  2550.   position: absolute;

  2551.   width: 1px;

  2552.   height: 1px;

  2553.   padding: 0;

  2554.   margin: -1px;

  2555.   overflow: hidden;

  2556.   clip: rect(0, 0, 0, 0);

  2557.   white-space: nowrap;

  2558.   border: 0;

  2559. }

  2560. 

  2561. #drupal-off-canvas .bs_input-circles.with-selected-gradient input:checked + label.option:before,

  2562. #layout-builder-modal .bs_input-circles.with-selected-gradient input:checked + label.option:before {

  2563.   transition: all .3s ease-in-out;

  2564.   width: calc(100% - 2px);

  2565.   height: calc(100% - 2px);

  2566.   top: 0;

  2567.   left: 0;

  2568.   margin: 1px;

  2569.   content: '';

  2570.   position: absolute;

  2571.   border-radius: 40px;

  2572.   background: linear-gradient(to top left, rgba(56, 58, 64, 0) 0, rgba(56, 58, 64, 0.1) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);

  2573. }

  2574. 

  2575. #drupal-off-canvas .bs_radio-tabs legend,

  2576. #layout-builder-modal .bs_radio-tabs legend {

  2577.   margin-bottom: 10px;

  2578. }

  2579. 

  2580. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div,

  2581. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div {

  2582.   display: flex;

  2583. }

  2584. 

  2585. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div,

  2586. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div {

  2587.   position: relative;

  2588.   flex: 100%;

  2589.   width: 100%;

  2590.   margin: 0;

  2591.   padding: 0;

  2592. }

  2593. 

  2594. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div input,

  2595. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div input {

  2596.   position: absolute;

  2597.   width: 1px;

  2598.   height: 1px;

  2599.   padding: 0;

  2600.   margin: -1px;

  2601.   overflow: hidden;

  2602.   clip: rect(0, 0, 0, 0);

  2603.   white-space: nowrap;

  2604.   border: 0;

  2605. }

  2606. 

  2607. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div input + label,

  2608. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div input + label {

  2609.   transition: all .3s ease-in-out;

  2610.   font-size: .875rem;

  2611.   border: 1px solid #5C606B;

  2612.   padding: 10px;

  2613.   height: 40px;

  2614.   width: 100%;

  2615.   display: flex;

  2616.   align-items: center;

  2617.   justify-content: center;

  2618.   text-align: center;

  2619.   cursor: pointer;

  2620.   margin: 0;

  2621. }

  2622. 

  2623. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div input + label:hover,

  2624. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div input + label:hover {

  2625.   background-color: rgba(255, 255, 255, 0.1);

  2626. }

  2627. 

  2628. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div input + label svg,

  2629. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div input + label svg {

  2630.   height: 18px;

  2631.   width: 18px;

  2632. }

  2633. 

  2634. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div input:checked + label,

  2635. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div input:checked + label {

  2636.   color: #ffffff;

  2637.   background-color: #5C606B;

  2638. }

  2639. 

  2640. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div input:checked + label svg,

  2641. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div input:checked + label svg *,

  2642. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div input:checked + label svg,

  2643. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div input:checked + label svg * {

  2644.   color: #ffffff;

  2645. }

  2646. 

  2647. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div:first-child input + label,

  2648. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div:first-child input + label {

  2649.   border-right: 0;

  2650. }

  2651. 

  2652. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div:last-child input + label,

  2653. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div:last-child input + label {

  2654.   border-left: 0;

  2655. }

  2656. 

  2657. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div:first-child input + label,

  2658. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div:first-child input + label {

  2659.   border-radius: 8px 0 0 8px;

  2660. }

  2661. 

  2662. #drupal-off-canvas .bs_radio-tabs .fieldset-wrapper > div > div:last-child input + label,

  2663. #layout-builder-modal .bs_radio-tabs .fieldset-wrapper > div > div:last-child input + label {

  2664.   border-radius: 0 8px 8px 0;

  2665. }

  2666. 

  2667. #drupal-off-canvas input[type=range],

  2668. #layout-builder-modal input[type=range] {

  2669.   -webkit-appearance: none;

  2670.   border-radius: 8px;

  2671.   background: transparent;

  2672.   height: 20px;

  2673.   width: 100%;

  2674. }

  2675. 

  2676. #drupal-off-canvas input[type=range]::-webkit-slider-runnable-track,

  2677. #layout-builder-modal input[type=range]::-webkit-slider-runnable-track {

  2678.   width: 100%;

  2679.   height: 4px;

  2680.   cursor: pointer;

  2681.   box-shadow: none;

  2682.   background: #979AA1;

  2683.   border: 0;

  2684.   border-radius: 8px;

  2685. }

  2686. 

  2687. #drupal-off-canvas input[type=range]::-webkit-slider-thumb,

  2688. #layout-builder-modal input[type=range]::-webkit-slider-thumb {

  2689.   box-shadow: none;

  2690.   height: 14px;

  2691.   width: 14px;

  2692.   border-radius: 25px;

  2693.   background: #727579;

  2694.   cursor: pointer;

  2695.   -webkit-appearance: none;

  2696.   margin-top: -5px;

  2697. }

  2698. 

  2699. #drupal-off-canvas input[type=range]::-moz-range-track,

  2700. #layout-builder-modal input[type=range]::-moz-range-track {

  2701.   width: 100%;

  2702.   height: 5px;

  2703.   cursor: pointer;

  2704.   animate: 0.2s;

  2705.   background: #979AA1;

  2706.   border-radius: 1px;

  2707.   border: 0;

  2708. }

  2709. 

  2710. #drupal-off-canvas input[type=range]::-moz-range-thumb,

  2711. #layout-builder-modal input[type=range]::-moz-range-thumb {

  2712.   border: 0;

  2713.   height: 14px;

  2714.   width: 14px;

  2715.   border-radius: 25px;

  2716.   background: #727579;

  2717.   cursor: pointer;

  2718. }

  2719. 

  2720. #drupal-off-canvas input[type=range]::-moz-focus-outer,

  2721. #layout-builder-modal input[type=range]::-moz-focus-outer {

  2722.   border: 0;

  2723. }

  2724. 

  2725. #drupal-off-canvas input[type=range]::-ms-track,

  2726. #layout-builder-modal input[type=range]::-ms-track {

  2727.   width: 100%;

  2728.   height: 4px;

  2729.   cursor: pointer;

  2730.   animate: 0.2s;

  2731.   background: transparent;

  2732.   border-color: transparent;

  2733.   color: transparent;

  2734. }

  2735. 

  2736. #drupal-off-canvas input[type=range]::-ms-fill-lower,

  2737. #layout-builder-modal input[type=range]::-ms-fill-lower {

  2738.   background: #41A5FF;

  2739.   border: 0;

  2740.   border-radius: 8px;

  2741.   box-shadow: none;

  2742. }

  2743. 

  2744. #drupal-off-canvas input[type=range]::-ms-fill-upper,

  2745. #layout-builder-modal input[type=range]::-ms-fill-upper {

  2746.   background: #41A5FF;

  2747.   border: 0;

  2748.   border-radius: 8px;

  2749.   box-shadow: none;

  2750. }

  2751. 

  2752. #drupal-off-canvas input[type=range]::-ms-thumb,

  2753. #layout-builder-modal input[type=range]::-ms-thumb {

  2754.   margin-top: 1px;

  2755.   box-shadow: none;

  2756.   height: 14px;

  2757.   width: 14px;

  2758.   border-radius: 50%;

  2759.   background: #727579;

  2760.   cursor: pointer;

  2761. }

  2762. 

  2763. #drupal-off-canvas input[type=range]:focus,

  2764. #layout-builder-modal input[type=range]:focus {

  2765.   outline: none;

  2766. }

  2767. 

  2768. #drupal-off-canvas input[type=range]:focus::-webkit-slider-runnable-track,

  2769. #layout-builder-modal input[type=range]:focus::-webkit-slider-runnable-track {

  2770.   background: #41A5FF;

  2771. }

  2772. 

  2773. #drupal-off-canvas input[type=range]:focus::-ms-fill-lower, #drupal-off-canvas input[type=range]:focus::-ms-fill-upper,

  2774. #layout-builder-modal input[type=range]:focus::-ms-fill-lower,

  2775. #layout-builder-modal input[type=range]:focus::-ms-fill-upper {

  2776.   background: #41A5FF;

  2777. }

  2778. 

  2779. #drupal-off-canvas #bs_nav-tabs,

  2780. #layout-builder-modal #bs_nav-tabs {

  2781.   position: relative;

  2782.   display: flex;

  2783.   justify-content: center;

  2784.   flex-wrap: nowrap;

  2785.   margin: 0 -30px 30px -30px;

  2786.   width: calc(100% + 60px);

  2787.   position: sticky;

  2788.   top: 0;

  2789.   z-index: 2;

  2790. }

  2791. 

  2792. #drupal-off-canvas #bs_nav-tabs li,

  2793. #layout-builder-modal #bs_nav-tabs li {

  2794.   flex: 1 1 auto;

  2795.   margin: 0;

  2796.   list-style: none;

  2797. }

  2798. 

  2799. #drupal-off-canvas #bs_nav-tabs li a,

  2800. #layout-builder-modal #bs_nav-tabs li a {

  2801.   transition: all .3s ease-in-out;

  2802.   cursor: pointer;

  2803.   position: relative;

  2804.   padding: .5rem .75rem;

  2805.   min-height: 68px;

  2806.   min-width: 16.666%;

  2807.   color: #979AA1;

  2808.   background: #292C32;

  2809.   text-overflow: ellipsis;

  2810.   white-space: nowrap;

  2811.   display: flex;

  2812.   align-items: center;

  2813.   justify-content: center;

  2814.   transition: .2s background-color ease-in-out;

  2815. }

  2816. 

  2817. #drupal-off-canvas #bs_nav-tabs li a:after,

  2818. #layout-builder-modal #bs_nav-tabs li a:after {

  2819.   transition: all .3s ease-in-out;

  2820.   content: '';

  2821.   position: absolute;

  2822.   left: 0;

  2823.   bottom: 0;

  2824.   right: 0;

  2825.   width: 100%;

  2826.   height: 2px;

  2827.   background-color: #727579;

  2828.   z-index: 1;

  2829. }

  2830. 

  2831. #drupal-off-canvas #bs_nav-tabs li a:hover,

  2832. #layout-builder-modal #bs_nav-tabs li a:hover {

  2833.   color: #ffffff;

  2834.   text-decoration: none;

  2835. }

  2836. 

  2837. #drupal-off-canvas #bs_nav-tabs li a:hover .bs_tooltip,

  2838. #layout-builder-modal #bs_nav-tabs li a:hover .bs_tooltip {

  2839.   opacity: 1;

  2840.   pointer-events: auto;

  2841.   transform: translateY(0px);

  2842. }

  2843. 

  2844. #drupal-off-canvas #bs_nav-tabs li a:hover svg *,

  2845. #layout-builder-modal #bs_nav-tabs li a:hover svg * {

  2846.   fill: #ffffff;

  2847. }

  2848. 

  2849. #drupal-off-canvas #bs_nav-tabs li a.active, #drupal-off-canvas #bs_nav-tabs li a.active:hover,

  2850. #layout-builder-modal #bs_nav-tabs li a.active,

  2851. #layout-builder-modal #bs_nav-tabs li a.active:hover {

  2852.   color: #41A5FF;

  2853.   background-color: #46484E;

  2854. }

  2855. 

  2856. #drupal-off-canvas #bs_nav-tabs li a.active:after, #drupal-off-canvas #bs_nav-tabs li a.active:hover:after,

  2857. #layout-builder-modal #bs_nav-tabs li a.active:after,

  2858. #layout-builder-modal #bs_nav-tabs li a.active:hover:after {

  2859.   background-color: #41A5FF;

  2860.   left: -1px;

  2861.   bottom: 0;

  2862.   right: -1px;

  2863.   width: calc(100% + 2px);

  2864.   height: 5px;

  2865.   border-radius: 8px;

  2866. }

  2867. 

  2868. #drupal-off-canvas #bs_nav-tabs li a.active svg *, #drupal-off-canvas #bs_nav-tabs li a.active:hover svg *,

  2869. #layout-builder-modal #bs_nav-tabs li a.active svg *,

  2870. #layout-builder-modal #bs_nav-tabs li a.active:hover svg * {

  2871.   fill: #41A5FF;

  2872. }

  2873. 

  2874. #drupal-off-canvas #bs_nav-tabs li a .blb_icon,

  2875. #drupal-off-canvas #bs_nav-tabs li a span[role='img'],

  2876. #layout-builder-modal #bs_nav-tabs li a .blb_icon,

  2877. #layout-builder-modal #bs_nav-tabs li a span[role='img'] {

  2878.   max-width: 25px;

  2879.   margin: 0 .75rem;

  2880. }

  2881. 

  2882. #drupal-off-canvas #bs_nav-tabs li a svg,

  2883. #layout-builder-modal #bs_nav-tabs li a svg {

  2884.   max-width: 100%;

  2885.   height: auto;

  2886.   background: none;

  2887. }

  2888. 

  2889. #drupal-off-canvas #bs_nav-tabs li a svg *,

  2890. #layout-builder-modal #bs_nav-tabs li a svg * {

  2891.   transition: all .3s ease-in-out;

  2892.   fill: #979AA1;

  2893. }

  2894. 

  2895. #drupal-off-canvas #bs_tabContent > .bs_tab-pane,

  2896. #layout-builder-modal #bs_tabContent > .bs_tab-pane {

  2897.   display: none;

  2898. }

  2899. 

  2900. #drupal-off-canvas #bs_tabContent > .active,

  2901. #layout-builder-modal #bs_tabContent > .active {

  2902.   display: block;

  2903. }

  2904. 

  2905. #drupal-off-canvas .bs-toggle-switch,

  2906. #layout-builder-modal .bs-toggle-switch {

  2907.   position: absolute;

  2908.   top: 1rem;

  2909.   right: 1rem;

  2910.   display: inline-block;

  2911.   width: 2rem;

  2912.   height: 1.125rem;

  2913. }

  2914. 

  2915. #drupal-off-canvas .bs-toggle-switch--input,

  2916. #layout-builder-modal .bs-toggle-switch--input {

  2917.   opacity: 0;

  2918.   width: 0;

  2919.   height: 0;

  2920. }

  2921. 

  2922. #drupal-off-canvas .bs-toggle-switch--input:checked + .bs-toggle-switch--slider,

  2923. #layout-builder-modal .bs-toggle-switch--input:checked + .bs-toggle-switch--slider {

  2924.   background: #000000;

  2925. }

  2926. 

  2927. #drupal-off-canvas .bs-toggle-switch--input:checked + .bs-toggle-switch--slider:before,

  2928. #layout-builder-modal .bs-toggle-switch--input:checked + .bs-toggle-switch--slider:before {

  2929.   background-color: #ffffff;

  2930.   transform: translate(1rem, -50%);

  2931. }

  2932. 

  2933. #drupal-off-canvas .bs-toggle-switch--slider,

  2934. #layout-builder-modal .bs-toggle-switch--slider {

  2935.   position: absolute;

  2936.   top: 0;

  2937.   left: 0;

  2938.   right: 0;

  2939.   bottom: 0;

  2940.   background: #000000;

  2941.   border-radius: 1rem;

  2942.   transition: background 0.2s;

  2943.   cursor: pointer;

  2944. }

  2945. 

  2946. #drupal-off-canvas .bs-toggle-switch--slider:before,

  2947. #layout-builder-modal .bs-toggle-switch--slider:before {

  2948.   content: "";

  2949.   position: absolute;

  2950.   left: 0.2rem;

  2951.   top: 50%;

  2952.   transform: translateY(-50%);

  2953.   height: .75rem;

  2954.   width: .75rem;

  2955.   border-radius: 1.5rem;

  2956.   background: #ffffff;

  2957.   transition: transform 0.2s, width 0.2s, background 0.2s;

  2958. }

  2959. 

  2960. #drupal-off-canvas [data-bs-mode="dark"] .bs-toggle-switch--input:checked + .bs-toggle-switch--slider,

  2961. #layout-builder-modal [data-bs-mode="dark"] .bs-toggle-switch--input:checked + .bs-toggle-switch--slider {

  2962.   background: #ffffff;

  2963. }

  2964. 

  2965. #drupal-off-canvas [data-bs-mode="dark"] .bs-toggle-switch--input:checked + .bs-toggle-switch--slider:before,

  2966. #layout-builder-modal [data-bs-mode="dark"] .bs-toggle-switch--input:checked + .bs-toggle-switch--slider:before {

  2967.   background-color: #000000;

  2968. }

  2969. 

  2970. #drupal-off-canvas .bs_tooltip,

  2971. #layout-builder-modal .bs_tooltip {

  2972.   bottom: 100%;

  2973.   color: #ffffff;

  2974.   background: #46484E;

  2975.   display: block;

  2976.   left: 50%;

  2977.   margin-left: -37.5px;

  2978.   margin-bottom: 15px;

  2979.   opacity: 0;

  2980.   padding: 9px 10px;

  2981.   pointer-events: none;

  2982.   position: absolute;

  2983.   text-align: center;

  2984.   width: 75px;

  2985.   transform: translateY(-10px);

  2986.   transition: all .25s ease-out;

  2987.   box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);

  2988.   border-radius: 4px;

  2989.   white-space: normal;

  2990.   z-index: 1;

  2991.   font-size: .875rem;

  2992.   font-weight: normal;

  2993. }

  2994. 

  2995. #drupal-off-canvas .bs_tooltip.bs_tooltip-lg,

  2996. #layout-builder-modal .bs_tooltip.bs_tooltip-lg {

  2997.   width: 150px;

  2998.   margin-left: -75px;

  2999. }

  3000. 

  3001. #drupal-off-canvas .bs_tooltip:after,

  3002. #layout-builder-modal .bs_tooltip:after {

  3003.   border-left: solid transparent 10px;

  3004.   border-right: solid transparent 10px;

  3005.   border-top: solid #46484E 10px;

  3006.   bottom: -10px;

  3007.   content: " ";

  3008.   height: 0;

  3009.   left: 50%;

  3010.   margin-left: -13px;

  3011.   position: absolute;

  3012.   width: 0;

  3013. }

  3014. 

  3015. #drupal-off-canvas .bs_tooltip[data-placement="bottom"],

  3016. #layout-builder-modal .bs_tooltip[data-placement="bottom"] {

  3017.   bottom: auto;

  3018.   top: 100%;

  3019.   margin-top: 15px;

  3020.   transform: translateY(10px);

  3021. }

  3022. 

  3023. #drupal-off-canvas .bs_tooltip[data-placement="bottom"]:after,

  3024. #layout-builder-modal .bs_tooltip[data-placement="bottom"]:after {

  3025.   border-top: 0;

  3026.   border-bottom: solid #46484E 10px;

  3027.   top: -10px;

  3028.   bottom: auto;

  3029. }

  3030. 

  3031. #drupal-off-canvas label,

  3032. #layout-builder-modal label {

  3033.   position: relative;

  3034. }

  3035. 

  3036. #drupal-off-canvas label:hover .bs_tooltip,

  3037. #layout-builder-modal label:hover .bs_tooltip {

  3038.   opacity: 1;

  3039.   pointer-events: auto;

  3040.   transform: translateY(0px);

  3041. }

  3042. 

  3043. #drupal-off-canvas .media-library-item,

  3044. #layout-builder-modal .media-library-item {

  3045.   flex: 1 1 auto;

  3046.   position: relative;

  3047.   justify-content: center;

  3048.   vertical-align: top;

  3049.   min-width: 25%;

  3050.   background: rgba(255, 255, 255, 0.1);

  3051.   border: 1px solid #2F3138;

  3052.   transition: border-color 0.2s, color 0.2s, background 0.2s;

  3053.   padding: .5rem;

  3054. }

  3055. 

  3056. #drupal-off-canvas .media-library-item *, #drupal-off-canvas .media-library-item *:not(div),

  3057. #layout-builder-modal .media-library-item *,

  3058. #layout-builder-modal .media-library-item *:not(div) {

  3059.   background: transparent;

  3060. }

  3061. 

  3062. #drupal-off-canvas .media-library-item .button.media-library-item__remove,

  3063. #layout-builder-modal .media-library-item .button.media-library-item__remove {

  3064.   transition: all .3s ease-in-out;

  3065.   position: absolute;

  3066.   z-index: 1;

  3067.   top: 10px;

  3068.   right: 10px;

  3069.   width: 1.5rem;

  3070.   min-width: auto;

  3071.   max-width: 1.5rem;

  3072.   height: 1.5rem;

  3073.   margin: .5rem;

  3074.   padding: 0;

  3075.   color: transparent;

  3076.   font-size: 0;

  3077.   border-radius: 1.5rem;

  3078.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODUuODEyIDg1LjgxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODUuODEyIDg1LjgxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTcwLjY5LDE0LjEyMWMtMTUuNjIxLTE1LjYyLTQwLjk0NS0xNS42Mi01Ni41NjgsMGMtMTUuNjIxLDE1LjYyLTE1LjYyLDQwLjk0NiwwLDU2LjU2NyAgIGMxNS42MjQsMTUuNjIzLDQwLjk0OSwxNS42MjMsNTYuNTY5LDAuMDAyQzg2LjMxMiw1NS4wNzEsODYuMzEzLDI5Ljc0NCw3MC42OSwxNC4xMjF6IE01NC44NzEsNTkuMjlMNDIuNDA2LDQ2LjgyNUwyOS45NDIsNTkuMjkgICBjLTEuMjIzLDEuMjIzLTMuMjAyLDEuMjIyLTQuNDIyLDAuMDAyYy0xLjIyMy0xLjIyNC0xLjIyMS0zLjIsMC00LjQyMmwxMi40NjYtMTIuNDY2TDI1LjUyMiwyOS45NDEgICBjLTEuMjIzLTEuMjIzLTEuMjIzLTMuMjAxLDAtNC40MjFjMS4yMTktMS4yMjIsMy4xOTktMS4yMjMsNC40MiwwbDEyLjQ2NSwxMi40NjRMNTQuODcsMjUuNTJjMS4yMjItMS4yMjIsMy4xOTktMS4yMjIsNC40MiwwLjAwMSAgIGMxLjIyMSwxLjIxOSwxLjIyMiwzLjE5OCwwLjAwMSw0LjQxOUw0Ni44MjYsNDIuNDA0bDEyLjQ2NSwxMi40NjZjMS4yMjIsMS4yMjIsMS4yMjIsMy4yMDEsMCw0LjQyMlM1Ni4wOTMsNjAuNTEyLDU0Ljg3MSw1OS4yOXoiPjwvcGF0aD48L2c+PC9zdmc+") center center no-repeat #383A40;

  3079.   background-size: contain;

  3080.   text-shadow: none;

  3081.   min-width: auto;

  3082. }

  3083. 

  3084. #drupal-off-canvas .media-library-item .button.media-library-item__remove:hover, #drupal-off-canvas .media-library-item .button.media-library-item__remove:focus,

  3085. #layout-builder-modal .media-library-item .button.media-library-item__remove:hover,

  3086. #layout-builder-modal .media-library-item .button.media-library-item__remove:focus {

  3087.   background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODUuODEyIDg1LjgxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODUuODEyIDg1LjgxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTcwLjY5LDE0LjEyMWMtMTUuNjIxLTE1LjYyLTQwLjk0NS0xNS42Mi01Ni41NjgsMGMtMTUuNjIxLDE1LjYyLTE1LjYyLDQwLjk0NiwwLDU2LjU2NyAgIGMxNS42MjQsMTUuNjIzLDQwLjk0OSwxNS42MjMsNTYuNTY5LDAuMDAyQzg2LjMxMiw1NS4wNzEsODYuMzEzLDI5Ljc0NCw3MC42OSwxNC4xMjF6IE01NC44NzEsNTkuMjlMNDIuNDA2LDQ2LjgyNUwyOS45NDIsNTkuMjkgICBjLTEuMjIzLDEuMjIzLTMuMjAyLDEuMjIyLTQuNDIyLDAuMDAyYy0xLjIyMy0xLjIyNC0xLjIyMS0zLjIsMC00LjQyMmwxMi40NjYtMTIuNDY2TDI1LjUyMiwyOS45NDEgICBjLTEuMjIzLTEuMjIzLTEuMjIzLTMuMjAxLDAtNC40MjFjMS4yMTktMS4yMjIsMy4xOTktMS4yMjMsNC40MiwwbDEyLjQ2NSwxMi40NjRMNTQuODcsMjUuNTJjMS4yMjItMS4yMjIsMy4xOTktMS4yMjIsNC40MiwwLjAwMSAgIGMxLjIyMSwxLjIxOSwxLjIyMiwzLjE5OCwwLjAwMSw0LjQxOUw0Ni44MjYsNDIuNDA0bDEyLjQ2NSwxMi40NjZjMS4yMjIsMS4yMjIsMS4yMjIsMy4yMDEsMCw0LjQyMlM1Ni4wOTMsNjAuNTEyLDU0Ljg3MSw1OS4yOXoiPjwvcGF0aD48L2c+PC9zdmc+") center center no-repeat #383A40;

  3088.   background-size: contain;

  3089. }

  3090. 

  3091. #drupal-off-canvas .media-library-item .button.media-library-item__remove.button:disabled, #drupal-off-canvas .media-library-item .button.media-library-item__remove.button:disabled:active, #drupal-off-canvas .media-library-item .button.media-library-item__remove.button:hover, #drupal-off-canvas .media-library-item .button.media-library-item__remove.button:focus,

  3092. #layout-builder-modal .media-library-item .button.media-library-item__remove.button:disabled,

  3093. #layout-builder-modal .media-library-item .button.media-library-item__remove.button:disabled:active,

  3094. #layout-builder-modal .media-library-item .button.media-library-item__remove.button:hover,

  3095. #layout-builder-modal .media-library-item .button.media-library-item__remove.button:focus {

  3096.   opacity: .7;

  3097. }

  3098. 

  3099. #drupal-off-canvas .media-library-item .js-click-to-select-trigger,

  3100. #layout-builder-modal .media-library-item .js-click-to-select-trigger {

  3101.   overflow: hidden;

  3102.   cursor: pointer;

  3103. }

  3104. 

  3105. #drupal-off-canvas .media-library-views-form,

  3106. #drupal-off-canvas .media-library-selection,

  3107. #drupal-off-canvas .media-library-add-form__selected-media .details-wrapper,

  3108. #drupal-off-canvas .media-library-views-form__bulk_form,

  3109. #drupal-off-canvas .media-library-view .form--inline,

  3110. #layout-builder-modal .media-library-views-form,

  3111. #layout-builder-modal .media-library-selection,

  3112. #layout-builder-modal .media-library-add-form__selected-media .details-wrapper,

  3113. #layout-builder-modal .media-library-views-form__bulk_form,

  3114. #layout-builder-modal .media-library-view .form--inline {

  3115.   display: flex;

  3116.   flex-wrap: wrap;

  3117. }

  3118. 

  3119. #drupal-off-canvas .media-library-item__preview,

  3120. #layout-builder-modal .media-library-item__preview {

  3121.   padding-bottom: 34px;

  3122. }

  3123. 

  3124. #drupal-off-canvas .media-library-form-element .media-library-form-element-empty-text,

  3125. #drupal-off-canvas .media-library-form-element .description,

  3126. #drupal-off-canvas .media-library-form-element .js-hide,

  3127. #drupal-off-canvas .media-library-form-element .media-library-selection:empty,

  3128. #layout-builder-modal .media-library-form-element .media-library-form-element-empty-text,

  3129. #layout-builder-modal .media-library-form-element .description,

  3130. #layout-builder-modal .media-library-form-element .js-hide,

  3131. #layout-builder-modal .media-library-form-element .media-library-selection:empty {

  3132.   display: none !important;

  3133. }

  3134. 

  3135. #drupal-off-canvas .media-library-item__attributes,

  3136. #layout-builder-modal .media-library-item__attributes {

  3137.   position: absolute;

  3138.   bottom: .75rem;

  3139.   left: .5rem;

  3140.   right: .5rem;

  3141.   display: block;

  3142.   overflow: hidden;

  3143.   max-width: calc(100% - 1rem);

  3144.   padding: 0;

  3145.   text-align: center;

  3146. }

  3147. 

  3148. #drupal-off-canvas .media-library-item__name,

  3149. #layout-builder-modal .media-library-item__name {

  3150.   font-size: .75rem;

  3151.   display: block;

  3152.   overflow: hidden;

  3153.   white-space: nowrap;

  3154.   text-overflow: ellipsis;

  3155.   color: rgba(255, 255, 255, 0.8);

  3156. }

  3157. 

  3158. #drupal-off-canvas .media-library-item--grid:before,

  3159. #layout-builder-modal .media-library-item--grid:before {

  3160.   display: none;

  3161. }

  3162. 

  3163. #drupal-off-canvas .media-library-selection,

  3164. #layout-builder-modal .media-library-selection {

  3165.   margin: 0;

  3166.   display: flex;

  3167. }

  3168. 

  3169. #drupal-off-canvas .media-library-item--grid .field--name-thumbnail,

  3170. #layout-builder-modal .media-library-item--grid .field--name-thumbnail {

  3171.   overflow: hidden;

  3172.   text-align: center;

  3173. }

  3174. 

  3175. #drupal-off-canvas .media-library-item--grid .field--name-thumbnail img,

  3176. #layout-builder-modal .media-library-item--grid .field--name-thumbnail img {

  3177.   height: 135px;

  3178.   object-fit: contain;

  3179.   object-position: center center;

  3180.   width: 100%;

  3181.   overflow: hidden;

  3182.   border-radius: 5px 5px 0 0;

  3183.   background-color: rgba(56, 58, 64, 0.1);

  3184. }

  3185. 

  3186. #drupal-off-canvas .media-library-item--grid.is-hover:before,

  3187. #drupal-off-canvas .media-library-item--grid.checked:before,

  3188. #drupal-off-canvas .media-library-item--grid.is-focus:before,

  3189. #layout-builder-modal .media-library-item--grid.is-hover:before,

  3190. #layout-builder-modal .media-library-item--grid.checked:before,

  3191. #layout-builder-modal .media-library-item--grid.is-focus:before {

  3192.   top: 5px;

  3193.   left: 5px;

  3194.   border-width: 3px;

  3195.   border-color: #40b6ff;

  3196.   border-radius: 3px;

  3197. }

  3198. 

  3199. #drupal-off-canvas .media-library-item--grid.checked:before,

  3200. #layout-builder-modal .media-library-item--grid.checked:before {

  3201.   border-color: #0076c0;

  3202. }

  3203. 

  3204. #drupal-off-canvas .media-library-item__click-to-select-checkbox,

  3205. #layout-builder-modal .media-library-item__click-to-select-checkbox {

  3206.   position: absolute;

  3207.   z-index: 1;

  3208.   top: 16px;

  3209.   left: 16px;

  3210.   /* LTR */

  3211.   display: block;

  3212. }

  3213. 

  3214. #drupal-off-canvas [dir="rtl"] .media-library-item__click-to-select-checkbox,

  3215. #layout-builder-modal [dir="rtl"] .media-library-item__click-to-select-checkbox {

  3216.   right: 16px;

  3217.   left: auto;

  3218. }

  3219. 

  3220. #drupal-off-canvas .media-library-item__click-to-select-checkbox input,

  3221. #layout-builder-modal .media-library-item__click-to-select-checkbox input {

  3222.   width: 20px;

  3223.   height: 20px;

  3224. }

  3225. 

  3226. #drupal-off-canvas .media-library-item__click-to-select-checkbox .form-item,

  3227. #layout-builder-modal .media-library-item__click-to-select-checkbox .form-item {

  3228.   margin: 0;

  3229. }

  3230. 

  3231. #drupal-off-canvas .media-library-item__click-to-select-trigger,

  3232. #layout-builder-modal .media-library-item__click-to-select-trigger {

  3233.   overflow: hidden;

  3234.   height: 100%;

  3235.   cursor: pointer;

  3236. }

  3237. 

  3238. #drupal-off-canvas .form-type-range label,

  3239. #layout-builder-modal .form-type-range label {

  3240.   font-weight: normal;

  3241.   margin-bottom: 15px;

  3242. }

  3243. 

  3244. #drupal-off-canvas .form-type-range input,

  3245. #layout-builder-modal .form-type-range input {

  3246.   width: 100%;

  3247. }

  3248. 

  3249. #drupal-off-canvas .bs_background--options legend,

  3250. #drupal-off-canvas .bs_background--attachment legend,

  3251. #drupal-off-canvas .bs_background--size legend,

  3252. #drupal-off-canvas .bs_background--type legend,

  3253. #drupal-off-canvas .bs_responsive legend,

  3254. #layout-builder-modal .bs_background--options legend,

  3255. #layout-builder-modal .bs_background--attachment legend,

  3256. #layout-builder-modal .bs_background--size legend,

  3257. #layout-builder-modal .bs_background--type legend,

  3258. #layout-builder-modal .bs_responsive legend {

  3259.   margin-bottom: 10px;

  3260. }

  3261. 

  3262. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div,

  3263. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div,

  3264. #layout-builder-modal .bs_background--type .fieldset-wrapper > div,

  3265. #layout-builder-modal .bs_responsive .fieldset-wrapper > div {

  3266.   display: flex;

  3267. }

  3268. 

  3269. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div,

  3270. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div,

  3271. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div,

  3272. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div {

  3273.   position: relative;

  3274.   flex: 100%;

  3275.   max-width: 100%;

  3276.   width: 100%;

  3277.   margin: 0;

  3278.   padding: 0;

  3279. }

  3280. 

  3281. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div input,

  3282. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div input,

  3283. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div input,

  3284. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div input {

  3285.   position: absolute;

  3286.   width: 1px;

  3287.   height: 1px;

  3288.   padding: 0;

  3289.   margin: -1px;

  3290.   overflow: hidden;

  3291.   clip: rect(0, 0, 0, 0);

  3292.   white-space: nowrap;

  3293.   border: 0;

  3294. }

  3295. 

  3296. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div input + label,

  3297. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div input + label,

  3298. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div input + label,

  3299. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div input + label {

  3300.   transition: all .3s ease-in-out;

  3301.   padding: 8px;

  3302.   height: 42px;

  3303.   width: 100%;

  3304.   display: flex;

  3305.   flex-direction: column;

  3306.   align-items: center;

  3307.   justify-content: center;

  3308.   text-align: center;

  3309.   cursor: pointer;

  3310.   background-color: #292C32;

  3311. }

  3312. 

  3313. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div input + label:hover,

  3314. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div input + label:hover,

  3315. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div input + label:hover,

  3316. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div input + label:hover {

  3317.   background-color: #4b515c;

  3318. }

  3319. 

  3320. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div input + label:hover:after,

  3321. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div input + label:hover:after,

  3322. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div input + label:hover:after,

  3323. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div input + label:hover:after {

  3324.   border-color: #2F3138;

  3325. }

  3326. 

  3327. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div input:checked + label,

  3328. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div input:checked + label,

  3329. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div input:checked + label,

  3330. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div input:checked + label {

  3331.   color: #383A40;

  3332.   background-color: #41A5FF;

  3333. }

  3334. 

  3335. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div input:checked + label svg,

  3336. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div input:checked + label svg *,

  3337. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div input:checked + label svg,

  3338. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div input:checked + label svg *,

  3339. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div input:checked + label svg,

  3340. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div input:checked + label svg *,

  3341. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div input:checked + label svg,

  3342. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div input:checked + label svg * {

  3343.   color: #383A40;

  3344. }

  3345. 

  3346. #drupal-off-canvas .bs_background--type .fieldset-wrapper > div > div input:checked + label:after,

  3347. #drupal-off-canvas .bs_responsive .fieldset-wrapper > div > div input:checked + label:after,

  3348. #layout-builder-modal .bs_background--type .fieldset-wrapper > div > div input:checked + label:after,

  3349. #layout-builder-modal .bs_responsive .fieldset-wrapper > div > div input:checked + label:after {

  3350.   border-color: #2F3138;

  3351. }

  3352. 

  3353. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div,

  3354. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div,

  3355. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div,

  3356. #layout-builder-modal .bs_background--size .fieldset-wrapper > div {

  3357.   display: flex;

  3358. }

  3359. 

  3360. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div,

  3361. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div,

  3362. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div,

  3363. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div {

  3364.   position: relative;

  3365.   flex: 100%;

  3366.   width: 100%;

  3367.   margin: 0;

  3368.   padding: 0;

  3369. }

  3370. 

  3371. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div:first-child input + label,

  3372. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div:first-child input + label,

  3373. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div:first-child input + label,

  3374. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div:first-child input + label {

  3375.   border-right: 0;

  3376.   border-radius: 8px 0 0 8px;

  3377. }

  3378. 

  3379. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div:last-child input + label,

  3380. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div:last-child input + label,

  3381. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div:last-child input + label,

  3382. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div:last-child input + label {

  3383.   border-left: 0;

  3384.   border-radius: 0 8px 8px 0;

  3385. }

  3386. 

  3387. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div input,

  3388. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div input,

  3389. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div input,

  3390. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div input {

  3391.   position: absolute;

  3392.   width: 1px;

  3393.   height: 1px;

  3394.   padding: 0;

  3395.   margin: -1px;

  3396.   overflow: hidden;

  3397.   clip: rect(0, 0, 0, 0);

  3398.   white-space: nowrap;

  3399.   border: 0;

  3400. }

  3401. 

  3402. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div input + label,

  3403. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div input + label,

  3404. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div input + label,

  3405. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div input + label {

  3406.   transition: all .3s ease-in-out;

  3407.   font-size: .875rem;

  3408.   border: 1px solid #5C606B;

  3409.   padding: 10px;

  3410.   height: 40px;

  3411.   width: 100%;

  3412.   display: flex;

  3413.   align-items: center;

  3414.   justify-content: center;

  3415.   text-align: center;

  3416.   cursor: pointer;

  3417.   margin: 0;

  3418. }

  3419. 

  3420. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div input + label:hover,

  3421. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div input + label:hover,

  3422. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div input + label:hover,

  3423. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div input + label:hover {

  3424.   background-color: rgba(255, 255, 255, 0.1);

  3425. }

  3426. 

  3427. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div input + label svg,

  3428. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div input + label svg,

  3429. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div input + label svg,

  3430. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div input + label svg {

  3431.   height: 18px;

  3432.   width: 18px;

  3433. }

  3434. 

  3435. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div input:checked + label,

  3436. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div input:checked + label,

  3437. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div input:checked + label,

  3438. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div input:checked + label {

  3439.   color: #ffffff;

  3440.   background-color: #5C606B;

  3441. }

  3442. 

  3443. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div input:checked + label svg,

  3444. #drupal-off-canvas .bs_background--attachment .fieldset-wrapper > div > div input:checked + label svg *,

  3445. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div input:checked + label svg,

  3446. #drupal-off-canvas .bs_background--size .fieldset-wrapper > div > div input:checked + label svg *,

  3447. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div input:checked + label svg,

  3448. #layout-builder-modal .bs_background--attachment .fieldset-wrapper > div > div input:checked + label svg *,

  3449. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div input:checked + label svg,

  3450. #layout-builder-modal .bs_background--size .fieldset-wrapper > div > div input:checked + label svg * {

  3451.   color: #ffffff;

  3452. }

  3453. 

  3454. #drupal-off-canvas .bs_background--position,

  3455. #layout-builder-modal .bs_background--position {

  3456.   margin: 0;

  3457. }

  3458. 

  3459. #drupal-off-canvas .bs_background--position .form-radios,

  3460. #layout-builder-modal .bs_background--position .form-radios {

  3461.   border: 1px solid #2F3138;

  3462.   height: 70px;

  3463.   position: relative;

  3464.   display: flex;

  3465.   width: 100%;

  3466.   max-width: 50%;

  3467.   margin-top: 4px;

  3468. }

  3469. 

  3470. #drupal-off-canvas .bs_background--position .form-radios > div,

  3471. #layout-builder-modal .bs_background--position .form-radios > div {

  3472.   margin: 0;

  3473. }

  3474. 

  3475. #drupal-off-canvas .bs_background--position .form-radios input,

  3476. #layout-builder-modal .bs_background--position .form-radios input {

  3477.   position: absolute;

  3478.   width: 1px;

  3479.   height: 1px;

  3480.   padding: 0;

  3481.   margin: -1px;

  3482.   overflow: hidden;

  3483.   clip: rect(0, 0, 0, 0);

  3484.   white-space: nowrap;

  3485.   border: 0;

  3486. }

  3487. 

  3488. #drupal-off-canvas .bs_background--position .form-radios input:checked + label,

  3489. #drupal-off-canvas .bs_background--position .form-radios input:checked + label:hover,

  3490. #layout-builder-modal .bs_background--position .form-radios input:checked + label,

  3491. #layout-builder-modal .bs_background--position .form-radios input:checked + label:hover {

  3492.   background-color: #41A5FF;

  3493.   border: 1px solid #292C32;

  3494.   box-shadow: inset 0 0 0 2px #383A40;

  3495.   transform: scale(1.2);

  3496. }

  3497. 

  3498. #drupal-off-canvas .bs_background--position .form-radios input ~ label,

  3499. #layout-builder-modal .bs_background--position .form-radios input ~ label {

  3500.   position: absolute;

  3501.   background-color: #5C606B;

  3502.   border: 2px solid #383A40;

  3503.   border-radius: 50%;

  3504.   width: 15px;

  3505.   height: 15px;

  3506.   font-size: 0;

  3507.   cursor: pointer;

  3508.   margin: 0;

  3509.   transform: perspective(1px) translateZ(0);

  3510.   transition-duration: 0.5s;

  3511. }

  3512. 

  3513. #drupal-off-canvas .bs_background--position .form-radios input ~ label:hover,

  3514. #layout-builder-modal .bs_background--position .form-radios input ~ label:hover {

  3515.   background-color: #ffffff;

  3516.   animation: hover-pop 0.3s linear 1;

  3517. }

  3518. 

  3519. #drupal-off-canvas .bs_background--position .form-radios input[value='left top'] ~ label,

  3520. #layout-builder-modal .bs_background--position .form-radios input[value='left top'] ~ label {

  3521.   left: calc(-15px / 2);

  3522.   top: calc(-15px / 2);

  3523. }

  3524. 

  3525. #drupal-off-canvas .bs_background--position .form-radios input[value='left center'] ~ label,

  3526. #layout-builder-modal .bs_background--position .form-radios input[value='left center'] ~ label {

  3527.   left: calc(-15px / 2);

  3528.   top: calc(50% - calc(15px / 2));

  3529. }

  3530. 

  3531. #drupal-off-canvas .bs_background--position .form-radios input[value='left bottom'] ~ label,

  3532. #layout-builder-modal .bs_background--position .form-radios input[value='left bottom'] ~ label {

  3533.   left: calc(-15px / 2);

  3534.   bottom: calc(-15px / 2);

  3535. }

  3536. 

  3537. #drupal-off-canvas .bs_background--position .form-radios input[value='center top'] ~ label,

  3538. #layout-builder-modal .bs_background--position .form-radios input[value='center top'] ~ label {

  3539.   left: calc(50% - calc(15px / 2));

  3540.   top: calc(-15px / 2);

  3541. }

  3542. 

  3543. #drupal-off-canvas .bs_background--position .form-radios input[value='center'] ~ label,

  3544. #layout-builder-modal .bs_background--position .form-radios input[value='center'] ~ label {

  3545.   left: calc(50% - calc(15px / 2));

  3546.   top: calc(50% - calc(15px / 2));

  3547. }

  3548. 

  3549. #drupal-off-canvas .bs_background--position .form-radios input[value='center bottom'] ~ label,

  3550. #layout-builder-modal .bs_background--position .form-radios input[value='center bottom'] ~ label {

  3551.   left: calc(50% - calc(15px / 2));

  3552.   bottom: calc(-15px / 2);

  3553. }

  3554. 

  3555. #drupal-off-canvas .bs_background--position .form-radios input[value='right top'] ~ label,

  3556. #layout-builder-modal .bs_background--position .form-radios input[value='right top'] ~ label {

  3557.   right: calc(-15px / 2);

  3558.   top: calc(-15px / 2);

  3559. }

  3560. 

  3561. #drupal-off-canvas .bs_background--position .form-radios input[value='right center'] ~ label,

  3562. #layout-builder-modal .bs_background--position .form-radios input[value='right center'] ~ label {

  3563.   right: calc(-15px / 2);

  3564.   top: calc(50% - calc(15px / 2));

  3565. }

  3566. 

  3567. #drupal-off-canvas .bs_background--position .form-radios input[value='right bottom'] ~ label,

  3568. #layout-builder-modal .bs_background--position .form-radios input[value='right bottom'] ~ label {

  3569.   right: calc(-15px / 2);

  3570.   bottom: calc(-15px / 2);

  3571. }

  3572. 

  3573. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div,

  3574. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div {

  3575.   display: flex;

  3576.   flex-wrap: wrap;

  3577.   border-top: 1px solid #2F3138;

  3578.   overflow: hidden;

  3579.   min-width: 70px;

  3580.   max-width: 50%;

  3581. }

  3582. 

  3583. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div,

  3584. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div {

  3585.   position: relative;

  3586.   flex: 50%;

  3587.   width: 50%;

  3588.   margin: 0;

  3589.   padding: 0;

  3590. }

  3591. 

  3592. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div input,

  3593. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div input {

  3594.   position: absolute;

  3595.   width: 1px;

  3596.   height: 1px;

  3597.   padding: 0;

  3598.   margin: -1px;

  3599.   overflow: hidden;

  3600.   clip: rect(0, 0, 0, 0);

  3601.   white-space: nowrap;

  3602.   border: 0;

  3603. }

  3604. 

  3605. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div input + label,

  3606. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div input + label {

  3607.   transition: all .3s ease-in-out;

  3608.   font-size: .875rem;

  3609.   border: 1px solid #2F3138;

  3610.   padding: 10px;

  3611.   height: 35px;

  3612.   width: 100%;

  3613.   display: flex;

  3614.   align-items: center;

  3615.   justify-content: center;

  3616.   text-align: center;

  3617.   cursor: pointer;

  3618.   margin: 0;

  3619. }

  3620. 

  3621. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div input + label:hover,

  3622. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div input + label:hover {

  3623.   background-color: rgba(255, 255, 255, 0.1);

  3624. }

  3625. 

  3626. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div input + label svg,

  3627. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div input + label svg {

  3628.   height: 18px;

  3629.   width: 18px;

  3630. }

  3631. 

  3632. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div input:checked + label,

  3633. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div input:checked + label {

  3634.   color: #ffffff;

  3635.   background-color: #5C606B;

  3636. }

  3637. 

  3638. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div input:checked + label svg,

  3639. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div input:checked + label svg *,

  3640. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div input:checked + label svg,

  3641. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div input:checked + label svg * {

  3642.   color: #ffffff;

  3643. }

  3644. 

  3645. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div input[value='repeat-y'] + label svg,

  3646. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div input[value='repeat-y'] + label svg {

  3647.   transform: rotate(90deg);

  3648. }

  3649. 

  3650. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div:nth-child(1) input + label,

  3651. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div:nth-child(1) input + label {

  3652.   border-top: 0;

  3653. }

  3654. 

  3655. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div:nth-child(2) input + label,

  3656. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div:nth-child(2) input + label {

  3657.   border-left: 0;

  3658.   border-top: 0;

  3659. }

  3660. 

  3661. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div:nth-child(3) input + label,

  3662. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div:nth-child(3) input + label {

  3663.   border-top: 0;

  3664. }

  3665. 

  3666. #drupal-off-canvas .bs_background--repeat .fieldset-wrapper > div > div:nth-child(4) input + label,

  3667. #layout-builder-modal .bs_background--repeat .fieldset-wrapper > div > div:nth-child(4) input + label {

  3668.   border-left: 0;

  3669.   border-top: 0;

  3670. }

  3671. 

  3672. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border"] + label:after,

  3673. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border"]:hover + label:after,

  3674. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border"] + label:after,

  3675. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border"]:hover + label:after {

  3676.   border-color: #ffffff;

  3677. }

  3678. 

  3679. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border"]:checked + label:after,

  3680. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border"]:checked + label:after {

  3681.   border-color: #41A5FF;

  3682. }

  3683. 

  3684. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_left"] + label:after,

  3685. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_left"]:hover + label:after,

  3686. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_left"] + label:after,

  3687. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_left"]:hover + label:after {

  3688.   border-left-color: #ffffff;

  3689. }

  3690. 

  3691. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_left"]:checked + label:after,

  3692. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_left"]:checked + label:after {

  3693.   border-left-color: #41A5FF;

  3694. }

  3695. 

  3696. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_top"] + label:after,

  3697. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_top"]:hover + label:after,

  3698. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_top"] + label:after,

  3699. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_top"]:hover + label:after {

  3700.   border-top-color: #ffffff;

  3701. }

  3702. 

  3703. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_top"]:checked + label:after,

  3704. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_top"]:checked + label:after {

  3705.   border-top-color: #41A5FF;

  3706. }

  3707. 

  3708. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_right"] + label:after,

  3709. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_right"]:hover + label:after,

  3710. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_right"] + label:after,

  3711. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_right"]:hover + label:after {

  3712.   border-right-color: #ffffff;

  3713. }

  3714. 

  3715. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_right"]:checked + label:after,

  3716. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_right"]:checked + label:after {

  3717.   border-right-color: #41A5FF;

  3718. }

  3719. 

  3720. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_bottom"] + label:after,

  3721. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_bottom"]:hover + label:after,

  3722. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_bottom"] + label:after,

  3723. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_bottom"]:hover + label:after {

  3724.   border-bottom-color: #ffffff;

  3725. }

  3726. 

  3727. #drupal-off-canvas .bs_border--type .fieldset-wrapper > div > div input[value="border_bottom"]:checked + label:after,

  3728. #layout-builder-modal .bs_border--type .fieldset-wrapper > div > div input[value="border_bottom"]:checked + label:after {

  3729.   border-bottom-color: #41A5FF;

  3730. }

  3731. 

  3732. #drupal-off-canvas [class*="border-rounded-corners"],

  3733. #drupal-off-canvas [class*="border-rounded-corner"],

  3734. #layout-builder-modal [class*="border-rounded-corners"],

  3735. #layout-builder-modal [class*="border-rounded-corner"] {

  3736.   position: relative;

  3737.   display: flex;

  3738.   align-items: center;

  3739.   padding: 0;

  3740.   margin: 1rem 0;

  3741.   min-height: 35px;

  3742. }

  3743. 

  3744. #drupal-off-canvas [class*="border-rounded-corners"] label,

  3745. #drupal-off-canvas [class*="border-rounded-corners"] .description,

  3746. #drupal-off-canvas [class*="border-rounded-corner"] label,

  3747. #drupal-off-canvas [class*="border-rounded-corner"] .description,

  3748. #layout-builder-modal [class*="border-rounded-corners"] label,

  3749. #layout-builder-modal [class*="border-rounded-corners"] .description,

  3750. #layout-builder-modal [class*="border-rounded-corner"] label,

  3751. #layout-builder-modal [class*="border-rounded-corner"] .description {

  3752.   position: absolute;

  3753.   display: flex;

  3754.   justify-content: center;

  3755.   align-items: center;

  3756.   width: 45px;

  3757.   height: 35px;

  3758.   margin: 0;

  3759.   padding: 0;

  3760. }

  3761. 

  3762. #drupal-off-canvas [class*="border-rounded-corners"] .description,

  3763. #drupal-off-canvas [class*="border-rounded-corner"] .description,

  3764. #layout-builder-modal [class*="border-rounded-corners"] .description,

  3765. #layout-builder-modal [class*="border-rounded-corner"] .description {

  3766.   background: #292C32;

  3767. }

  3768. 

  3769. #drupal-off-canvas [class*="border-rounded-corners"] .description svg,

  3770. #drupal-off-canvas [class*="border-rounded-corner"] .description svg,

  3771. #layout-builder-modal [class*="border-rounded-corners"] .description svg,

  3772. #layout-builder-modal [class*="border-rounded-corner"] .description svg {

  3773.   width: 24px;

  3774.   height: 24px;

  3775.   display: block;

  3776. }

  3777. 

  3778. #drupal-off-canvas [class*="border-rounded-corners"] label,

  3779. #drupal-off-canvas [class*="border-rounded-corner"] label,

  3780. #layout-builder-modal [class*="border-rounded-corners"] label,

  3781. #layout-builder-modal [class*="border-rounded-corner"] label {

  3782.   z-index: 1;

  3783. }

  3784. 

  3785. #drupal-off-canvas [class*="border-rounded-corners"] input,

  3786. #drupal-off-canvas [class*="border-rounded-corner"] input,

  3787. #layout-builder-modal [class*="border-rounded-corners"] input,

  3788. #layout-builder-modal [class*="border-rounded-corner"] input {

  3789.   margin-left: 45px;

  3790.   padding-left: 1rem;

  3791. }

  3792. 

  3793. #drupal-off-canvas [data-bs-element="bs_preview-box"],

  3794. #layout-builder-modal [data-bs-element="bs_preview-box"] {

  3795.   transition: all .3s ease-in-out;

  3796.   width: 100%;

  3797.   height: 200px;

  3798.   margin: 0.5rem 0 1.5rem;

  3799.   display: flex;

  3800.   align-items: center;

  3801.   text-align: center;

  3802.   justify-content: center;

  3803.   background: #2F3138;

  3804.   color: rgba(255, 255, 255, 0.3);

  3805. }

  3806. 

  3807. #drupal-off-canvas [data-bs-element="bs_preview-box"][data-bs-mode="light"],

  3808. #layout-builder-modal [data-bs-element="bs_preview-box"][data-bs-mode="light"] {

  3809.   background: #e2e6ea;

  3810. }

  3811. 

  3812. #drupal-off-canvas [data-bs-element="bs_preview-box"][data-bs-mode="light"] [data-bs-element="bs_preview-element"],

  3813. #layout-builder-modal [data-bs-element="bs_preview-box"][data-bs-mode="light"] [data-bs-element="bs_preview-element"] {

  3814.   background-color: #ffffff;

  3815.   color: #000000;

  3816. }

  3817. 

  3818. #drupal-off-canvas [data-bs-element="bs_preview-box"][data-bs-mode="dark"],

  3819. #layout-builder-modal [data-bs-element="bs_preview-box"][data-bs-mode="dark"] {

  3820.   background-color: #000000;

  3821. }

  3822. 

  3823. #drupal-off-canvas [data-bs-element="bs_preview-box"][data-bs-mode="dark"] [data-bs-element="bs_preview-element"],

  3824. #layout-builder-modal [data-bs-element="bs_preview-box"][data-bs-mode="dark"] [data-bs-element="bs_preview-element"] {

  3825.   background-color: #212529;

  3826.   color: #ffffff;

  3827. }

  3828. 

  3829. #drupal-off-canvas [data-bs-element="bs_preview-element"],

  3830. #layout-builder-modal [data-bs-element="bs_preview-element"] {

  3831.   transition: all .3s ease-in-out;

  3832.   background-color: #ffffff;

  3833.   width: 100%;

  3834.   height: 100%;

  3835.   display: flex;

  3836.   align-items: center;

  3837.   justify-content: center;

  3838.   text-align: center;

  3839. }

  3840. 

  3841. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div,

  3842. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div {

  3843.   display: flex;

  3844.   flex-wrap: wrap;

  3845.   margin: 0;

  3846. }

  3847. 

  3848. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div,

  3849. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div {

  3850.   position: relative;

  3851.   flex: 33%;

  3852.   max-width: 100%;

  3853.   width: 33%;

  3854.   margin: 0;

  3855.   padding: 0;

  3856. }

  3857. 

  3858. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input,

  3859. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input {

  3860.   position: absolute;

  3861.   width: 1px;

  3862.   height: 1px;

  3863.   padding: 0;

  3864.   margin: -1px;

  3865.   overflow: hidden;

  3866.   clip: rect(0, 0, 0, 0);

  3867.   white-space: nowrap;

  3868.   border: 0;

  3869. }

  3870. 

  3871. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input + label,

  3872. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input + label {

  3873.   transition: all .3s ease-in-out;

  3874.   padding: 8px;

  3875.   height: 70px;

  3876.   width: 100%;

  3877.   display: flex;

  3878.   flex-direction: column;

  3879.   align-items: center;

  3880.   justify-content: center;

  3881.   text-align: center;

  3882.   cursor: pointer;

  3883.   background-color: #292C32;

  3884. }

  3885. 

  3886. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input + label:hover,

  3887. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input + label:hover {

  3888.   background-color: #4b515c;

  3889. }

  3890. 

  3891. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input + label:hover:after,

  3892. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input + label:hover:after {

  3893.   border-color: #2F3138;

  3894. }

  3895. 

  3896. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input:checked + label,

  3897. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input:checked + label {

  3898.   color: inherit;

  3899.   background-color: #5C606B;

  3900. }

  3901. 

  3902. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input:checked + label svg,

  3903. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input:checked + label svg *,

  3904. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input:checked + label svg,

  3905. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input:checked + label svg * {

  3906.   color: inherit;

  3907. }

  3908. 

  3909. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input:checked + label:after,

  3910. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input:checked + label:after {

  3911.   border-color: #2F3138;

  3912. }

  3913. 

  3914. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input + label,

  3915. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input + label {

  3916.   font-size: 10px;

  3917.   font-weight: normal;

  3918.   padding: 8px;

  3919.   margin: 2px;

  3920.   width: calc(100% - 4px);

  3921.   display: flex;

  3922.   align-items: center;

  3923.   justify-content: center;

  3924.   text-align: center;

  3925.   cursor: pointer;

  3926.   border-radius: 0;

  3927.   background-color: #292C32;

  3928.   min-height: 80px;

  3929.   flex-direction: column;

  3930. }

  3931. 

  3932. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input + label:hover,

  3933. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input + label:hover {

  3934.   background-color: #4b515c;

  3935. }

  3936. 

  3937. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input + label .bs_tooltip,

  3938. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input + label .bs_tooltip {

  3939.   display: none;

  3940. }

  3941. 

  3942. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input:checked + label,

  3943. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input:checked + label {

  3944.   font-weight: bold;

  3945.   color: #41A5FF;

  3946.   background-color: #5C606B;

  3947. }

  3948. 

  3949. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input:checked + label .input-icon,

  3950. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input:checked + label .input-icon {

  3951.   filter: invert(46%) sepia(100%) saturate(313%) hue-rotate(169deg) brightness(91%) contrast(94%);

  3952. }

  3953. 

  3954. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input label,

  3955. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input label {

  3956.   width: 100%;

  3957.   display: flex;

  3958.   align-items: center;

  3959.   justify-content: center;

  3960.   text-align: center;

  3961.   cursor: pointer;

  3962.   flex-direction: column;

  3963.   height: 80px;

  3964. }

  3965. 

  3966. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input label + input,

  3967. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input label + input {

  3968.   opacity: 0;

  3969.   position: absolute;

  3970. }

  3971. 

  3972. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div input label.active,

  3973. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div input label.active {

  3974.   color: #383A40;

  3975.   background-color: #ffffff;

  3976. }

  3977. 

  3978. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-up,

  3979. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-up {

  3980.   background-image: url("../../images/plugins/scroll-effects/fade-up.svg");

  3981. }

  3982. 

  3983. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-down,

  3984. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-down {

  3985.   background-image: url("../../images/plugins/scroll-effects/fade-down.svg");

  3986. }

  3987. 

  3988. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-left,

  3989. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-left {

  3990.   background-image: url("../../images/plugins/scroll-effects/fade-left.svg");

  3991. }

  3992. 

  3993. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-right,

  3994. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-right {

  3995.   background-image: url("../../images/plugins/scroll-effects/fade-right.svg");

  3996. }

  3997. 

  3998. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-up-right,

  3999. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-up-right {

  4000.   background-image: url("../../images/plugins/scroll-effects/fade-up-right.svg");

  4001. }

  4002. 

  4003. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-down-right,

  4004. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-down-right {

  4005.   background-image: url("../../images/plugins/scroll-effects/fade-down-right.svg");

  4006. }

  4007. 

  4008. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-up-left,

  4009. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-up-left {

  4010.   background-image: url("../../images/plugins/scroll-effects/fade-up-left.svg");

  4011. }

  4012. 

  4013. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-down-left,

  4014. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.fade-down-left {

  4015.   background-image: url("../../images/plugins/scroll-effects/fade-down-left.svg");

  4016. }

  4017. 

  4018. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.flip-left,

  4019. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.flip-left {

  4020.   background-image: url("../../images/plugins/scroll-effects/flip-left.svg");

  4021. }

  4022. 

  4023. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.flip-right,

  4024. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.flip-right {

  4025.   background-image: url("../../images/plugins/scroll-effects/flip-right.svg");

  4026. }

  4027. 

  4028. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.flip-up,

  4029. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.flip-up {

  4030.   background-image: url("../../images/plugins/scroll-effects/flip-up.svg");

  4031. }

  4032. 

  4033. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.flip-down,

  4034. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.flip-down {

  4035.   background-image: url("../../images/plugins/scroll-effects/flip-down.svg");

  4036. }

  4037. 

  4038. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in,

  4039. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in {

  4040.   background-image: url("../../images/plugins/scroll-effects/zoom-in.svg");

  4041. }

  4042. 

  4043. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in-up,

  4044. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in-up {

  4045.   background-image: url("../../images/plugins/scroll-effects/zoom-in-up.svg");

  4046. }

  4047. 

  4048. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in-down,

  4049. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in-down {

  4050.   background-image: url("../../images/plugins/scroll-effects/zoom-in-down.svg");

  4051. }

  4052. 

  4053. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in-left,

  4054. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in-left {

  4055.   background-image: url("../../images/plugins/scroll-effects/zoom-in-left.svg");

  4056. }

  4057. 

  4058. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in-right,

  4059. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-in-right {

  4060.   background-image: url("../../images/plugins/scroll-effects/zoom-in-right.svg");

  4061. }

  4062. 

  4063. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out,

  4064. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out {

  4065.   background-image: url("../../images/plugins/scroll-effects/zoom-out.svg");

  4066. }

  4067. 

  4068. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out-up,

  4069. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out-up {

  4070.   background-image: url("../../images/plugins/scroll-effects/zoom-out-up.svg");

  4071. }

  4072. 

  4073. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out-down,

  4074. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out-down {

  4075.   background-image: url("../../images/plugins/scroll-effects/zoom-out-down.svg");

  4076. }

  4077. 

  4078. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out-left,

  4079. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out-left {

  4080.   background-image: url("../../images/plugins/scroll-effects/zoom-out-left.svg");

  4081. }

  4082. 

  4083. #drupal-off-canvas .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out-right,

  4084. #layout-builder-modal .field-scroll-effects .fieldset-wrapper > div > div .input-icon.zoom-out-right {

  4085.   background-image: url("../../images/plugins/scroll-effects/zoom-out-right.svg");

  4086. }

  4087. 

  4088. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div,

  4089. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div {

  4090.   display: flex;

  4091.   flex-wrap: wrap;

  4092.   margin: 0;

  4093. }

  4094. 

  4095. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div,

  4096. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div {

  4097.   position: relative;

  4098.   flex: 25%;

  4099.   max-width: 25%;

  4100.   width: 25%;

  4101.   margin: 0;

  4102.   padding: 0;

  4103. }

  4104. 

  4105. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input,

  4106. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input {

  4107.   position: absolute;

  4108.   width: 1px;

  4109.   height: 1px;

  4110.   padding: 0;

  4111.   margin: -1px;

  4112.   overflow: hidden;

  4113.   clip: rect(0, 0, 0, 0);

  4114.   white-space: nowrap;

  4115.   border: 0;

  4116. }

  4117. 

  4118. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input + label,

  4119. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input + label {

  4120.   transition: all .3s ease-in-out;

  4121.   padding: 8px;

  4122.   height: 50px;

  4123.   width: 100%;

  4124.   display: flex;

  4125.   flex-direction: column;

  4126.   align-items: center;

  4127.   justify-content: center;

  4128.   text-align: center;

  4129.   cursor: pointer;

  4130.   background-color: #292C32;

  4131. }

  4132. 

  4133. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input + label:hover,

  4134. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input + label:hover {

  4135.   background-color: #4b515c;

  4136. }

  4137. 

  4138. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input + label:hover:after,

  4139. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input + label:hover:after {

  4140.   border-color: #2F3138;

  4141. }

  4142. 

  4143. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label,

  4144. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label {

  4145.   color: inherit;

  4146.   background-color: #5C606B;

  4147. }

  4148. 

  4149. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label svg,

  4150. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label svg *,

  4151. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label svg,

  4152. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label svg * {

  4153.   color: inherit;

  4154. }

  4155. 

  4156. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label:after,

  4157. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label:after {

  4158.   border-color: #2F3138;

  4159. }

  4160. 

  4161. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input + label,

  4162. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input + label {

  4163.   font-size: 10px;

  4164.   font-weight: normal;

  4165.   padding: 8px;

  4166.   margin: 2px;

  4167.   width: calc(100% - 4px);

  4168.   display: flex;

  4169.   align-items: center;

  4170.   justify-content: center;

  4171.   text-align: center;

  4172.   cursor: pointer;

  4173.   border-radius: 0;

  4174.   background-color: #292C32;

  4175.   min-height: 60px;

  4176.   flex-direction: column;

  4177. }

  4178. 

  4179. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input + label:hover,

  4180. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input + label:hover {

  4181.   background-color: #4b515c;

  4182. }

  4183. 

  4184. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input + label .bs_tooltip,

  4185. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input + label .bs_tooltip {

  4186.   display: none;

  4187. }

  4188. 

  4189. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label,

  4190. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label {

  4191.   font-weight: bold;

  4192.   color: #41A5FF;

  4193.   background-color: #5C606B;

  4194. }

  4195. 

  4196. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label .input-icon,

  4197. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input:checked + label .input-icon {

  4198.   filter: invert(46%) sepia(100%) saturate(313%) hue-rotate(169deg) brightness(91%) contrast(94%);

  4199. }

  4200. 

  4201. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input label,

  4202. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input label {

  4203.   width: 100%;

  4204.   display: flex;

  4205.   align-items: center;

  4206.   justify-content: center;

  4207.   text-align: center;

  4208.   cursor: pointer;

  4209.   flex-direction: column;

  4210.   height: 60px;

  4211. }

  4212. 

  4213. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input label + input,

  4214. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input label + input {

  4215.   opacity: 0;

  4216.   position: absolute;

  4217. }

  4218. 

  4219. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div input label.active,

  4220. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div input label.active {

  4221.   color: #383A40;

  4222.   background-color: #ffffff;

  4223. }

  4224. 

  4225. #drupal-off-canvas .bs-field-box-shadow .fieldset-wrapper > div > div .input-icon,

  4226. #layout-builder-modal .bs-field-box-shadow .fieldset-wrapper > div > div .input-icon {

  4227.   display: none;

  4228. }

  4229. 

  4230. #drupal-off-canvas .bs-shadow-preview,

  4231. #layout-builder-modal .bs-shadow-preview {

  4232.   padding: 3rem;

  4233.   position: relative;

  4234.   overflow: hidden;

  4235. }

  4236. 

  4237. #drupal-off-canvas #bs_spacing_preview_calc,

  4238. #layout-builder-modal #bs_spacing_preview_calc {

  4239.   display: none;

  4240.   visibility: hidden;

  4241. }

  4242. 

  4243. #drupal-off-canvas .spacing-preview,

  4244. #layout-builder-modal .spacing-preview {

  4245.   padding: 1rem 1.5rem;

  4246.   margin: 1.5rem 0;

  4247.   display: flex;

  4248. }

  4249. 

  4250. #drupal-off-canvas .spacing-preview .preview-box,

  4251. #layout-builder-modal .spacing-preview .preview-box {

  4252.   transition: all .3s ease-in-out;

  4253.   position: relative;

  4254.   width: 100%;

  4255.   padding: 1.5rem;

  4256.   font-size: 10px;

  4257.   display: flex;

  4258. }

  4259. 

  4260. #drupal-off-canvas .spacing-preview .preview-box .title,

  4261. #drupal-off-canvas .spacing-preview .preview-box .left,

  4262. #drupal-off-canvas .spacing-preview .preview-box .top,

  4263. #drupal-off-canvas .spacing-preview .preview-box .right,

  4264. #drupal-off-canvas .spacing-preview .preview-box .bottom,

  4265. #layout-builder-modal .spacing-preview .preview-box .title,

  4266. #layout-builder-modal .spacing-preview .preview-box .left,

  4267. #layout-builder-modal .spacing-preview .preview-box .top,

  4268. #layout-builder-modal .spacing-preview .preview-box .right,

  4269. #layout-builder-modal .spacing-preview .preview-box .bottom {

  4270.   transition: all .3s ease-in-out;

  4271.   position: absolute;

  4272.   display: flex;

  4273.   align-items: center;

  4274.   justify-content: center;

  4275.   height: 1.5rem;

  4276.   z-index: 1;

  4277.   color: #383A40;

  4278. }

  4279. 

  4280. #drupal-off-canvas .spacing-preview .preview-box .title,

  4281. #layout-builder-modal .spacing-preview .preview-box .title {

  4282.   top: -1.5rem;

  4283.   left: -.125rem;

  4284. }

  4285. 

  4286. #drupal-off-canvas .spacing-preview .preview-box .left,

  4287. #drupal-off-canvas .spacing-preview .preview-box .right,

  4288. #drupal-off-canvas .spacing-preview .preview-box .top,

  4289. #drupal-off-canvas .spacing-preview .preview-box .bottom,

  4290. #layout-builder-modal .spacing-preview .preview-box .left,

  4291. #layout-builder-modal .spacing-preview .preview-box .right,

  4292. #layout-builder-modal .spacing-preview .preview-box .top,

  4293. #layout-builder-modal .spacing-preview .preview-box .bottom {

  4294.   width: 1.5rem;

  4295. }

  4296. 

  4297. #drupal-off-canvas .spacing-preview .preview-box .left,

  4298. #layout-builder-modal .spacing-preview .preview-box .left {

  4299.   left: -1.5rem;

  4300.   margin-top: -.75rem;

  4301.   top: 50%;

  4302. }

  4303. 

  4304. #drupal-off-canvas .spacing-preview .preview-box .right,

  4305. #layout-builder-modal .spacing-preview .preview-box .right {

  4306.   right: -1.5rem;

  4307.   margin-top: -.75rem;

  4308.   top: 50%;

  4309. }

  4310. 

  4311. #drupal-off-canvas .spacing-preview .preview-box .top,

  4312. #layout-builder-modal .spacing-preview .preview-box .top {

  4313.   top: -1.5rem;

  4314.   margin-left: -.75rem;

  4315.   left: 50%;

  4316. }

  4317. 

  4318. #drupal-off-canvas .spacing-preview .preview-box .bottom,

  4319. #layout-builder-modal .spacing-preview .preview-box .bottom {

  4320.   bottom: -1.5rem;

  4321.   margin-left: -.75rem;

  4322.   left: 50%;

  4323. }

  4324. 

  4325. #drupal-off-canvas .spacing-preview .preview-box.bs-adjusting > .title,

  4326. #drupal-off-canvas .spacing-preview .preview-box.bs-adjusting > .left,

  4327. #drupal-off-canvas .spacing-preview .preview-box.bs-adjusting > .top,

  4328. #drupal-off-canvas .spacing-preview .preview-box.bs-adjusting > .right,

  4329. #drupal-off-canvas .spacing-preview .preview-box.bs-adjusting > .bottom,

  4330. #layout-builder-modal .spacing-preview .preview-box.bs-adjusting > .title,

  4331. #layout-builder-modal .spacing-preview .preview-box.bs-adjusting > .left,

  4332. #layout-builder-modal .spacing-preview .preview-box.bs-adjusting > .top,

  4333. #layout-builder-modal .spacing-preview .preview-box.bs-adjusting > .right,

  4334. #layout-builder-modal .spacing-preview .preview-box.bs-adjusting > .bottom {

  4335.   font-weight: bold;

  4336. }

  4337. 

  4338. #drupal-off-canvas .spacing-preview .margin-box,

  4339. #layout-builder-modal .spacing-preview .margin-box {

  4340.   height: 150px;

  4341.   box-shadow: 0 0 0 1.5rem #F1C666;

  4342. }

  4343. 

  4344. #drupal-off-canvas .spacing-preview .padding-box,

  4345. #layout-builder-modal .spacing-preview .padding-box {

  4346.   height: 100%;

  4347.   box-shadow: 0 0 0 1.5rem #7FB48A;

  4348. }

  4349. 

  4350. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding"] + label:after,

  4351. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding"]:hover + label:after, #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin"] + label:after,

  4352. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin"]:hover + label:after,

  4353. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding"] + label:after,

  4354. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding"]:hover + label:after,

  4355. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin"] + label:after,

  4356. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin"]:hover + label:after {

  4357.   border-color: #ffffff;

  4358. }

  4359. 

  4360. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding"]:checked + label:after,

  4361. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding"]:checked + label:after {

  4362.   border-color: #7FB48A;

  4363. }

  4364. 

  4365. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin"]:checked + label:after,

  4366. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin"]:checked + label:after {

  4367.   border-color: #F1C666;

  4368. }

  4369. 

  4370. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_left"] + label:after,

  4371. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_left"]:hover + label:after,

  4372. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_left"] + label:after,

  4373. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_left"]:hover + label:after {

  4374.   border-left-color: #ffffff;

  4375. }

  4376. 

  4377. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_left"]:checked + label:after,

  4378. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_left"]:checked + label:after {

  4379.   border-left-color: #7FB48A;

  4380. }

  4381. 

  4382. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_left"] + label:after,

  4383. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_left"]:hover + label:after,

  4384. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_left"] + label:after,

  4385. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_left"]:hover + label:after {

  4386.   border-left-color: #ffffff;

  4387. }

  4388. 

  4389. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_left"]:checked + label:after,

  4390. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_left"]:checked + label:after {

  4391.   border-left-color: #F1C666;

  4392. }

  4393. 

  4394. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_top"] + label:after,

  4395. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_top"]:hover + label:after,

  4396. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_top"] + label:after,

  4397. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_top"]:hover + label:after {

  4398.   border-top-color: #ffffff;

  4399. }

  4400. 

  4401. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_top"]:checked + label:after,

  4402. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_top"]:checked + label:after {

  4403.   border-top-color: #7FB48A;

  4404. }

  4405. 

  4406. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_top"] + label:after,

  4407. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_top"]:hover + label:after,

  4408. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_top"] + label:after,

  4409. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_top"]:hover + label:after {

  4410.   border-top-color: #ffffff;

  4411. }

  4412. 

  4413. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_top"]:checked + label:after,

  4414. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_top"]:checked + label:after {

  4415.   border-top-color: #F1C666;

  4416. }

  4417. 

  4418. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_right"] + label:after,

  4419. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_right"]:hover + label:after,

  4420. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_right"] + label:after,

  4421. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_right"]:hover + label:after {

  4422.   border-right-color: #ffffff;

  4423. }

  4424. 

  4425. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_right"]:checked + label:after,

  4426. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_right"]:checked + label:after {

  4427.   border-right-color: #7FB48A;

  4428. }

  4429. 

  4430. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_right"] + label:after,

  4431. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_right"]:hover + label:after,

  4432. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_right"] + label:after,

  4433. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_right"]:hover + label:after {

  4434.   border-right-color: #ffffff;

  4435. }

  4436. 

  4437. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_right"]:checked + label:after,

  4438. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_right"]:checked + label:after {

  4439.   border-right-color: #F1C666;

  4440. }

  4441. 

  4442. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_bottom"] + label:after,

  4443. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_bottom"]:hover + label:after,

  4444. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_bottom"] + label:after,

  4445. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_bottom"]:hover + label:after {

  4446.   border-bottom-color: #ffffff;

  4447. }

  4448. 

  4449. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_bottom"]:checked + label:after,

  4450. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="padding_bottom"]:checked + label:after {

  4451.   border-bottom-color: #7FB48A;

  4452. }

  4453. 

  4454. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_bottom"] + label:after,

  4455. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_bottom"]:hover + label:after,

  4456. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_bottom"] + label:after,

  4457. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_bottom"]:hover + label:after {

  4458.   border-bottom-color: #ffffff;

  4459. }

  4460. 

  4461. #drupal-off-canvas .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_bottom"]:checked + label:after,

  4462. #layout-builder-modal .bs_input-boxes--box-model .fieldset-wrapper > div > div input[value="margin_bottom"]:checked + label:after {

  4463.   border-bottom-color: #F1C666;

  4464. }

  4465. 

  4466. #drupal-off-canvas input[type=range][class^="bs-field-padding"]::-webkit-slider-runnable-track,

  4467. #layout-builder-modal input[type=range][class^="bs-field-padding"]::-webkit-slider-runnable-track {

  4468.   background: #7FB48A;

  4469. }

  4470. 

  4471. #drupal-off-canvas input[type=range][class^="bs-field-padding"]::-moz-range-track,

  4472. #layout-builder-modal input[type=range][class^="bs-field-padding"]::-moz-range-track {

  4473.   background: #7FB48A;

  4474. }

  4475. 

  4476. #drupal-off-canvas input[type=range][class^="bs-field-padding"]::-ms-fill-lower,

  4477. #layout-builder-modal input[type=range][class^="bs-field-padding"]::-ms-fill-lower {

  4478.   background: #7FB48A;

  4479. }

  4480. 

  4481. #drupal-off-canvas input[type=range][class^="bs-field-padding"]:focus::-webkit-slider-runnable-track,

  4482. #layout-builder-modal input[type=range][class^="bs-field-padding"]:focus::-webkit-slider-runnable-track {

  4483.   background: #9fc7a7;

  4484. }

  4485. 

  4486. #drupal-off-canvas input[type=range][class^="bs-field-padding"]:focus::-ms-fill-lower,

  4487. #layout-builder-modal input[type=range][class^="bs-field-padding"]:focus::-ms-fill-lower {

  4488.   background: #9fc7a7;

  4489. }

  4490. 

  4491. #drupal-off-canvas input[type=range][class^="bs-field-padding"]:focus::-ms-fill-upper,

  4492. #layout-builder-modal input[type=range][class^="bs-field-padding"]:focus::-ms-fill-upper {

  4493.   background: #9fc7a7;

  4494. }

  4495. 

  4496. #drupal-off-canvas input[type=range][class^="bs-field-margin"]::-webkit-slider-runnable-track,

  4497. #layout-builder-modal input[type=range][class^="bs-field-margin"]::-webkit-slider-runnable-track {

  4498.   background: #F1C666;

  4499. }

  4500. 

  4501. #drupal-off-canvas input[type=range][class^="bs-field-margin"]::-moz-range-track,

  4502. #layout-builder-modal input[type=range][class^="bs-field-margin"]::-moz-range-track {

  4503.   background: #F1C666;

  4504. }

  4505. 

  4506. #drupal-off-canvas input[type=range][class^="bs-field-margin"]::-ms-fill-lower,

  4507. #layout-builder-modal input[type=range][class^="bs-field-margin"]::-ms-fill-lower {

  4508.   background: #F1C666;

  4509. }

  4510. 

  4511. #drupal-off-canvas input[type=range][class^="bs-field-margin"]:focus::-webkit-slider-runnable-track,

  4512. #layout-builder-modal input[type=range][class^="bs-field-margin"]:focus::-webkit-slider-runnable-track {

  4513.   background: #f5d795;

  4514. }

  4515. 

  4516. #drupal-off-canvas input[type=range][class^="bs-field-margin"]:focus::-ms-fill-lower,

  4517. #layout-builder-modal input[type=range][class^="bs-field-margin"]:focus::-ms-fill-lower {

  4518.   background: #f5d795;

  4519. }

  4520. 

  4521. #drupal-off-canvas input[type=range][class^="bs-field-margin"]:focus::-ms-fill-upper,

  4522. #layout-builder-modal input[type=range][class^="bs-field-margin"]:focus::-ms-fill-upper {

  4523.   background: #f5d795;

  4524. }

  4525. 

  4526. #drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label,

  4527. #layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label {

  4528.   font-size: 0;

  4529.   text-indent: -999em;

  4530. }

  4531. 

  4532. #drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon,

  4533. #layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon {

  4534.   margin-bottom: 0;

  4535. }

  4536. 

  4537. #drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="left"],

  4538. #layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="left"] {

  4539.   background-image: url("../../images/plugins/text-alignment/text-left.svg");

  4540. }

  4541. 

  4542. #drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="center"],

  4543. #layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="center"] {

  4544.   background-image: url("../../images/plugins/text-alignment/text-center.svg");

  4545. }

  4546. 

  4547. #drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="right"],

  4548. #layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="right"] {

  4549.   background-image: url("../../images/plugins/text-alignment/text-right.svg");

  4550. }

  4551. 

  4552. #drupal-off-canvas .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="justify"],

  4553. #layout-builder-modal .field-text-alignment .fieldset-wrapper > div > div input + label .input-icon[class*="justify"] {

  4554.   background-image: url("../../images/plugins/text-alignment/text-justify.svg");

  4555. }