@charset "UTF-8";
/*****************************************************
************General BoldGrid Rules****************
******************************************************/
.boldgrid-icon-newtab {
  background: url(../../img/icon-newpage.png) no-repeat right center;
  display: inline;
  margin-right: 2px;
  padding-right: 14px;
  background-position: 100% 4px; }

.overlay-prompt {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 99999; }

.overlay-content {
  margin: 20px 0px;
  margin-top: 0px;
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 10px; }

.overlay-content .buttony-primary {
  margin-right: 5px; }

.preview-tablet .wp-full-overlay-main {
  width: 767px; }

#customize-control-boldgrid_compiled_css {
  display: none !important; }

.accordion-section-content.menu .customize-section-description {
  text-align: right; }

/*****************************************************
************Kirki Control Rules****************
******************************************************/
#customize-theme-controls .control-section.open .accordion-section-title {
  color: #fff !important; }

#customize-theme-controls .control-section.open .accordion-section-title:after {
  color: #fff; }

#customize-theme-controls .customize-control-switch label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 5px; }

#customize-controls .description {
  font-weight: normal !important;
  font-size: 1em !important; }

.wp-picker-active .pluto-alpha-container {
  display: block; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  padding: 8px; }

.select2-container--default [id^="select2-"][id$="sans-serif"],
.select2-container--default [id^="select2-"][id$="monospace"],
.select2-container--default [id^="select2-"][id$="serif"] {
  color: black !important;
  background-image: none !important;
  font-size: 23px;
  line-height: 1.3;
  padding: 8px !important; }

.select2-container--default [id^="select2-"][id$="sans-serif"].select2-results__option--highlighted[aria-selected],
.select2-container--default [id^="select2-"][id$="monospace"].select2-results__option--highlighted[aria-selected],
.select2-container--default [id^="select2-"][id$="serif"].select2-results__option--highlighted[aria-selected] {
  color: black !important; }

.select2-container--default [id^="select2-"][id$="sans-serif"] {
  font-family: sans-serif; }

.select2-container--default [id^="select2-"][id$="monospace"] {
  font-family: monospace; }

.select2-container--default [id^="select2-"][id$="serif"] {
  font-family: serif; }

.select2-container--default .select2-selection--single {
  height: 44px !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  width: 220px !important;
  line-height: 44px !important;
  height: 100% !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  line-height: 44px !important;
  height: 100% !important; }

/*****************************************************
************General Color Palette Rules****************
******************************************************/
[data-neutral-color] ~ .palette-action-buttons .boldgrid-neutral-color {
  display: block; }

.palette-action-buttons {
  margin-top: 12px; }

.palette-action-buttons .boldgrid-neutral-color {
  display: none; }

.wp-core-ui .button.palette-creator-button {
  width: 92%;
  margin: 2px;
  font-size: 14px;
  margin-bottom: 20px; }

.palette-buttons.button.upload-button {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px; }

.active-palette-section.boldgrid-neutral-color {
  border-color: orange; }

.boldgrid-neutral-color {
  background-color: white;
  border: 2px solid lightgrey;
  height: 25px;
  font-weight: bold;
  line-height: 25px;
  margin: 2px;
  margin-bottom: 5px;
  text-align: center; }

.boldgrid-neutral-color:hover {
  cursor: pointer;
  border-color: orange; }

.bg-lock-controls,
.boldgrid-neutral-color,
.boldgrid-active-palette,
.boldgrid-inactive-palette .boldgrid-palette-colors {
  width: 92%;
  position: relative; }

.generated-palettes-container .boldgrid-inactive-palette .boldgrid-palette-colors {
  width: 97%; }

.color-lock {
  display: inline-block;
  text-align: center; }

.color-lock > span {
  left: 2px;
  position: relative !important; }

.color-palette-columns-6 .bg-lock-controls > .color-lock,
.color-palette-columns-6 .boldgrid-active-palette .boldgrid-palette-colors,
.color-palette-columns-6 .boldgrid-palette-colors > span {
  width: 16.666%; }

.color-palette-columns-5 .bg-lock-controls > .color-lock,
.color-palette-columns-5 .boldgrid-active-palette .boldgrid-palette-colors,
.color-palette-columns-5 .boldgrid-palette-colors > span {
  width: 20%; }

.color-palette-columns-4 .bg-lock-controls > .color-lock,
.color-palette-columns-4 .boldgrid-active-palette .boldgrid-palette-colors,
.color-palette-columns-4 .boldgrid-palette-colors > span {
  width: 25%; }

.color-palette-columns-3 .bg-lock-controls > .color-lock,
.color-palette-columns-3 .boldgrid-active-palette .boldgrid-palette-colors,
.color-palette-columns-3 .boldgrid-palette-colors > span {
  width: 33.333%; }

.color-palette-columns-2 .bg-lock-controls > .color-lock,
.color-palette-columns-2 .boldgrid-active-palette .boldgrid-palette-colors,
.color-palette-columns-2 .boldgrid-palette-colors > span {
  width: 50%; }

.color-palette-columns-1 .bg-lock-controls > .color-lock,
.color-palette-columns-1 .boldgrid-active-palette .boldgrid-palette-colors,
.color-palette-columns-1 .boldgrid-palette-colors > span {
  width: 100%; }

.boldgrid-color-palette-wrapper .wp-color-result {
  display: none; }

.boldgrid-color-palette-wrapper .wp-color-result.expanded-wp-colorpicker {
  height: 28px; }

.boldgrid-color-palette-wrapper .wp-color-result.expanded-wp-colorpicker:after {
  line-height: 28px;
  font-size: 13px; }

.boldgrid-color-palette-wrapper .wp-picker-container .button {
  margin-left: 3px; }

.boldgrid-color-palette-wrapper .wp-picker-container input[type=text].wp-color-picker {
  width: 140px; }

.boldgrid-color-palette-wrapper .wp-picker-clear {
  display: none; }

.boldgrid-color-palette-wrapper .wp-picker-open + .wp-picker-input-wrap .close-color-picker {
  display: inline-block; }

.boldgrid-color-palette-wrapper .close-color-picker {
  line-height: 23px;
  height: 25px;
  display: none; }

.boldgrid-color-palette-wrapper .wp-picker-container {
  margin-bottom: 5px; }

/*****************************************************
************Inactive Color Palette Rules****************
******************************************************/
.boldgrid-active-palette, .boldgrid-inactive-palette {
  list-style-type: none;
  margin-top: 0;
  padding: 0;
  margin-bottom: 5px; }

.boldgrid-palette-colors > span {
  height: 100%;
  display: inline-block; }

.boldgrid-inactive-palette .boldgrid-palette-colors {
  font-size: 0;
  border: 2px solid;
  border-color: #E1E1E1;
  height: 33px; }

.boldgrid-inactive-palette .boldgrid-palette-colors:hover {
  border: 2px solid;
  border-color: #fb5f14;
  cursor: pointer; }

/*****************************************************
************Active Color Palette Rules****************
******************************************************/
.boldgrid-active-palette {
  border: 2px solid;
  border-color: #E1E1E1;
  height: 84px;
  margin-top: 15px; }

.boldgrid-active-palette li {
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: move;
  border: 1px solid white;
  box-sizing: border-box; }

.boldgrid-active-palette li:first-of-type {
  margin-top: 0px; }

.boldgrid-active-palette .boldgrid-palette-colors {
  display: inline-block;
  height: 100%;
  position: relative; }

.boldgrid-active-palette .ui-sortable-helper,
.boldgrid-active-palette .active-palette-section:not(.ui-sortable-placeholder) {
  border: 2px solid #fb5f14;
  box-sizing: border-box; }

/*****************************************************
************Advanced Color Palettes Section****************
******************************************************/
.boldgrid-advanced-options {
  margin-top: 10px; }

.boldgrid-advanced-options-label {
  border-bottom: 1px solid lightgray; }

.boldgrid-advanced-options-label:hover {
  border-color: darkgray; }

.boldgrid-advanced-options-label .dashicons-arrow-down {
  float: right; }

/*****************************************************
*******************Help Icons************************
******************************************************/
#customize-control-background_repeat [data-hint]:after {
  top: -50px; }

/*****************************************************
************Palette Dashicons Generate Mode****************
******************************************************/
.boldgrid-neutral-color.active-palette-section:before,
.boldgrid-active-palette .boldgrid-palette-colors:before {
  content: "\f140";
  position: absolute;
  display: none;
  font-family: dashicons;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  vertical-align: top;
  color: #555;
  width: 20px;
  left: 50%;
  top: -25px;
  transform: translateX(-50%); }

.boldgrid-active-palette .boldgrid-palette-colors.ui-sortable-helper:before,
.boldgrid-active-palette .active-palette-section:not(.ui-sortable-placeholder).boldgrid-palette-colors:before {
  display: inline-block; }

.boldgrid-neutral-color.active-palette-section:before {
  content: "\f141";
  display: inline-block;
  left: auto;
  right: -17px;
  top: 2px; }

.boldgrid-active-palette .boldgrid-palette-colors.ui-sortable-helper:before,
.boldgrid-active-palette .boldgrid-palette-colors:hover:before {
  content: "↔";
  display: inline-block;
  font-size: 24px;
  top: -29px; }

.boldgrid-copy-palette:hover {
  color: #f95b26; }

.boldgrid-remove-palette:hover {
  color: red; }

.boldgrid-active-palette:hover .boldgrid-duplicate-dashicons .dashicons,
.boldgrid-inactive-palette:hover .boldgrid-duplicate-dashicons .dashicons {
  opacity: 1; }

.boldgrid-color-palette-wrapper .dashicons {
  opacity: .0;
  width: 6px;
  position: absolute;
  display: inline; }

.boldgrid-color-palette-wrapper .boldgrid-active-palette .dashicons {
  opacity: .5; }

[data-copy-on-mod="1"] .dashicons.boldgrid-remove-palette,
.boldgrid-active-palette .boldgrid-duplicate-dashicons .dashicons.boldgrid-remove-palette {
  width: 0;
  display: none; }

.boldgrid-active-palette .ui-sortable-placeholder ~ .boldgrid-duplicate-dashicons {
  display: none; }

.boldgrid-duplicate-dashicons {
  display: inline;
  cursor: pointer; }

.boldgrid-copy-palette {
  top: 20px;
  right: -15px; }

.boldgrid-copy-palette.dashicons-admin-post {
  -webkit-transform: rotate(-45deg);
  /* Chrome, Safari, Opera */
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  transform: rotate(-45deg); }

.boldgrid-remove-palette {
  top: -3px;
  right: -13px; }

.current-palette-wrapper .boldgrid-copy-palette {
  top: 64px; }

/*****************************************************
************Palette Generate Mode****************
******************************************************/
.bg-lock-controls .color-lock > span {
  cursor: pointer; }

.bg-lock-controls,
.generate-palettes-selection-section {
  display: none; }

/*
.generated-palettes-container {
	margin: 20px 0px;
}
*/
.palette-generate-mode .bg-lock-controls,
.palette-generate-mode .generate-palettes-selection-section {
  display: block; }

.palette-generate-mode .generate-palettes-selection-section {
  border: 1px solid lightgrey;
  padding: 5px;
  background-color: white;
  margin-top: 10px; }

.palette-generate-mode .generate-palettes-selection-section h3 {
  margin-top: 5px;
  margin-bottom: 5px; }

.wp-core-ui .palette-generate-mode .button.palette-creator-button {
  margin-bottom: 5px; }

.palette-generate-mode .boldgrid-active-palette .boldgrid-palette-colors {
  cursor: pointer; }

.palette-generate-mode .boldgrid-active-palette .boldgrid-palette-colors.selected-for-generation,
.palette-generate-mode .boldgrid-active-palette .boldgrid-palette-colors:hover {
  opacity: 1; }

.palette-generate-mode .bg-lock-controls .selected-for-generation .dashicons:before {
  content: "\f160";
  color: #f95b26; }

/*****************************************************
************Secondary Color Picker Colors****************
******************************************************/
.boldgrid-color-palette-wrapper .secondary-colors {
  width: 20px;
  height: 100%;
  float: left;
  margin-right: 6px;
  margin-top: 20px; }

.boldgrid-color-palette-wrapper .secondary-colors .iris-palette {
  margin-left: 0 !important;
  margin-bottom: 5px; }

.boldgrid-color-palette-wrapper .iris-slider.iris-strip {
  width: 17px !important; }

.boldgrid-color-palette-wrapper .iris-picker .iris-square {
  margin-right: 9px; }

.boldgrid-color-palette-wrapper .iris-border .iris-palette-container {
  left: 32px; }

/*****************************************************
************Color Palette Transparency Code****************
******************************************************/
.pluto-alpha-container .transparency {
  height: 18px;
  width: 100%;
  background-color: #FFF;
  background-image: url(../../img/transparency-grid.png);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
  background-position: 0 -2px; }

.pluto-alpha-container .ui-slider-handle {
  color: #777;
  background-color: #FFF;
  text-shadow: 0 1px 0 #FFF;
  text-decoration: none;
  position: absolute;
  z-index: 2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0.9;
  margin-top: -2px;
  height: 15px;
  cursor: ew-resize;
  font-size: 12px;
  padding: 3px; }

.pluto-alpha-container .ui-slider {
  position: relative;
  text-align: center;
  width: 88%; }

.wp-picker-container a.wp-picker-open ~ div.pluto-alpha-container {
  display: block; }

.pluto-alpha-container {
  box-sizing: padding-box;
  display: none;
  border: 1px solid #dfdfdf;
  border-top: none;
  background: #FFF;
  padding: 5px 11px 6px; }

.customize-control-alphacolor .wp-picker-container .iris-picker {
  border-bottom: none; }

/*****************************************************
************Background Type Controls****************
******************************************************/
.background-type-controls {
  width: calc(100% + 15px);
  height: 40px;
  background-color: white;
  padding: 4px;
  position: relative;
  left: -10px;
  top: -15px;
  border-bottom: 1px solid lightgrey; }

.background-type-controls .ui-button {
  background-color: #f7f7f7;
  padding: 9px;
  border: 1px solid lightgrey;
  font-size: 14px;
  line-height: 20px;
  height: 34px; }

.background-type-controls .ui-buttonset {
  width: 224px;
  margin: 6px auto 0 auto; }

.background-type-controls .ui-buttonset label {
  margin: -3px; }

.background-type-controls .ui-button.ui-state-active {
  background-color: lightgrey; }

.background-type-controls .ui-button.ui-corner-right {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.background-type-controls .ui-button.ui-corner-left {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

#customize-control-boldgrid-background-type .tooltip {
  top: -10px;
  right: -5px !important; }

/*****************************************************
************Sticky Controls****************
******************************************************/
.expanded .boldgrid-sticky-customizer #customize-control-boldgrid_background_color,
.expanded .boldgrid-sticky-customizer .background-type-controls,
.expanded .boldgrid-sticky-customizer .boldgrid-pattern-selection-heading {
  z-index: 9999;
  width: 273px;
  left: 2px;
  background-color: white;
  border-bottom: 1px solid lightgrey;
  transition: background-color .25s;
  position: fixed; }

.expanded .boldgrid-sticky-customizer #customize-control-boldgrid_background_color {
  top: 95px;
  padding: 4px; }

.expanded .boldgrid-sticky-customizer .background-type-controls {
  top: 46px; }

.expanded .boldgrid-sticky-customizer .boldgrid-pattern-selection-heading {
  top: 161px;
  z-index: 9998;
  padding: 4px; }

@media (max-width: 640px) {
  .expanded .boldgrid-sticky-customizer .background-type-controls,
  .expanded .boldgrid-sticky-customizer #customize-control-boldgrid_background_color,
  .expanded .boldgrid-sticky-customizer .boldgrid-pattern-selection-heading {
    width: 100%; } }

/*****************************************************
************Advanced Footer Panel Controls****************
******************************************************/
#customize-control-boldgrid_edit_footer_widget_help {
  margin: 10px 0px 20px; }

/*****************************************************
************Background Pattern Controls****************
******************************************************/
.pattern-wrapper {
  margin: 0 auto;
  width: 235px; }

.pattern-wrapper .patternpreview {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 2px;
  border: 5px solid #333;
  border-radius: 5px;
  cursor: pointer; }

.pattern-wrapper .patternpreview.active-pattern {
  border-color: orange; }

.background-type-controls,
.pattern-wrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.boldgrid-pattern-selection-heading {
  margin-bottom: 5px; }

.boldgrid-pattern-wrapper .boldgrid-pattern-selection-heading a:after {
  content: "No Pattern Selected"; }

.boldgrid-pattern-wrapper[data-pattern-selected="1"] .boldgrid-pattern-selection-heading a:after {
  content: "Remove Selected Pattern"; }

#customize-controls li.customize-control a.tooltip.hint--left {
  right: 0px;
  z-index: 1; }

/**
 * Site Identity Panel
 */
#customize-control-logo_text_decoration > label > select,
#customize-control-logo_text_transform > label > select,
#customize-control-logo_font_family > label > select,
#customize-control-logo_text_decoration_hover > label > select {
  float: right; }

#customize-control-logo_font_family > label > select {
  width: 130px;
  height: 23px; }

#accordion-section-title_tagline > ul > li > label > span {
  display: inline-block; }

#accordion-section-boldgrid_customizer_help.active .accordion-section-title {
  color: #0073aa;
  background: #f3f3f5;
  border-left-color: #0073aa; }

#accordion-section-boldgrid_customizer_help.active .accordion-section-title:after {
  color: #0073aa; }

.customize-control-radio-image .image.ui-buttonset label.ui-state-active {
  border: 3px solid #00a0d2; }

.boldgrid-subdescription {
  margin: 0px;
  padding: 10px; }

.boldgrid-subdescription.bottom-description {
  margin-top: 10px; }

.boldgrid-subdescription.edit-in-admin {
  margin-top: 58px;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.boldgrid-subdescription .button {
  margin: 5px; }

.lock {
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  width: 14px;
  cursor: pointer; }

.lock div {
  margin: 0px auto;
  position: relative; }

.lock .top {
  width: 4px;
  height: 8px;
  border-radius: 10px;
  border: 3px solid #555;
  border-bottom: 4px solid transparent;
  -webkit-transform: translate(7px, 0px);
  /* Safari */
  -moz-transform: translate(7px, 0px);
  /* Firefox */
  -ms-transform: translate(7px, 0px);
  /* IE 9 */
  transform: translate(7px, 0px); }

.lock .mid {
  background: #eee;
  border-left: 3px solid #555;
  border-right: 3px solid #555;
  width: 4px;
  height: 3px;
  top: -9px;
  z-index: 99;
  -webkit-transform: translate(7px, 0px);
  /* Safari */
  -moz-transform: translate(7px, 0px);
  /* Firefox */
  -ms-transform: translate(7px, 0px);
  /* IE 9 */
  transform: translate(7px, 0px); }

.lock .bottom {
  height: 13px;
  margin: -10px auto;
  background: #555;
  border-top: 1px solid #eee;
  border-radius: 3px 3px 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.lock .bottom .keyhole-top {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #eee;
  margin: 3px auto 0; }

.lock .bottom .keyhole-bottom {
  width: 2px;
  height: 6px;
  border-radius: 0;
  background: #eee;
  margin: -3px auto 0; }

.selected-for-generation .lock .top {
  border: 3px solid #f95b26; }

.selected-for-generation .lock .mid {
  border-left: 3px solid #f95b26;
  border-right: 3px solid #f95b26; }

.selected-for-generation .lock .bottom {
  background: #f95b26; }

.selected-for-generation .unlock > div.top, .selected-for-generation .unlock div.mid {
  -webkit-transform: translate(0px, 0px);
  /* Safari */
  -moz-transform: translate(0px, 0px);
  /* Firefox */
  -ms-transform: translate(0px, 0px);
  /* IE 9 */
  transform: translate(0px, 0px); }

#customize-controls .dashicons,
#customize-controls .dashicons-before:before,
#customize-controls .customize-control-dropdown-pages .add-new-toggle,
#customize-controls [data-hint] {
  text-decoration: none; }

#customize-controls [data-action="open-color-picker"] {
  white-space: nowrap;
  text-decoration: none; }

#customize-controls [data-action="open-color-picker"] .dashicons, #customize-controls [data-action="open-color-picker"] .dashicons-before:before {
  font-size: 1.4em; }

#customize-control-boldgrid_contact_details_setting .repeater-row-label {
  text-transform: none; }

#customize-control-boldgrid_contact_details_setting button.repeater-add {
  float: right; }

#customize-control-boldgrid_contact_details_setting button.repeater-add:before {
  content: "\f132";
  display: inline-block;
  position: relative;
  left: -2px;
  top: -1px;
  font: normal 20px/1 dashicons;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
