/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

#toplevel_page_my-brindle > .wp-submenu .wp-first-item { display: none; }

#toplevel_page_my-brindle > a > .wp-menu-image img { width: 16px; }

/*#adminmenu .wp-menu-image img { opacity: 1; }*/

body.wp-admin.post-type-qp_popup div#titlediv { display: none; }
body.wp-admin.post-type-qp_popup #screen-meta-links { display: none; }
body.wp-admin.post-type-qp_popup #postbox-container-1 { margin-top: 74px; }

body.wp-admin.post-type-qp_popup .wp-heading-inline,
body.wp-admin.post-type-qp_popup .page-title-action { display: none; }

body.wp-admin.post-type-qp_popup { overflow: hidden; }

body.wp-admin.post-type-qp_popup .button-primary { border-color: #ff2f73 !important; background: #ff2f73 !important; }
body.wp-admin.post-type-qp_popup .button-primary:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #ff2f73  !important; color: #fff !important; }

body.wp-admin.wp-admin.wp-admin #toplevel_page_my-brindle .wp-submenu > li.qp-with-arrow a,
body.wp-admin.wp-admin.wp-admin .wp-submenu a[href="edit.php?post_type=qp_submissions"] { position: relative; padding-left: 24px !important; }

body.wp-admin.wp-admin.wp-admin #toplevel_page_my-brindle .wp-submenu > li.qp-with-arrow a:before,
body.wp-admin.wp-admin.wp-admin .wp-submenu a[href="edit.php?post_type=qp_submissions"]:before { content: ''; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #c3c4c5; border-style: solid; }

body.wp-admin.post-type-qp_popup #side-sortables { display: flex; flex-direction: column; }
body.wp-admin.post-type-qp_popup #side-sortables > * { width: 100%; }
body.wp-admin.post-type-qp_popup #side-sortables > #carbon_fields_container_qp_sidebar { order: 2; }

/* ------------------------------------------------------------ *\
	QuickPop Single
\* ------------------------------------------------------------ */

#carbon_fields_container_quickpop_by_brindle { font-family: museo-sans, sans-serif; background: transparent; border: 0; box-shadow: none; }

#carbon_fields_container_quickpop_by_brindle > button.handlediv { display: none; }

#carbon_fields_container_quickpop_by_brindle > .postbox-header > h2 { max-width: 180px; height: 18px; background: url(../../images/quickpop-logo.png) no-repeat center/contain; border: 0; margin: 0 0 20px; font-size: 0; }
#carbon_fields_container_quickpop_by_brindle > .postbox-header > .handle-actions { display: none; }

.cf-container.cf-container-carbon_fields_container_quickpop_by_brindle { overflow: hidden;  }

.container-carbon_fields_container_quickpop_by_brindle { background: #fff; border: 1px solid #d9e1e7; border-top: 0; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container__tabs { background: #ccd0d4; padding: 0; border: 0; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container__tabs-item { border: 0; margin: 0; background: transparent; color: #454c54; font-size: 13px; font-weight: 500; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container__tabs-item:hover,
.container-carbon_fields_container_quickpop_by_brindle .cf-container__tabs-item--current { background: #ff2f73; color: #fff; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container__fields { padding: 20px; margin: 0 -12px; }
.container-carbon_fields_container_quickpop_by_brindle .cf-field.cf-field.cf-field { padding: 12px; flex-grow: 0; }
.container-carbon_fields_container_quickpop_by_brindle .cf-html .cf-field__help { padding: 0 12px; margin-top: 0px; }
.container-carbon_fields_container_quickpop_by_brindle .cf-separator { padding: 0 0 20px; border-color: #f1f5f9; }
.container-carbon_fields_container_quickpop_by_brindle .cf-separator .cf-field__body h3 { margin: 0; }
.container-carbon_fields_container_quickpop_by_brindle div.mce-toolbar-grp { border-bottom: 0; background: #f1f5f9; }
.container-carbon_fields_container_quickpop_by_brindle .html-active .switch-html,
.container-carbon_fields_container_quickpop_by_brindle .tmce-active .switch-tmce { border-bottom: 0; background: #f1f5f9; }
.container-carbon_fields_container_quickpop_by_brindle .wp-editor-container { border-color: #f1f5f9; }
.container-carbon_fields_container_quickpop_by_brindle .mce-top-part::before { box-shadow: none; }
.container-carbon_fields_container_quickpop_by_brindle .cf-text__input { border: 1px solid #e9ecee; border-radius: 0; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container .cf-field { border: 0; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container .cf-field input:focus,
.container-carbon_fields_container_quickpop_by_brindle .cf-container .cf-field textarea:focus,
.container-carbon_fields_container_quickpop_by_brindle .cf-container .cf-field select:focus { border-color: #ff2f73; outline: 0; box-shadow: 0; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container .cf-field.cf-separator { padding: 12px 0; margin: 0 12px; border-bottom: 1px solid #f1f5f9; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container .cf-field.cf-html { padding: 0; }
.container-carbon_fields_container_quickpop_by_brindle .cf-container .cf-field.cf-html .cf__separator.cf__separator--small { padding: 20px 0 10px; font-weight: 700; border-radius: 7px; border-bottom: 1px solid #f1f5f9; margin: 0 12px; }

#carbon_fields_container_qp_sidebar.closed > .inside { display: block; }
#carbon_fields_container_qp_sidebar { border: 0; background: transparent; }

#carbon_fields_container_qp_sidebar > .postbox-header { display: none; }
#carbon_fields_container_qp_sidebar .cf-container__fields { border: 1px solid #e9ecee; border-radius: 7px; background: #fbfbfb; padding: 20px; }
#carbon_fields_container_qp_sidebar .cf-field.cf-html { padding: 0; bottom: 0; }

.qp-crb-upsell { display: flex; align-items: center; font-size: 13px; color: #3a3d41; font-weight: 300; font-style: italic; }
.qp-crb-upsell-logo { display: inline-block; margin-right: 8px; width: 36px; height: 36px; background: url('../../images/logo-upsell.png') no-repeat center/cover; }

.qp_cf-form-field-label { margin: 0; padding-top: 12px; padding-left: 12px; font-size: 14px; font-weight: 400; }
.qp_cf-form-field-label--bold { font-weight: 600; color: #23282d; font-size: 13px; }

.qp_cf-help-text { display: block; padding-top: 18px; }

input.cf-text__input[name="carbon_fields_compact_input[_qp_popup_width]"] { width: 80px !important; }
input.cf-text__input[name="carbon_fields_compact_input[_qp_popup_container_radius]"] { width: 80px !important; }
input.cf-text__input[name="carbon_fields_compact_input[_qp_btn_radius]"] { width: 80px !important; }
input[name="carbon_fields_compact_input[_qp_popup_width_type]"] { border-radius: 4px; }
input[name="carbon_fields_compact_input[_qp_popup_width_type]"]:checked:before { content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E); margin: -.1875rem 0 0 -.25rem; height: 1.3125rem; width: 1.3125rem; background-color: transparent; }

textarea[name="carbon_fields_compact_input[_qp_custom_css_code]"] { border: 1px solid #e9ecee; border-radius: 0; }

input[name="carbon_fields_compact_input[_qp_number_of_days_snooze]"] { width: 100px !important; }

.qp_cf-separator-title { padding: 12px 0; margin: 0 12px; border-bottom: 1px solid #f1f5f9; }
.qp_cf-separator-title span { font-size: 0.9em; font-weight: 400; }

/* ------------------------------------------------------------ *\
	Popup Library
\* ------------------------------------------------------------ */


.section-qp-popup { position: relative; padding-top: 60px; font-family: museo-sans, sans-serif; line-height: 1.1; max-width: 1118px; }

.section-qp-popup .section__content
.section-qp-popup .section__sidebar { transition: opacity .5s; }

.section-qp-popup.is-confirming .section__content,
.section-qp-popup.is-confirming .section__sidebar { opacity: .5; }

.section-qp-popup.is-loading .section__content,
.section-qp-popup.is-loading .section__sidebar { opacity: .5; }

.section-qp-popup .qp-ico-loading { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); }

.section-qp-popup .qp-btn { margin-top: 10px; }

.section-qp-popup .section__logo { position: absolute; top: 22px; left: 0; width: 180px; }
.section-qp-popup .section__logo img { max-width: 100%; height: auto; }

.section-qp-popup .section__inner { position: relative; display: flex; align-items: flex-start; }

.section-qp-popup .section__sidebar { border: 1px solid #e9ecee; border-radius: 7px; width: 284px; min-width: 284px; margin-left: 10px; background: #fbfbfb; padding: 20px; }
.section-qp-popup .section__content { width: 100%; padding: 22px 22px; background: #fff; border: 1px solid #f1f1f1; border-radius: 3px; max-width: 782px; }
.section-qp-popup .section__head { padding-bottom: 4px; border-bottom: 2px solid #f1f5f9; }
.section-qp-popup .section__head p { font-size: 15px; font-weight: 900; color: #3a3d41; margin: 0; }

.section-qp-popup .section__sidebar-navigation { margin-bottom: 20px; }
.section-qp-popup .section__sidebar-navigation:last-child { margin-bottom: 0; }

.section-qp-popup .section__sidebar-navigation > ul { list-style: none; padding: 0; margin: 0; }

.section-qp-popup .section__sidebar-navigation > ul > li { padding: 0; margin: 0; border-bottom: 2px solid #f1f5f9; transition: border-color .4s; }
.section-qp-popup .section__sidebar-navigation > ul > li:hover { border-color: #ff2f73; }

.section-qp-popup .section__sidebar-navigation > ul > li:first-child { position: relative; padding-left: 20px; }
.section-qp-popup .section__sidebar-navigation > ul > li:first-child:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 12px; height: 2px; background: #ff2f73; }
.section-qp-popup .section__sidebar-navigation > ul > li:first-child:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 5px; width: 2px; height: 12px; background: #ff2f73; }

.section-qp-popup .section__sidebar-navigation > ul > li > a { font-family: museo-sans, sans-serif; font-size: 14px; color: #3a3d41; padding: 14px 0; text-decoration: none; transition: color .4s; display: block; font-weight: 300; }
.section-qp-popup .section__sidebar-navigation > ul > li > a:focus { box-shadow: none; text-decoration: none; }
.section-qp-popup .section__sidebar-navigation > ul > li > a:hover { text-decoration: none; color: #ff2f73; }

.qp-popup-duplicate-confirmation { position: absolute; top: 50%; left: 50%; z-index: 99; transform: translate(-50%, -50%); width: 300px; background: #fff; box-shadow: 2px 4px 10px rgba(0,0,0,.2); border: 1px solid #eee; padding: 20px 30px; display: flex; flex-wrap: wrap; justify-content: center; opacity: 0; visibility: hidden; margin-top: 40px; transition: opacity .4s, visibility .4s, margin-top .4s; }
.qp-popup-duplicate-confirmation p { width: 100%; text-align: center; margin-bottom: 20px; }

.section-qp-popup.is-confirming .qp-popup-duplicate-confirmation { opacity: 1; visibility: visible; margin-top: 0; }

.qp-popup-duplicate-confirmation .qp-btn + .qp-btn { margin-left: 15px; }

.qp-popups-list .qp-popups__head { padding: 20px 12px 10px; }
.qp-popups-list .qp-popups__head p { margin: 0; font-size: 14px; color: #3a3d41; font-weight: 500; }

.qp-popups-list .qp-popups__body > ul { list-style: none; padding: 0; margin: 0; }
.qp-popups-list .qp-popups__body > ul > li { padding: 4px 12px; border-top: 2px solid #f1f5f9; margin: 0; }
.qp-popups-list .qp-popups__body > ul > li p { margin: 0; }
.qp-popups-list .qp-popups__body > ul > li:nth-child(odd) { background: #fbfbfb; }
.qp-popups-list .qp-popups__body > ul > li:last-child { border-bottom: 2px solid #f1f5f9; }

.qp-popup-list { display: flex; align-items: center; }
.qp-popup-list .qp-popup__content { width: 100%; }
.qp-popup-list .qp-popup__content p { margin: 0; font-size: 14px; font-weight: 300; color: #3a3d41; }
.qp-popup-list .qp-popup__content p a { color: inherit; text-decoration: none; }
.qp-popup-list .qp-popup__actions { flex-shrink: 0; }
.qp-popup-list .qp-popup__actions > ul { display: flex; align-items: center; margin: -5px -10px; padding: 0; }
.qp-popup-list .qp-popup__actions > ul > li { padding: 5px 10px; margin: 0; font-family: museo-sans, sans-serif; }
.qp-popup-list .qp-popup__actions > ul > li:first-child { width: 84px; }

.qp-popup-list .qp-status { position: relative; font-family: museo-sans, sans-serif; font-size: 14px; line-height: 1.1; font-weight: 500; padding-left: 12px; }
.qp-popup-list .qp-status:before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
.qp-popup-list .qp-live { color: #1cb714; }
.qp-popup-list .qp-draft { color: #727c8a; }

.qp-popup-list .qp-popup__actions a:focus { box-shadow: none; text-decoration: none; }
.qp-popup-list .qp-popup__btn-trash img { width: 15px; height: auto; }
.qp-popup-list .qp-popup__btn-edit img { width: 14px; height: auto; }
.qp-popup-list .qp-popup__btn-duplicate img { width: 14px; height: 14px; }

.section-qp-popup .qp-upsell { margin-top: 20px; }

.qp-upsell { font-size: 13px; color: #3a3d41; font-family: museo-sans, sans-serif; font-weight: 300; line-height: 1.46; padding: 30px 37px; border: 1px solid #ecf3f9; border-radius: 7px; }
.qp-upsell a { color: inherit; }
.qp-upsell a:hover { text-decoration: none; }
.qp-upsell .qp-upsell__head { display: flex; align-items: center; font-size: 14px; }
.qp-upsell .qp-upsell__head-image { min-width: 32px; max-width: 32px; }
.qp-upsell .qp-upsell__head-image img { width: 100%; height: auto; }
.qp-upsell .qp-upsell__head-content { width: 100%; padding-left: 16px; }

.qp-upsell .qp-upsell__cols { display: flex; flex-wrap: wrap; margin: -16px; }
.qp-upsell .qp-upsell__col { box-sizing: border-box; width: 50%; padding: 16px; }
.qp-upsell .qp-upsell__col p { margin-top: 0; }
.qp-upsell .qp-upsell__col p:last-child { margin-bottom: 0; }

.qp-upsell .qp-upsell__foot { margin-top: 16px; padding-top: 22px; border-top: 1px solid #f1f5f9; display: flex; align-items: center; }

.qp-upsell .qp-upsell__btn { flex-shrink: 0; font-size: 12px; font-weight: 700; color: #fff; background: #ff2f73; padding: 8px 14px; border-radius: 4px; border: 2px solid #ff2f73; text-decoration: none; transition: background .4s, color .4s; }
.qp-upsell .qp-upsell__btn:hover { background: transparent; color: #ff2f73; }

.qp-upsell .qp-upsell__message { flex-shrink: 0; font-size: 12px; margin-left: 15px; }
.qp-upsell .qp-upsell__snooze { font-weight: 300; display: block; font-size: 12px; text-decoration: none; color: #727c8a; margin-left: auto; }
.qp-upsell .qp-upsell__snooze:hover { text-decoration: underline; }

.qp-upsell-ad { font-weight: 300; line-height: 1.69; border: 1px solid #e9ecee; border-radius: 7px; text-align: center; padding: 20px 20px; font-size: 13px; }


.qp-upsell-ad a { font-weight: 700; color: #ff2f73; text-decoration: none; }
.qp-upsell-ad a:focus { box-shadow: none; text-decoration: none; }
.qp-upsell-ad a:hover { text-decoration: underline; }

.qp-upsell-ad .qp-upsell__snooze { display: block; font-size: 12px; text-decoration: underline; color: #727c8a; margin-left: auto; margin-top: 10px; }
.qp-upsell-ad .qp-upsell__snooze:hover { text-decoration: none; }

.qp-upsell-ad * { box-sizing: border-box; }
.qp-upsell-ad img { max-width: 104px; height: auto; margin: 0 auto 20px; }
.qp-upsell-ad p { font-size: 14px; margin-top: 0; }
.qp-upsell-ad p strong { font-weight: 700; }
.qp-upsell-ad p span { font-weight: 600; }
.qp-upsell-ad .qp-upsell-ad__image { display: block; width: 104px; height: 91px; background: url('../../images/qp-upsell-sidebar.png') no-repeat center/cover; margin: 0 auto 20px; }
.qp-upsell-ad .qp-upsell-ad__btn { display: block; width: 100%; text-align: center; background: #ff2f73; border: 2px solid #ff2f73; color: #fff; font-weight: 300; font-size: 12px; line-height: 1.25; padding: 10px 12px; text-decoration: none; transition: background .4s, color .4s; border-radius: 4px; }
.qp-upsell-ad .qp-upsell-ad__btn strong { font-size: 14px; }
.qp-upsell-ad .qp-upsell-ad__btn:hover { text-decoration: none; background: transparent; color: #ff2f73; }
.qp-upsell-ad .qp-upsell__snooze { font-weight: 300; display: block; font-size: 12px; text-decoration: none; color: #727c8a; margin-left: auto; }
.qp-upsell-ad .qp-upsell__snooze:hover { text-decoration: underline; }

@media(max-width: 1200px) {
	.section-qp-popup .section__inner { flex-wrap: wrap; }

	.section-qp-popup .section__sidebar { width: 100%; margin-left: 0; margin-right: 15px; }
	.section-qp-popup .section__content { width: 100%; margin-right: 15px; margin-bottom: 20px; }
}

@media(max-width: 767px) {
	.qp-upsell { padding: 15px; }
	
	.qp-upsell .qp-upsell__col { width: 100%; }
	.qp-upsell .qp-upsell__foot { flex-wrap: wrap; }
	.qp-upsell .qp-upsell__snooze { width: 100%; margin-top: 10px; }
}

/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */

.qp-btn { display: inline-block; text-align: center; background: #ff2f73; border: 2px solid #ff2f73; color: #fff; font-weight: 300; font-size: 14px; line-height: 1.25; padding: 6px 12px; text-decoration: none; transition: background .4s, color .4s; border-radius: 4px; }
.qp-btn:focus { background: #ff2f73; color: #fff; box-shadow: none; text-decoration: none; }
.qp-btn:hover { text-decoration: none; background: transparent; color: #ff2f73; }

/* ------------------------------------------------------------ *\
	Helper Popup
\* ------------------------------------------------------------ */

.qp-helper-popup { position: fixed; font-size: 13px; width: auto; padding: 10px 15px; background: #fff; box-shadow: 2px 4px 5px rgba(0,0,0,.2); }

/* ------------------------------------------------------------ *\
	Preview
\* ------------------------------------------------------------ */

.qp-btn-preview { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }

.qp-ico-preview { display: inline-block; width: 26px; height: 15px; background: url('../../images/preview.png') no-repeat center/cover; }

.qp-preview-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background: rgba(51,51,51,.84); }
.qp-preview-loading { display: inline-block; width: 80px; height: 80px; background: url('../../images/spinner-pink.svg') no-repeat center/cover; }

.qp-preview-container .qp-preview-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.qp-preview-close { position: absolute; top: 40px; right: 30px; z-index: 9999999999; width: 30px; height: 30px; }
.qp-preview-close:before,
.qp-preview-close:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); height: 40px; width: 3px; border-radius: 4px; background: #ff2f73; }
.qp-preview-close:after { transform: translate(-50%, -50%) rotate(-45deg); }

/* ------------------------------------------------------------ *\
	Ico Loading
\* ------------------------------------------------------------ */

.qp-ico-loading { display: inline-block; width: 80px; height: 80px; background: url('../../images/spinner-pink.svg') no-repeat center/cover; }

/* ------------------------------------------------------------ *\
	Dropdown
\* ------------------------------------------------------------ */

.qp-dropdown-status { position: relative; }

.qp-dropdown-status .dropdown__head { cursor: pointer; position: relative; padding-right: 10px; color: #1cb714; }
.qp-dropdown-status[data-status="disabled"] .dropdown__head { color: #727c8a; }

.qp-dropdown-status .dropdown__head:after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-width: 6px 4px 0 4px; border-style: solid; border-color: #27b733 transparent transparent transparent; }
.qp-dropdown-status[data-status="disabled"] .dropdown__head:after { border-color: #727c8a transparent transparent transparent; }

.qp-dropdown-status .dropdown__body { position: absolute; top: calc(100% + 10px); left: 50%; z-index: 999; transform: translateX(-50%); min-width: 100px; opacity: 0; visibility: hidden; transition: opacity .4s, visible .4s; }
.qp-dropdown-status.is-active .dropdown__body { opacity: 1; visibility: visible; }

.qp-dropdown-status .dropdown__body > ul { padding: 0; margin: 0; background: #fff; box-shadow: 2px 4px 6px rgba(0,0,0,.25); }
.qp-dropdown-status .dropdown__body > ul > li { padding: 0; margin: 0; width: 100%; }
.qp-dropdown-status .dropdown__body > ul > li:first-child { margin: 0; }
.qp-dropdown-status .dropdown__body > ul > li > a { display: block; padding: 8px 10px; text-decoration: none; text-align: center; transition: background .4s, color .4s; }
.qp-dropdown-status .dropdown__body > ul > li > a:hover { background: #ff2f73; color: #fff; }

/* ------------------------------------------------------------ *\
	Submissions
\* ------------------------------------------------------------ */

th#popup_title a { display: block; overflow: hidden; padding: 8px 0; }

th#popup_title a:hover span.sorting-indicator { visibility: visible; }
th#popup_title a:hover span.sorting-indicator:before { content: '\f140'; }

th#popup_title a span { float: left; cursor: pointer; }


th#popup_title a.desc span.sorting-indicator:before,
th#popup_title a.asc span.sorting-indicator:before { visibility: visible; }

th#popup_title a.desc span.sorting-indicator:before { content: '\f140'; }
th#popup_title a.desc:hover span.sorting-indicator:before { content: '\f142'; }

th#popup_title a.asc:hover span.sorting-indicator:before { content: '\f140'; }