@charset "UTF-8";
/*
 * css by itzuken.xyz for defdev.eu */

@import url("https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css");

@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i&subset=latin-ext");

/*
@import url("https://use.fontawesome.com/releases/v5.7.2/css/fontawesome.css");
@import url("https://use.fontawesome.com/releases/v5.3.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.3.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.3.1/css/solid.css");
*/

@font-face {
  font-family: 'AlasarLt';
  src: url('../fonts/alasar-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/alasar-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alasar-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alasar-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/alasar-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alasar-light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'AlasarRg';
  src: url('../fonts/alasar-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/alasar-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alasar-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alasar-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/alasar-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alasar-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'AlasarMd';
  src: url('../fonts/alasar-medium-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/alasar-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alasar-medium-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alasar-medium-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/alasar-medium-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alasar-medium-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'AlasarBd';
  src: url('../fonts/alasar-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/alasar-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alasar-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alasar-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/alasar-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alasar-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

:root {
    --li-color: inherit;
}

html 
{
    font-size: 14px;
}

body, p
{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

body {
  color: #3d3935;
}

p, li {
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}

li {
    margin-left: 1.3em;
    padding-left: -1em;
}

li::before {
    content: "*";
    color: var(--li-color);
    font-weight: bold;
    font-family: "Roboto";
    padding-right: 0.6em;
    margin-right: 0; 
    margin-left: -1.3em;    
}

h1, .h1,  
.title, .title.is-1, 
.subtitle.is-1, .subtitle.is-2
{
    font-family: 'AlasarLt', sans-serif;
}

h2, h3, h4, h5, .h2, .h3, .h4, .h5,
.title.is-2, .title.is-3, .title.is-4, .title.is-5, 
.subtitle, .subtitle.is-3, .subtitle.is-4, .subtitle.is-5, .subtitle.is-6
{
    font-family: 'AlasarRg', sans-serif;
}

h6, .h6,
.title.is-6,
.button
{
    font-family: 'AlasarBd', sans-serif;
}

.subtitle:not(:last-child) {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

strong {
    color: inherit !important;
    font-weight: 500;
}


/* redef globals */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
    -webkit-font-smoothing: subpixel-antialiased;
    -xoxwebkit-font-smoothing: antialiased;
}

@media screen and (min-width: 769px) {
    .is-hidden-tablet-up-ddf {
      display: none !important;
    }
}

@media screen and (max-width: 768px) {

    .is-hidden-tablet-down-ddf {
      display: none !important;
    }

    .is-smaller-tablet-down-ddf {
        max-width: 80%;
    }
}

@media screen and (min-width: 1280px) {
    .is-hidden-desktop-up-ddf {
      display: none !important;
    }
}

@media screen and (max-width: 1279px) {
    .is-hidden-desktop-down-ddf {
      display: none !important;
    }
}

a:hover, a:visited:hover {
    color: #336;
    background-color: transparent;    
}

a:not(.icon):not(.image):not(.column):not(.navbar-item):hover, 
a:not(.icon):not(.image):not(.column):not(.navbar-item):visited:hover {
    color: white !important;
    background-color: #1874e1 !important;    
}

a:not(.link):hover i, a:not(.link):visited:hover i {
    color: white !important;   
    background-color: transparent !important;    
}

a.link, a.link:visited {
    text-decoration: underline;    
    color: #eee;
    background-color: #f17000;    
    text-decoration-color: #f1a000;
}

a.link:hover, a.link:visited:hover,
a:hover .link, a:visited:hover .link {
  color: white !important;
  background-color: #1874e1 !important;
}

a.link:not(.icon), a.link:visited:not(.icon) {
  border-bottom: none;
}

a.link:not(.icon):hover, a.link:visited:not(.icon):hover {
  border-bottom-color: none;
}

a.link i, a.link:visited i {
    color: #1874e1;    
    text-decoration: none !important;
    border-bottom: none;
    border-bottom-color: none;
}


a.link.tag, a.link:visited.tag {
    color: #1874e1;    
    text-decoration: none !important;
    border-bottom: none;
    border-bottom-color: none;
}

a:hover i, a:visited:hover i {
    background-color: transparent !important;
}

a.link:hover i, a.link:visited:hover i {
    color: white !important;   
    background-color: transparent !important;
}

.icon {
    color: #3d3935;
}

.title {
  color: inherit;
}

.subtitle {
  color: inherit;
}

.title + .subtitle {   
}

.button:hover, .button:focus, .button.is-active,
.tag:hover, .tag:focus, .tag.is-active {   
    color: #222 !important;    
    background-color: #24d0ca !important;
}

.content a:not(.button) {
  border-bottom: none;
}

.content h1:not(:first-child),
.content h2:not(:first-child),
.content h3:not(:first-child) {
  margin-top: 25px;
}

.box-xmod-transparent {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.card-xmod-transparent {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.ribbon {
    font-family: 'AlasarBd', sans-serif !important;    
}

.background-image {
    background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .background-image {
    }
}


.button.is-orange-button {
    background-color: #f17100;
    border-color: transparent;
    color: white;
}

.button.is-orange-button:hover, .button.is-orange-button:focus, .button.is-orange-button.is-active {
    background-color: #1874e1 !important;
    border-color: transparent;
    color: white;
}
  
.button.is-orange-button:active {
    border-color: transparent;
}
  
.button.is-orange-button.is-inverted {
    background-color: white;
    color: #1fc8db;
}
  
.button.is-orange-button.is-inverted:hover {
    background-color: #f2f2f2;
}
  
.button.is-orange-button.is-loading:after {
    border-color: transparent transparent white white !important;
}
  
.button.is-orange-button.is-outlined {
    background-color: transparent;
    border-color: #dbdbdb;
    color: #f17100;
}
  
.button.is-orange-button.is-outlined:hover, .button.is-orange-button.is-outlined:focus {
    background-color: #1fc8db;
    border-color: #1fc8db;
    color: white;
}

blockquote {
}
blockquote .xmod-quote {
    font-style: italic;    
    padding-left: 1.3em;    
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e6e6e6;    
}
blockquote .xmod-signo {
    line-height: 1.3em; 
    font-family: 'AlasarMd', sans-serif !important;           
}
blockquote .xmod-signo img {
    display: inline; 
    height: 1em; 
    margin-bottom: -2px;
}

.navbar {
    box-shadow: none;
}


/* header */

.navbar-brand img {
    max-height: 45px;
}

.navbar-brand a.navbar-item:hover {
    background-color: transparent !important;
}

@media screen and (max-width: 1088px) {
    .navbar-brand {
        padding-right: 1em;
    }
}

a.navbar-item {
    font-size: 110%;
    color: white;
    text-transform: uppercase;
    font-family: 'AlasarBd', sans-serif;
}

a.navbar-item.is-active {
    color: #0bc8a2;
}

a.navbar-item:hover, a.navbar-item:visited:hover {
    color: black !important; 
    background-color: #1874e1 !important;
}


.navbar-item:hover .button.is-orange-button {
    background-color: #1874e1 !important;
}

.navbar-item:hover .button.is-orange-button span {
    color: black !important;
}

.navbar-item:hover .button.is-orange-button span.icon {
    color: black !important;
}

.navbar-menu.is-active {
    background-color: transparent;  
}

.navbar-menu.is-active .navbar-item:hover {
    color: #1874e1 !important;
    background-color: #5bdac1 !important;
}


.navbar-menu.is-active .navbar-item.is-active {
    background-color: transparent;
}

.navbar-menu.is-active .navbar-item .button.is-orange-button {
    margin-left: -10px;
}

.navbar-burger {
    color: black;
    background-color: transparent;
    border: none !important;
    outline : none;
    height: auto;     
    padding-left: 14px;       
}

.navbar-burger span {
    height: 2px;
}

.navbar-burger:hover {
    color: black;
    background-color: #1874e1;
}

.nav-toggle span {
    background-color: #e6e6e6;
}

/* hero */


#blockHero .hero-head  {
    padding-top: 0.75rem;
    padding-bottom: 1rem;
}

@media screen and (max-width: 1087px) {
    #blockHero .hero-head {
        padding-left: 1.15rem;
        padding-right: 1.5rem;  
        padding-bottom: 1.5rem;    
    }
}

@media screen and (max-width: 768px) {
    #blockHero .hero-head {
        padding-left: 1.15rem;
        padding-right: 1.5rem;  
        padding-top: 0;
        margin-top: -0.5rem;
        padding-bottom: 1rem;          
    }
}

#blockHero .hero-body {
    height: 75vh;
    min-height: 370px;
}
@media screen and (max-width: 768px) {
    #blockHero .hero-body {
        height: 67vh;
    }
}
@media screen and (min-width: 1472px) {
    #blockHero .hero-body {
        height: 60vh;
    }
}

#blockHero .hero-foot .ribbon,
#blockHero .hero-foot .has-ribbon-bottom {
    top: unset !important;
}
#blockHero .hero-foot .has-ribbon-bottom:first-of-type {
    bottom: 3.2em;
}
#blockHero .hero-foot .has-ribbon-bottom:nth-of-type(2) {
    bottom: 0.9em;
}
#blockHero .hero-foot .has-ribbon-bottom:nth-of-type(3) {
    bottom: 0.5em;
}
@media screen and (max-width: 768px) {
    #blockHero .hero-foot .has-ribbon-bottom:first-of-type {
        bottom: 4.6em;
    }    
    #blockHero .hero-foot .has-ribbon-bottom:nth-of-type(2) {
        bottom: 2.8em;
    }
    #blockHero .hero-foot .has-ribbon-bottom:nth-of-type(3) {
        bottom: 0.7em;
    }    
}

.blockHeadline {
    margin: 0;
    padding: 0;    
    margin-left: 20px;
}

#blockSubhero .tile.is-ancestor {
    margin-top: 0;
}
#blockSubhero .tile.is-ancestor:last-child {
    margin-bottom: 25px;    
}
#blockSubhero .tile.is-ancestor:not(:last-child) {
    margin-bottom: 50px;
}

#blockSubhero .blockHeadline {
    margin-left: 1em;
    padding-left: 0.2em;
    margin-bottom: 0.5em;    
}
#blockSubhero .blockHeadline::before {
   content: "◥";
   font-family: "Roboto";
   font-size: 0.75em;   
   xcolor: #f17100;
   font-weight: normal;
   font-style: normal;
   margin: 0 0 12px -1.5em;   
   padding-right: 0.15em;
   text-decoration: none;
}
@media screen and (max-width: 768px) {

    #blockSubhero .blockHeadline {
        margin-left: 0.6em;
        padding-left: 0;   
    }    
    #blockSubhero .blockHeadline::before {
        margin-left: -1.6em;
    }
}

#blockTriprop {
    border: none;
}
@media screen and (min-width: 769px) {
    #blockTriprop {
        padding-left: 30px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #e6e6e6;
    }
}
@media screen and (max-width: 768px) {
    #blockTriprop {
        padding-left: 0;
        padding-top: 0;
    }
}

#imgPitchIllus {

}
@media screen and (min-width: 769px) {
    #imgPitchIllus {
        float: right;
        max-width:300px;
        margin-left:10px; 
        margin-bottom:10px; 
        margin-top: 10px; 
        padding-bottom: 10px;    
    
    }
}
@media screen and (max-width: 768px) {
    #imgPitchIllus {
        margin-left: 0.75rem;
        margin-top: 0.5em;
        margin-bottom: 0;        
    }

    #imgPitchIllus img {

        width: 100%;
        height: auto;
        max-width: 100%;
    }
}


.mod-textblock p,
.mod-textblock li {
    font-size: 1.1em;
}

.mod-textblock a.link code,
.mod-textblock a.link:visited code {
    text-decoration-color: #f17100 !important;
}

.mod-textblock p, .mod-textblock ul, .mod-textblock ol  {    
    margin-left: 0.75rem;
    margin-top: 0.5em;
    margin-bottom: 0;
}

.mod-textblock .title {
    padding-left: 0;
}
.mod-textblock .ribbon.title {
    padding-left: 0.75em;
}

@media screen and (min-width: 769px) {

    .mod-textblock p, .mod-textblock ul, .mod-textblock ol  {    
        margin-left: 1.75rem;
    }   
}

.mod-textblock li::before {
    color: white;
}

.mod-textblock h3 {
    padding-bottom: 20px;
}

.mod-textblock .blockHeadline {
    margin-left: 0.75rem;      
    padding-left: 0;
    margin-bottom: 0.5em;     
}
.mod-textblock .blockHeadline::before {
    content: "◥";
    font-family: "Roboto";
    font-size: 0.5em;
    font-weight: normal;
    font-style: normal;
    margin: 0 -0.5em 12px -1.25rem;
    padding-right: 0.15em;
    text-decoration: none;
}
@media screen and (min-width: 769px) {

    .mod-textblock .blockHeadline {
        margin-left: 1.75rem;
    }
    .mod-textblock .blockHeadline::before {
        margin: 0 0 0 -1.8rem;
    }
}

@media screen and (max-width: 768px) {

    .mod-textblock li {
        margin-left: 0;
        padding-left: 0;
    }
    .mod-textblock li::before {
        padding-right: 0.25em;             
        margin-right: 0em; 
        margin-left: -0.9em;
    }
}


dl.ddf-keyvalue dt {
    padding-top: 0.3em;
    font-size: 0.9em;
    font-weight: 100;    
    color: #dedede;
    font-style: italic;
    padding-top: 0.1em;
}

dl.ddf-keyvalue dd {
    padding-bottom: 0.25rem;    
}

@media screen and (min-width: 769px) {

    dl.ddf-keyvalue dt {
        clear: left;
        float: left;
        text-align: right;
        margin-right: 1em;
        margin-top: -0.5px;
    }

    dl.ddf-keyvalue-title dt {
        padding-top: 0.18em;        
        margin-right: 0.5em;
        padding-bottom: 0.3em;
        width: auto !important;
    }    

    dl.ddf-keyvalue-title dd {
        width: auto;
    }     

    dl.ddf-keyvalue dd {
        display: inline-block;
    }
}

@media screen and (max-width: 768px) {  

    dl:not(.ddf-keyvalue-title).ddf-keyvalue {
        padding-top: 0.5em;
    }   
    
    dl.ddf-keyvalue-title {
        margin-left: -0.3em;
    }    

    dl.ddf-keyvalue-title dd {
        margin-right: -0.75em;
    } 

    dl.ddf-keyvalue-title dt {
        clear: left;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        padding-top: 0.18em;
        padding-bottom: 0.3em;
    }      

    dl:not(.ddf-keyvalue-title).ddf-keyvalue dt {
        font-size: 1em;
        padding-top: 0.4em;
    }

    dl:not(.ddf-keyvalue-title).ddf-keyvalue dt::after {
        content: ":";
        white-space: pre;
    }
}

.blockCourses.is-collection a.box:hover .title dl.ddf-keyvalue-title dd {
    color: white !important;
}

.blockCourses .container > .columns > .column > .box {
    padding: 0;
}

.blockCourses:not(.is-collection) .card .card-content {
    padding: 2.5rem 2rem 2rem 2rem;
}

.blockCourses.is-collection .card {
    margin-bottom: 0;
}

.blockCourses.is-collection .card .card-content {
    padding: 0;
}

.blockCourses.is-collection a.box {
    background-color: #65615e;
}

.blockCourses.is-collection a.box:hover {
    background-color: #1874e1 !important;
}

.blockCourses .card-content > .tile .is-child:first-child {
    padding-bottom: 1.75rem;
}

.blockCourses .card-content > .tile .is-child:nth-child(2) {
    padding-left: 0.5rem;
}


.blockCourses .container > .columns > .column {
    margin-bottom: 3rem;
}

/*
@media screen and (max-width: 1023px) {

    .blockCourses .container > .columns > .column:first-of-type {
        margin-top: 3rem;
    }
}*/

@media screen and (max-width: 768px) {

    .blockCourses .container > .columns > .column {
        padding: 0;
    }

    .blockCourses .card-content > .tile .is-child:first-child {
        padding-bottom: 0.5rem;
    }

    .blockCourses .card-content > .tile .is-child:nth-child(2) {
        padding-left: 0;
    }
}


.blockCourses .card-content dl.ddf-keyvalue {
    width: 100%;
}

.blockCourses .card-content dl.ddf-keyvalue dt {
}

@media screen and (max-width: 768px) {

    .blockCourses .card-content dl.ddf-keyvalue dt {
    }
    .blockCourses .card-content dl.ddf-keyvalue dd {
    } 
}

@media screen and (min-width: 769px) {

    .blockCourses .card-content dl.ddf-keyvalue dt {
        width: 20%;
    }

    .blockCourses .card-content dl.ddf-keyvalue dd {
        width: 75%;
    }
}


.blockCourses .card-footer-item, 
.blockEvents .card-footer-item {
    font-family: 'AlasarMd', sans-serif !important;   
    font-size: 1.2em; 
    color: #dedede;
    background-color: #f17100;
}

.blockCourses .card-footer-item.link,
.blockEvents .card-footer-item.link {
    text-decoration: none;
}

.blockCourses .card-footer-item.link:hover, .blockCourses .card-footer-item.link:focus, 
.blockCourses .card-footer-item.link.is-active,
.blockEvents .card-footer-item.link:hover, .blockEvents .card-footer-item.link:focus, 
.blockEvents .card-footer-item.link.is-active {
  background-color: #1874e1;
  color: #e0e3ab !important;
}


.blockCourses .column .box.box-xmod-transparent {
    border-top-left-radius: 0;
    border-top-right-radius: 0; 
}

.blockCourses:not(.is-collection) .column .box.box-xmod-transparent {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}

.blockCourses .column .box.box-xmod-transparent .column {
    padding-left: 1.75rem;
}


dl.ddf-agenda dt {
    font-family: 'AlasarMd', sans-serif;
    font-size: 1.2em;    
    line-height: 1.2em;
    margin-top: 0.5em;
    margin-left: 1.6em;
    padding-left: -1.3em;
    margin-bottom: 0.25em;    
}
dl.ddf-agenda dt::before {
    font-size: 0.75em; 
    content: "▰";
    font-family: "Roboto";
    font-weight: normal;
    font-style: normal;
    color: #65615e;    
    margin: 0 0 0 -1.5em;
    padding-right: 0.7em;
    text-decoration: none;
}

dl.ddf-agenda dd {
    color: #4a4a4a;        
    font-size: 1em;    
    margin-left: 2em;
    padding-left: 0;
    xmargin-bottom: 1em;    
}
dl.ddf-agenda dd::before {
    content: "―";
    font-family: "Roboto";
    font-weight: normal;
    font-style: normal;
    margin: 0 0 0 -1.5em;
    padding-right: 0.5em;
    text-decoration: none;
}

@media screen and (max-width: 768px) {


    dl.ddf-agenda dt {
        margin-left: 0;
        padding-left: 0;
    }
    dl.ddf-agenda dt::before {
        content: "*";   
        padding-right: 0.25em;             
        margin: 0 0.25em 0 -0.9em;
    }
    
    dl.ddf-agenda dd {
        margin-left: 0em;
        padding-left: 0.25em;
    }
    dl.ddf-agenda dd::before {
        content: "‐";           
        margin: 0 0.5em 0 -0.9em;
        padding-right: 0;
    }
}


.blockEvents .column:not(.box-xmod-transparent):not(.card-footer-item) {
    padding: 0;
    margin-top: 2.5em;    
    margin-bottom: 5em;
}

@media screen and (max-width: 768px) {

    .blockEvents .card-image .has-ribbon-bottom .ribbon {
        bottom: 1.2em;
    }
} 

@media screen and (max-width: 500px) {

    .blockEvents .card-image .has-ribbon-bottom .ribbon {
        bottom: 0em;
    }

    .blockEvents .card-image .has-ribbon-bottom .ribbon span {
        font-size: 0.75em !important;
    }    
} 

@media screen and (min-width: 769px) {

    .blockEvents .card-image .has-ribbon-bottom .ribbon {
        bottom: 2em;
    }
} 

.blockEvents .card .card-content {
    padding: 0 2rem 2rem 2rem;
}

.blockEvents .card-content .tile.is-parent {
    padding: 0;
}

.blockEvents .card-content > .tile .is-child:first-child {
    padding-top: 0;
}

.blockEvents .card-content > .tile .is-child:nth-child(2) {
    xpadding-top: 1.75rem;    
    padding-left: 2.5rem;
}

@media screen and (max-width: 768px) {

    .blockEvents .card .card-content {
        padding: 0 1.75rem 2rem 1.75rem;
    }

    .blockEvents .card-content > .tile .is-child:nth-child(2) {
        padding-top: 0;     
        padding-left: 0;
    }
}  

.blockEvents .card-content p {
    font-size: 1em;
    line-height: 1.2em;
    margin-left: 0;
}

.blockEvents .card-content dl.ddf-keyvalue {
    width: 100%;
    line-height: 1.4em;    
}

.blockEvents .card-content dl.ddf-keyvalue dt {
    padding-top: 0.4em;
    line-height: 1em;
} 

.blockEvents .card-content dl.ddf-keyvalue .tags {
    display:inline-flex; 
    margin-bottom: 0;
}

.blockEvents .card-content dl.ddf-keyvalue .tags .tag {
    margin-bottom: 0.15rem;
}

@media screen and (max-width: 768px) {

    .blockEvents .card-content dl.ddf-keyvalue dt {
        padding-bottom: 0.4em;    
    }

    .blockEvents .card-content dl.ddf-keyvalue dd {
        padding-bottom: 0.5em;
    } 


    .blockEvents .card-content dl.ddf-keyvalue .tag {
        margin-top: 0.25em;        
        xmargin-bottom: 0.25em;
    }

    .blockEvents .card-content dl.ddf-keyvalue .button {
        margin-bottom: 0.5em;
    }       
    
}

@media screen and (min-width: 769px) {

    .blockEvents .card-content dl.ddf-keyvalue dt {
        width: 20%;
        padding-bottom: 1em;    
    }

    .blockEvents .card-content dl.ddf-keyvalue dd {
        width: 75%;
        padding-top: 0.1em;
        padding-bottom: 1em;
    }


    .blockEvents .card-content dl.ddf-keyvalue .tag {
        margin-top: -0.25em;
    }

    .blockEvents .card-content dl.ddf-keyvalue .button {
        margin-right: 0.4em;
        margin-top: -0.25em;
    }        
}

.blockEvents .card-content dl.ddf-keyvalue .tag {
    color: white;    
}
.blockEvents .card-content dl.ddf-keyvalue .tag.is-primary {
    background-color: #797867;
}
.blockEvents .card-content dl.ddf-keyvalue .tag.is-info {
    background-color: #585858;
}
.blockEvents .card-content dl.ddf-keyvalue .tags.ddf-tags-lohi .tag:first-child {
    background-color: #797867;
}
.blockEvents .card-content dl.ddf-keyvalue .tags.ddf-tags-lohi .tag:nth-child(2) {
    background-color: #858473;
}
.blockEvents .card-content dl.ddf-keyvalue .tags.ddf-tags-lohi-bk .tag:first-child {
    background-color: #494440;
}
.blockEvents .card-content dl.ddf-keyvalue .tags.ddf-tags-lohi-bk .tag:nth-child(2) {
    background-color: #3d3935;
}
.blockEvents .card-content .tag:hover, .blockEvents .card-content .tag:focus, 
.blockEvents .card-content .tag.is-active,
.blockEvents .card-content .tag .icon:hover, .blockEvents .card-content .tag .icon:focus, 
.blockEvents .card-content .tag .icon.is-active {
    text-decoration: none;
}


.blockEvents .card-content .tag .icon,
.blockEvents .card-content .tag i {
    color: #24d0ca;        
}

.blockEvents .card-content dl.ddf-keyvalue .button {
    color: #f17100;    
    background-color: #3d3935;
    margin-right: 0.4em;
}
.blockEvents .card-content .button:hover, .blockEvents .card-content .button:focus, 
.blockEvents .card-content .button.is-active,
.blockEvents .card-content .button .icon:hover, .blockEvents .card-content .button .icon:focus, 
.blockEvents .card-content .button .icon.is-active {
    color: #e0e3ab !important;
}


.blockEvents .card-content .button .icon {
    color: #f17100;        
}

.blockEvents footer {
    padding-top: 0.75em;
}

.blockEvents .card-footer-item {
    padding-top: 1em;
    padding-bottom: 1em;
}

#blockAssist .mod-textblock .has-tags-assist-ddf {
    margin-left: 0.75rem;
}

@media screen and (max-width: 300px) {

    #blockAssist .mod-textblock .has-tags-assist-ddf {
        margin-left: 0;
    }
}


@media screen and (min-width: 769px) {

    #blockAssist .mod-textblock .has-tags-assist-ddf {
        margin-left: 25px;
    }
}

#blockAssist .mod-textblock .has-tags-assist-ddf .tags {
    margin-right: 15px;
    margin-top: 5px;
}

#blockAssist .mod-textblock li::before {
    xcolor: #65615e;
}


.section:not(:first-of-type).blockPartnerz  {
    padding-top: 0.5em;
}  

.blockPartnerz h3 {
    padding-bottom: 0;
}

.blockPartnerz .column {
    padding-left: 0em;
    padding-right: 4rem;
}

.blockPartnerz .column .image {
    height: 4rem;
}

.blockPartnerz .column .image img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {

    .blockPartnerz .column {
        padding-left: 1em;
        padding-right: 5rem;
    }

    .section:not(:first-of-type).blockPartnerz  {
        padding-top: 0.25em;
    }        

}
@media screen and (max-width: 640px) {

    .blockPartnerz .column {
        padding-left: 1em;
        padding-right: 4rem;
    }

}
@media screen and (max-width: 500px) {

    .blockPartnerz .column {
        padding-left: 0;
        padding-right: 2rem;
    }

}


.image-invert {
    filter: invert(100%); -webkit-filter: invert(100%); -ms-filter: invert(100%); 
}


#blockFaq h5.subtitle:not(:last-child) {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-family: 'AlasarBd', sans-serif;
}

#blockFaq h5 {
    color: #dedede;
}

.xfooter i {
    color: #3d3935;
    padding-right: 1em;
    padding-bottom: 1em;
}

.footer {
}

.footer a, .footer a:visited {
    text-decoration: none;    
    color: #0bc8a2 !important;
}

.footer a:not(.icon), .footer a:visited:not(.icon) {
  border-bottom: none;
}

.footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
  border-bottom-color: none;
}

.footer i {
    color: #3d3935;
    padding-right: 1em;
    padding-bottom: 1em;
}

.footer hr {
    color: #3d3935;
    background-color: #3d3935;
    border-color: #3d3935;
    margin:0;
    margin-bottom: 10px;
}

#block-credits a, #block-credits a:visited {
    color: #aaa  !important;

}

#block-credits a:hover, #block-credits a:visited:hover {
    color: white !important;
    background-color: transparent !important;        
}


#map {
    height: 100%;
    min-height: 200px;
}


/* typefaces */

.font-is-light {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;   
}

.font-is-regular {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;   
}

.font-is-medium {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;  
}

.font-is-bold {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;   
}

.font-is-title-light {
    font-family: 'AlasarLt', sans-serif !important;    
}

.font-is-title-regular {
    font-family: 'AlasarRg', sans-serif !important;    
}

.font-is-title-medium {
    font-family: 'AlasarMd', sans-serif !important;    
}

.font-is-title-bold {
    font-family: 'AlasarBd', sans-serif !important;    
}  

/* colors */

#ddf .ddf-orange-clementine {
    color: #f17100;
}
#ddf .ddf-bg-orange-clementine {
    background-color: #f17100 !important;
}

#ddf .ddf-gray-merlin {
    color: #3d3935;
}
#ddf .ddf-bg-gray-merlin {
    background-color: #3d3935 !important;
}

#ddf .ddf-gray-masala {
    color: #494440;
}
#ddf .ddf-bg-gray-masala {
    background-color: #494440 !important;
} 

#ddf .ddf-gray-flint {
    color: #65615e;
}
#ddf .ddf-bg-gray-flint {
    background-color: #65615e !important;
} 

#ddf .ddf-gray-pablo {
    color: #797867;
}
#ddf .ddf-bg-gray-pablo {
    background-color: #797867;
}
#ddf .ddf-bg-gray-pablo-i {
    background-color: #797867 !important;
}

#ddf .ddf-gray-alto {
    color: #dedede;
}
#ddf .ddf-bg-gray-alto {
    background-color: #dedede !important;
}

#ddf .ddf-gray-mercury {
    color: #e6e6e6;
}
#ddf .ddf-bg-gray-mercury {
    background-color: #e6e6e6 !important;
}

#ddf .ddf-green-caribbean {
    color: #0bc8a2;
}
#ddf .ddf-bg-green-caribbean {
    background-color: #0bc8a2 !important;
}

#ddf .ddf-green-elf {
    color: #077f67;
}
#ddf .ddf-bg-green-elf {
    background-color: #077f67 !important;
}

#ddf .ddf-green-viking {
    color: #5bdac1;
}
#ddf .ddf-bg-green-viking {
    background-color: #5bdac1 !important;
}

#ddf .ddf-green-cruise {
    color: #b5eee3;
}
#ddf .ddf-bg-green-cruise {
    background-color: #b5eee3 !important;
}

#ddf .ddf-bluegreen-java {
    color: #24d0ca;
}
#ddf .ddf-bg-bluegreen-java {
    background-color: #24d0ca !important;
}

#ddf .ddf-yellow-hampton {
    color: #e0e3ab;
}
#ddf .ddf-bg-yellow-hampton {
    background-color: #e0e3ab !important;
}

#ddf .ddf-black {
    color: #222;
}
#ddf .ddf-bg-black {
    background-color: #222 !important;
}

#ddf .ddf-white {
    color: #fff;
}
#ddf .ddf-bg-white {
    background-color: #fff !important;
}

#ddf .ddf-white-alabaster {
    color: #f7f7f7;
}
#ddf .ddf-bg-white-alabaster {
    background-color: #f7f7f7 !important;
}

#ddf .ddf-blue-turquoise {
    color: #6feadd;
}
#ddf .ddf-bg-blue-turquoise {
    color: #6feadd !important;
}

#ddf .ddf-bluegreen-spray-medium {
    color: #69f0eb;
}
#ddf .ddf-bg-bluegreen-spray-medium {
    background-color: #69f0eb !important;
}

#ddf .ddf-bluegreen-spray {
    color: #74efe2;
}
#ddf .ddf-bg-bluegreen-spray {
    background-color: #74efe2 !important;
}

#ddf .ddf-bluegreen-spray-lighter {
    color: #8ff4f5;
}
#ddf .ddf-bg-bluegreen-spray-lighter {
    background-color: #8ff4f5 !important;
}

#ddf .ddf-blue-denim {
    color: #1874e1;
}
#ddf .ddf-bg-blue-denim {
    background-color: #1874e1 !important;
}

#ddf .ddf-blue-cello {
    color: #336;
}
#ddf .ddf-bg-blue-cello {
    background-color: #336 !important;
}

#ddf .ddf-blue-funnel {
    color: #134678;
}
#ddf .ddf-bg-blue-funnel {
    background-color: #134678;
}
#ddf .ddf-bg-blue-funnel-i {
    background-color: #134678 !important;
}

#ddf .ddf-red-funnel {
    color: #f60a0a;
}
#ddf .ddf-bg-red-funnel {
    background-color: #f60a0a;
}
#ddf .ddf-bg-red-funnel-i {
    background-color: #f60a0a !important;
}

#ddf .ddf-blue-twitter {
    color: #4099FF;
}
#ddf .ddf-bg-blue-twitter {
    background-color: #4099FF !important;
}

#ddf .ddf-yellow-js {
    color: #f7df1e;
}
#ddf .ddf-bg-yellow-js {
    background-color: #f7df1e !important;
}

#ddf .ddf-orange-java {
    color: #f89820;
}
#ddf .ddf-bg-orange-java {
    background-color: #f89820 !important;
}

#ddf .ddf-green-android {
    color: #a4c639;
}
#ddf .ddf-bg-green-android {
    background-color: #a4c639 !important;
}

#ddf .ddf-bluish-docker {
    color: #0db7ed;
}
#ddf .ddf-bg-bluish-docker {
    background-color: #0db7ed !important;
}

#ddf .ddf-blue-edge {
    color: #0078D7;
}
#ddf .ddf-bg-blue-edge {
    background-color: #0078D7 !important;
}

/* bulma extensions, ribbon */

  .has-ribbon {
    position: relative;
  }
  
  .has-ribbon-left {
    position: relative;
  }
  .has-ribbon-left .ribbon {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 0.1rem solid #dbdbdb;
  }
  
  .has-ribbon-bottom {
    position: relative;
  }
  .has-ribbon-bottom .ribbon {
    top: auto;
    bottom: 0.5em;
  }
  
  .ribbon {
    background-color: white;
    border: 0.1rem solid #dbdbdb;
    border-right: none;
    color: #363636;
    font-size: 1rem;
    justify-content: center;
    padding-left: 0.75em;
    padding-right: 0.75em;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    top: 0.5em;
    right: 0;
    font-weight: 400;
    z-index: 2;
  }
  .ribbon.is-white:not(.is-outlined) {
    background-color: white;
    border-color: transparent;
    color: #0a0a0a !important;
  }
  .ribbon.is-white.is-outlined {
    background-color: transparent;
    border-color: white;
  }
  .ribbon.is-black:not(.is-outlined) {
    background-color: #0a0a0a;
    border-color: transparent;
    color: white !important;
  }
  .ribbon.is-black.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a;
  }
  .ribbon.is-light:not(.is-outlined) {
    background-color: whitesmoke;
    border-color: transparent;
    color: #363636 !important;
  }
  .ribbon.is-light.is-outlined {
    background-color: transparent;
    border-color: whitesmoke;
  }
  .ribbon.is-dark:not(.is-outlined) {
    background-color: #363636;
    border-color: transparent;
    color: whitesmoke !important;
  }
  .ribbon.is-dark.is-outlined {
    background-color: transparent;
    border-color: #363636;
  }
  .ribbon.is-small {
    font-size: 0.75rem;
  }
  .ribbon.is-medium {
    font-size: 1.25rem;
  }
  .ribbon.is-large {
    font-size: 1.5rem;
  }
  .ribbon.is-outlined {
    background-color: transparent;
  }

/* Mod */

.has-ribbon-left .ribbon {
    border-right: none;
}

.ribbon.is-black a:hover,
.ribbon.is-black a:visited:hover,
a:hover .ribbon.is-black,
a:visited:hover .ribbon.is-black {
    color: white !important;
    background-color: #1874e1 !important;
}

.ribbon.is-transparent {
    background-color: transparent;
    border-color: transparent;
    color: black !important;
}
  

.ddf-card-columns {
    margin-left: 0;
    margin-right: 0;  
}

.ddf-card-columns .card-footer-item {
    border-top: 1px solid #dbdbdb;     
}

@media screen and (min-width: 769px) {
    .ddf-card-columns .card-footer-item {
        text-align: center;
        border-right: none;    
    }

    .ddf-card-columns .card-footer-item:not(:last-child) {
        border-right: 1px solid #dbdbdb;
    }    
}

@media screen and (max-width: 768px) {
    .ddf-card-columns .card-footer-item {
        border-right: none;    
        padding-left: 1.6em;
    }
}


/* https://gist.github.com/jaicab/8799764 */

.video-container {
    position: relative;
    padding-bottom: 56.25%; /*16:9*/
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}