/* background */
/* highlight colors */
/* theme colors */
:root {
  --primary-color-a: #201A23;
  --primary-color-b: rgba(45, 45, 36);
  --secondary-color-a: #631D76;
  --secondary-color-b: #A43DA4;
  --background: #FBFBFB;

  --primary-gradient: linear-gradient(90deg, rgba(2,0,36,0.9780111873851103) 0%, rgba(114,9,121,1) 54%, rgba(255,0,103,0.8687674899061186) 100%);
  --secondary-gradient: linear-gradient(90deg, rgba(2,0,36,0.9520540638130253) 0.16%, rgba(164,61,164,0.15) 76%);
  --secondary-gradient-b: linear-gradient(145deg, rgba(2,0,36,0.9520540638130253) 0%, rgba(164,61,164,0.9492529433648459));
  --primary-gradient-a: linear-gradient(90deg, rgba(2, 0, 36, 0.9780111873851103) 0%, rgba(114, 9, 121, 1) 54%, rgba(255, 0, 103, 0.8687674899061186) 100%);

  --h-darkorange: #FF8811;
  --h-kellygreen: #2BC016;
  --h-sky: #006C67;
  --h-richblack: #121619;
  --h-rubyred: #9B1D20;
}
:root {
  --mediumscreenwidth: mediumscreenwidthl;
  --smallscreen: smallscreenl;
  --mediumscreen: mediumscreenl;
  --largescreen: largescreenl;
  --extralargescreen: extralargescreenl;
  --containerMax: containerMaxl;
}
/* font families */
/* @value fg-acme: 'Acme', sans-serif; */
/* @value quicksand: 'Quicksand', sans-serif; */
:root {
  --roboto: 'Roboto', sans-serif;
  --trebucket-ms: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  --arial: Arial, Helvetica, sans-serif;
}
/* global styles variables */
/* @value global: "./global_styles.css";
@value primary-b, secondary-a, secondary-b, background from global;
@value roboto, trebucket-ms from global; */
/* media breakpoints */
/* @value breakpoints: "./breakpoints.css";
@value extralargescreen, largescreen, mediumscreen, mediumscreenwidth from breakpoints; */
/* internal variables */
/* container for blogs */
._blogs_dkbex_15 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: flex-start;
    padding: .5em 1em;
}
/* blog card css */
._blog-card_dkbex_26{
    --card-size: 30%; /* card size*/
    --card-max-width: 480px;
    --figure-pads: 5px;
    --figure-min-width: 250px;
    --figure-max-width: 360px;
    --figure-height: 200px;
    --figure-img-overlay: rgba(45, 45, 36);
    width: var(--card-size);
    height: auto;
    min-width: 350px;
    max-width: var(--card-max-width);
    /* max-width: var(--card-max-width); */
    overflow: hidden;
    margin: 0px 13px 20px;
}
/* blog-card that is horizontally formatted */
._blog-card_dkbex_26._is-horizontal_dkbex_43 {
    display: flex;
    flex-wrap: no-wrap;
    justify-content: left;
    --card-size: 100%;
    height: auto;
    max-width: 100%;
}
/* title */
._blog-card_dkbex_26 p{
    font-family: 'Roboto', sans-serif;
}
/* image container */
._blog-card_dkbex_26 figure{
    position: relative;
    height: var(--figure-height);
    max-width: var(--figure-max-width);
    min-width: var(--figure-min-width);
    padding: var(--figure-pads);
    border: thin #c0c0c0 solid;
}
._blog-card_dkbex_26 figure > img{
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    z-index: 1;
}
._blog-card_dkbex_26 figure::before{
    content: '';
    position: absolute;
    top: var(--figure-pads);
    left: var(--figure-pads);
    right: var(--figure-pads);
    bottom: var(--figure-pads);
    background-color: var(--figure-img-overlay);
    opacity: .2;
    z-index: 2;
}
._blog-card_dkbex_26 figure:hover > img {
    z-index: 2;
    cursor: pointer;
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93{
    display: flex;
    flex-flow: column;
    justify-content: left;
    padding: var(--figure-pads);
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93 ._blog-card-title_dkbex_100 {
    text-align: left;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.3;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93 ._blog-card-title_dkbex_100 ._blog-card-link_dkbex_108{
    color: #631D76;
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93 ._blog-card-title_dkbex_100 ._blog-card-link_dkbex_108:hover{
    opacity: .8;
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93 ._blog-card-title_dkbex_100 ._blog-card-link_dkbex_108:visited{
    color: var(--h-richblack);
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93 ._blog-card-created_dkbex_120 {
    font-size: 1.05em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.25;
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93 ._blog-card-content_dkbex_127 {
    position: relative;
    font-size: .9rem;
    font-style: italic;
    line-height: 1.25;
    max-height: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}
._blog-card_dkbex_26._is-horizontal_dkbex_43 ._blog-card-info_dkbex_93 ._blog-card-content_dkbex_127 {
    max-height: 80px;
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93 ._blog-card-content_dkbex_127::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0px -15px 5px #FBFBFBF7;
}
._blog-card_dkbex_26._is-horizontal_dkbex_43 ._blog-card-info_dkbex_93 ._blog-card-content_dkbex_127::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* box-shadow: inset 0px -15px 5px #FBFBFBF7 !important; */
}
._blog-card_dkbex_26 ._blog-card-info_dkbex_93 ._blog-card-content-link_dkbex_163 {
    font-size: .9rem;
    font-style: italic;
    line-height: 1.25;
}
/* responsiveness */
@media only screen and (max-width: 1256px) {
    ._blogs_dkbex_15 {
        justify-content: space-evenly;
    }

    ._blog-card_dkbex_26 {
        --card-size: 40%;
    }
}
/* catch mediumscreen[a bit larger], to adjust blog cards size to 100% */
/* adjust everything preemptively before hitting the exact medium screens */
@media only screen and (max-width: calc(768px + 100px)) {
    /* align left */
    ._blogs_dkbex_15 {
        justify-content: left;
    }
    /* display the blog cards 1 per row  */
    ._blog-card_dkbex_26,
    ._blog-card_dkbex_26._is-horizontal_dkbex_43 {
        --card-size: 100%;
        max-width: 100%;
    }
    /* display the blog cards figures at fix width */
    ._blog-card_dkbex_26 > figure, 
    ._blog-card_dkbex_26._blog-card_dkbex_26._is-horizontal_dkbex_43 > figure{
        width: var(--figure-min);
    }
    /* apply the same styles of the normal blog-card in this viewport size */
    ._blog-card_dkbex_26._is-horizontal_dkbex_43 {
        display: block;
        height: auto;
        overflow: hidden;
        margin: 20px 0;
    }
}
@media only screen and (max-width: 428px) {
    ._blogs_dkbex_15 {
        justify-content: center;
    }

    ._blog-card_dkbex_26 {
        --card-size: 92%;
    }
    /* apply the same styles of the normal blog-card in this viewport size */
    ._blog-card_dkbex_26._is-horizontal_dkbex_43 {
        --card-size: 92%;
    }
    /* let the viewport decide the width of the blog cards figures */
    ._blog-card_dkbex_26 > figure, 
    ._blog-card_dkbex_26._blog-card_dkbex_26._is-horizontal_dkbex_43 > figure{
        width: auto;
    }
}