/*-----------------------------------------------------------------------
   Fonts
-----------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

@import "components/_button.css";
@import "components/_forms.css";
@import "components/_project-thumbnail.css";
@import "components/_footer.css";
@import "components/_header.css";

@import "components/blocks/_block-page-banner.css";
@import "components/blocks/_block-contact-form.css";
@import "components/blocks/_block-image-gallery.css";
@import "components/blocks/_block-split-content.css";
@import "components/blocks/_block-video.css";
@import "components/blocks/_block-call-to-action.css";
@import "components/blocks/_block-project-details.css";
@import "components/blocks/_block-team.css";
@import "components/blocks/_block-logo-slider.css";
@import "components/blocks/_block-accordion.css";
@import "components/blocks/_block-related-projects.css";
@import "components/blocks/_block-services.css";
@import "components/blocks/_block-counter.css";
@import "components/blocks/_block-values.css";
@import "components/blocks/_block-testimonials.css";
@import "components/blocks/_block-hero-banner.css";

/*-----------------------------------------------------------------------
   Variables
-----------------------------------------------------------------------*/

:root {
   --admin-height: 32px;
   --header-height: 100px;
   --notice-height: 0px;

   --font-primary: 'Roboto Flex', sans-serif;
   --font-secondary: 'Cormorant Garamond', serif;

   --white: #ffffff;
   --white-rgb: 255, 255, 255;

   --grey: #EBEDEF;
   --grey2: #ECEEF1;

   --black: #000000;
   --black-rgb: 0, 0, 0;

   --red: #ff1414;
   --red-rgb: 255, 20, 20;

   --blue: #081C31;
   --blue-rgb: 8, 28, 49;

   --border-radius-sm: 8px;

   --container-xs: 620px;
   --container-sm: 820px;
   --container-md: 1040px;
   --container-lg: 1320px;

   --transition: all ease-in-out .2s;
}

@media (max-width: 782px) {
   :root {
      --admin-height: 46px;
   }
}

@media (max-width: 1024px) {
   :root {
      --header-height: 70px;
   }
}

/*-----------------------------------------------------------------------
   Base
-----------------------------------------------------------------------*/

.douglas-theme *,
.douglas-theme *:before,
.douglas-theme *:after {
   box-sizing: border-box;
}

.douglas-theme * {
   scroll-margin-top: calc(var(--header-height));
}

body.douglas-theme,
.editor-styles-wrapper {
   font-optical-sizing: auto;
   -webkit-text-size-adjust: none;
   -webkit-font-smoothing: antialiased;
   font-family: var(--font-primary) !important;
   font-size: 16px !important;
   color: var(--blue);
   line-height: 1.5;
   font-weight: 400;
}

body.douglas-theme,
.editor-styles-wrapper,
.site-main {
   background: var(--white);
}

.site-main {
   position: relative;
   transition: var(--transition) all;
   z-index: 1;
}

/*-----------------------------------------------------------------------
   Layouts
-----------------------------------------------------------------------*/
.douglas-theme *[class*='container-'],
.douglas-theme *[class*='section-'],
.douglas-theme *[class*='block-'],
.douglas-theme *[class*='entry-'],
.douglas-theme .relative {
   position: relative;
}

.douglas-theme .absolute {
   position: absolute;
}

/* Flex Layout */
.douglas-theme .flex-layout,
.douglas-theme .flex-align-start,
.douglas-theme .flex-align-center,
.douglas-theme .flex-align-end,
.douglas-theme .flex-justify-start,
.douglas-theme .flex-justify-center,
.douglas-theme .flex-justify-end,
.douglas-theme .flex-justify-between {
   display: flex;
   flex-wrap: wrap;
}

.douglas-theme .flex-align-start {
   align-items: flex-start;
}

.douglas-theme .flex-align-center {
   align-items: center;
}

.douglas-theme .flex-align-end {
   align-items: flex-end;
}

.douglas-theme .flex-justify-start {
   justify-content: flex-start;
}

.douglas-theme .flex-justify-center {
   justify-content: center;
}

.douglas-theme .flex-justify-end {
   justify-content: flex-end;
}

.douglas-theme .flex-justify-between {
   justify-content: space-between;
}

.douglas-theme .flex-row-reverse {
   flex-direction: row-reverse;
}

.douglas-theme .flex-column-reverse {
   flex-direction: column-reverse;
}

.douglas-theme .flex-nowrap {
   flex-wrap: nowrap;
}

.douglas-theme .wysiwyg-content .flex-layout {
   gap: 20px;
}

.douglas-theme .wysiwyg-content .flex-layout p {
   flex: 0 0 calc(50% - 10px);
}

.douglas-theme .gap-10 {
   gap: 10px!important;
}

.douglas-theme .gap-20 {
   gap: 20px!important;
}

.douglas-theme .gap-40 {
   gap: 40px!important;
}

.douglas-theme .gap-60 {
   gap: 60px!important;
}

.douglas-theme .gap-80 {
   gap: 80px!important;
}

.douglas-theme .gap-120 {
   gap: 120px!important;
}

.img-container {
   position: relative;
   overflow: hidden;
}
 
.img-container img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%!important;
   width: 100%;
   object-fit: cover;
}

:root :where(.editor-styles-wrapper)::after {
   height: 0!important;
}

/* Containers */
.douglas-theme .container,
.douglas-theme .container-xl,
.douglas-theme .container-lg,
.douglas-theme .container-md,
.douglas-theme .container-sm,
.douglas-theme .container-xs {
   z-index: 99;
   margin: auto;
   width: calc(100% - 60px);
}

.douglas-theme .container,
.douglas-theme .container-xl {
   width: 100%;
}

.douglas-theme .container-lg {
   max-width: var(--container-lg);
}

.douglas-theme .container-md {
   max-width: var(--container-md);
}

.douglas-theme .container-sm {
   max-width: var(--container-sm);
}

.douglas-theme .container-xs {
   max-width: var(--container-xs);
}

/* Padding */
.douglas-theme .padding-lg,
.douglas-theme .padding-lg-top {
   padding-top: 80px;
}

.douglas-theme .padding-lg,
.douglas-theme .padding-lg-bot {
   padding-bottom: 80px;
}

.douglas-theme .padding-md,
.douglas-theme .padding-md-top {
   padding-top: 40px;
}

.douglas-theme .padding-md,
.douglas-theme .padding-md-bot {
   padding-bottom: 40px;
}

.douglas-theme .padding-sm,
.douglas-theme .padding-sm-top {
   padding-top: 20px;
}

.douglas-theme .padding-sm,
.douglas-theme .padding-sm-bot {
   padding-bottom: 20px;
}

/* Grid Layout */
.douglas-theme .grid-col-1,
.douglas-theme .grid-col-2,
.douglas-theme .grid-col-3,
.douglas-theme .grid-col-4,
.douglas-theme .grid-col-5,
.douglas-theme .grid-col-6 {
   display: grid;
   gap: 20px;
}

.douglas-theme .grid-col-2 {
   gap: 80px;
}

.douglas-theme .grid-col-2 {
   grid-template-columns: repeat(2, 1fr);
}

.douglas-theme .grid-col-3 {
   grid-template-columns: repeat(3, 1fr);
}

.douglas-theme .grid-col-4 {
   grid-template-columns: repeat(4, 1fr);
}

.douglas-theme .grid-col-5 {
   grid-template-columns: repeat(5, 1fr);
}

.douglas-theme .grid-col-6 {
   grid-template-columns: repeat(6, 1fr);
}

/* Visibility */
.douglas-theme .desktop-only {
   display: block;
}

.douglas-theme .mobile-only {
   display: none;
}

/* Block Settings */
.douglas-theme .block-setting-padding {
   padding-top: var(--block-padding-top);
   padding-bottom: var(--block-padding-bottom);
}

.douglas-theme .block-setting-background-colour {
   background-color: var(--block-background-colour);
}

/*-----------------------------------------------------------------------
   Typography
-----------------------------------------------------------------------*/
.douglas-theme h1,
.douglas-theme h1 *,
.douglas-theme .h1,
.douglas-theme .h1 *,
.douglas-theme h2,
.douglas-theme h2 *,
.douglas-theme .h2,
.douglas-theme .h2 *,
.douglas-theme h3,
.douglas-theme h3 *,
.douglas-theme .h3,
.douglas-theme .h3 *,
.douglas-theme h4,
.douglas-theme h4 *,
.douglas-theme .h4,
.douglas-theme .h4 *,
.douglas-theme h5,
.douglas-theme h5 *,
.douglas-theme .h5,
.douglas-theme .h5 *,
.douglas-theme h6,
.douglas-theme h6 *,
.douglas-theme .h6,
.douglas-theme .h6 *,
.douglas-theme ul,
.douglas-theme ol,
.douglas-theme li,
.douglas-theme p,
.douglas-theme a {
   margin: 0;
   padding: 0;
   color: var(--blue);
   font-weight: 400;
   text-wrap: wrap;
   word-wrap: break-word;
}

.douglas-theme h1,
.douglas-theme h1 *,
.douglas-theme .h1,
.douglas-theme .h1 * {
   font-size: 80px;
   line-height: 1.1;
   font-weight: 500;
   font-family: var(--font-secondary);
}

.douglas-theme h2,
.douglas-theme h2 *,
.douglas-theme .h2,
.douglas-theme .h2 * {
   font-size: 48px;
   line-height: 1.1;
   font-weight: 500;
   font-family: var(--font-secondary);
}

.douglas-theme h3,
.douglas-theme h3 *,
.douglas-theme .h3,
.douglas-theme .h3 * {
   font-size: 35px;
   line-height: 1.1;
   font-weight: 500;
   font-family: var(--font-secondary);
}

.douglas-theme h4,
.douglas-theme h4 *,
.douglas-theme .h4,
.douglas-theme .h4 * {
   font-size: 24px;
   line-height: 26px;
}

.douglas-theme h5,
.douglas-theme h5 *,
.douglas-theme .h5,
.douglas-theme .h5 * {
   font-size: 18px;
   line-height: 20px;
}

.douglas-theme h6,
.douglas-theme h6 *,
.douglas-theme .h6,
.douglas-theme .h6 * {
   font-size: 14px;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 600;
   color: rgba(var(--blue-rgb), .5);
}

.douglas-theme p,
.douglas-theme li {
   font-weight: 400;
   font-size: 16px!important;
   line-height: 1.5!important;
}

.douglas-theme span em {
   font-size: inherit!important;
   color: inherit!important;
}

.douglas-theme strong,
.douglas-theme strong * {
   font-weight: 600 !important;
}

.douglas-theme a {
   text-underline-offset: 2px !important;
   text-decoration-thickness: 1px !important;
   text-decoration: none;
}

.douglas-theme a:hover,
.douglas-theme a:focus {
   color: inherit;
}

.douglas-theme ul,
.douglas-theme ol,
.douglas-theme li {
   margin: 0;
   padding: 0;
   list-style: none;
}

.douglas-theme code {
   padding: 10px;
   font-size: 14px;
   color: var(--white);
   background: var(--black);
}

.douglas-theme mark {
   background: none;
}

.douglas-theme hr {
   width: 100%;
   border: 0;
   border-top: 1px solid var(--black);
}

/*-----------------------------------------------------------------------
   Content Styling
-----------------------------------------------------------------------*/

/* Sizes */
.douglas-theme .text-small,
.douglas-theme .text-small * {
   font-size: 14px !important;
}

.douglas-theme .text-sub,
.douglas-theme .text-sub * {
   font-size: 12px !important;
}

/* Alignment */
.douglas-theme .text-left {
   text-align: left;
}

.douglas-theme .text-center {
   text-align: center;
}

.douglas-theme .text-right {
   text-align: right;
}

/* Colours */
.douglas-theme .text-muted {
   opacity: 40%;
}

.douglas-theme .text-white,
.douglas-theme .text-white *:not(.button, button, .button *, button *, [class*='text-'], [style*='color']) {
   color: var(--white) !important;
   border-color: var(--white);
}

/*-----------------------------------------------------------------------
   WYSIWYG Content
-----------------------------------------------------------------------*/
.wysiwyg-content {
   width: 100%;
   position: relative;
   z-index: 99;
}

.wysiwyg-content h1:not(:last-child),
.wysiwyg-content h2:not(:last-child),
.wysiwyg-content h3:not(:last-child),
.wysiwyg-content h4:not(:last-child),
.wysiwyg-content h5:not(:last-child),
.wysiwyg-content h6:not(:last-child),
.wysiwyg-content ul:not(:last-child),
.wysiwyg-content ol:not(:last-child),
.wysiwyg-content p:not(:last-child),
.wysiwyg-content img:not(:last-child),
.wysiwyg-content table:not(:last-child),
.wysiwyg-content code:not(:last-child),
.wysiwyg-content blockquote:not(:last-child) {
   margin: 0 0 20px !important;
}

.wysiwyg-content li:not(:last-child) {
   margin: 0 0 10px !important;
}

/* Links */
.wysiwyg-content h5 a,
.wysiwyg-content p a,
.wysiwyg-content li a,
.wysiwyg-content span a {
   /* text-decoration: underline; */
}

/* Lists */
.wysiwyg-content ul,
.wysiwyg-content ol {
   display: inline-block;
}

.wysiwyg-content li {
   position: relative;
   text-align: left;
   padding: 0 0 0 20px;
}

.wysiwyg-content li:not(:last-child) {
   margin: 0 0 5px!important;
}

.wysiwyg-content ul li:before {
   content: '';
   display: block;
   position: absolute;
   top: 9px;
   left: 3px;
   width: 6px;
   height: 6px;
   border-radius: 6px;
   background: var(--blue);
}

.wysiwyg-content ul.list-style-checkmark li {
   padding: 0 0 0 25px;
}

.wysiwyg-content ul.list-style-checkmark li:before {
   top: 5px;
   width: 14px;
   height: 14px;
   background: url(../img/icon-checkmark.svg) 50% no-repeat;
   background-size: 14px;
}

.wysiwyg-content ol {
   counter-reset: item;
   list-style-position: outside;
}

.wysiwyg-content ol li:before {
   content: counter(item) '. ';
   counter-increment: item;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
}

/* Blockquote */
.wysiwyg-content blockquote {
   margin-left: 0;
   margin-right: 0;
   padding: 0 0 0 32%;
   position: relative;
}

.wysiwyg-content blockquote::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 40px;
   background-image: url('../img/quote.svg');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.douglas-theme .wysiwyg-content blockquote p {
   font-size: 32px!important;
   font-family: var(--font-secondary);
   line-height: 1.2!important;
}

.douglas-theme .wysiwyg-content blockquote cite {
   font-size: 16px!important;
   font-family: var(--font-primary);
   font-style: normal;
   font-weight: 500;
}

/* Hr */
.wysiwyg-content hr {
   margin: 30px 0;
}

/* Images */
.wysiwyg-content img {
   display: block;
   width: 100%!important;
   height: auto!important;
}

.wysiwyg-content img:not(:first-child) {
   margin-top: 40px!important;
}

.wysiwyg-content img:not(:last-child) {
   margin-bottom: 40px!important;
}

.wysiwyg-content img.aligncenter {
   margin-left: auto !important;
   margin-right: auto !important;
   float: none;
}

.wysiwyg-content img.alignleft {
   float: left;
}

.wysiwyg-content img.alignright {
   float: right;
}

.wysiwyg-content img.size-full {
   width: 100% !important;
}

/*-----------------------------------------------------------------------
   Site Breadcrumbs
-----------------------------------------------------------------------*/
.site-breadcrumbs .flex-layout {
   padding: 20px 0;
   gap: 10px;
}

.site-breadcrumbs a {
   transition: none;
}

.site-breadcrumbs a:hover,
.site-breadcrumbs a:focus {
   text-decoration: underline;
}

/*-----------------------------------------------------------------------
   Media
-----------------------------------------------------------------------*/
.douglas-theme img {
   max-width: 100%;
   height: auto;
   display: block;
}

.douglas-theme svg {
   transition: var(--transition) all;
}

.douglas-theme .image-square,
.douglas-theme .image-portrait,
.douglas-theme .image-landscape {
   background: var(--grey);
   position: relative;
   object-fit: cover;
   width: 100%;
}

.douglas-theme .image-square {
   aspect-ratio: 1 / 1;
}

.douglas-theme .image-portrait {
   aspect-ratio: 2 / 3;
}

.douglas-theme .image-landscape {
   aspect-ratio: 3 / 2;
}

/* Background Elements */
.douglas-theme .background-image,
.douglas-theme .background-video,
.douglas-theme .background-overlay:before {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
}

.douglas-theme .background-image {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   z-index: 0;
}

.douglas-theme .background-video,
.douglas-theme .background-video video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.douglas-theme .background-overlay:before {
   content: '';
   background: rgba(var(--black-rgb), 30%);
}

/*-----------------------------------------------------------------------
   Tables
-----------------------------------------------------------------------*/
.douglas-theme table {
   border-collapse: collapse;
   width: 100%;
}

.douglas-theme table,
.douglas-theme table tr,
.douglas-theme table th,
.douglas-theme table td {
   border-color: var(--grey);
}

.douglas-theme table th,
.douglas-theme table td {
   padding: 10px;
   text-align: left;
   border: 1px solid var(--grey);
}

.douglas-theme table th,
.douglas-theme table th * {
   font-weight: 600;
}

.douglas-theme table .button {
   width: fit-content !important;
   margin: 5px 5px 5px 0 !important;
}

/*-----------------------------------------------------------------------
   Social Icons
-----------------------------------------------------------------------*/
.douglas-theme .social-icons {
   gap: 15px;
}

.douglas-theme .social-icons a,
.douglas-theme .social-icons div,
.douglas-theme .social-icons svg {
   margin: 0;
   display: block;
}

.douglas-theme .social-icons a svg {
   transition: var(--transition);
}

.douglas-theme .social-icons a:hover svg,
.douglas-theme .social-icons div:hover svg {
   transform: scale(1.1);
}

/*-----------------------------------------------------------------------
   Clipboard Copy
-----------------------------------------------------------------------*/
.douglas-theme .copy-to-clipboard {
   position: relative;
   cursor: pointer;
}

.douglas-theme .copy-to-clipboard .tooltip {
   background: var(--black);
   padding: 5px 8px;
   border-radius: 4px;
   position: absolute;
   top: 0;
   left: 50%;
   width: auto;
   white-space: nowrap;
   color: var(--white);
   font-size: 11px;
   line-height: 1.2;
   text-align: center;
   opacity: 0;
   visibility: hidden;
   transform: translate(-50%, -140%);
   transition: 0.3s ease all;
}

.douglas-theme .copy-to-clipboard .tooltip:after {
   content: '';
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: var(--black) transparent transparent transparent;
}

.douglas-theme .copy-to-clipboard:hover .tooltip {
   visibility: visible;
   opacity: 1;
}

/*-----------------------------------------------------------------------
   Popups
-----------------------------------------------------------------------*/
.douglas-theme .trigger-popup,
.douglas-theme .close-popup {
   cursor: pointer;
   z-index: 20000;
}

.douglas-theme .popup-wrap {
   display: none;
}

.douglas-theme .popup-overlay {
   position: fixed;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(var(--black-rgb), 80%);
   z-index: 20000000000;
}

/* Containers */
.douglas-theme .popup-overlay > *[class*='container'] {
   position: relative;
   overflow-y: auto;
   max-height: 80vh;
   padding: 40px;
   background: var(--white);
}

/* Close Button */
.douglas-theme .popup-overlay .close-popup:not(.button) {
   position: absolute;
   right: 0;
   top: 0;
   padding: 20px;
}

.douglas-theme .popup-overlay .close-popup svg {
   width: 16px;
   height: 16px;
}

/*-----------------------------------------------------------------------
   Pagination
-----------------------------------------------------------------------*/
.douglas-theme .archive-pagination {
   margin: auto;
   margin-top: 40px;
   width: fit-content;
}

.douglas-theme .archive-pagination a {
   margin: 0 10px;
   font-size: 12px;
   text-align: center;
}

.douglas-theme .archive-pagination a:hover,
.douglas-theme .archive-pagination a.current {
   text-decoration: underline;
}

.douglas-theme .post-pagination {
   border-top: 1px solid var(--grey);
}

.douglas-theme .post-pagination .button,
.douglas-theme .post-pagination .button:hover,
.douglas-theme .post-pagination .button:focus {
   padding: 0 !important;
   min-width: 0 !important;
   border: 0 !important;
}

.douglas-theme .post-pagination .pagination-next .button svg {
   transform: rotate(-180deg);
}

/*-----------------------------------------------------------------------
   Entry - Default
-----------------------------------------------------------------------*/
.douglas-theme *[class^='entry-'] {
   display: block;
   position: relative;
   text-decoration: none;
   transition: var(--transition) all;
}

/*-----------------------------------------------------------------------
   Block - Separator
-----------------------------------------------------------------------*/
.block-separator .separator {
   display: block;
   margin: 0;
   width: 100%;
   height: 1px;
   background: var(--block-background-colour);
}

.block-editor .block-separator {
   padding: 5px 0;
}

@media (max-width: 1200px) {
   .douglas-theme .grid-col-5 {
      grid-template-columns: repeat(3, 1fr);
   }

   .douglas-theme .grid-col-6 {
      grid-template-columns: repeat(4, 1fr);
   }

   .douglas-theme h1,
   .douglas-theme h1 *,
   .douglas-theme .h1,
   .douglas-theme .h1 * {
      font-size: 50px;
   }

   .douglas-theme h2,
   .douglas-theme h2 *,
   .douglas-theme .h2,
   .douglas-theme .h2 * {
      font-size: 40px!important;
   }

   .douglas-theme .wysiwyg-content p,
   .douglas-theme .wysiwyg-content p * {
      font-size: 16px!important;
   }

   .douglas-theme h3,
   .douglas-theme h3 *,
   .douglas-theme .h3,
   .douglas-theme .h3 * {
      font-size: 20px;
   }

   .douglas-theme .gap-60 {
      gap: 40px!important;
   }

   .douglas-theme .gap-80 {
      gap: 40px!important;
   }

   .douglas-theme .gap-120 {
      gap: 40px!important;
   }
}

@media (max-width: 1024px) {
   .douglas-theme .padding-lg,
   .douglas-theme .padding-lg-top {
      padding-top: 40px;
   }

   .douglas-theme .padding-lg,
   .douglas-theme .padding-lg-bot {
      padding-bottom: 40px;
   }

   .douglas-theme .grid-col-2 {
      gap: 40px;
   }

   .douglas-theme .grid-col-2 {
      grid-template-columns: repeat(1, 1fr);
   }

   .douglas-theme .grid-col-3,
   .douglas-theme .grid-col-4 {
      grid-template-columns: repeat(2, 1fr);
   }

   .douglas-theme .grid-col-5,
   .douglas-theme .grid-col-6 {
      grid-template-columns: repeat(3, 1fr);
   }

   .douglas-theme .block-setting-padding {
      padding-top: calc(var(--block-padding-top) / 1.5);
      padding-bottom: calc(var(--block-padding-bottom) / 1.5);
   }

   .wysiwyg-content blockquote {
      padding: 0 0 0 40px;
   }

   .douglas-theme .wysiwyg-content blockquote p {
      font-size: 25px!important;
   }

   .wysiwyg-content blockquote::before {
      width: 25px;
      height: 25px;
   }
}

@media (max-width: 720px) {
   .douglas-theme .container-lg,
   .douglas-theme .container-md,
   .douglas-theme .container-sm,
   .douglas-theme .container-xs {
      width: calc(100% - 30px);
   }

   .douglas-theme .grid-col-4,
   .douglas-theme .grid-col-5 {
      grid-template-columns: repeat(2, 1fr);
   }

   .douglas-theme .desktop-only {
      display: none;
   }

   .douglas-theme .mobile-only {
      display: block;
   }
}

@media (max-width: 650px) {
   .douglas-theme .grid-col-3,
   .douglas-theme .grid-col-4 {
      grid-template-columns: repeat(1, 1fr);
   }

   .douglas-theme .grid-col-6 {
      grid-template-columns: repeat(2, 1fr);
   }

   .douglas-theme .wysiwyg-content .flex-layout p {
      flex: 0 0 100%;
   }

   .douglas-theme .wysiwyg-content blockquote p {
      font-size: 20px!important;
   }
}