/***** STARTING LOREE CSS  ****************/
/*********************************************************************/
@import url('https://loree-files.crystaldelta.net/loree-themes/customRoot/loree-common-theme.min.css');
@import url('https://loree-files.crystaldelta.net/loree-themes/customRoot/loree-content-root-style.min.css');
@import url('https://loreev2storage24cd6295054c4df4b5661676008c768e164310-production.s3.ap-southeast-2.amazonaws.com/public/6dfb732e-81cb-442e-8298-21bfbc3f99f1/custom-themes/8f42b2cf-8618-4f34-a7e9-bdca57bdfde3.min.css');
/***** CUSTOM FONTS *******/
@import url('https://loreev2storage24cd6295054c4df4b5661676008c768e164310-production.s3.ap-southeast-2.amazonaws.com/public/6dfb732e-81cb-442e-8298-21bfbc3f99f1/fonts/loree_custom_font.css');
/*********************************************************************/
/***** END LOREE CSS  ****************/
/*********************************************************************/
/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #7EC2C4;
    --dt-color-primary-contrast: #000000;
    --dt-color-primary-dark-text: #4E777A;
    --dt-color-secondary: #E2AB4B;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #8A6B2D;
    --dt-color-accent: #8A65C3;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #825DB3;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/
/*********************LOREE 5COL LAYOUT STYLE CSS**********************/
@media screen and (min-width: 768px) {
    .loree-iframe-content-row .col-xl-5col,
    .loreeEditorWrapper .col-xl-5col {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
@media screen and (min-width: 1100px) {
    .loree-iframe-content-row .col-xl-5col,
    .loreeEditorWrapper .col-xl-5col {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
    }
  }
  @media screen and (max-width: 767px) {
    .loree-iframe-content-row .col-xl-5col,
    .loreeEditorWrapper .col-xl-5col {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  /*********** END OF LOREE 5COL SUPPORT ***********/