/*** FONTS ***/

/* fonts */
/* font1 regular 400 */
/* font2 semibold 600 */
/* font3 bold 700 */

/* text: Source Sans Pro 11,5 */
/* menu headers: Source Sans Pro (24) */


body .site,
.site h1, 
.site h2, 
.site h3, 
.site h4, 
.site h5, 
.site h6,
.site .ui.menu,
.site .ui.text.container { font-weight: 400; font-size: 16px; font-family: font1, 'Open Sans', 'Helvetica Neue',Arial,Helvetica,sans-serif; }

#page .ui.header,
.site .ui.header,
.site .ui.buttons .button,
.site .ui.button,
.site .ui-page-header-main .ui-menu-bar .item,
.site .pf-ui-slideshow .caption { font-weight: 700; font-family: font3, 'Open Sans', 'Helvetica Neue',Arial,Helvetica,sans-serif; }

.site .ui.buttons .button,
.site .ui.button { }
.site .ui.cards .ui.button {font-size: 1.1em; }


/*** SYSTEM IDENTITY ***/
.pf--identity-unit--header .pf-corporate-logo.svg.small { max-height: 165px ;}
.pf--identity-unit--header .pf-corporate-logo.svg.small > img { max-height: inherit ;}
.pf--identity-unit--login-header {}


/*** SITE STYLE (copy of block) ***/

   /* theme */
    .site .ui.header,
    .site p { color: rgb(5,63,100); }
    .site a.text { color: inherit; text-decoration: none;}
    .site .bg-color-blue { background-color: rgb(5,63,100); }
    .site .bg-color-orange { background-color: rgb(197,117,49); }   
    .site .bg-color-white { background-color: rgb(255,255,255); } 
    .site .bg-color-white--alpha-semi { background-color: rgb(255,255,255,0.5); }  
    .site .bg-color-white--alpha-min { background-color: rgb(255,255,255,0.15); }   
    .site .bg-color-1 { background-color: rgb(5,63,100); }   
    .site .bg-color-1--alpha-semi { background-color: rgba(5,63,100,0.5); }
    .site .bg-color-1--alpha-min { background-color: rgba(5,63,100,0.15); }
    .site .bg-color-2 { background-color: rgb(197,117,49); }    
    .site .font-color-1 { color: rgb(5,63,100); }
    .site .font-color-2 { color: rgb(197,117,49); }    
    .site .font-color-white,
    .site .font-color-white.ui.header { color: rgb(255,255,255); }   
    .site .font-color-black {  color: rgb(0,0,0);}  
    .site .bg-pattern-1 { /*background-size:cover;*/ background-image: url('/files/download/--spf/HzakJ-ZBYVH9KUQJpDQ5vnmfM6PIJVrplkhAT0Tk8_srit_AgDNe8F4L0wNnaIcKKuJXmwqCozpiXfnLqcbCCw'); }   
    .site .bg-pattern-1.--light {background-image: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)), url('/files/download/--spf/HzakJ-ZBYVH9KUQJpDQ5vnmfM6PIJVrplkhAT0Tk8_srit_AgDNe8F4L0wNnaIcKKuJXmwqCozpiXfnLqcbCCw');}
    .site .bg-pattern-1.--very-light {background-image: linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)), url('/files/download/--spf/HzakJ-ZBYVH9KUQJpDQ5vnmfM6PIJVrplkhAT0Tk8_srit_AgDNe8F4L0wNnaIcKKuJXmwqCozpiXfnLqcbCCw');}
    .site .bg-pattern-1.--dark {background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('/files/download/--spf/HzakJ-ZBYVH9KUQJpDQ5vnmfM6PIJVrplkhAT0Tk8_srit_AgDNe8F4L0wNnaIcKKuJXmwqCozpiXfnLqcbCCw');}
    .site .bg-pattern-1.ui-background { opacity: 0.6; }
    .site .bg-pattern-2 { background-color: rgb(181,202,233);}
    .site .shadow-1 { -webkit-box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%); box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%);}
    .site .ui.button.style-read-more { border-radius: 50%; width: 4.5em; height: 4.5em; background-color: rgb(197,117,49); color: #fff; padding: 0; display: flex; align-items: center; font-size: 0.85em; font-weight: bold; letter-spacing: 0.1em; }
    .site .ui.blue.button, 
    .site .ui.blue.buttons .button { background-color: rgb(5,63,100); }
    .site .ui.blue.button:hover, 
    .site .ui.blue.buttons .button:hover,
    .site .ui.blue.button:focus, 
    .site .ui.blue.buttons .button:focus { background-color: rgba(5,63,100,80%); }
    
    .site .ui.white.button, 
    .site .ui.white.buttons .button { background-color: rgb(255,255,255); color: rgb(5,63,100); }
    .site .ui.white.button:hover, 
    .site .ui.white.buttons .button:hover,
    .site .ui.white.button:focus, 
    .site .ui.white.buttons .button:focus { background-color: rgb(5,63,100); color: rgb(255,255,255); }
    
    .site .ui.orange.button, 
    .site .ui.orange.buttons .button { background-color: rgb(197,117,49); }
    .site .ui.inverted.orange.button, 
    .site .ui.inverted.orange.buttons .button { background-color: transparent; -webkit-box-shadow: 0 0 0 2px rgb(197,117,49) inset; box-shadow: 0 0 0 2px rgb(197,117,49) inset; color: rgb(197,117,49); }

     .site .ui.inverted.orange.button:hover, 
     .site .ui.inverted.orange.buttons .button:hover,
     .site .ui.inverted.orange.button:focus, 
     .site .ui.inverted.orange.buttons .button:focus { background-color: rgb(197,117,49); color: #fff; }

    /* layout */
    .site .column.stretch { flex-grow:1;}
    .site .column.flex,
    .site .ui.grid>.column.flex,
    .site .ui.grid>.row>.column.flex { width:auto;}
    .site .ui.grid>.column.align-items-bottom { display: flex; align-items: flex-end; } 
    .site .ui.grid .column.fitted:not(.vertically) { padding-left: 0; padding-right: 0; }
    .site .ui.grid .column.fitted:not(.horizontally) { padding-top: 0; padding-bottom: 0; }
    .site .ui.container.centered { display: flex;justify-content: center;}
    .site .ui.container.padded { padding: 1em; }
    .site .ui.segment.angular { border-radius: 0;}    
    .site .ui.header.tight { margin-bottom:0; }
    .site .ui.header.padded:not(.vertically):not(.horizontally) { padding: 0.85rem; }
    .site .ui.header.small.padded:not(.vertically):not(.horizontally) { padding: 0.65rem; }
    .site section { margin-bottom: 1.5rem;}

    /* image */
    .site .ui.image.segment.fitted > img { border-radius: inherit; }
    
    /* image polaroid */
    .site .ui-polaroids { text-align:center;}
    .site .ui-polaroids.cramped { padding: 2.5rem 1rem 0 1rem; }
    .site .ui-polaroids.cramped .ui-polaroid { margin: -2.5rem -1rem 0 -1rem;}
    .site .ui-polaroids.cramped .ui-polaroid:nth-child(3n+0) { margin-left: -2rem; margin-right:1rem;}
    .site .ui-polaroids.cramped .ui-polaroid:nth-child(6n+0) { margin-left: 1rem; margin-right:0;}
    
    .site .ui-polaroid.mini { width: 10rem;}
    .site .ui-polaroid.tiny { width: 13rem;}
    .site .ui-polaroid.small { width: 16rem;}
    .site .ui-polaroid.large { width: 22rem;}

    /* image polaroid type 1 */
    .site .ui-polaroid.type-1 { display: inline-block; border: 0.5em solid rgb(255, 255, 255); /*max-width: 200px;*/ box-shadow: rgb(0 0 0 / 40%) 0px 0px 20px; }
    .site .ui-polaroid.type-1.lefty {transform: rotateZ(-5deg); /*transform: rotateZ(-10deg);*/ }
    .site .ui-polaroid.type-1.righty { transform: rotateZ(5deg); /*transform: translateX(-10%) rotateZ(10deg);*/ } 

    /* image polaroid type 2 */
    .site .ui-polaroid.type-2 { display: inline-block; /*margin-top: 2rem;*/ /*filter: grayscale(100%);*/ background: #fff; }
    .site .ui-polaroid.type-2:hover { filter: none; transform: scale(1, 1) rotate(0deg) !important; transition: all 0.35s; z-index:100 !important; }
    .site .ui-polaroid.type-2:hover .image:before { content: ''; position: absolute; z-index: -1; transform: rotate(0deg); height: 90%; width: 90%; bottom: 0%; right: 5%; box-shadow: 0 1rem 3rem rgba(0,0,0,0.2); transition: all 0.35s; }
    .site .ui-polaroid.type-2 .image:before { content: ''; position: absolute; z-index: -1; transition: all 0.35s; }
    .site .ui-polaroid.type-2 .image { background: #fff; padding: 1rem; box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.2); }
    .site .ui-polaroid.type-2 .image > img { max-width: 100%; height: auto; }
    .site .ui-polaroid.type-2 .caption { font-size: 1.8rem; text-align: center; line-height: 2em; }
    .site .ui-polaroid.type-2.lefty { transform: scale(0.8, 0.8) rotate(-5deg); transition: all 0.35s; }
    .site .ui-polaroid.type-2.lefty .image:before { transform: rotate(-6deg); height: 20%; width: 47%; bottom: 30px; left: 12px; box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4); }
    .site .ui-polaroid.type-2.righty { transform: scale(0.8, 0.8) rotate(5deg); transition: all 0.35s; }
    .site .ui-polaroid.type-2.righty .image:before { transform: rotate(6deg); height: 20%; width: 47%; bottom: 30px; right: 12px; box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4); }

    

    /* util */
    .site .uppercase { text-transform: uppercase ;}
    .site .italic { font-style:italic; }
    .site .css-relative { position: relative; }
    .site .ui-background { position:absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .site .ui-foreground { position: relative; z-index:2;}    
    .site img.contrast { image-rendering: -webkit-optimize-contrast; }
    .site .ui-rounded-corners { border-radius: .28571429rem; }
    .site .ui-rounded-corners > div:first-child { border-top-left-radius:inherit; border-top-right-radius:inherit; } 
    .site .ui-rounded-corners > div:last-child { border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; } 

    /* header top */
    .site .ui-page-header-top {}
    .site .ui-page-header-top .row.offset-1 { height: 1.25rem;}
    .site .ui-page-header-top .row.offset-2 { height: 0.4rem;}
    .site .ui-page-header-top .ui.menu.secondary > .item,
    .site .ui-page-header-top .ui.menu.secondary .group > .item { margin:0;padding:0;}
    .site .ui-page-header-top .ui.menu.secondary .group > .item > div { margin: 0 0.2em; }
    .site .ui-page-header-top .ui.menu.secondary .item.divider { width: 1.25em;}
    .site .ui-page-header-top .ui.menu.secondary .item.divider.stretch { flex-grow: 1;}
    .site .ui-page-header-top .ui.menu.secondary .item.active,
    .site .ui-page-header-top .ui.menu.secondary .item:hover { background: none;}
    .site .ui-page-header-top .ui.menu.secondary .item .ui.header {margin: 0;}
    .site .ui-page-header-top .group { display: flex; flex-direction: row;}
    .site .ui-page-header-top .stretch.--b2b { display: none; }

    /* Mobile - below 768px*/
@media only screen and (max-width: 767px) {    
    .site .ui-page-header-top .ui.menu.secondary { flex-wrap: wrap;}
    .site .ui-page-header-top .group { /*padding-top: 0.25em; */}
    .site .ui-page-header-top .group.--social { display: none; /*order: 1;*/}
    .site .ui-page-header-top .group.--b2b { /*display: none;*/ }
    .site .ui-page-header-top .group.--lang { /*order: 4;*/}
    .site .ui-page-header-top .group.--contact { /*order: 5; display: flex; flex-direction: column; padding-bottom: 0.45em;*/ }
    .site .ui-page-header-top .group.--contact .item:not(.--focus){ display:none;}
    .site .ui-page-header-top .ui.menu.secondary .group.--contact > .item { /*align-self: flex-start; padding-top: 0.25em; */}
    .site .ui-page-header-top .stretch.--social { display: none; /* order: 2;*/ }
    .site .ui-page-header-top .stretch.--b2b { display: none; }
    .site .ui-page-header-top .stretch.--lang { /*order: 3;*/ }
    .site .ui-page-header-top .stretch.--fo { display: none; }
}
/* Tablet - 768px - 991px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .site .ui-page-header-top .ui.menu.secondary { flex-wrap: wrap;}
    .site .ui-page-header-top .group { padding-top: 0.25em; padding-bottom: 0.45em; }
    .site .ui-page-header-top .group.--social { order: 4;}
    .site .ui-page-header-top .group.--lang { order: 3;}
    .site .ui-page-header-top .group.--contact { order: 1;}
    .site .ui-page-header-top .group.--contact-btn { order: 7;}
    .site .ui-page-header-top .group.--b2b { order: 9;}
    .site .ui-page-header-top .group.--fo { order: 11;}
    .site .ui-page-header-top .stretch.--social { order: 5; }
    .site .ui-page-header-top .stretch.--contact-btn { order: 6;}
    .site .ui-page-header-top .stretch.--b2b { order: 7;}
    .site .ui-page-header-top .stretch.--lang { order: 2;}
    .site .ui-page-header-top .stretch.--fo { order: 9; }
    .site .ui-page-header-top .ui.menu.secondary .item.divider.stretch.--fo { flex-grow: 0; }
}
/* Small Monitor - 992px - 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .site .ui-page-header-top .ui.menu.secondary { flex-wrap: wrap;}
    .site .ui-page-header-top .group { padding-top: 0.25em; padding-bottom: 0.45em; }
    .site .ui-page-header-top .group.--social { order: 4;}
    .site .ui-page-header-top .group.--lang { order: 3;}
    .site .ui-page-header-top .group.--contact { order: 1; width: 100%;}
    .site .ui-page-header-top .group.--contact-btn { order: 8;}
    .site .ui-page-header-top .group.--b2b { order: 9;}
    .site .ui-page-header-top .group.--fo { order: 11;}
    .site .ui-page-header-top .stretch.--social { order: 5;}
    .site .ui-page-header-top .stretch.--contact-btn { order: 6;}
    .site .ui-page-header-top .stretch.--b2b { order: 7;}
    .site .ui-page-header-top .stretch.--lang { order: 2;}
    .site .ui-page-header-top .stretch.--fo { order: 10; }
    .site .ui-page-header-top .ui.menu.secondary .item.divider.stretch.--fo { flex-grow: 0; }
}
/* Tablet+Small Monitor - 768px - 1200px*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {

}

    /* header main */
    .site .ui-page-header-main { }
    .site .ui-page-header-main > .grid > .column {max-width: 1200px;}
    .site .ui-page-header-main .ui-menu-bar { padding: 0 2em;}
    .site .ui-page-header-main .ui.menu.secondary { min-height: auto;}
    .site .ui-page-header-main .ui.menu.secondary .item { color: #fff; font-size: 1em; font-weight: bold; padding:0.7em 0.9em;}
    .site .ui-page-header-main .ui.menu.secondary > a,
    .site .ui-page-header-main .ui.menu.secondary > .menu > a,
    .site .ui-page-header-main .ui.menu.secondary .dropdown.item > a { line-height:1em;}
    .site .ui-page-header-main .ui.menu.secondary .item > a { color: #fff; font-size: 1em; font-weight: bold;}
    .site .ui-page-header-main .ui.menu.secondary .item.active,
    .site .ui-page-header-main .ui.menu.secondary .item:hover { border-radius:0; /*background: none;*/}

    .site .ui-page-header-main .ui.menu.secondary .item.round { width: 7em; margin-right: 2em;}
    .site .ui-page-header-main .ui.menu.secondary .item.round:hover{background:none;}
    .site .ui-page-header-main .ui.menu.secondary .item.round .ui-circle { width: 7em; height:7em; position: absolute; display: flex; justify-content: center; align-items: center; border: 3px solid #fff; }
    .site .ui-page-header-main .ui.menu.secondary .item.round .ui-circle > div { height: auto; }

    .site .ui-page-header-main .ui.secondary.menu .dropdown.item > .menu { margin:0;}
    .site .ui-page-header-main .ui.menu.secondary .dropdown.item { text-align:center;}
    .site .ui-page-header-main .ui.menu.secondary .dropdown.item .menu { background-color: rgb(5,63,100); border-radius: 0; -webkit-box-shadow:none; box-shadow: none; border: none; }
    .site .ui-page-header-main .ui.menu.secondary .dropdown.item .menu > .item { color:#fff !important; font-weight: bold !important; }

    .site .ui-page-header-main .ui-logo-primary { width: 15rem; }

    .site .ui-site-header-search .ui.input { width: 100%; height: 2rem; }

/* Mobile - below 768px*/
@media only screen and (max-width: 767px) {
    .site .ui-page-header-main > .ui.container:not(.fluid) { margin:0;}
    .site .ui-page-header-main .row {padding:0; }
    .site .ui-page-header-main .ui-logo-primary { width: 10rem; }
    .site .ui-page-header-main .ui-menu-bar { padding: 0; }
    .site .ui-page-header-main .ui.menu.secondary { flex-wrap: wrap;}
    .site .ui-page-header-main .ui.menu.secondary .item {display: block; /*width: 33%;*/ margin:0 auto; }
    .site .ui-page-header-main .ui.menu.secondary .dropdown.item .menu > .item { width:inherit;}
}
/* Tablet - 768px - 991px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .site .ui-page-header-main .ui-logo-primary { width: 10rem; }
}
/* Tablet + Desktop - above 768px */
@media only screen and (min-width: 768px) {
    .site .ui-page-header-main .ui.menu.secondary .item {margin: 0; }
    .site .ui-page-header-main .ui.menu.secondary > a,
    .site .ui-page-header-main .ui.menu.secondary > .menu > a,
    .site .ui-page-header-main .ui.menu.secondary .dropdown.item > a { font-size:1.1em; }
}


    /* banner */
    .site .ui-banner-image { border:none; -webkit-box-shadow:none; box-shadow: none; }
    .site .ui-banner-image.raised { -webkit-box-shadow: 3px 3px 2px 0 rgb(34 36 38 / 15%); box-shadow: 3px 3px 2px 0 rgb(34 36 38 / 15%); }
    .site .ui-banner-image.fitted .image { width: 100%; border-radius: inherit; }
    .site .ui-banner-image.fitted .image > img { width: inherit; border-radius: inherit; }
    .site .ui-banner-image .overlay { position: absolute; top:0;bottom: 0; left:0;right:0;}
/* Mobile - below 768px*/
@media only screen and (max-width: 767px) {
    .site .ui-banner-image .overlay { position: relative;}
}

    /* slider */
    .site .pf-ui-slideshow--slide.default .caption { color: #fff; font-style: italic; background-color: rgb(5,63,100); font-weight: bold; bottom: 1em; right: 1em; border-radius: .28571429rem; }
/* Mobile - below 768px*/
@media only screen and (max-width: 767px) {
    .site .pf-ui-slideshow--index { display:none; }
}


    /* content: circles */
    .site .ui-circles { }
    .site .ui-circles .item { position: relative; width: 9em; height: 10em; margin: 0 1rem;}
    .site .ui-circles .item .ui-circle { position: absolute; top:1em;left:0; z-index: 1; height: 9em; width: 9em;}
    .site .ui-circles .item .content { position: relative; z-index: 2; /*width: inherit; text-align: left;*/}
    .site .ui-circles .item .content > a { width: 100%; height: 10em; display:block;}
    .site .ui-circles .item .content > a > .row { position: relative; width:100%; height: 50%; }
    .site .ui-circles .item .image { position: absolute; bottom: 0; left:0; width: 48%; }
    .site .ui-circles .item .ui.header { color: #fff; text-align: center; font-size: 1.15em;}
    .site .ui-circles .item .content > a > .row.bottom {display:flex;justify-content: center; /*align-items: center;*/ height:40%; }
    
    /* circle */
    .site .ui-circle { height: 10em; width: 10em; background-color: rgb(5,63,100); border-radius: 50%; display: inline-block; }
    .site .ui-circle.shadow { -webkit-box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%); box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%);}
    
    /* divider */
    .site .ui.divider.large { margin: 1.5em 0; }
    .site .ui.divider.big { margin: 2em 0; }
    .site .ui.divider.attached.top { margin-top: 0;}
    .site .ui.divider.attached.bottom { margin-bottom: 0;}
    
    /* divider line */
    .site .ui-divider-line:not(.vertical):not(.horizontal) { border-top: 4px solid rgba(34,36,38,0.6); }
    .site .ui-divider-line.inverted:not(.vertical):not(.horizontal) { border-top-color: rgb(255,255,255); }

    /* icon social */
    .site .ui-icon-social { display: inline-block; width: 2em; height: 2em; /*border: 1px solid transparent;*/ /*border-radius:50%;*/ background-size: cover; background-image: url('/files/download/--spf/HzakJ-ZBYVH9KUQJpDQ5vnmfM6PIJVrplkhAT0Tk8_srit_AgDNe8F4L0wNnaIcKblsOCEHWQg1kozvX_BJd2w'); }
    .site .ui-icon-social.facebook { background-position-x: 0; }
    .site .ui-icon-social.instagram { /*background-position-x: calc(-1.35 * 2em);*/ background-position-x: calc(-1.47 * 2em); }
    .site .ui-icon-social.linkedin { /*background-position-x: calc(-2.75 * 2em);*/ background-position-x: calc(-2.95 * 2em); }
    .site .ui-icon-social.whatsapp { /*background-position-x: calc(-4.1 * 2em);*/ background-position-x: calc(-4.45 * 2em); }
    .site .ui-icon-social.youtube { /*background-position-x: calc(-5.5 * 2em);*/ background-position-x: calc(-5.94 * 2em); }
    .site .ui-icon-social.maps { /*background-position-x: calc(-6.9 * 2em);*/ background-position-x: calc(-7.4 * 2em); }
    .site .ui-icon-social.mobile { /*background-position-x: calc(-8.3 * 2em);*/ background-position-x: calc(-8.9 * 2em); }
    .site .ui-icon-social.email { /*background-position-x: calc(-9.8 * 2em);*/ background-position-x: calc(-10.55 * 2em);  }
    .site .ui-icon-social.time { /*background-position-x: calc(-11.2 * 2em);*/ background-position-x: calc(-12.1 * 2em); }

    /* icon language */
    .site .ui-icon-lang { display: inline; width: 2em; height: 2em; /*border: 1px solid transparent;*/ /*border-radius:50%;*/ background-size: cover; }
    .site .ui-icon-lang.nl { background-position: 0 0; background-image: url('/files/download/--spf/HzakJ-ZBYVH9KUQJpDQ5vnmfM6PIJVrplkhAT0Tk8_srit_AgDNe8F4L0wNnaIcKArODwhmo0Tq7xJaWyXDIHQ'); }
    .site .ui-icon-lang.en { background-position: 0 0; background-image: url('/files/download/--spf/HzakJ-ZBYVH9KUQJpDQ5vnmfM6PIJVrplkhAT0Tk8_srit_AgDNe8F4L0wNnaIcKy1EMXPvwnXB-HHqQQMSrJA'); }

    /* footer */
    .site .ui-page-footer-main { font-size: 0.9em;}
    .site .ui-page-footer-main .ui.header,
    .site .ui-page-footer-main p { color: #fff;}
    .site .ui-page-footer-main a.ui.header { display:block; }
    .site .ui-page-footer-main .row { justify-content: space-between;}
    .site .ui-page-footer-main .ui-social.row { margin-top: 1.5rem; padding:0;}
    .site .ui-page-footer-main .ui-social .ui.horizontal.list>.item { margin-right: 0.35em; }

/* Mobile - below 768px*/
@media only screen and (max-width: 767px) {
    .site .ui-page-footer-main > .container { padding: 2rem; font-size: 1.25em; }
    .site .ui-page-footer-main .ui-social .ui.horizontal.list>.item { margin-right: 0.75em;}
}

    /* cards */
    .site .ui.cards .card .overlay { position: absolute; left:0;right:0; pointer-events: none; }
    .site .ui.cards .card .overlay .ui.segment { box-shadow: none; border: none; }
    .site .ui.cards .card .overlay .ui.segment.top { border-bottom-left-radius:0;border-bottom-right-radius:0;}
    .site .ui.cards .card .overlay:not(.full){ border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
    .site .card .image.background { background-size: cover; background-position: center; height: inherit; border-radius: inherit !important;}
   

    /* card type 1 */
    .site .ui-card-type-1 {}
    .site .ui-card-type-1 > .item:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
    
    /* card type 2 */
    .site .ui-card-type-2 {}
    .site .ui-card-type-2.ui.cards.small > .card { height: 10rem;}
    
    /* card type 3 */
    .site .ui-card-type-3 {}
    .site .ui-card-type-3 .card { width: 15rem; height: 15rem; border-radius: 50%; border: 3px solid rgb(197,117,49); /* color 2 */ -webkit-box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%);
    box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%);}
    .site .ui-card-type-3 .card .image.background { width: calc(15rem - 6px); height: calc(15rem - 6px); border-radius: 50% !important; }
    .site .ui-card-type-3 .card .overlay .ui.segment { top: 11rem; padding: 1em 0.5em; }
    .site .ui-card-type-3.ui.cards a.card:hover { border: 3px solid rgb(197,117,49); /* color 3*/}
    
    /* card type 4: brands */
    .site .ui-card-type-4 {}
    .site .ui-card-type-4.ui.cards.small > .card { width: 10rem; height: 10rem; justify-content: center; background: none;border:none; -webkit-box-shadow:none;box-shadow: none; }
    .site .ui-card-type-4.ui.cards.small > .card img { max-height: 10rem; width: auto; margin: 0 auto; -webkit-box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%); box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%); }
    
    /* card type 4: brands */
    .site .ui-card-type-4-alt {}
    .site .ui-card-type-4-alt.ui.cards { flex-wrap: nowrap; overflow-x: auto;}
    .site .ui-card-type-4-alt.ui.cards.small > .card { min-width:16rem; width: 16rem; height: 12rem; padding:1rem; justify-content: center; overflow:hidden; /*border: 3px solid rgb(197,117,49);*/ /*background: none;border:none; */ /*-webkit-box-shadow:none;box-shadow: none;*/ -webit-box-shadow: 0 1px 3px 0 rgb(5 63 100), 0 0 0 1px rgb(5 63 100); box-shadow: 0 1px 3px 0 rgb(5 63 100), 0 0 0 1px rgb(5 63 100);}
    .site .ui-card-type-4-alt.ui.cards.small > .card .image { background:transparent; border-radius: 0!important;}
    .site .ui-card-type-4-alt.ui.cards.small > .card img { max-height: 10rem; width: auto; margin: 0 auto; /*-webkit-box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%); box-shadow: 2px 2px 3px 3px rgb(34 36 38 / 25%);*/ }

    /* card type 5 */
    .site .ui-card-type-5 {}
    .site .ui-card-type-5 .card { width: 12rem; height: 12rem; border:none; background:none; -webkit-box-shadow:none; box-shadow:none;  }
    /*.site .ui-card-type-5 .card .image.background { width: calc(15rem - 6px); height: calc(15rem - 6px); border-radius: 50% !important; }*/
    .site .ui-card-type-5 .card .background .content { position:absolute;width:60%; left: 1rem; bottom: 3rem;}
    .site .ui-card-type-5 .card .overlay .ui.segment { top: 7.5rem; padding: 1em 0.5em; }
    .site .ui-card-type-5.ui.cards a.card:hover { background:none; border:none; -webkit-box-shadow:none; box-shadow:none; }

    /* carousel */
    .site .ui-carousel-button {color:#fff; text-shadow: 0px 1px 5px rgb(0 0 0 / 100%);
    cursor: pointer; }
    .site .ui-carousel-button i.icon {font-size:4em; margin-left:-1rem;margin-right:-1rem; }



    /* content: articles */
    .site .ui-articles .ui-article.lefty .col-image { order: 1; }
    .site .ui-articles .ui-article.lefty .col-text { order: 2; }
    .site .ui-articles .ui-article.lefty .col-read-more { order: 3; }    
    .site .ui-articles .ui-article.righty .col-image { order: 3; }
    .site .ui-articles .ui-article.righty .col-text { order: 2; }
    .site .ui-articles .ui-article.righty .col-read-more { order: 1; }
    /* Mobile - below 768px*/
@media only screen and (max-width: 767px) {
    .site .ui-articles .ui-article .col-image { justify-content: center; }
    .site .ui-articles .ui-article .col-read-more { justify-content: center; }
    .site .ui-articles .ui-article.lefty .col-image { order: 1; }
    .site .ui-articles .ui-article.lefty .col-text { order: 2; }
    .site .ui-articles .ui-article.lefty .col-read-more { order: 3; }    
    .site .ui-articles .ui-article.righty .col-image { order: 1; }
    .site .ui-articles .ui-article.righty .col-text { order: 2; }
    .site .ui-articles .ui-article.righty .col-read-more { order: 3; }
    
    .site article section > .ui.grid.stackable > .column { padding-left:0;padding-right:0;}
}


/* Mobile - below 768px*/
@media only screen and (max-width: 767px) {
    .site .screen-only-mobile { }
    .site .screen-only-tablet { display: none!important;}
    .site .screen-only-desktop { display: none!important;}
    .site .screen-max-tablet { }
    .site .screen-min-tablet { display: none!important;}
    .site .screen-min-widescreen { display: none!important;}
}
/* Tablet - 768px - 991px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .site .screen-only-mobile { display: none!important;}
    .site .screen-only-tablet { }
    .site .screen-only-desktop { display: none!important;}
    .site .screen-max-tablet { }
    .site .screen-min-tablet { }
    .site .screen-min-widescreen { display: none!important;}
}
/* Small Monitor - 992px - 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .site .screen-min-widescreen { display: none!important;}
}
/* Large Monitor - above 1200px */
@media only screen and (min-width: 1200px) {
    .site .screen-min-widescreen { }
}
/* Desktop - above 992px */
@media only screen and (min-width: 992px) {
    .site .screen-only-mobile { display: none!important;}
    .site .screen-only-tablet { display: none!important;}
    .site .screen-only-desktop { }
    .site .screen-max-tablet { display: none!important;}
    .site .screen-min-tablet { }
}