* {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.gjs-block-label{
    font-family: 'Poppins', sans-serif;
}
.gjs-field-checkbox input:checked+.gjs-chk-icon{
	border-color: black;
	border-width: 0 4px 4px 0;
}
#gjs-sm-add {
	color: #4f4c4e !important;
}

.gjs-sm-field input, .gjs-clm-select input, .gjs-clm-field input, .gjs-sm-field select, .gjs-clm-select select, .gjs-clm-field select{
	color: #4f4c4e;
}

.gjs-label-wrp{
	width: 40%;
	min-width: 40%;
}
.gjs-block {
	height: auto;
    min-height: 90px;
    border-radius: 7px;
    border: none;
}
.gjs-blocks-c{
	background-color: #f2f2f2;
}
.gjs-sm-btn{
	color: #4F4C4E !important;
}
.gjs-field{
	background-color: white;
	border: solid;
	border-width: 1px;
}
.gjs-sm-field input[type="text"]{
	color: #4F4C4E;
}
.gjs-input-unit{
	color: #4f4c4e !important;
}
.gjs-field-arrow-u{
	border-bottom: 4px solid #4F4C4E;
}
.gjs-field-arrow-d{
	border-top: 4px solid #4F4C4E;
}
.gjs-pn-btn{
	border-radius: 5px;
}
.gjs-pn-btn.gjs-pn-active{
	box-shadow: 0 0 0px;
}
.gjs-sm-field.gjs-sm-composite{
	background-color: #f2f2f2!important;
	border-radius: 5px;
}
.gjs-block-label {
    font-size: 0.85rem;
}
/* Reset some default styling */
.gjs-cv-canvas {
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}
.gjs-pn-views-container {
  z-index: 1000;
  right: -17.6%;
  width: 37.6%;
}
.panel__top {
  padding: 0;
  width: 100%;
  display: flex;
  position: initial;
  justify-content: center;
  justify-content: space-between;
  background-color: #e1e1e1;
  /*padding: 8%;*/
}
.panel__basic-actions {
  top: 0;
  position: initial;
}
.editor-row {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  overflow-y: auto;
}
.editor-canvas {
  flex-grow: 1;
}
.panel__right {
  flex-basis: 15%;
  position: relative;
  overflow-y: auto;
  padding: 0 2px 0 2px !important;
}
.panel__switcher {
    width: 15%;
    position: initial;
}
.panel__devices {
    position: initial;
}

/* Theming */
/* Primary color for the background */
.gjs-one-bg {
    background-color: #f4f4f4;
}
/* Secondary color for the text color */
.gjs-two-color {
    color: #4F4C4E;
}

/* Tertiary color for the background */
.gjs-three-bg {
    background-color: white;
}
/* Quaternary color for the text color */
.gjs-four-color-h {
    background-color: white;
}

.gjs-four-color,
.gjs-four-color-h:hover {
    color: #3E97FF;
}

/*Custom SVG Icons - svgicons.sparkk.fr */
.svg-icon {
  width: 6em;
  height: 6em;
}

.gjs-title{
  font-weight: 600 !important;
  background-color: #f4f4f4 !important;
}

.gjs-sm-sector-title{
  background-color: #f4f4f4 !important;
}

.change-theme-button {
  width: 40px;
  height: 40px;
  border-radius: 10px;	
  margin: 5px;
}
.gjs-block svg {
  width: 100%;
}

/* Templates list CSS */
.container {
  position: relative;
  cursor: pointer;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  border-radius: 20px;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: black;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 20px;
}

.grapesjs-fonts select {
  background-color: #352d2f;
  color: #b9a5a6;
  padding: 5px;
  border: none;
}
.grapesjs-fonts input,
.grapesjs-fonts button {
  background-color: #352d2f;
  color: #b9a5a6;
  padding: 5px;
  border: none;
}
.grapesjs-fonts .silex-bar {
  display: flex;
}
.grapesjs-fonts .silex-bar > * {
  margin: 5px;
}
.grapesjs-fonts input {
}
.grapesjs-fonts button {
  padding: 5px;
  margin: 5px;
  padding-top: 8px;
}
.grapesjs-fonts .silex-list__item__footer {
  display: flex;
  justify-content: flex-end;
}