/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-posts-block {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }

.post-slider-block label {
  line-height: 1.4;
  font-size: 16px;
  color: #1e1e1e;
  margin: 0;
  display: block;
  margin-bottom: 10px; }

.post-slider-block input[type="text"] {
  width: auto;
  min-width: 200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  padding: 6px 8px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.1s linear;
  transition: -webkit-box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
  border-radius: 2px;
  border: 1px solid #757575; }

.post-slider-block textarea,
.post-slider-block select {
  width: auto;
  min-width: 200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  padding: 6px 8px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.1s linear;
  transition: -webkit-box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
  border-radius: 2px;
  border: 1px solid #757575; }

.post-slider-block label span {
  padding-right: 10px;
  width: 180px !important;
  vertical-align: top;
  display: inline-block; }

.post-slider-block {
  -ms-flex-align: center;
      align-items: center;
  /*display: flex;*/
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1em;
  border: 1px solid #1e1e1e;
  border-radius: 2px;
  background-color: #fff; }

.post-slider-block table {
  width: 100%; }

.post-slider-block table td {
  width: 50%; }

.post-slider-block .image-button {
  position: relative;
  min-height: 200px; }

.post-slider-block .image-button img {
  max-width: 180px;
  max-height: 180px;
  top: 0;
  position: absolute;
  left: 0; }

.post-tabs {
  position: relative; }

.post-slider-block .delete {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  text-align: center;
  width: 14px;
  z-index: 9; }

.post-slider-block .delete:hover {
  opacity: 0.8; }

.post-slider-block .delete:after {
  content: "x";
  color: red; }

.post-slider-block .move {
  position: absolute;
  right: 7px;
  top: 67px;
  cursor: pointer;
  text-align: center;
  width: 14px;
  z-index: 9;
  height: 14px; }

.post-slider-block .move:hover {
  opacity: 0.8; }

.post-slider-block .move:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: black;
  right: 6px;
  top: 6px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg); }

.post-slider-block .move:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: black;
  right: 2px;
  top: 6px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg); }

.post-slider-block .move.moveDown {
  top: 85px; }

.post-slider-block .move.moveDown:after {
  right: 2px; }

.post-slider-block .move.moveDown:before {
  right: 6px; }

.customBtnSubmit {
  color: #fff;
  background: #1e1e1e;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #1e1e1e;
  width: 100%;
  padding: 10px;
  cursor: pointer; }

.customBtnSubmit:hover {
  background-color: transparent;
  color: #1e1e1e; }

.padding-l {
  padding-left: 20px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-posts-block {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }

.post-slider-block label {
  line-height: 1.4;
  font-size: 16px;
  color: #1e1e1e;
  margin: 0;
  display: block;
  margin-bottom: 10px; }

.post-slider-block input[type="text"] {
  width: auto;
  min-width: 200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  padding: 6px 8px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.1s linear;
  transition: -webkit-box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
  border-radius: 2px;
  border: 1px solid #757575; }

.post-slider-block textarea,
.post-slider-block select {
  width: auto;
  min-width: 200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  padding: 6px 8px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.1s linear;
  transition: -webkit-box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
  border-radius: 2px;
  border: 1px solid #757575; }

.post-slider-block label span {
  padding-right: 10px;
  width: 180px !important;
  vertical-align: top;
  display: inline-block; }

.post-slider-block {
  -ms-flex-align: center;
      align-items: center;
  /*display: flex;*/
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1em;
  border: 1px solid #1e1e1e;
  border-radius: 2px;
  background-color: #fff; }

.post-slider-block table {
  width: 100%; }

.post-slider-block table td {
  width: 50%; }

.post-slider-block .image-button {
  position: relative;
  min-height: 200px; }

.post-slider-block .image-button img {
  max-width: 180px;
  max-height: 180px;
  top: 0;
  position: absolute;
  left: 0; }

.post-tabs {
  position: relative; }

.post-slider-block .delete {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  text-align: center;
  width: 14px;
  z-index: 9; }

.post-slider-block .delete:hover {
  opacity: 0.8; }

.post-slider-block .delete:after {
  content: "x";
  color: red; }

.post-slider-block .move {
  position: absolute;
  right: 7px;
  top: 67px;
  cursor: pointer;
  text-align: center;
  width: 14px;
  z-index: 9;
  height: 14px; }

.post-slider-block .move:hover {
  opacity: 0.8; }

.post-slider-block .move:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: black;
  right: 6px;
  top: 6px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg); }

.post-slider-block .move:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: black;
  right: 2px;
  top: 6px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg); }

.post-slider-block .move.moveDown {
  top: 85px; }

.post-slider-block .move.moveDown:after {
  right: 2px; }

.post-slider-block .move.moveDown:before {
  right: 6px; }

.customBtnSubmit {
  color: #fff;
  background: #1e1e1e;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #1e1e1e;
  width: 100%;
  padding: 10px;
  cursor: pointer; }

.customBtnSubmit:hover {
  background-color: transparent;
  color: #1e1e1e; }

.padding-l {
  padding-left: 20px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-posts-block {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }

.post-slider-block label {
  line-height: 1.4;
  font-size: 16px;
  color: #1e1e1e;
  margin: 0;
  display: block;
  margin-bottom: 10px; }

.post-slider-block input[type="text"] {
  width: auto;
  min-width: 200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  padding: 6px 8px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.1s linear;
  transition: -webkit-box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
  border-radius: 2px;
  border: 1px solid #757575; }

.post-slider-block textarea,
.post-slider-block select {
  width: auto;
  min-width: 200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  padding: 6px 8px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.1s linear;
  transition: -webkit-box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
  border-radius: 2px;
  border: 1px solid #757575; }

.post-slider-block label span {
  padding-right: 10px;
  width: 180px !important;
  vertical-align: top;
  display: inline-block; }

.post-slider-block {
  -ms-flex-align: center;
      align-items: center;
  /*display: flex;*/
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1em;
  border: 1px solid #1e1e1e;
  border-radius: 2px;
  background-color: #fff; }

.post-slider-block table {
  width: 100%; }

.post-slider-block table td {
  width: 50%; }

.post-slider-block .image-button {
  position: relative;
  min-height: 200px; }

.post-slider-block .image-button img {
  max-width: 180px;
  max-height: 180px;
  top: 0;
  position: absolute;
  left: 0; }

.post-tabs {
  position: relative; }

.post-slider-block .delete {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  text-align: center;
  width: 14px;
  z-index: 9; }

.post-slider-block .delete:hover {
  opacity: 0.8; }

.post-slider-block .delete:after {
  content: "x";
  color: red; }

.post-slider-block .move {
  position: absolute;
  right: 7px;
  top: 67px;
  cursor: pointer;
  text-align: center;
  width: 14px;
  z-index: 9;
  height: 14px; }

.post-slider-block .move:hover {
  opacity: 0.8; }

.post-slider-block .move:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: black;
  right: 6px;
  top: 6px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg); }

.post-slider-block .move:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: black;
  right: 2px;
  top: 6px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg); }

.post-slider-block .move.moveDown {
  top: 85px; }

.post-slider-block .move.moveDown:after {
  right: 2px; }

.post-slider-block .move.moveDown:before {
  right: 6px; }

.customBtnSubmit {
  color: #fff;
  background: #1e1e1e;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #1e1e1e;
  width: 100%;
  padding: 10px;
  cursor: pointer; }

.customBtnSubmit:hover {
  background-color: transparent;
  color: #1e1e1e; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-posts-block {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }

.post-slider-block label {
  line-height: 1.4;
  font-size: 16px;
  color: #1e1e1e;
  margin: 0;
  display: block;
  margin-bottom: 10px; }

.post-slider-block input[type="text"] {
  width: auto;
  min-width: 200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  padding: 6px 8px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.1s linear;
  transition: -webkit-box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
  border-radius: 2px;
  border: 1px solid #757575; }

.post-slider-block textarea,
.post-slider-block select {
  width: auto;
  min-width: 200px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  padding: 6px 8px;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.1s linear;
  transition: -webkit-box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
  border-radius: 2px;
  border: 1px solid #757575; }

.post-slider-block label span {
  padding-right: 10px;
  width: 180px !important;
  vertical-align: top;
  display: inline-block; }

.post-slider-block {
  -ms-flex-align: center;
      align-items: center;
  /*display: flex;*/
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1em;
  border: 1px solid #1e1e1e;
  border-radius: 2px;
  background-color: #fff; }

.post-slider-block table {
  width: 100%; }

.post-slider-block table td {
  width: 50%; }

.post-slider-block .image-button {
  position: relative;
  min-height: 200px; }

.post-slider-block .image-button img {
  max-width: 180px;
  max-height: 180px;
  top: 0;
  position: absolute;
  left: 0; }

.post-tabs {
  position: relative; }

.post-slider-block .delete {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  text-align: center;
  width: 14px;
  z-index: 9; }

.post-slider-block .delete:hover {
  opacity: 0.8; }

.post-slider-block .delete:after {
  content: "x";
  color: red; }

.post-slider-block .move {
  position: absolute;
  right: 7px;
  top: 67px;
  cursor: pointer;
  text-align: center;
  width: 14px;
  z-index: 9;
  height: 14px; }

.post-slider-block .move:hover {
  opacity: 0.8; }

.post-slider-block .move:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: black;
  right: 6px;
  top: 6px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg); }

.post-slider-block .move:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: black;
  right: 2px;
  top: 6px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg); }

.post-slider-block .move.moveDown {
  top: 85px; }

.post-slider-block .move.moveDown:after {
  right: 2px; }

.post-slider-block .move.moveDown:before {
  right: 6px; }

.customBtnSubmit {
  color: #fff;
  background: #1e1e1e;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #1e1e1e;
  width: 100%;
  padding: 10px;
  cursor: pointer; }

.customBtnSubmit:hover {
  background-color: transparent;
  color: #1e1e1e; }
