/* $primary-custom-font: "Neue Helvetica", Helvetica, Arial, sans-serif;
$primary-custom-font-bold: 'Roboto', sans-serif;
$std-font: 'Roboto', Helvetica, Arial, sans-serif;
$std-font-bold: 'Roboto', Helvetica, Arial, sans-serif;
$btn-font: 'Roboto', Helvetica, Arial, sans-serif;
$headline-font: 'Roboto', Helvetica, Arial, sans-serif;
$menu-font: 'Roboto', Helvetica, Arial, sans-serif;
$menu-font-bold: 'Roboto', Helvetica, Arial, sans-serif;
$content-font: 'Roboto', Helvetica, Arial, sans-serif;
$content-font-thin: 'Roboto', Helvetica, Arial, sans-serif;
$content-font-bold: 'Roboto', Helvetica, Arial, sans-serif;
$footer-font: 'Roboto', Helvetica, Arial, sans-serif; */
/*
Here you will find all variables we used in SCSS files

ATTENTION! Dont use $value or $property!

*/
/**************
*
* FONTS
*
**************/
/**************
*
* RANDOM RAINBOW COLOR SET
*
**************/
/**************
*
* COLOR PRESET
*
**************/
/**************
*
* TEXT COLOR PRESET
*
**************/
/**************
*
* LINK COLOR PRESET
*
**************/
/**************
*
* MEDIA QUERY BREAKPOINTS
*
**************/
/**************
*
* HEADER & FOOTER
*
**************/
/**************
*
* PADDING
*
**************/
/**************
*
* IMG SIZES
*
**************/
/**************
*
* WIDTH OF CONTENT ELEMENTS
*
**************/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*
*
*
*
* Use this file to create extend/inheritance
*
*
*
*/
/*
*
* MARGINS & PADDINGS
*
*/
/*
*
* LIMITED CONTENT WIDTH
*
*/
/*
*
*
* FONT PRESET
*
*/
@font-face {
  font-family: 'SourceSans3';
  src: url("../fonts/SourceSans/SourceSans3-Regular.woff") format("woff");
  src: url("../fonts/SourceSans/SourceSans3-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'SourceSans3Medium';
  src: url("../fonts/SourceSans/SourceSans3-Medium.woff") format("woff");
  src: url("../fonts/SourceSans/SourceSans3-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'SourceSans3Mediumitalic';
  src: url("../fonts/SourceSans/SourceSans3-Mediumitalic.woff") format("woff");
  src: url("../fonts/SourceSans/SourceSans3-Mediumitalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'SourceSans3Bold';
  src: url("../fonts/SourceSans/SourceSans3-Bold.woff") format("woff");
  src: url("../fonts/SourceSans/SourceSans3-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-ExtraBold.woff2") format("woff2"), url("RobotoSlab-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-SemiBold.woff2") format("woff2"), url("RobotoSlab-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-Black.woff2") format("woff2"), url("RobotoSlab-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-Bold.woff2") format("woff2"), url("RobotoSlab-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-Light.woff2") format("woff2"), url("RobotoSlab-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab-Medium';
  src: url("../fonts/RobotoSlab/RobotoSlab-Medium.woff2") format("woff2"), url("RobotoSlab-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-ExtraLight.woff2") format("woff2"), url("RobotoSlab-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url("../fonts/RobotoSlab/RobotoSlab-Regular.woff2") format("woff2"), url("../fonts/RobotoSlab/RobotoSlab-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-Thin.woff2") format("woff2"), url("RobotoSlab-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
.page-intern .main-col.page-style-39 .page-title-container,
.page-intern .main-col.page-style-39 .dynamic-page-article {
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .page-intern .main-col.page-style-39 .page-title-container,
    .page-intern .main-col.page-style-39 .dynamic-page-article {
      max-width: 680px; } }
  @media screen and (min-width: 1024px) {
    .page-intern .main-col.page-style-39 .page-title-container,
    .page-intern .main-col.page-style-39 .dynamic-page-article {
      max-width: 850px; } }
.page-intern .workspace-grid {
  display: grid;
  grid-template-columns: 1fr;
  /* grid-auto-rows: 1fr; */
  gap: 20px;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%; }
  @media screen and (min-width: 768px) {
    .page-intern .workspace-grid {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 768px) {
    .page-intern .workspace-grid {
      max-width: 680px; } }
  @media screen and (min-width: 1024px) {
    .page-intern .workspace-grid {
      max-width: 850px; } }
  @media screen and (min-width: 768px) {
    .page-intern .workspace-grid {
      gap: 30px;
      grid-template-columns: 1fr 1fr; } }
  .page-intern .workspace-grid .workspace-box {
    border: 1px #d8d8d8 solid;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    overflow: hidden;
    transition: all .4s ease-in-out;
    cursor: default;
    padding-bottom: 0;
    background-color: #136541;
    padding: 20px;
    color: white;
    /* min-height: 388px; */ }
    .page-intern .workspace-grid .workspace-box:hover {
      background-color: #046a21; }
    .page-intern .workspace-grid .workspace-box .workspace-details a {
      color: white;
      text-decoration: underline; }
      .page-intern .workspace-grid .workspace-box .workspace-details a:hover {
        color: #FEA90F;
        text-decoration: underline; }
    .page-intern .workspace-grid .workspace-box .workspace-details .read_more,
    .page-intern .workspace-grid .workspace-box .workspace-details .read_less {
      text-decoration: underline;
      cursor: pointer; }
    .page-intern .workspace-grid .workspace-box .button-wrapper {
      display: flex;
      flex-wrap: wrap;
      margin-top: auto;
      justify-content: flex-end; }
      .page-intern .workspace-grid .workspace-box .button-wrapper .btn-orange {
        font-size: 13px;
        padding: 5px 30px;
        border: 1px #FEA90F solid;
        margin-top: 20px; }
        .page-intern .workspace-grid .workspace-box .button-wrapper .btn-orange:hover {
          border: 1px #046a21 solid; }

/*# sourceMappingURL=page_intern.css.map */