/*
 * Citadela Pro - Admin styles
 *
 */
 
.citadela-settings-wrap h1 i { display: inline-block; height: 32px; width: 32px; background-repeat: no-repeat; background-position: center; background-size: 32px auto; vertical-align: text-top; }
.citadela-pro-settings .citadela-settings-wrap h1 i { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjAvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQiPg0KPCEtLSBDcmVhdG9yOiBDb3JlbERSQVcgLS0+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6b2RtPSJodHRwOi8vcHJvZHVjdC5jb3JlbC5jb20vQ0dTLzExL2NkZG5zLyIgeG1sbnM6Y29yZWwtY2hhcnNldD0iaHR0cDovL3Byb2R1Y3QuY29yZWwuY29tL0NHUy8xMS9jZGRucy8iIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQiDQogICAgIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5maWwxIHtmaWxsOiM5MjI3QzV9DQogICAgLmZpbDAge2ZpbGw6I0ZGRkZGRn0NCiAgIF1dPg0KICA8L3N0eWxlPg0KIDwvZGVmcz4NCiA8ZyBpZD0iTGF5ZXJfeDAwMjBfMSI+DQogIDxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNNjkgNjNjMTQsLTEyIDMxLC0xOCA0OSwtMTggNDIsMCA3NiwzNCA3Niw3NiAwLDM3IC0yNyw2OCAtNjMsNzVsMCAwYy0xMSwyIC0yMiwtNiAtMjQsLTE3IC0yLC0xMiA2LC0yMiAxNywtMjQgMCwwIDAsMCAwLDAgMTYsLTMgMjksLTE3IDI5LC0zNCAwLC0xOSAtMTYsLTM1IC0zNSwtMzUgLTgsMCAtMTYsNCAtMjIsOWwwIDBjLTksOCAtMjIsNyAtMzAsLTIgLTgsLTggLTcsLTIyIDIsLTI5IDAsLTEgMSwtMSAxLC0xeiIvPg0KICA8cGF0aCBjbGFzcz0iZmlsMSIgZD0iTTEzMSAxMzdjLTE0LDEyIC0zMSwxOCAtNDksMTggLTQyLDAgLTc2LC0zNCAtNzYsLTc2IDAsLTM3IDI3LC02OCA2MywtNzVsMCAwYzExLC0yIDIyLDYgMjQsMTcgMiwxMiAtNiwyMiAtMTcsMjQgMCwwIDAsMCAwLDAgLTE2LDMgLTI5LDE3IC0yOSwzNCAwLDE5IDE2LDM1IDM1LDM1IDgsMCAxNiwtNCAyMiwtOWwwIDBjOSwtOCAyMiwtNyAzMCwyIDgsOCA3LDIyIC0yLDI5IDAsMSAtMSwxIC0xLDF6Ii8+DQogPC9nPg0KPC9zdmc+'); }

#customize-controls .citadela-notification {
    background: #ffdfdf;
    padding: 10px;
    border: 1px solid #ffabab;
    color: #cc0000;
}
#customize-controls .citadela-section-title {
	margin-top: 24px;
	padding-top: 10px;
	border-top: 1px solid #dddddd;
}

.page-fullwidth.wide-content-width .wp-block:not([data-align]) { max-width: 990px; }
.page-fullwidth.full-content-width .wp-block:not([data-align]) { max-width: none; }

.editor-post-featured-image .editor-post-featured-image__container { background-color: rgba(128,128,128,0.1);  }
.editor-post-featured-image .editor-post-featured-image__container .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):hover,
 .editor-post-featured-image .editor-post-featured-image__container .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):focus { background: rgba(128,128,128,0.1); border: none; outline: none; border-radius: 0px; box-shadow: none; }

/* TITLE ON SETTINGS SCREEN  AND SPECIAL PAGES*/

.citadela-settings-wrap > h1 { margin-bottom: 20px; }
body.post-type-special_page h1.wp-heading-inline:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: text-bottom;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjAvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQiPg0KPCEtLSBDcmVhdG9yOiBDb3JlbERSQVcgLS0+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6b2RtPSJodHRwOi8vcHJvZHVjdC5jb3JlbC5jb20vQ0dTLzExL2NkZG5zLyIgeG1sbnM6Y29yZWwtY2hhcnNldD0iaHR0cDovL3Byb2R1Y3QuY29yZWwuY29tL0NHUy8xMS9jZGRucy8iIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgc3R5bGU9ImZpbGw6IzAwYTBkMiINCiAgICAgdmlld0JveD0iMCAwIDIwMCAyMDAiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLmZpbDAge2ZpbGw6I0ZGRkZGRn0NCiAgICAuZmlsMSB7ZmlsbDojMDBBQ0UxfQ0KICAgXV0+DQogIDwvc3R5bGU+DQogPC9kZWZzPg0KIDxnIGlkPSJMYXllcl94MDAyMF8xIj4NCiAgPHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik02OSA2M2MxNCwtMTIgMzEsLTE4IDQ5LC0xOCA0MiwwIDc2LDM0IDc2LDc2IDAsMzcgLTI3LDY4IC02Myw3NWwwIDBjLTExLDIgLTIyLC02IC0yNCwtMTcgLTIsLTEyIDYsLTIyIDE3LC0yNCAwLDAgMCwwIDAsMCAxNiwtMyAyOSwtMTcgMjksLTM0IDAsLTE5IC0xNiwtMzUgLTM1LC0zNSAtOCwwIC0xNiw0IC0yMiw5bDAgMGMtOSw4IC0yMiw3IC0zMCwtMiAtOCwtOCAtNywtMjIgMiwtMjkgMCwtMSAxLC0xIDEsLTF6Ii8+DQogIDxwYXRoIGNsYXNzPSJmaWwxIiBkPSJNMTMxIDEzN2MtMTQsMTIgLTMxLDE4IC00OSwxOCAtNDIsMCAtNzYsLTM0IC03NiwtNzYgMCwtMzcgMjcsLTY4IDYzLC03NWwwIDBjMTEsLTIgMjIsNiAyNCwxNyAyLDEyIC02LDIyIC0xNywyNCAwLDAgMCwwIDAsMCAtMTYsMyAtMjksMTcgLTI5LDM0IDAsMTkgMTYsMzUgMzUsMzUgOCwwIDE2LC00IDIyLC05bDAgMGM5LC04IDIyLC03IDMwLDIgOCw4IDcsMjIgLTIsMjkgMCwxIC0xLDEgLTEsMXoiLz4NCiA8L2c+DQo8L3N2Zz4NCg==) !important;
    background-size: cover;
}

/* LAYOUT EXPORTER */

#citadela-layout-exporter-root p:first-of-type  { font-weight: bolder; font-size: 14px; }
#citadela-layout-exporter-root p:last-of-type	{ margin-bottom: 40px; }
#citadela-layout-exporter-root .mt-6			{ margin-top: 0.5rem; }


/* HIGHLIGHT CONTROL */

.components-base-control.citadela-highlight-control { background: #f3f4f5; padding: 7px; }


/* RESPONSIVE OPTIONS TABS */

.citadela-responsive-options-tabs { margin-bottom: 24px; }
.citadela-responsive-options-tabs .responsive-tabs { margin-bottom: 12px; } 
.citadela-responsive-options-tabs .responsive-tabs > div { display: inline-block; width: 50%; }
.citadela-responsive-options-tabs > div button.components-button,
.citadela-responsive-options-tabs > div button.components-button svg { width: 100%; }

.citadela-responsive-options-tabs > div button.components-button.is-active { background: #555d66 !important; }
.citadela-responsive-options-tabs > div button.components-button.is-active svg,
.citadela-responsive-options-tabs > div button.components-button.is-active span.dashicon { color: #fff; }

.citadela-responsive-options-tabs .tab-label { text-align: center; }

.citadela-responsive-settings-holder { background: #f3f4f5; padding: 7px; margin-bottom: 10px; }
.citadela-responsive-settings-holder .components-toolbar { background: #f3f4f5; }


/* BLOCK STATUS ICONS */

.citadela-status-icons                      { display: inherit; z-index: 20; position: absolute; top: -20px; right: 0; margin: 5px; }
.citadela-status-icons .status-icon         { padding: 5px; margin: 5px; color: #555d66; background-color: #ffffff; border: 2px solid #555d66; border-radius: 100%; display: inline-block; }
.citadela-status-icons .status-icon svg,
.citadela-status-icons .status-icon span.dashicon       { display: block; }

.citadela-status-icons .status-icon.option-indicator    { color: #ffffff; border-color: #e61c54; background-color: #e61c54; fill: #ffffff; }


/* CUSTOM COLOR INPUT - BLOCK EDITOR */

.citadela-color-control .dropdown-component { width: 100%; }
.citadela-color-control .dropdown-component .citadela-color-indicator { width: 100%; height: 37px; display: block; position: relative; border: 1px solid #dadada; cursor: pointer; }
.citadela-color-control .dropdown-component .citadela-color-indicator { background-image: linear-gradient(45deg,#ddd 25%,transparent 0), linear-gradient(-45deg,#ddd 25%,transparent 0), linear-gradient(45deg,transparent 75%,#ddd 0), linear-gradient(-45deg,transparent 75%,#ddd 0); background-size: 10px 10px; background-position: 0 0,0 5px,5px -5px,-5px 0; }
.citadela-color-control .dropdown-component .citadela-color-indicator .inner-color { width: 100%; height: 100%; }


/* GRADIENT INPUT */

.citadela-gradient-control .gradient-preview                { display: block; width: 100%; height: 40px; margin-bottom: 5px; position: relative; border: 1px solid #e2e4e7; }
.citadela-gradient-control .gradient-preview.alpha          { background-image: linear-gradient(45deg,#ddd 25%,transparent 0), linear-gradient(-45deg,#ddd 25%,transparent 0), linear-gradient(45deg,transparent 75%,#ddd 0), linear-gradient(-45deg,transparent 75%,#ddd 0); background-size: 10px 10px; background-position: 0 0,0 5px,5px -5px,-5px 0; }
.citadela-gradient-control .gradient-preview .inner-preview { width: 100%; height: 100%; }
.citadela-gradient-control .colors-preview                  { display: block; width: 100%; }
.citadela-gradient-control .colors-preview .left-picker,
.citadela-gradient-control .colors-preview .right-picker    { display: inline-block; width: 30px; height: 20px; border: 1px solid #e2e4e7; }
.citadela-gradient-control .colors-preview .right-picker    { float: right; }
.citadela-gradient-control .colors-preview .alpha           { background-image: linear-gradient(45deg,#ddd 25%,transparent 0), linear-gradient(-45deg,#ddd 25%,transparent 0), linear-gradient(45deg,transparent 75%,#ddd 0), linear-gradient(-45deg,transparent 75%,#ddd 0); background-size: 10px 10px; background-position: 0 0,0 5px,5px -5px,-5px 0; }
.citadela-gradient-control .colors-preview .color           { display: block; width: 100%; height: 100%; }


/* COLOR PICKER INPUT */

.components-color-picker .components-color-picker__inputs-fields input::-webkit-outer-spin-button,
.components-color-picker .components-color-picker__inputs-fields input::-webkit-inner-spin-button   { -webkit-appearance: none; margin: 0; }
.components-color-picker .components-color-picker__inputs-fields input[type=number]                 { -moz-appearance: textfield; appearance: none; }

/*** SELECT CONTROL FIX ***/

.css-1wkpk1y-Flex-ItemsColumn.components-select-control { height: auto; }

/* FONTAWESOME SELECT INPUT */

.citadela-fontawesome-select-container .selected-icon                   { display: inline-block; background: #fff; padding: 10px 50px 10px 10px; border: 1px solid #ddd; border-radius: 4px; position: relative; cursor: pointer; }
.citadela-fontawesome-select-container .selected-icon:before            { content: ""; position: absolute; height: 26px; border-left: 1px solid #ddd; top: 50%; right: 40px; transform: translateY(-50%); }
.citadela-fontawesome-select-container .selected-icon:after             { content: "..."; display: block; position: absolute; top: 50%; line-height: 30px; height: 30px; margin-top: -25px; font-size: 30px; opacity: 0.4; right: 12px; letter-spacing: -0.03em; }
.citadela-fontawesome-select-container .selected-icon i                 { font-size: 1.5em; width: 1.5em; text-align: center; }
.citadela-fontawesome-select-container .iconpicker-popover.popover      { width: auto; margin-top: 3px; border-radius: 4px; border: 1px solid #dddddd; }
.citadela-fontawesome-select-container .iconpicker-popover.popover 
.popover-title input[type=search].iconpicker-search                         { width: 100%; }
.citadela-fontawesome-select-container .iconpicker-popover.popover.inline   { display: block; }
.citadela-fontawesome-select-container .iconpicker .iconpicker-item         { margin-right: 8px; margin-bottom:8px; }
.citadela-fontawesome-select-container .iconpicker .iconpicker-loader i     { position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -35px; }
.citadela-fontawesome-select-container .iconpicker .no-results              { padding: 10px; line-height: 1.3; display: block; }
.citadela-fontawesome-select-container .iconpicker .no-results.hidden       { display: none; }


/*** CAROUSEL ***/

.wp-block-citadela-blocks.use-carousel:after        { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.wp-block-citadela-blocks.use-carousel.carousel-navigation .carousel-navigation-wrapper     { margin: 0.5em 0; }
.wp-block-citadela-blocks.use-carousel.carousel-navigation .carousel-button-prev,
.wp-block-citadela-blocks.use-carousel.carousel-navigation .carousel-button-next            { text-align: center; color: rgba(200,200,200,0.7); width: 30px; height: 30px; line-height: 30px; }
.wp-block-citadela-blocks.use-carousel.carousel-navigation .carousel-button-prev            { float: left; }
.wp-block-citadela-blocks.use-carousel.carousel-navigation .carousel-button-next            { float: right; }

.wp-block-citadela-blocks.use-carousel.carousel-navigation:not(.carousel-pagination) .carousel-navigation-wrapper:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
    
.wp-block-citadela-blocks.use-carousel.carousel-pagination .carousel-pagination-wrapper     { display: block; width: auto; margin: 0.5em 60px; padding: 2px 0; text-align: center; }
.wp-block-citadela-blocks.use-carousel.carousel-pagination span.carousel-bullet             { display: inline-block; border-radius: 100%; vertical-align: middle; width: 10px; height: 10px; margin: 5px; background-color: rgba(200,200,200,0.7); }

.wp-block-citadela-blocks.use-carousel.carousel-pagination:not(.carousel-navigation) .carousel-pagination-wrapper   { display: block; margin-left: 0; margin-right: 0; }

.wp-block-citadela-blocks.use-carousel.custom-carousel-color.carousel-navigation .carousel-button-prev,
.wp-block-citadela-blocks.use-carousel.custom-carousel-color.carousel-navigation .carousel-button-next      { color: currentColor; } 
.wp-block-citadela-blocks.use-carousel.custom-carousel-color.carousel-pagination span.carousel-bullet       { background-color: currentColor; }

/* INSPECTOR - HTML TAG CONTROL */

.components-panel .components-base-control span.components-base-control__label              { display: inline-block; padding-bottom: 4px; }

.citadela-panel .citadela-html-tag-control .components-toolbar          { display: flex; min-height: 34px; }
.citadela-panel .citadela-html-tag-control .components-toolbar div      { flex: 1 1 auto; }

/*.citadela-panel .citadela-html-tag-control .components-toolbar .components-button                                 { width: 100%; }*/
.citadela-panel .citadela-html-tag-control .components-toolbar div > .components-button.has-icon                        { min-width: 32px; padding: 3px; height: 34px; }
.citadela-panel .citadela-html-tag-control .components-toolbar div > .components-button:before,
.citadela-panel .citadela-html-tag-control .components-toolbar div:first-child > .components-button:before,
.citadela-panel .citadela-html-tag-control .components-toolbar div:last-child > .components-button:before               { height: 30px; left: 2px; right: 2px; }
.citadela-panel .citadela-html-tag-control .components-toolbar div > .components-button:focus:before                    { outline: none; box-shadow: none; }
.citadela-panel .citadela-html-tag-control .components-toolbar div > .components-button.components-button.has-icon svg,
.citadela-panel .citadela-html-tag-control .components-toolbar div > .components-button.components-button.has-icon span.dashicon    {width: 20px; min-width: 20px; height: 20px; }

/* INSPECTOR - ALIGNMENT CONTROL */

.citadela-panel .citadela-alignment-control .components-toolbar         { display: flex; min-height: 34px; }
.citadela-panel .citadela-alignment-control .components-toolbar div     { flex: 1 1 auto; }

.citadela-panel .citadela-alignment-control .components-toolbar div > .components-button                                { width: 100%; }
.citadela-panel .citadela-alignment-control .components-toolbar div > .components-button.has-icon                       { min-width: 32px; padding: 3px; height: 34px; }
.citadela-panel .citadela-alignment-control .components-toolbar div > .components-button:before,
.citadela-panel .citadela-alignment-control .components-toolbar div:first-child > .components-button:before,
.citadela-panel .citadela-alignment-control .components-toolbar div:last-child > .components-button:before              { height: 30px; left: 2px; right: 2px; }
.citadela-panel .citadela-alignment-control .components-toolbar div > .components-button:focus:before                   { outline: none; box-shadow: none; }
.citadela-panel .citadela-alignment-control .components-toolbar div > .components-button.components-button.has-icon svg,
.citadela-panel .citadela-alignment-control .components-toolbar div > .components-button.components-button.has-icon span.dashicon {width: 20px; min-width: 20px; height: 20px; }