/**
WO core blocks style
 */
 
@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
}

@font-face{
    font-family: "Quicksand";
    src: url("../fonts/Quicksand/Quicksand-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face{
    font-family: "Quicksand";
    src: url("../fonts/Quicksand/Quicksand-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face{
    font-family: "Quicksand";
    src: url("../fonts/Quicksand/Quicksand-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face{
    font-family: "Quicksand";
    src: url("../fonts/Quicksand/Quicksand-Bold.ttf") format("truetype");
    font-weight: 700;
}

.wp-block {
    max-width: 960px;
}



/** === Styling === */

.editor-post-title__block .editor-post-title__input {
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  color: #242C2C;
  background-color: #f2f2f2;
}

.block-editor-block-list__layout h1,
.block-editor-block-list__layout h2,
.block-editor-block-list__layout h3,
.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  color: #242C2C;
}

.block-editor-block-list__layout h1,
.wp-block-heading h1 {
  font-size: 24px;
}

.block-editor-block-list__layout h2,
.wp-block-heading h2 {
  font-size: 22px;
}

.block-editor-block-list__layout h3,
.wp-block-heading h3 {
  font-size: 16px;
}

.editor-styles-wrapper {
    font-family: 'Roboto', sans-serif !important;
    color: #242C2C !important;
    font-weight: 400;
}

.editor-styles-wrapper p {
    line-height: 1.4em !important;
    font-weight: 300;
}


.wp-block-button .wp-block-button__link {
  background-color: #242C2C !important;
  border-radius: 0 !important;
  padding: 4px 24px !important;
  font-family: 'Roboto', sans-serif;
  font-size: 1em !important;
}

div[data-type="wo/two-boxes"] .wp-block-column,
div[data-type="wo/three-boxes"] .wp-block-column,
div[data-type="wo/four-boxes"] .wp-block-column {
  background-color: #e4e4e4;
  text-align: center;
}

div[data-type="wo/two-boxes-white"] .wp-block-column,
div[data-type="wo/three-boxes-white"] .wp-block-column,
div[data-type="wo/four-boxes-white"] .wp-block-column {
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
  box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
}

#poststuff h2 {
    font-size: 18px;
}

#attachments-attachments2 .attachments-invoke-wrapper {
    height: 60px;
}

.attachments-attachment-field-text.attachments-attachment-field-attachments2:first-of-type input {
    width: 12em;
}